-
Notifications
You must be signed in to change notification settings - Fork 0
/
politique-confidentialite.html
142 lines (116 loc) · 5.5 KB
/
politique-confidentialite.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="site web MONA: à propos">
<meta name="author" content="Maison MONA">
<title>MONA | Politique de confidentialité</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
<!-- Custom styles for this template -->
<link href="css/modern-business.css" rel="stylesheet">
<!-- notre fichier CSS: MONA -->
<link href="css/mona.css" rel="stylesheet">
</head>
<style>
dl {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
</style>
<body>
<!-- Navbar du site -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light fixed-top">
<div class="container">
<!--navbar gauche-->
<a class="navbar-brand" href="index.html">
<img src="./img/logo.png" height="40px"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--navbar droite-->
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="./index.html">ACCUEIL</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./apropos.html">À PROPOS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./application.html">APPLICATION</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./activites.html">ACTIVITÉS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blogue.html">BLOGUE</a>
</li>
<!-- en commentaire pour le moment
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Blog
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
<a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
</div>
</li>-->
<li class="nav-item">
<a class="nav-link" href="contact.html">CONTACT</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading/Breadcrumbs
<h1 class="mt-4 mb-3"><small>À propos de</small> <img src="img/logo.png" height="40">
</h1>
-->
<!--
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Accueil</a>
</li>
<li class="breadcrumb-item active">À propos</li>
</div>
</ol> no breadcrumb for now
-->
<header></header>
<!--Projets-->
<div >
<h2>Politique de confidentialité</h2>
<p>MONA est un projet de recherche universitaire basé à l’Université de Montréal (Qc, CA). Comme nous le détaillons dans notre politique de confidentialité, les données que nous recueillons servent uniquement à la recherche académique. Ce projet entièrement non-commercial n'implique aucun tiers.</p>
<h5>Quelles données recueillons-nous ?</h5>
<p>Nous attachons de l'importance à la protection votre vie privée. Nous recueillons uniquement les données pertinentes pour notre recherche, c'est-à-dire vos photographies, notes et commentaires des découvertes collectionnées. Ces données sont enregistrées dans nos serveurs universitaires et leur accès est limité à une version anonymisée pour le groupe de recherche <em>Art et site</em>.</p>
<h5>Pourquoi recueillons-nous des données ?</h5>
<p>Notre recherche porte sur l'intérêt de la population pour l'art public. Les données recueillies nous permettent de comprendre comment vous percevez l’art et la culture qui vous entourent.</p>
<h5>Vos droits</h5>
<p>Vous pouvez nous envoyer des questions concernant vos données ou demander de les supprimer de notre serveur en nous contactant à <a href='mailto: [email protected]'>[email protected]</a>.</p>
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<div class="links-grid-3" style="font-size: small;">
<a href="mailto:[email protected]"><img src="/img/email_blanc.png" alt="adresse courriel"></a>
<a href="https://www.instagram.com/mona.artpublic/"><img src="/img/insta_blanc.png" alt="lien instagram"></a>
<a href="https://www.facebook.com/MONA.ArtPublic"><img src="/img/fb_blanc.png" alt="lien facebook"></a>
</div>
<br>
<p class="m-0 text-center text-white">Maison MONA - 2024</p>
<br>
<p class="m-0 text-center text-white">Partenaires: <a href="http://www.ART ET SITE.org/" class="text-white"> Art et site</a>, <a href="https://diro.umontreal.ca/accueil/" class="text-white"> DIRO</a></p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>