PageSourceSearch

https://colidee.com/presentation/espace_de_concertation

html colidee.com collected 2026-10-02 15:23:34 UTC 49,051 bytes, 1,075 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5	<meta name="apple-mobile-web-app-capable" content="yes">
6	<meta http-equiv="X-UA-Compatible" content="IE=edge">
7	<meta name="apple-itunes-app" content="app-id=1369888828" />
8<!-- Start SmartBanner configuration -->
9<meta name="smartbanner:title" content="Colidée">
10<meta name="smartbanner:author" content="Ethics Group">
11<meta name="smartbanner:price" content="Gratuit">
12<meta name="smartbanner:price-suffix-google" content=" - Google Play">
13<meta name="smartbanner:icon-google" content="https://lh3.googleusercontent.com/e537l5XVVbRMcDAel2VloaSXDMSxnPok4Tu1VgVXXYRLDpy6HYElVZqG7An7EQg7G8f_=s360-rw">
14<meta name="smartbanner:button" content="Voir">
15<meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.digismart.dev.androidcolidee&hl=fr">
16<meta name="smartbanner:enabled-platforms" content="android">
17<meta name="smartbanner:exclude-user-agent-regex" content="^.*colidee/1.1$">
18<meta name="smartbanner:disable-positioning" content="true">
19<meta name="smartbanner:custom-design-modifier" content="colidee.com">
20
21<meta name="smartbanner:close-label" content="Close">
22<meta name="smartbanner:api" content="true">
23<!-- End SmartBanner configuration -->
24
25<link rel="stylesheet" href="https://colidee.com/js/smartbanner/dist/smartbanner.min.css">
26<script src="https://colidee.com/js/smartbanner/dist/smartbanner.min.js"></script>
26
27	<title>colidée  - Le réseau social de concertation - Espaces</title>
28		<meta name="description" content="Colidée : le réseau social de concertation  - Colidée, un espace pour construire collectivement les projets de demain. Avec Colidée, les porteurs d’initiatives rencontrent les idées qui concrétiseront les projets et construiront le monde de demain." />
29	<link rel="shortcut icon" class="favicon" id="favi" href="https://colidee.com/favicon.ico" type="image/x-icon">
30	<link rel="icon" class="favicon" href="https://colidee.com/favicon.ico" type="image/x-icon">
31	<meta name="viewport" content="width=device-width, initial-scale=1" />
32	<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> -->
33	<link rel="apple-touch-icon" href="https://colidee.com/img/icon_colidee.png" />
34	<link rel="stylesheet" type="text/css" href="https://colidee.com/bootstrap-3.3.2/css/bootstrap.css?v=80721" />
35	<link href="https://colidee.com/css/fontawesome/fontawesome.min.css?v=80721" rel="stylesheet">
36	
37	<link href="https://colidee.com/css/font/googlefonts/fonts.css" rel="stylesheet">
38
39	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/reset.css?v=80721">
40
41	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/commun.css?v=80721" />
42	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/accueil_deconnecte.css?v=80721" />
43	
44
45	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/accueil_deconnecte_medium.css?v=80721" media="screen and (min-width: 992px) and (max-width: 1200px)" />
46	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/accueil_deconnecte_small.css?v=80721" media="screen and (min-width: 768px) and (max-width: 992px)" />
47	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/accueil_deconnecte_xsmall.css?v=80721" media="screen and (max-width: 768px)" />
48
49
50	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/commun_medium.css?v=80721" media="screen and (min-width: 992px) and (max-width: 1200px)" />
51	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/commun_small.css?v=80721" media="screen and (min-width: 768px) and (max-width: 992px)" />
52	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/commun_xsmall.css?v=80721" media="screen and (max-width: 768px)" />
53	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/special_colidee.css?v=80721" />
54
55	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/colidee/medium.css?v=80721" media="screen and (min-width: 992px) and (max-width: 1200px)" />
56	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/colidee/small.css?v=80721" media="screen and (min-width: 768px) and (max-width: 992px)" />
57	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/colidee/xsmall.css?v=80721" media="screen and (max-width: 768px)" />
58
59	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/tooltipster/tooltipster.css?v=80721">
60	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/autocomplete/autocomplete.css?v=80721">
61
62	<link rel="stylesheet" type="text/css" href="https://colidee.com/css/magnificpopup/magnificpopup_pour_popup_images.css?v=80721" />
63	<link rel="stylesheet" type="text/css" href="https://colidee.com/js/tribute/dist/tribute.css" />
64	
65	
66	
66<script src="https://colidee.com/js/jquery.js"></script>
66
67	
67<script src="https://colidee.com/js/jqueryUi.js"></script>
67
68	
68<script src="https://colidee.com/js/fonctionsStatic.js?v=80721"></script>
68
69	
69<script src="https://colidee.com/js/fonctions.js?v=80721"></script>
69
70	
70<script src="https://colidee.com/js/tooltipster/tooltipster.js"></script>
70
71	
71<script src="https://colidee.com/js/bootstrap/bootstrap.min.js"></script>
71
72	
72<script src="https://colidee.com/js/autocomplete/autocomplete.js"></script>
72
73	
73<script src="https://colidee.com/js/magnificpopup/magnificpopup_pour_popup_images.js?v=80721"></script>
73
74	
74<script src="https://colidee.com/js/socket.io/socket.io.js"></script>
74
75	
75<script src="https://colidee.com/js/confirm/confirm.js"></script>
75
76		
76<script src="https://colidee.com/js/tribute/dist/tribute.js"></script>
76
77	
78	
79	
79<script>racineJS = "https://colidee.com/"</script>
79</head>
80
81
82<body>	
83	
84
85
86
87<!-- Menu institutionnel -->
88
89	<div class="menu_institutionnel hidden-sm hidden-xs">
90		<a href="https://colidee.com/presentation/pourquoi_colidee" title="">Pourquoi Colidée ?</a>
91		<a href="https://colidee.com/presentation/concertation" title="">La concertation</a>
92		<a href="https://colidee.com/presentation/espace_de_concertation" title="">L'espace de concertation</a>
93		<a href="https://colidee.com/presentation/animation_concertation" title="">L'animation</a>
94		<!--<a href="https://colidee.com/presentation/decouvrir" title="">Nous découvrir</a>	-->
95		<a href="https://colidee.com/presentation/nos_offres" title="">Nos offres</a>
96		<a href="https://colidee.com/editos" title="">Le Blog</a>
97		<a href="https://ethics-group.com" target="_blank">Nous découvrir</a>	
98	</div>
99
100
101
102
103<!-- EDITOS -->
104	<!-- EDITOS -->
105	
106	<div class="editosContainer"> 
107		<div class="container">
108			<span class="toggleEditos">V</span>
109			<div class="editosTogglisable" style="height:75px; display:none">
110				 
111				<div class="owl-carousel owl-theme carouselEditos ">           
112											<div class="editoContainer">                
113							<div class="illusEdito">                
114								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/16.jpg?v=1617191822">
115							</div>                              
116							<div>   
117								<span class="accrocheEdito">BAROMETRE 2021<br></span>              
118								<a href="https://colidee.com/edito-16" class="titreEdito">
119									La d&eacute;marche de concertation citoyenne								</a>
120								<span class="dateEdito cache"> <br>31/03/2021</span>               
121							</div>
122						</div>
123											<div class="editoContainer">                
124							<div class="illusEdito">                
125								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/15.jpg?v=1606733522">
126							</div>                              
127							<div>   
128								<span class="accrocheEdito">EDITO<br></span>              
129								<a href="https://colidee.com/edito-15" class="titreEdito">
130									&Agrave; la recherche d&rsquo;un nouveau paradigme social								</a>
131								<span class="dateEdito cache"> <br>30/11/2020</span>               
132							</div>
133						</div>
134											<div class="editoContainer">                
135							<div class="illusEdito">                
136								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/14.jpg?v=1594104702">
137							</div>                              
138							<div>   
139								<span class="accrocheEdito">Edito juillet 2020<br></span>              
140								<a href="https://colidee.com/edito-14" class="titreEdito">
141									De la d&eacute;mocratie de l&rsquo;abstention &agrave; une d&eacute;mocratie de la concertation								</a>
142								<span class="dateEdito cache"> <br>07/07/2020</span>               
143							</div>
144						</div>
145											<div class="editoContainer">                
146							<div class="illusEdito">                
147								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/11.jpg?v=1591800529">
148							</div>                              
149							<div>   
150								<span class="accrocheEdito">Synth&egrave;se de la concertation du 28 mai 2020<br></span>              
151								<a href="https://colidee.com/edito-11" class="titreEdito">
152									Les 9 fondamentaux du manager pour instaurer une relation de confiance								</a>
153								<span class="dateEdito cache"> <br>10/06/2020</span>               
154							</div>
155						</div>
156											<div class="editoContainer">                
157							<div class="illusEdito">                
158								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/9.jpg?v=1589741868">
159							</div>                              
160							<div>   
161								<span class="accrocheEdito">Edito du 17 mai 2020<br></span>              
162								<a href="https://colidee.com/edito-9" class="titreEdito">
163									L&rsquo;entreprise &agrave; mission sociale et environnementale t&eacute;l&eacute;-&eacute;tendue								</a>
164								<span class="dateEdito cache"> <br>17/05/2020</span>               
165							</div>
166						</div>
167											<div class="editoContainer">                
168							<div class="illusEdito">                
169								<img class="owl-lazy" data-src="https://colidee.com/img/editodefault.jpg?v=1588852220">
170							</div>                              
171							<div>   
172								<span class="accrocheEdito">Espaces citoyens<br></span>              
173								<a href="https://colidee.com/edito-8" class="titreEdito">
174									Cr&eacute;ez votre espace de concertation !								</a>
175								<span class="dateEdito cache"> <br>15/05/2020</span>               
176							</div>
177						</div>
178											<div class="editoContainer">                
179							<div class="illusEdito">                
180								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/5.jpg?v=1587744563">
181							</div>                              
182							<div>   
183								<span class="accrocheEdito">Appel solidaire 2020<br></span>              
184								<a href="https://colidee.com/edito-5" class="titreEdito">
185									Appel &agrave; l&rsquo;intelligence collective des entreprises pour r&eacute;pondre &agrave; la crise								</a>
186								<span class="dateEdito cache"> <br>24/04/2020</span>               
187							</div>
188						</div>
189											<div class="editoContainer">                
190							<div class="illusEdito">                
191								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/3.jpg?v=1587742745">
192							</div>                              
193							<div>   
194								<span class="accrocheEdito">Concertation du moment<br></span>              
195								<a href="https://colidee.com/edito-3" class="titreEdito">
196									Bien vivre le confinement en famille								</a>
197								<span class="dateEdito cache"> <br>24/04/2020</span>               
198							</div>
199						</div>
200											<div class="editoContainer">                
201							<div class="illusEdito">                
202								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/2.jpg?v=1587742562">
203							</div>                              
204							<div>   
205								<span class="accrocheEdito">Edito du 5 d&eacute;cembre 2019<br></span>              
206								<a href="https://colidee.com/edito-2" class="titreEdito">
207									Entrer en &laquo; r&eacute;seaunance &raquo; en devenant co-leader de la transformation								</a>
208								<span class="dateEdito cache"> <br>24/04/2020</span>               
209							</div>
210						</div>
211											<div class="editoContainer">                
212							<div class="illusEdito">                
213								<img class="owl-lazy" data-src="https://colidee.com/dataPlateformes/edito/6.jpg?v=1588180188">
214							</div>                              
215							<div>   
216								<span class="accrocheEdito">Octobre 2019<br></span>              
217								<a href="https://colidee.com/edito-6" class="titreEdito">
218									Barom&egrave;tre de la concertation								</a>
219								<span class="dateEdito cache"> <br>29/04/2020</span>               
220							</div>
221						</div>
222										<div class="editoContainer">                
223						<div class="illusEdito">                
224						</div>                              
225						<div>   <br><br>                                
226							<a href="https://colidee.com/editos" class="titreEdito ">
227								Consulter tous les articles							</a>                                
228						</div>
229					</div>
230				</div>
231			</div>
232		</div>	
233	</div>
234	
234<script type="text/javascript">
235
236
237
238
239		$(document).ready(function() 
240		{
241			$('.carouselEditos').owlCarousel({
242				lazyLoad:true,
243				lazyLoadEager:1,
244				responsiveClass:true,
245				responsive : {
246					0 : {
247						items:1,
248						slideBy:1,
249						nav:false,
250						autoWidth:true 
251					},
252					720 : {
253						items:2,
254						slideBy:2
255					},
256					990:
257					{
258						items:3,
259						slideBy:3       
260					},
261
262				},         
263				stagePadding:0,     
264				autoWidth:false,
265				nav:true,           
266				dots:false,     
267				navText: ['<img src="https://colidee.com/img/prev.png">','<img src="https://colidee.com/img/next.png">']
268			})
269		})
270	</script>
270
271		<link rel="stylesheet" type="text/css" href="https://colidee.com/css/owlcarousel/owl.carousel.css?v=80721" />
272<link rel="stylesheet" type="text/css" href="https://colidee.com/css/owlcarousel/owl.theme.default.css?v=80721" />
273<script src="https://colidee.com/js/owlcarousel/owl.carousel.js"></script>
vendor: 2 bytes, line 273
273
274<script src="https://colidee.com/js/lazyload/lazyload.js"></script>
274
275
276
277
278
279
280
281
282
283
284
285<style type="text/css">
286	.notificationsToggleContainer{
287		position: relative;		
288	}
289
290	.notificationsToggle,.notificationsToggleProfil{
291		cursor: pointer;
292	}
293
294	ul.dropdownNotifications,ul.dropdownNotificationsTete {
295		display: none;
296		position: absolute;
297		top: 103%;
298		right:-73px;
299		min-width: 290px;
300		padding: 0;
301		border: none;
302		background:#424A60;
303		-moz-box-shadow: 5px 5px 10px 0px #000;
304		-webkit-box-shadow: 5px 5px 10px 0px #000;
305		-o-box-shadow: 5px 5px 10px 0px #000;
306		box-shadow: 5px 5px 10px 0px #000;
307		filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=10);
308		z-index: 3;
309	}
310
311	ul.dropdownNotificationsTete {
312		min-width: 140px;
313		right:0px;
314	}
315
316/* up arrow*/
317ul.dropdownNotifications:before,ul.dropdownNotificationsTete:before {
318	content: "";
319	width: 0;
320	height: 0;
321	position: absolute;
322	bottom: 100%;
323	border-width: 0 10px 10px 10px;
324	border-style: solid;
325	border-color: white transparent; 
326}
327ul.dropdownNotifications:after,ul.dropdownNotificationsTete:after {
328	content: "";
329	width: 0;
330	height: 0;
331	position: absolute;
332	bottom: 100%;
333	border-width: 0 8px 7px 7px;
334	border-style: solid;
335	border-color: #424A60 transparent;    
336}    
337ul.dropdownNotifications li,ul.dropdownNotificationsTete li {
338	list-style-type: none;
339	border-top: 1px solid lightgrey;
340	text-align:left;
341	display: block;
342	background:#EEEEEE;
343}   
344
345ul.dropdownNotifications li:nth-child(even),ul.dropdownNotificationsTete li:nth-child(even){
346	background:#EEEEEE;
347}
348ul.dropdownNotifications li:nth-child(odd),ul.dropdownNotificationsTete li:nth-child(odd){
349	background:#fff;
350}
351
352
353ul.dropdownNotifications li a,ul.dropdownNotificationsTete li a{
354	padding: 5px;
355	display: flex;
356	line-height: 15px;
357	height: auto;
358	flex-direction: row;
359	flex-wrap: nowrap;
360	justify-content: flex-start;
361	align-items: flex-start;
362	align-content: center;
363	color: #424A60
364}
365
366ul.dropdownNotifications li img,ul.dropdownNotificationsTete li img{
367	width: 25px;
368	height: 25px;
369	border-radius: 12px;
370	margin: 0 5px 0 0;
371	flex : 0 0 25px;
372}
373ul.dropdownNotifications li a:hover,ul.dropdownNotificationsTete li a:hover{display: flex; color: white}
374ul.dropdownNotifications li:hover,ul.dropdownNotificationsTete li:hover{background:#424A60;}
375
376/*View All Notification*/
377ul.dropdownNotifications li:last-child{
378	text-align: center;
379	height: 30px;
380	line-height: 25px;
381	background: #424A60
382}   
383
384ul.dropdownNotifications li:last-child a{
385	justify-content: center;
386	color: white;
387}   
388
389
390
391</style>
392<script type="text/javascript">
393	$(function() {
394
395
396		$('.notificationsToggleProfil').click(function(e) {
397			e.preventDefault();
398			$('.dropdownNotificationsProfil').toggle( 400 );
399		});
400
401
402		$('.notificationsToggle').click(function(e) {
403			e.preventDefault();
404			NbrNotif = $('.badge-notif').html();
405			if(NbrNotif==0)
406				window.location.replace('https://colidee.com/actualites');
407			else
408				$('.dropdownNotificationsBell').toggle( 400 );
409		});
410
411		$(document).click(function(e) {
412			var target = e.target;
413			
414			if (!$(target).is('.logo_header1') && !$(target).is('.badge-notif')){
415				$('.dropdownNotificationsBell').hide() ;
416			}
417
418			if (!$(target).is('.FB_pic')){
419				$('.dropdownNotificationsProfil').hide() ;
420			}
421
422			if ($(target).is('.logo_header1') ||$(target).is('.badge-notif')){
423				$('.dropdownNotificationsProfil').hide() ;
424			}
425
426			if ($(target).is('.FB_pic')){
427				$('.dropdownNotificationsBell').hide() ;
428			}
429		});
430
431	});
432</script>
432
433
434<div class="backToTop"></div>
435<div class="container-fluid header">
436	<div class="container-fluid" style="position: relative;">
437		<div class="col-lg-2 col-md-2 col-sm-2 col-sm-2 nopaddingleft">
438			<div class="logo_colidee">
439				<a href="https://colidee.com/home"><img src="https://colidee.com/img/colidee_logo.svg"></a>					
440			</div>					
441		</div>
442
443		<!-- MODE SMARTPHONE -->
444		<div class="hidden-lg hidden-md hamburger text-right connecter bandeau_smartphone">
445
446			<a href="https://colidee.com/rencontre.htm" class="ancre_bade_endirect tooltipster" title="Rejoindre une concertation en direct"><img class="logo_header1"  src="https://colidee.com/img/technology.svg"></a>
447			<a id="button_search" class="ancre_search_hamburger_nonconnecte"><img src="https://colidee.com/img/search.svg" class="afficheSearchAccueil logo_header1"></a>
448			
449			<nav class="navbar-default">
450				<div class="navbar-header">
451					<button id="menu_button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse" aria-expanded="false">
452						<span class="sr-only">Toggle navigation</span>
453						<span class="icon-bar"></span>
454						<span class="icon-bar"></span>
455						<span class="icon-bar"></span>
456					</button>
457				</div>
458			</nav>
459		</div>
460		<!-- FIN MODE SMARTPHONE --> 
461
462		<div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 text-right connecter">
463			<div class="collapse navbar-collapse" id="bs-navbar-collapse">
464				<ul class="nav navbar-nav">	
465
466
467					<li class="hidden-sm hidden-xs"><a href="https://colidee.com/rencontre.htm" class="tooltipster" title="Rejoindre une concertation en direct"><img class="logo_header1" src="https://colidee.com/img/technology.svg"></a></li>
468					<li class="hidden-sm hidden-xs"><a class="afficheSearchAccueil tooltipster" title="Rechercher sur Colidée"><img class="logo_header1" src="https://colidee.com/img/search.svg"></a></li>
469
470											<li><a href="https://colidee.com/projets.htm">Espaces de concertation</a></li>
471						<li><a href="https://colidee.com/organismes.htm">Organismes concertants</a></li>
472						<li><a href="https://colidee.com/colideurs.htm">Colideurs</a></li>
473										<li><a href="#" id="connectButton" data-toggle="modal" data-target="#myModal" > Se connecter</a></li>	
474					<hr   class="hidden-lg hidden-md">
475											<li  class="hidden-lg hidden-md"><a href="https://colidee.com/presentation/pourquoi_colidee" title="">Pourquoi Colidée ?</a></li>
476						<li  class="hidden-lg hidden-md"><a href="https://colidee.com/presentation/concertation" title="">La concertation</a></li>
477						<li  class="hidden-lg hidden-md"><a href="https://colidee.com/presentation/espace_de_concertation" title="">L'espace de concertation</a></li>
478						<li  class="hidden-lg hidden-md"><a href="https://colidee.com/presentation/animation_concertation" title="">L'animation</a></li>
479						<li  class="hidden-lg hidden-md"><a href="https://ethics-group.com" title="">Nous découvrir</a></li>
480						<li  class="hidden-lg hidden-md"><a href="https://colidee.com/presentation/nos_offres" title="">Nos offres</a></li>
481						<li  class="hidden-lg hidden-md"><a href="https://colidee.com/editos" title="">Le Blog</a></li>
482										<li  class="hidden-lg hidden-md"><a href="https://colidee.com/contact.htm">Contact</a></li>
483					<li  class="hidden-lg hidden-md"><a href="https://colidee.com/politique-confidentialite.htm" title="">Confidentialité</a></li>
484					<li  class="hidden-lg hidden-md"><a href="https://colidee.com/politique-cookie.htm" title="">Cookies</a></li>
485					
486
487					
488					<li class="liiconreseauxbandeau">
489						<span class="hidden-lg hidden-md"><a href="https://twitter.com/colidee" target="_blank" class="iconreseauxbandeau"><img src="https://colidee.com/img/reseaux_twitter.png" width="24px"></a></span>
490						<span class="hidden-lg hidden-md"><a href="https://www.facebook.com/colidee" target="_blank"  class="iconreseauxbandeau"><img src="https://colidee.com/img/reseaux_facebook.png" width="24px"></a></span>
491						<span class="hidden-lg hidden-md"><a href="https://www.linkedin.com/company/colid%C3%A9e/" target="_blank" class="iconreseauxbandeau"><img src="https://colidee.com/img/reseaux_linkedin.png" width="20px"></a></span>	
492						<span class="hidden-lg hidden-md"><a href="https://colidee.com/langue-fr"  class="iconreseauxbandeau"><img src="https://colidee.com/img/fr.png"></a></span>
493						<span class="hidden-lg hidden-md"><a href="https://colidee.com/langue-en"  class="iconreseauxbandeau"><img src="https://colidee.com/img/en.png"></a></span>		
494					</li>
495
496				</ul>
497			</div>
498		</div>
499
500	</div>
501</div>
502
503<div class="searchall">
504	<div class="container-fluid">
505		<div class="input-group" style="display:flex;align-items: stretch;">			
506			<!--<select class="custom-select form-control" style=" max-width: 190px" id="selectCategorieForAdvancedSearch">
507				<option value="SpaceAndTheme" selected>SpaceAndTheme</option>
508				<option value="all">Toutes les catégories</option>
509				<option value="company">Organismes concertants</option>
510				<option value="space">Espaces de concertation</option>	
511				<option value="themes">Thèmes</option>		
512				<option value="contributions">Participations</option>
513				<option value="colideur">Colideurs</option>										
514			</select>-->
515			<input id="rechercheColideeMobile" onkeyup="goAdvancedSearch(event, 'https://colidee.com/')" class="form-control" type="text" placeholder="Rechercher sur Colidée" style="border:none;box-shadow:none;">	
516			<a onclick="lanceRechercheAvancee()" href="#" style="margin-right: 5px;"><img src="https://colidee.com/img/advanced-search-32.png" class="tooltipster" alt="Recherche avancée" title="Recherche avancée"></a>
517		</div>
518	</div>
519</div>
520
521
522<script>
523	
524	function lanceRechercheAvancee(){
525		let query = $('#rechercheColideeMobile').val();
526		if(query.length)
527		{
528			if(confirm('Ouvrir la recherche avancée ?'))
529				window.location.replace('https://colidee.com/advanced_search?filtre=contributions&search='+query);
530		}else{
531			window.location.replace('https://colidee.com/advanced_search?filtre=contributions');
532		}
533
534	}
535
536	function goAdvancedSearch(e, url) {		
537		/*if (e.which == 13 || e.keyCode == 13) {
538			let selectCategorieForAdvancedSearch =$ ('#selectCategorieForAdvancedSearch').val();
539			let query = $('#rechercheColideeMobile').val();
540
541			if (selectCategorieForAdvancedSearch === 'all') {
542				$.ajax({
543					url : 'https://colidee.com/count-search-all?requete='+query,							
544					dataType : 'json',							
545					success : function(donnee)
546					{
547						window.location = url + 'advanced_search?filtre='+ donnee.maxCategorie +'&search=' + query;				
548					}
549				});
550			} else {
551				window.location = url + 'advanced_search?filtre='+ selectCategorieForAdvancedSearch +'&search=' + query;
552			}
553		}*/
554	}
555	
556	$('#selectCategorieForAdvancedSearch').change(function(){
557		$("#rechercheColideeMobile").val('');
558	})
559
560	/*$('#submit_search').click(function(){
561		window.location.replace('https://colidee.com/advanced_search?filtre='+$('#selectCategorie').val()+'&search='+$('#rechercheColideeMobile').val())
562	})*/
563
564	$('#button_search').click(function(){
565		$('#bs-navbar-collapse').removeClass('in');
566	})
567
568	$('#menu_button').click(function(){
569		if ( $('.searchall').css('opacity') == '1' )
570		{										
571			$('.searchall').hide('fast', function() {
572				$('html, body').animate( { scrollTop: $('html').offset().top }, 500 );
573				$('.searchall').css('visibility','hidden');
574				$('.searchall').css('opacity','0');
575				$('.searchall').css('margin','0');
576			});
577		}
578	})
579</script>
579
580
581<div class="clearfix"></div>	<style type="text/css">
582	@media screen and (max-width: 770px){
583		#ui-id-1{
584			left: 0 !important;
585			right: 0 !important
586		}
587	}
588	.ui-autocomplete-loading { background:url('https://colidee.com/img/loading.gif') no-repeat left center; background-size: 25px }
589	.toutelalongueur {
590		width: 100%;
591		padding: 0px;
592	}
593	.toutelalongueur a {
594		margin: 0px;
595		display: block;
596		width: 100%;
597		height: 100%;
598	}
599</style>
600
601<script>
602	/* Recherche Colidée pour mobile */
603	$('#rechercheColideeMobile').autocomplete({
604		delay: 500,
605		source : function(requete, reponse){ 
606			//$('#rechercheColideeMobile').prop( "disabled", true );
607			$('#rechercheColideeMobile').css('text-indent','20px');
608			//let selectCategorieForAdvancedSearch =$('#selectCategorieForAdvancedSearch').val();
609			let selectCategorieForAdvancedSearch = 'SpaceAndTheme';
610			$.ajax({
611				url : 'https://colidee.com/searchall?selectCategorieForAdvancedSearch='+selectCategorieForAdvancedSearch+'&requete='+requete.term.toLowerCase(),							
612				dataType : 'json',							
613				success : function(donnee)
614				{
615					//$('#rechercheColideeMobile').prop( "disabled", false );
616					$('#rechercheColideeMobile').css('text-indent','0px');
617					if(donnee.NbrResultats=="0")
618					{
619						donnee.searchResults[0] = 
620						{
621							"searchID": "0",
622							"searchNOM": "Aucun résultat",
623							"searchMEDAILLON": "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
624							"searchURL": "#",
625							"searchTYPEOBJET": "Noresult",																													
626							"searchTYPE": ""
627						}
628					}
629					
630
631					reponse($.map(donnee.searchResults, function(objet)
632					{							
633						return { 
634							identifiant: objet.searchID,
635							nom :  objet.searchNOM,								
636							medaillon : objet.searchMEDAILLON,
637							url : objet.searchURL,
638							typeobjet : objet.searchTYPEOBJET,
639							type : objet.searchTYPE
640						}
641					}));
642					
643						// on affiche le voir les X résultats seulement si on a choisit colideur, themes , espace ou organisme dans les categories du moteur de recherche
644						if(donnee.NbrResultats!="0" && (selectCategorieForAdvancedSearch=="SpaceAndTheme" || selectCategorieForAdvancedSearch=="space" || selectCategorieForAdvancedSearch=="company" || selectCategorieForAdvancedSearch=="colideur")){
645							$('<li style="position:relative" class="toutelalongueur autocomplete_more  ui-menu-item"><a href="https://colidee.com/advanced_search?filtre=space&search='+$("#rechercheColideeMobile").val()+'"> <img style="width:30px;height:30px; border-radius:15px; margin:2px 10px; " src="https://colidee.com/img/logoColidee.png" />Moteur de recherche avancé</a></li>').appendTo( $('#ui-id-1') );
646						}
647
648
649
650					}
651				});
652		},
653		minLength : 3,
654		select : function(event, ui)
655		{ 					
656
657		}
658	}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {				
659		var code = "";				
660		code = $( '<li style="position:relative" class="toutelalongueur autocomplete_'+item.typeobjet+'"></li>' )  
661		.data( "item.autocomplete", item )  
662		.append('<a href="'+item.url+'">' + '<img style="width:30px;height:30px; border-radius:15px; margin:2px 5px; " src="' + item.medaillon + '" /> '+item.nom+' <span class=""style="font-size:10px;font-style:italic">'+item.type+'</span></a>')  
663		.appendTo( ul );
664		return code
665	};
666</script>
666
667
668	<br><br>
669
670
671
672	<div class="container containerMarketing" style="font-size: 13px">
673
674		<h1 style="font-size:25px">L' espace de concertation</h1>
675		<br><br>
676
677
678		<h2 style="font-size:15px" class="gras">1.	Un espace qui favorise les règles d’or d’une concertation réussie </h2>
679		Un certain nombre de règles du jeu s’appliquent à l’équipe projet ainsi qu’aux participants de la concertation : l’écoute (chacun des points de vue est écouté et enregistré), la transparence (chacune des questions posées trouve une réponse) et la co-construction (les temps de concertation favorisent l’intelligence collective et encouragent la formulation d’idées). 
680		Afficher clairement les règles d’or d’une concertation réussie dans l’espace d’accueil au travers de stickers muraux, d’une vitrophanie et/ou sur un écran, aide à renforcer l’acculturation de chacun et responsabilise les participants. 
681		<br><br>
682		<h2 style="font-size:15px" class="gras">2.	Un espace qui affiche les informations indispensables au concernement </h2>
683		L’enjeu du « concernement » est de donner, en amont et pendant les temps de concertation, suffisamment d’informations sur le sujet débattu pour que chacun puisse y réfléchir, se forger une opinion et contribuer en connaissance de cause.
684		Prévoir une zone d’affichage de l’information (écran d’accueil, porte-affiches, porte-brochures etc.) au sein de l’espace de concertation c’est donc assurer une compréhension partagée du contexte et l’acquisition d’un socle de connaissances commun par les participants.
685		<br><br>
686		<h2 style="font-size:15px" class="gras">3.	Un espace conçu comme un lieu de convivialité et de débat</h2>
687		C’est un lieu qui ouvre des perspectives de transformation et qui nourrit la création, le débat, l’apprentissage et la résonnance entre les personnes. 
688		En ce sens, l’espace de concertation rappelle les lieux communs de convivialité : salon, bar-café, espace de détente… des lieux familiers dans lesquels on aime se retrouver et échanger dans une relation d’échange et d’écoute, le tout dans le respect des opinions et des personnes.
689		<br><br>
690		<h2 style="font-size:15px" class="gras">4.	Un espace chaleureux, vivant et esthétique pour mettre l’humain au centre et stimuler les sens </h2>
691		Par l’influence que peut avoir l’environnement intérieur sur la dynamique des personnes, la réflexion autour du « cadre de pensée » revêt un caractère stratégique. 
692		Avec un éclairage naturel et indirect, des couleurs neutres qui favorisent l’apaisement et stimulent la concentration, une place importante donnée à la végétation et un mobilier design, l’espace de concertation crée une ambiance conviviale et intellectuellement stimulante propice à l’émergence d’idées nouvelles.
693
694		<br><br>
695
696
697
698		<h2 style="font-size:15px" class="gras">5.	Une qualité acoustique qui permet une communication fluide entre les personnes </h2>
699		L’espace de concertation est au service des échanges : en format plénière ou en sous-groupes, les échanges doivent être facilités par un environnement acoustique qui évite les haussements de voix, les bruits de fonds et contribue au confort et à la concentration des personnes.
700		Une attention particulière est portée au revêtement des sols, à la pose de panneaux acoustiques… pour absorber les bruits parasites tout en assurant la bonne compréhension de ce qui se dit. 
701		<br><br>
702		<h2 style="font-size:15px" class="gras">6.	Des équipements technologiques pour faciliter l’animation et la communication</h2>
703		L’équipement technologique permet de tirer le meilleur parti du temps physique de concertation en facilitant la circulation de la parole, l’écoute, la concentration et l’immersion dans le sujet débattu. 
704		Selon les moyens et les problématiques traités, cet équipement peut prendre la simple forme d’une connexion Wi-Fi et d’un dispositif audio et vidéo de qualité (micros, vidéo-projecteur, écran) ou aller jusqu’à un équipement de haute technologie (utilisation de la VR ou de la réalité augmentée…) pour une immersion totale dans le contexte. Le dispositif technologique doit au
704ssi permettre la captation audio et vidéo pour exploiter le contenu de la concertation et permettre si nécessaire une retransmission en direct pour embarquer les publics éloignés. 
705		<br><br>
706		<h2 style="font-size:15px" class="gras">7.	Des espaces modulables pensés pour favoriser le mouvement et l’impermanence </h2>
707		Les espaces doivent pouvoir être configurés pour s’adapter à la taille du groupe, au dispositif d’animation et aux objectifs de la concertation. Au-delà de cette adaptabilité aux usages, la modularité des espaces permet de favoriser le mouvement, l’impermanence, l’agilité. Faire se déplacer les participants pendant les différents temps de la concertation permet de mettre les esprits en mouvement, de bousculer les habitudes et les attitudes. 
708		Le mobilier entièrement mobile et modulable permet d’intégrer très facilement le mouvement en temps réel. On peut également mixer tables et chaises basses et hautes, positions assises et debout. Le tout pour encourager une attitude active et positive. 
709		<br><br>
710		<h2 style="font-size:15px" class="gras">8.	Des outils digitaux pour rythmer les temps de participation et créer l’émulation</h2>
711		Les contributions sont recueillies via des tablettes ou les téléphones portables des participants. Cette interactivité mobilise le collectif et libère la parole de tous les participants, évitant les monopolisations. Pour l’animateur, ces outils facilitent la modération et permettent de désamorcer les situations conflictuelles en remettant en perspective les contributions. La numérisation systématique des contributions apporte quant à elle confiance et transparence à la concertation car elle permet d’en tracer les sortants, de les afficher en direct et d’accélérer la restitution et son analyse.
712		Les outils digitaux de concertation permettent d’animer et de rythmer la participation et l’intelligence collective. ETHICS Group développe et améliore continuellement la suite Colidée.com, un ensemble d’applications numériques spécialement développé pour soutenir la concertation.
713		<br><br>
714		<h2 style="font-size:15px" class="gras">9.	Permettre une continuité virtuelle au cadre physique de la concertation </h2>
715		La mécanique de l’intelligence collective s’exerce au-delà du temps physique de la rencontre. Stimulée par les échanges et l’émulation de la rencontre physique, la production d’idées se poursuit par un temps de maturation d’idées qui peut apporter enrichissement et nouvelles perspectives à la concertation. 
716		Le réseau social de concertation Colidée.com permet de poursuivre la participation au-delà de la rencontre physique, de consulter l’ensemble des participations et d’enrichir son point de vue, mais aussi de faire grandir le mouvement en faisant rayonner la concertation autour de soi.
717
718
719
720	</div>
721	<br><br><br>
722
723
724	
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739	<!-- BEGIN # MODAL LOGIN -->
740<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
741	<div class="modal-dialog">
742		<div class="modal-content">
743			<div class="modal-header" align="center" style="border-bottom: none;padding-bottom:0">
744				<img class="img_logo_modal" src="https://colidee.com/img/logoColideeModale.png">
745				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
746					<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
747				</button>
748			</div>
749			<!-- Begin # DIV Form -->
750			<div id="div-forms">
751				<form id="login-form" action="https://colidee.com/login.htm" method="POST">
752					<div class="modal-body" style="padding-top:0">
753								
754						<br>
755						<input id="login_username" class="form-control" type="text" placeholder="Email" name="email" required><br>
756						<p class="unmaskPassword">
757							<input id="login_password" class="form-control password" type="password" placeholder="Mot de passe" name="password" required>
758							<button class="unmask" type="button" title="Mask/Unmask password to check content">Unmask</button>
759						</p>
760						<input type="checkbox" name="stayconnected" id="stayconnected" value="stayconnected"> Rester connecté<br>
761						<div style="text-align: center"><br>
762							<button type="submit" class="btn btn-primary" style="border-color:#424a60">Se connecter</button>							
763						</div>
764						<br>
765						<div class="textcenter">
766														<a href="https://colidee.com/forgotPassword.htm" class="">Mot de passe oublié ?</a>	<span class="">|</span>
767							<a href="https://colidee.com/createAccount.htm" id="login_register_btn" class="gras bloqueLienEmbed">S'inscrire sur Colidée</a>
768						</div>
769						<!-- <div class="" style="position: relative;text-align: center;font-size: 15px;margin: 15px 0">
770							<span style="background:white;position: relative;z-index: 1;padding:0 10px">
770ou</span>
771							<div style="position: absolute;left:40px;right:40px;top:11px;background:#8A898E;height:1px"></div>
772						</div>
773						<div class="textcenter">
774							<a  href="#" style="color:inherit" class="connectWithFacebook">Se connecter avec Facebook</a> |
775							<a  href="https://colidee.com/logintwitter.htm"  style="color:inherit"  class="">Se connecter avec Twitter</a>
776						</div> -->
777											</div>					
778				</form>                    
779			</div>                
780		</div>
781	</div>
782</div>
783<!-- END # MODAL LOGIN -->
784
785
786<script type="text/javascript">
787	$(document).ready(function() {
788
789
790		
791		// $('.connectWithFacebook').click(function(){	
792		// 	$.ajaxSetup({ cache: true });
793		// 	$.getScript('https://connect.facebook.net/en_US/sdk.js', function(){
794		// 		FB.init({
795		// 			appId: '571771543616768',
796		// 			version: 'v5.0'
797		// 		});    
798		// 		FB.login(LoginWithFacebookDemande);
799		// 	});
800		// })
801	});
802</script>
802		<div class="modal fade" id="myModalReminderCreateAccount" tabindex="-1" role="dialog" aria-labelledby="myModalReminderCreateAccount" aria-hidden="true">
803		<div class="modal-dialog">
804			<div class="modal-content">
805				<div class="modal-header" align="center" style="border-bottom: none;padding-bottom:0">
806					<img class="img_logo_modal" src="https://colidee.com/img/logoColideeModale.png">
807					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
808						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
809					</button>
810				</div>
811				<!-- Begin # DIV Form -->
812				<div id="div-forms">
813
814					<div class="modal-body" style="padding-top:0">			
815						<div style="margin-top:20px" width="50%">							
816
817							<div class="gras" font-size="15px">Rejoindre la communauté des Colideurs dès maintenant c'est pouvoir</div>
818							<ul style="margin-left:30px" >
819								<li>Partager mes idées</li> 
820								<li>Interagir avec les autres acteurs </li> 
821								<li>Accéder à des espaces et thématiques privés </li> 
822								<li>S'abonner à des espaces et des organismes </li> 
823								<li>Participer à des évènements </li> 
824								<li>Obtenir l'application Colidée gratuite 	</li> 														
825								<li>Créer mes propres espaces 	</li> 				
826								<li>Suivre d'autres Colideurs </li> 
827							</ul>
828
829							<div class="bloc_buttons" style="margin-top:20px">
830																<a href="https://colidee.com/createAccount.htm" style="width: 200px !important; padding: 15px 0px"> 
831									S'inscrire								</a>
832								<a href="#" id="" data-toggle="modal" data-target="#myModal" style="width: 200px !important; padding: 15px 0px" onclick="$('.modal').modal('hide');">
833									Se connecter								</a>
834							</div>
835						</div>
836					<!--<br>Des consultations sont disponibles sur cet espace de concertation.<br><br>Souhaitez-vous y participer ?				-->
837			</div>					
838
839		</div>                
840	</div>
841</div>
842</div>
843<!-- END # MODAL LOGIN -->
844
845
846<script type="text/javascript">
847	
848	$( document ).ready(function() {
849		var modelCreateAccount_timestampChargementPage = Math.round(+new Date() / 1000);
850		var modelCreateAccount_timestampChoixModal = window.localStorage["reminderModalCreateAccount"];
851
852
853		if (!modelCreateAccount_timestampChoixModal)
854			window.localStorage["reminderModalCreateAccount"] = Math.round(+new Date() / 1000);	
855
856
857		modelCreateAccount_tempsDepuisDernierePopup = modelCreateAccount_timestampChargementPage - modelCreateAccount_timestampChoixModal;
858
859		/* si session de surf deco depuis plus de 3 à 7 minutes en random */
860		if (modelCreateAccount_tempsDepuisDernierePopup > 357) 
861		{						
862			localStorage.removeItem("reminderModalCreateAccount");			
863
864			// pop uniquement lors de nouvelles visite, siu le gars n'est pas venu depuis 3 jours ca pop au premier afficahge d'une page ... et c'est pas cool 
865			if(modelCreateAccount_tempsDepuisDernierePopup <= 600)
866				$('#myModalReminderCreateAccount').modal();
867		}
868
869	});
870
871</script>
871
872
873		<div class="findepage"></div><br><br>
874<div class="container-fluid footer footer_accueil hidden-sm hidden-xs">
875	<div class="container withpadding" style="display: flex; justify-content:space-between;">
876		<div style="flex:1 1 32%;">
877			<a href="https://colidee.com/"><img src="https://colidee.com/img/colidee_logo.svg" class="logo_colidee_footer"></a>
878		</div>
879		<div style="flex:1 1 32%;text-align:center;">
880			 &#9400; 2026 Colidée - V8.072		 	
881		</div>
882		<div  style="flex:1 1 35%;;text-align:right;">
883			<a href="https://colidee.com/contact.htm">Contact</a> - 
884			<!--<a href="https://colidee.com/aide.htm">Faq</a> - -->
885			<!--<a href="https://colidee.com/mentions_legales.htm">Mentions légales</a> --->
886			<a href="https://colidee.com/politique-confidentialite.htm">Confidentialité</a> -
887			<a href="https://colidee.com/politique-cookie.htm">Cookies</a> |
888
889			<a href="https://twitter.com/colidee" target="_blank" class=""><img src="https://colidee.com/img/reseaux_twitter.png" width="20px"></a>
890			<a href="https://www.facebook.com/colidee" target="_blank"  class=""><img src="https://colidee.com/img/reseaux_facebook.png" width="20px"></a>
891			<a href="https://www.linkedin.com/company/colid%C3%A9e/" target="_blank" class=""><img src="https://colidee.com/img/reseaux_linkedin.png" width="20px"></a> |
892
893			<a href="https://colidee.com/langue-fr"><img src="https://colidee.com/img/fr.png"></a>
894			<a href="https://colidee.com/langue-en"><img src="https://colidee.com/img/en.png"></a>
895		</div>
896	</div>
897</div>
898
899	<style>
900		.cookieContainer div{
901			padding: 10px;
902		}
903		.cookieContainer{
904			position: fixed;
905			bottom: -400px;
906			left: 0px;
907			right: 0px; 
908			z-index: 1001; 
909			background: white;
910			/*display:flex;
911			justify-content: space-between;*/
912			border-top:5px black solid;
913
914			-webkit-transition: bottom 1s ease-in;
915			-moz-transition: bottom 1s ease-in;
916			-ms-transition: bottom 1s ease-in;
917			-o-transition: bottom 1s ease-in;
918			transition: bottom 1s ease-in;
919		}
920		.cookieContainer.load {
921			bottom: 0;
922		}
923		.cookieContainer .margeCookie{
924			padding-left: 10px;
925		}
926		.cookieButton{
927			width: 75px;
928			padding: 10px;
929			color: white;
930			margin: 5px;
931			text-align: center;
932			cursor: pointer;
933		}
934		.cookieAccept{
935			background: #424A60;
936		}
937		.cookieRefuse{
938			background: #424A60;
939		}
940		.cookiePersonnaliser{
941			background: #424A60;
942		}
943		.cookiePersonnaliserValider{
944			background: #424A60;
945		}
946		.cookieContainer h1{
947			font-size: 1.5em;
948			font-weight: bold;
949		}
950		.cookieContainer h2{
951			font-size: 1.2em;
952			font-weight: bold;
953		}
954		.cookieContainer label{
955			cursor: pointer;
956		}
957		.cookieContainer .personnaliserChoix{
958			display: none;
959		}
960	</style>	
961
962	<div class="cookieContainer">
963		<div>
964			<h1>Gestion des cookies</h1>
965			<div>
966				<h2>- Utilisation</h2>
967				Nous utilisons des cookies et des services tiers afin d’assurer le bon fonctionnement du site et de proposer certaines fonctionnalités, notamment la cartographie et la protection des créations de comptes.<br/>
968			</div>
969
970			<div>
971				<span class="cookieButton cookieAccept" onclick="toggleAllCookies('accept')">Tout accepter </span>	
972				<span class="cookieButton cookieRefuse" onclick="toggleAllCookies('reject')">Tout refuser </span>	
973				<span class="cookieButton cookiePersonnaliser" onclick="$('.personnaliserChoix').toggle('slow')">Personnaliser</span>		
974			</div>
975
976			
977			<div class="personnaliserChoix">
978				<label>
979					<input class="choixCookiePerso" type="checkbox" name="colideeCookiesGoogleMaps" value="colideeCookiesGoogleMaps"> <span class="gras">Google maps</span><br/>
980					<span class="margeCookie">Google Maps est utilisé afin d'afficher des cartes et/ou des informations géographiques sur certaines pages du site. Lorsque vous autorisez ce service, des contenus et ressources provenant de Google peuvent être chargés.</span><br/><br/>
981				</label>
982
983				<label>
984					<input class="choixCookiePerso" type="checkbox" name="colideeCookiesGoogleRecaptcha" value="colideeCookiesGoogleRecaptcha"> <span class="gras">Google reCAPTCHA</span><br/>
985					<span class="margeCookie">Permet de sécuriser la création de compte et de protéger le site contre les créations de comptes automatisées. <br> L'activation de ce service est nécessaire pour utiliser certains formulaires du site.</span>
986				</label>
987
988				<div>
989					<br/>
990					<span class="cookieButton cookiePersonnaliserValider" onclick="validerChoixCookie()">Valider mes choix</span>		
991				</div>
992			</div>
993
994
995			<div>
996				<h2>- Conservation</h2>
997				Nous conservons votre choix pendant 6 mois. Vous pouvez changer d'avis à tout moment en cliquant sur le lien "Cookies", en bas de chaque page de notre site, rubrique "E. Comment refuser ou modifier votre consentement au dépot des cookies".
998				Pour en savoir plus, <a href="https://colidee.com/politique-cookie.htm">consultez notre politique de "gestion des cookies".</a>
999			</div>
1000
1001		</div>
1002	</div>
1003
1004	
1004<script>
1005
1006		function deleteChoixCookies() 
1007		{
1008					}
1009
1010		function validerChoixCookie(){
1011			deleteChoixCookies();
1012			document.querySelectorAll('.choixCookiePerso').forEach(function(input) {
1013				if (input.checked) 
1014					setCookie(input.value,'accepte',180)
1015				else
1016					setCookie(input.value,'refuse',180)
1017			})
1018			setCookie('colideeCookiesChoices', 'ask202609031548', 180);
1019
1020			$(".cookieContainer").hide('slow');
1021
1022			if(!isWebview)
1023			{
1024				// on est sur un navigateur classique donc je reload la page automatiquement pour prendre en compte les cookies
1025				const url = window.location.href;
1026				window.location.replace(url);
1027			}
1028			
1029		}
1030
1031		function setCookie(cname, cvalue, exdays) {
1032			var d = new Date();
1033			d.setTime(d.getTime() + (exdays*24*60*60*1000));
1034			var expires = "expires="+d.toUTCString();
1035			document.cookie = cname + "=" + cvalue + "; " + expires;
1036		}	
1037
1038		function toggleAllCookies(choix){
1039			document.querySelectorAll('.choixCookiePerso').forEach(function(input) {
1040				if(choix==="accept")
1041					input.checked=true;
1042				else
1043					input.checked=false;
1044			})
1045			validerChoixCookie();
1046		}
1047
1048
1049		$( document ).ready(function() {
1050			isWebview = /colidee/.test(window.navigator.userAgent.toLowerCase()); 
1051			if(!isWebview)
1052			{
1053				// on est sur un navigateur classique donc je montre la barre des cookies pour acceptation
1054				$(".cookieContainer").addClass("load");
1055			}
1056			else{
1057				// je suis sur une appli android ou ios
1058				toggleAllCookies('accept');
1059			}
1060		});
1061	</script>
1061
1062	
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074	</body>
1075</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.