PageSourceSearch

https://valernes.fr/

html valernes.fr collected 2026-10-02 16:35:13 UTC 60,451 bytes, 2,040 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7	<title>Site officiel de la commune de Valernes&nbsp;&nbsp;&gt;&nbsp;&nbsp;ACCUEIL&nbsp;&nbsp;&gt;&nbsp;&nbsp;Actualités</title>
8    <meta name="description" CONTENT="Site officiel de la commune de Valernes - Alpes-de-Haute-Provence, France" />
9	<meta name="keywords" CONTENT="Valernes, Alpes-de-Haute-Provence, 04, France, infini communication" />
10    
11    <!-- --------------------------------------------------------------------------------------------------------- -->
12	<!-- icon -->
13    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"  />
14    <link rel="apple-touch-icon" href="ico/apple-touch-icon.png" />
15    <link rel="apple-touch-icon" sizes="57x57" href="ico/apple-touch-icon-57x57.png" />
16    <link rel="apple-touch-icon" sizes="60x60" href="ico/apple-touch-icon-60x60.png" />
17    <link rel="apple-touch-icon" sizes="72x72" href="ico/apple-touch-icon-72x72.png" />
18    <link rel="apple-touch-icon" sizes="76x76" href="ico/apple-touch-icon-76x76.png" />
19    <link rel="apple-touch-icon" sizes="114x114" href="ico/apple-touch-icon-114x114.png" />
20    <link rel="apple-touch-icon" sizes="120x120" href="ico/apple-touch-icon-120x120.png" />
21    <link rel="apple-touch-icon" sizes="144x144" href="ico/apple-touch-icon-144x144.png" />
22    <link rel="apple-touch-icon" sizes="152x152" href="ico/apple-touch-icon-152x152.png" />
23    <link rel="apple-touch-icon" sizes="180x180" href="ico/apple-touch-icon-180x180.png" />
24    <link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png" />
25    <link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png" />
26    <link rel="icon" type="image/png" sizes="64x64" href="ico/favicon-64x64.png" />
27    <link rel="icon" type="image/png" sizes="96x96" href="ico/favicon-96x96.png" />
28    <link rel="icon" type="image/png" sizes="192x192" href="ico/favicon-192x192.png" />
29    <link rel="icon" type="image/png" sizes="196x196" href="ico/favicon-196x196.png" />
30    <!-- --------------------------------------------------------------------------------------------------------- -->
31
32
33    <link rel="stylesheet" href="reset.css" />
34    <style type="text/css">
35html, body {
36	height: 100%;
37	width: 100%;
38	}
39
40body{
41	margin:0;
42	padding:0;
43	
44	/* font-family: "Titillium Web", sans-serif; */
45	font-family:;
46	font-size:; /* font-size: 100%; ou 12px*/
47	letter-spacing: normal;
48		
49	/* Fond extérieur */
50	background-color:#ffffcc;
51	background: #ffffcc;
52  	background: -moz-linear-gradient(top,  #ffffcc 0%, #fdf9e3 100%);
53  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffcc), color-stop(100%,#fdf9e3));
54  	background: -webkit-linear-gradient(top,  #ffffcc 0%,#fdf9e3 100%);
55  	background: -o-linear-gradient(top,  #ffffcc 0%,#fdf9e3 100%);
56  	background: -ms-linear-gradient(top,  #ffffcc 0%,#fdf9e3 100%);
57  	background: linear-gradient(to bottom,  #ffffcc 0%,#fdf9e3 100%);
58  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#fdf9e3',GradientType=0 );
59  		/* background-size: cover; background-size: contain; */
60	background-position: center ;
61	background-attachment:fixed;
62	
63	background-color: #ffffcc	
64	}
65
66#VideoBackground {
67  position: fixed;
68  : 0;
69  min-width: 100%; 
70  min-height: 100%;
71}
72
73/* Slide */
74.animation_zoom{animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
75.animation_fading{animation:fading 5s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
76.animation_opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
77.animation_top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
78.animation_left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
79.animation_right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
80.animation_bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0}
80 to{bottom:0;opacity:1}}
81.animation_input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
82.animation_spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
83
84
85
86	
87#bloc_page {
88	width: 990px;
89	height: 100%;
90	min-height: 100%;
91	margin: auto;
92	}
93	
94#groupe {
95	width: 990px;
96	height: 100%;
97	min-height: 100%;
98	margin: auto;
99	padding: 10px;
100	}
101	
102
103/* Gestion des blocs en colonne(s) */
104.fieldset_bloc1_1,
105.fieldset_bloc2_1, .fieldset_bloc2_2,
106.fieldset_bloc3_1, .fieldset_bloc3_2, .fieldset_bloc3_3,
107.fieldset_bloc4_1, .fieldset_bloc4_2, .fieldset_bloc4_3, .fieldset_bloc4_4,
108.fieldset_bloc5_1, .fieldset_bloc5_2, .fieldset_bloc5_3, .fieldset_bloc5_4 , .fieldset_bloc5_5,
109.fieldset_bloc6_1, .fieldset_bloc6_2, .fieldset_bloc6_3, .fieldset_bloc6_4 , .fieldset_bloc6_5, .fieldset_bloc6_6 {
110	display: inline-block;
111	vertical-align: top;
112	text-align: left;
113	}
114.fieldset_sep2, .fieldset_sep3, .fieldset_sep4, .fieldset_sep5, .fieldset_sep6 {
115	display: inline-block;
116	}
117.fieldset_bloc1_1 {	width: 100%; }
118.fieldset_bloc2_1, .fieldset_bloc2_2 { width: 49%; }
119.fieldset_sep2 { width:2%; }
120.fieldset_bloc3_1, .fieldset_bloc3_2, .fieldset_bloc3_3 { width: 32%; }
121.fieldset_sep3 { width:2%; }
122.fieldset_bloc4_1, .fieldset_bloc4_2, .fieldset_bloc4_3, .fieldset_bloc4_4 { width: 23.5%; }
123.fieldset_sep4 { width:2%; }
124.fieldset_bloc5_1, .fieldset_bloc5_2, .fieldset_bloc5_3, .fieldset_bloc5_4 , .fieldset_bloc5_5 { width: 18.4%; }
125.fieldset_sep5 { width:2%; }
126.fieldset_bloc6_1, .fieldset_bloc6_2, .fieldset_bloc6_3, .fieldset_bloc6_4 , .fieldset_bloc6_5, .fieldset_bloc6_6 { width: 14.6%; }
127.fieldset_sep6 { width:2.4%; }		
128	
129
130
131/* DEBUT Lightbox */
132.lien_lightbox{
133	display: none;
134	position: fixed;
135	z-index: 999;
136	width: 100%;
137	height: 100%;
138	text-align: center;
139	top: 0;
140	left: 0;
141	background: rgba(0,0,0,0.8); }
142
143.lien_lightbox img{
144	max-width: 90%;
145	max-height: 80%;
146    /* margin-top:10px; */
147	margin-top:auto;
148	margin-bottom:auto;
149	border: thin solid #000; }
150
151.lien_lightbox:target{
152	outline: none;
153	display: block; }
154/* FIN Lightbox */
155
156
157
158	
159	
160	
161/* ------------------------------------------------------------ */
162/* bouton haut de page */
163/* ------------------------------------------------------------ */
164a.hautdepage {
165	display: none;
166	width: 40px;
167	height: 40px;
168	text-indent: -9999px;
169	position: fixed;
170	z-index: 999;
171	
172	right: 20px;
173	bottom: 20px;
174	
175	background: url("img/hautdepage.png") no-repeat;
176	
177	-moz-border-radius: 5px;
178	-webkit-border-radius: 5px;
179	border-radius: 5px;
180	box-shadow: 0px 2px 6px #aaa;
181	
182	opacity:0.5;
183	}
184a.hautdepage:hover {
185	opacity:1;
186	
187	-moz-transition:all 0.5s ease-out;
188	-webkit-transition:all 0.5s ease-out;
189	-o-transition:all 0.5s ease-out;
190	-ms-transition:all 0.5s ease-out;
191	transition:all 0.5s ease-out;
192	}
193/* ------------------------------------------------------------ */
194
195
196	
197	
198a.figcaption, a.figcaption:hover, a.figcaption:visited {
199	text-decoration:none;
200	font-size:smaller;
201	}
202	
203	
204	
205	
206
207
208	
209	
210/* ------------------------------------------------------------ */
211/* MenuH */
212/* ------------------------------------------------------------ */
213#menuH {
214	width: 100%;
215    position: relative;
216	display: inline-block;
217	padding-top:5px;
218	padding-bottom:40px;
219	}
220#menuH ul{
221	margin:auto;
222	list-style-type:none;
223	text-align:center;
224	font-weight: bold;
225	font-style: normal;
226	display: flex; justify-content: center;	}
227#menuH ul a, #menuH ul a:hover, #menuH ul a:visited{
228	text-decoration:none;
229	}
230#menuH li{
231	padding:12px;
232	
233	background-color: #F4E85C;
234		background-color: #F4E85CFF;
235	
236	cursor:pointer;
237	
238	border: 1px double#000000;
239		border: 1px double#00000080;
240    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
241	
242	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
243		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
244	box-shadow: 0px 3px 6px #555;		
245			margin-left: 7.5px; margin-right: 7.5px;	
246	letter-spacing:normal;
247	word-spacing:normal;
248	text-decoration:none;
249	font-family:Verdana, Geneva, sans-serif;
250		
251	color: #000000;
252		color: #000000FF;
253
254	font-size:14px;
255
256	display:block;
257	}
258#menuH li:hover{
259	border: 1px double#000000;
260		border: 1px double#00000080;
261    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
262
263	background-color: #E2E2E2;
264		background-color: #E2E2E2FF;
265		
266	color: #000000;
267		color: #000000FF;
268	
269	-moz-transition:background-color 0.4s linear;
270	-webkit-transition:background-color 0.4s linear;
271	-o-transition:background-color 0.4s linear;
272	-ms-transition:background-color 0.4s linear;
273	transition:background-color 0.4s linear;
274	}
275/* ------------------------------------------------------------ */
276
277
278
279
280
281/* ------------------------------------------------------------ */
282/* accordionMenu */
283/* ------------------------------------------------------------ */
284#acdnmenu {
285	width:auto;
286	}
287#acdnmenu ul.acdnTop {
288	display: block;
289	}
290#acdnmenu div.acdnHeading, #acdnmenu a.acdnLink {
291    font: 16px Verdana;
292	color: #000000; /* COULEUR NIV1 TEXTE + CARET */
293    outline: medium none;
294	padding: 8px 0px 8px 0px; /* padding: 8px 8px 8px 24px; */
295    text-align: left;
296    text-decoration: none;
297	}
298#acdnmenu div.acdnCurrent, #acdnmenu div:hover, #acdnmenu a.acdnLink:hover, #acdnmenu div.acdnCurrent a.acdnLink {
299	text-decoration: none;
300	}
301#acdnmenu a.acdnCurrent, #acdnmenu a.acdnCurrent:hover {
302    color: #666666;
303    text-decoration: none;
304	}
305#acdnmenu div.acdnArrowImage {
306    background-image: url("arrows.gif");
307    background-position: 0 0;
308    height: 12px;
309	margin-left : 5px;
310	/* left: 4px; */
311    top: 9px;
312    width: 12px;
313	}
314#acdnmenu div.acdnCurrent div.acdnArrowImage {
315    background-position: 0 -12px;
316	}
317#acdnmenu li.acdnSeparator {
318    border-bottom: 1px solid #999999; /* COULEUR SEPARATEUR */
319	padding:0px 0px 0px 0px;
320	margin:0px 0px 0px 0px;
321	font-size: 0px;
322	}
323#acdnmenu ul.acdnSub {
324    padding-left: 5px; /* padding-left: 14px; */
325	}
326#acdnmenu ul.acdnSub div.acdnHeading {
327    color: #000000;
328	background: none repeat scroll 0 0 transparent;
329    /* font: 10px Verdana; */
330    padding: 5px 5px 5px 5px; /* padding: 5px 5px 5px 20px; */
331    text-align: left;
332	}
333#acdnmenu ul.acdnSub div.acdnHeading a {
334    color: #000000;
335	}
336#acdnmenu ul.acdnSub div.acdnCurrent {
337	color: #000000;
338    background: none repeat scroll 0 0 transparent;
339	}
340#acdnmenu ul.acdnSub a.acdnLink {
341    color: #000000;
342	background: none repeat scroll 0 0 transparent;
343    /* font: 10px Verdana; */
344    padding: 5px 5px 5px 5px; /* padding: 5px 5px 5px 20px; */
345    text-decoration: none;
346	}
347#acdnmenu ul.acdnSub a.acdnLink:hover, #acdnmenu ul.acdnSub a.acdnCurrent, #acdnmenu ul.acdnSub div.acdnHeading a:hover, #acdnmenu ul.acdnSub div.acdnHeading a.acdnCurrent {
348    color: #000000;
349    background: none repeat scroll 0 0 transparent;
350    text-decoration: none;
351	}
352#acdnmenu ul.acdnSub div.acdnArrowImage {
353    background-image: url("arrows.gif");
354    background-position: 0 -24px;
355	height: 12px;
356    margin-left : 5px;
357	/* left: 4px; */
358    top: 6px;
359    width: 12px;
360	}
361#acdnmenu ul.acdnSub div.acdnCurrent div.acdnArrowImage {
362    background-position: 0 -36px;
363	}
364#acdnmenu, #acdnmenu ul {
365    display: block;
366    font-size: 0;
367    line-height: 0;
368	}
369#acdnmenu li {
370    font-size: 12px;
371    line-height: 16px;
372	}
373#acdnmenu:after {
374	clear: both;
375    content: ".";
376    display: block;
377    height: 0;
378    visibility: hidden;
379	}
380#acdnmenu ul {
381    list-style-type: none;
382    margin: 0px;
383    overflow: hidden;
384    padding: 0px;
385    position: relative;
386	top:0px;
387	display: none;
388	}
389#acdnmenu li {
390    margin: 0px;
391    padding: 0px;
392	}
393#acdnmenu div.acdnHeading, #acdnmenu div.acdnCurrent {
394    cursor: pointer;
395    position: relative;
396	}
397#acdnmenu div.acdnArrowImage {
398    overflow: hidden;
399    /* position: absolute; */
400	float:right;
401	}
402	
403	
404	
405	
406
407
408
409
410/* ------------------------------------------------------------ */
411/* accordionMenu Latéral */
412/* ------------------------------------------------------------ */
413#acdnmenu_lateral {
414	width:auto;
415	}
416#acdnmenu_lateral ul.acdnTop {
417	display: block;
418	}
419#acdnmenu_lateral div.acdnHeading, #acdnmenu_lateral a.acdnLink {
420	color: #AAB5B7; /* Couleur des liens du menu latéral */ 
421	font: 20px Verdana;
422	/*font-weight:bold;*/
423	outline: medium none;
424	padding: 8px 8px 8px 20px;
425	text-align: left;
426	text-decoration: none;
427	}
428#acdnmenu_lateral div.acdnCurrent, #acdnmenu_lateral div:hover, #acdnmenu_lateral a.acdnLink:hover, #acdnmenu_lateral div.acdnCurrent a.acdnLink {
429	color: #FFFFFF; /* Couleur du lien survolé Niv 1 SI il y a un sous-menu et aussi lien actif si sous-menu */
430	text-decoration: none;
431	}
432#acdnmenu_lateral a.acdnCurrent, #acdnmenu_lateral a.acdnCurrent:hover {
433	color: #FFFFFF; /* Couleur du lien en cours du menu latéral */ 
434	text-decoration: none;
435	}
436#acdnmenu_lateral div.acdnArrowImage {
437	background: url("img/cd-arrow.svg") no-repeat center center;
438	-webkit-transition-property: -webkit-transform;
439	-moz-transition-property: -moz-transform;
440	transition-property: transform;
441	-webkit-transition-duration: 0.2s;
442	-moz-transition-duration: 0.2s;
443	transition-duration: 0.2s;
444	height: 12px;
445	/*left: 4px;*/
446		right:4px;
447	top: 14px;
448	width: 12px;
449	}
450#acdnmenu_lateral div.acdnCurrent div.acdnArrowImage {
451	-webkit-transform: translateY(-50%) rotate(90deg);   
452	-moz-transform: translateY(-50%) rotate(90deg);
453	-ms-transform: translateY(-50%) rotate(90deg);
454	-o-transform: translateY(-50%) rotate(90deg);
455	transform: translateY(-50%) rotate(90deg);
456	}
457#acdnmenu_lateral li.acdnSeparator {
458	border-bottom: 1px solid #3A4A4D;
459	padding: 0px 0px 0px 0px;
460	margin: 0px 0px 0px 0px;
461	font-size: 0px;
462	}
463#acdnmenu_lateral ul.acdnSub {
464	padding-left: 12px;
465	}
466#acdnmenu_lateral ul.acdnSub div.acdnHeading {
467	background: none repeat scroll 0 0 transparent;
468	color: #AAB5B7; /* N2 */
469	font: 18px Verdana;
470	padding: 5px 5px 5px 15px;
471	text-align: left;
472	}
473
474#acdnmenu_lateral ul.acdnSub div.acdnHeading a {
475	color: #000000;
476	}
477
478
479
480#acdnmenu_lateral ul.acdnSub div.acdnCurrent {
481	background: none repeat scroll 0 0 transparent;
482	color: #AAB5B7;  /* N2 actif */
483}
484
485#acdnmenu_lateral ul.acdnSub a.acdnLink {
486	background: none repeat scroll 0 0 transparent;
487	color: #AAB5B7; /* N3 */
488	font: 18px Verdana;
489	padding: 5px 5px 5px 15px;
490	text-decoration: none;
491	}
492#acdnmenu_lateral ul.acdnSub a.acdnLink:hover, #acdnmenu_lateral ul.acdnSub a.acdnCurrent, #acdnmenu_lateral ul.acdnSub div.acdnHeading a:hover, #acdnmenu_lateral ul.acdnSub div.acdnHeading a.acdnCurrent {
493	background: none repeat scroll 0 0 transparent;
494	color: #FFFFFF; /* lien survolé sous-menu */
495	text-decoration: none;
496	}
497#acdnmenu_lateral ul.acdnSub div.acdnArrowImage {
498	background: url("img/cd-arrow.svg") no-repeat center center;
499	-webkit-transition-property: -webkit-transform;
500	-moz-transition-property: -moz-transform;
501	transition-property: transform;
502	-webkit-transition-duration: 0.2s;
503	-moz-transition-duration: 0.2s;
504	transition-duration: 0.2s;
505	height: 10px;
506	/*left: 4px;*/
507		right:4px;
508	top: 12px;
509	width: 10px;
510	}
511#acdnmenu_lateral ul.acdnSub div.acdnCurrent div.acdnArrowImage {
512	-webkit-transform: translateY(-50%) rotate(90deg);   
513	-moz-transform: translateY(-50%) rotate(90deg);
514	-ms-transform: translateY(-50%) rotate(90deg);
515	-o-transform: translateY(-50%) rotate(90deg);
516	transform: translateY(-50%) rotate(90deg);
517	}
518#acdnmenu_lateral, #acdnmenu_lateral ul {
519	display: block;
520	font-size: 0;
521	line-height: 0;
522	}
523#acdnmenu_lateral li {
524	font-size: 18px;
525	line-height: 16px;
526	}
527#acdnmenu_lateral:after {
528	clear: both;
529	content: ".";
530	display: block;
531	height: 0;
532	visibility: hidden;
533	}
534#acdnmenu_lateral ul {
535	list-style-type: none;
536	margin: 0px;
537	overflow: hidden;
538	padding: 0px;
539	position: relative;
540	top: 0px;
541	display: none;
542	}
543#acdnmenu_lateral li {
544	margin: 0px;
545	padding: 0px;
546	}
547#acdnmenu_lateral div.acdnHeading, #acdnmenu_lateral div.acdnCurrent {
548	cursor: pointer;
549	position: relative;
550	}
551#acdnmenu_lateral div.acdnArrowImage {
552	overflow: hidden;
553	position: absolute;
554	}
555/* ------------------------------------------------------------ */
556
557
558	
559
560
561
562
563
564
565
566
567/* ------------------------------------------------------------ */
568/* Entête */
569/* ------------------------------------------------------------ */
570haut {
571	width: 100%;
572	height:45px;
573	position: relative;
574	display: inline-block;
575	
576	padding-bottom: 10px;
577	}
578
579#logo{
580	height: 100%; width:auto;
581	margin-top:2px;
582	display: inline-block;
583	}
584
585#navigation{
586	display: inline-block;
587	position:absolute;
588	right : 0px;
589	font-size:12px;
590		top : 16.5px;
591	}
592
593
594banniere {
595	width: 100%;
596    position: relative;
597	display: inline-block;
598	
599	padding-top:0px;
600	padding-bottom:20px;
601	}
602
603#sliderFrame, #sliderFrame div {
604    box-sizing: content-box;
605	}
606#sliderFrame {
607	width:990px;
608    position:relative;
609    margin: 0 auto;
610	}
611#slider, #slider div.sliderInner {
612    width:990px;
613	height:300px;
614		-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
615		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;		
616	}
617#slider {
618	background:#fff url(loading.gif) no-repeat 50% 50%;
619	position:relative;
620    transform: translate3d(0,0,0);
621
622		box-shadow: 0px 3px 6px #555;		}
623
624/* the link style (if an image is wrapped in a link) */
625#slider a.imgLink, #slider .video {
626	z-index:2;
627	cursor:pointer;
628	position:absolute;
629	top:0px;left:0px;border:0;padding:0;margin:0;
630	width:100%;height:100%;
631	}
632#slider a.video {
633	background:transparent url(video.png) no-repeat 50% 50%;
634	}
635
636/* Caption styles */
637#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
638	position:absolute;
639	width:474px;
640	height:auto;
641	padding:6px 0;
642	left:258px; 
643	bottom:8px;
644	z-index:3;
645	overflow:hidden;
646	font-size: 0;
647	}
648#slider div.mc-caption-bg {
649	background:Black;
650	border:1px solid white;
651	
652	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
653		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
654	}
655#slider div.mc-caption-bg2 { background:none; }
656#slider div.mc-caption {
657	font:bold 15px Arial;
658	color:#EEE;
659	z-index:4;
660	text-align:center;
661    background:none;
662	}
663#slider div.mc-caption a { color:#FB0; }
664#slider div.mc-caption a:hover { color:#DA0; }
665#slider div.navBulletsWrapper  {
666	top:6px; 
667	text-align:right;
668	background:none;
669	font-size:0; 
670	position:relative;
671	z-index:5;
672	display:none;
673	}
674#slider div.navBulletsWrapper div {
675    width:8px; height:8px;
676    border:1px solid #AAA;
677    background:#EEE;
678    color:#AAA;
679    font-size:0;
680    text-align:center;
681    display:inline-block; *display:inline; zoom:1;
682    overflow:hidden;cursor:pointer;
683    margin:0 8px;
684    border-radius:50%;
685    box-shadow:inset 0 0 4px #AAA;
686	}
687#slider div.navBulletsWrapper div.active {
688    border-color:#3E99C6;
689    background:#259FDC;
690    color:White;
691	}
692#slider div.loading {
693    width:100%; height:100%;
694    background:transparent url(loading.gif) no-repeat 50% 50%;
695    filter: alpha(opacity=60);
696    opacity:0.6;
697    position:absolute;
698    left:0;
699    top:0; 
700    z-index:9;
701	}
702#slider img, #slider>b, #slider a>b { position:absolute; border:none; display:none; }
703#slider div.sliderInner {
704	overflow:hidden; 
705	-webkit-transform: rotate(0.000001deg); /* fixed the Chrome not crop border-radius bug*/
706	position:absolute; top:0; left:0;
707
708	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
709		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;		}
710#slider>a, #slider video, #slider audio { display:none; }
711#slider div {
712	-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); 
713
714	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
715		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;		}
716/* ------------------------------------------------------------ */
717
718
719
720.formulaire table tr td{
721	padding:5px;
722}
723
724.formulaire textarea{
725	resize:none;
726	width:95%;
727	padding:5px;
728}
729
730.formulaire input[type="text"], .formulaire input[type="email"], .formulaire input[type="password"], .formulaire input[type="url"],
731.formulaire input[type="tel"], .formulaire input[type="date"] {
732	resize:none;
733	width:95%;
734	padding:5px;
735}
736
737.formulaire_champs{
738	text-align:center;
739	width:95%;
740	padding:5px;
741}
742
743.formulaire input[type="submit"] {
744	text-align:center;
745	
746	font-weight: bold;
747	font-style: normal;
748	display: flex; justify-content: center;
749	text-decoration:none;
750
751	padding:12px;
752	
753	background-color: #F4E85C;
754		background-color: #F4E85CFF;
755	
756	cursor:pointer;
757	
758	border: 1px double#000000;
759		border: 1px double#00000080;
760    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
761	
762	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
763		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
764	box-shadow: 0px 3px 6px #555;		
765	letter-spacing:normal;
766	word-spacing:normal;
767	
768	font-family:Verdana, Geneva, sans-serif;
769		
770	color: #000000;
771		color: #000000FF;
772
773	font-size:14px;
774
775	display:block;
776	}
777
778.formulaire input[type="submit"]:hover{
779	border: 1px double#000000;
780		border: 1px double#00000080;
781    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
782
783	background-color: #E2E2E2;
784		background-color: #E2E2E2FF;
785		
786	color: #000000;
787		color: #000000FF;
788	
789	-moz-transition:background-color 0.4s linear;
790	-webkit-transition:background-color 0.4s linear;
791	-o-transition:background-color 0.4s linear;
792	-ms-transition:background-color 0.4s linear;
793	transition:background-color 0.4s linear;
794	}
795
796.div_captcha{
797	width:200px;
798	position: relative;
799	margin-left:auto;
800	margin-right:auto;
801	text-align:center;
802	/*border: 1px solid rgba(28, 58, 169, .3);*/
803	border: 1px solid#000000;
804		border: 1px solid#00000080;
805    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
806
807	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
808		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
809	box-shadow: 0px 3px 6px #555;	display:block;
810	}
811
812
813
814
815/* ------------------------------------------------------------ */
816/* Corps */
817/* ------------------------------------------------------------ */
818colverti, contenu {
819	vertical-align: top;
820	position: relative;	
821	}
822
823colverti {
824	margin-top:0px;
825	}
826
827contenu {
828	/* font-size: 100%; */
829	}
830	
831colverti { display:inline-block; float:left; width:240px; }
832													   contenu { display:inline-block; float:right; width:730px; }/* ------------------------------------------------------------ */
833
834
835
836/* ------------------------------------------------------------ */
837/* CONTENU */
838/* ------------------------------------------------------------ */
839.fieldset_contenu{
840	padding-left:15px;
841	padding-right:15px;
842	padding-bottom:15px;
843	
844	width: calc(700px - 1px);
845
846	border: 1px solid#000000;
847		border: 1px solid#00000080;
848    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
849
850	letter-spacing:normal;
851	word-spacing:normal;
852	/*line-height:118%;*/
853
854	font-family:Verdana, Geneva, sans-serif;
855	
856	color: #000000;
857		color: #000000FF;
858
859	font-size:15px;
860
861	margin-bottom:30px;
862
863	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
864		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
865
866	background-color: #70B1E2;
867		background-color: #70B1E280;
868	
869	box-shadow: 0px 3px 6px #555;	display:block;
870	}
871
872.titre_contenu{
873	position:relative;
874	
875	bottom: calc((10px / 2) - 1px );
876	
877	text-align:left;		
878	font-family:Verdana, Geneva, sans-serif;
879	
880	color: #000000;
881		color: #000000FF;
882	
883	font-size:16px;
884	font-weight: bold;
885	font-style: normal;
886
887	padding:10px;
888	
889	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
890		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
891	border: 1px solid#000000;
892		border: 1px solid#00000080;
893    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
894	
895	background-color: #3258c8;
896		background-color: #3258c880;
897
898	box-shadow: 0px 3px 6px #555;	display:block;
899	}
900
901.fieldset_contenu a:link, .fieldset_contenu a:visited {
902	text-decoration:none;	color:;
903	}
904
905.fieldset_contenu a:hover{
906	text-decoration:none;	color:;
907	}
908
909/* ------------------------------------------------------------ */
910
911
912
913
914
915
916/* ------------------------------------------------------------ */
917/* CONTENU VIERGE */
918/* ------------------------------------------------------------ */
919.fieldset_contenu_vierge{
920	padding-left:15px;
921	padding-right:15px;
922	padding-bottom:15px;
923	width: calc(700px - 1px);
924
925	letter-spacing:normal;
926	word-spacing:normal;
927	/*line-height:118%;*/
928
929	font-family:Verdana, Geneva, sans-serif;
930	
931	color: #000000;
932		color: #000000FF;
933
934	font-size:15px;
935
936	margin-bottom:30px;
937
938	display:block;
939	}
940
941.titre_contenu_vierge{
942	position:relative;
943	
944	bottom: calc((10px / 2) - 1px );
945	
946	text-align:left;		
947	font-family:Verdana, Geneva, sans-serif;
948	
949	color: #000000;
950		color: #000000FF;
951	
952	font-size:16px;
953	/* font-weight: ;
954	font-style: ; */
955
956	padding:10px;
957	
958	display:block;
959	}
960	
961.fieldset_contenu_vierge a:link, .fieldset_contenu_vierge a:visited {
962	text-decoration:none;	color:;
963	}
964
965.fieldset_contenu_vierge a:hover{
966	text-decoration:none;	color:;
967	}
968	
969/* ------------------------------------------------------------ */
970
971
972
973
974
975
976/* ------------------------------------------------------------ */
977/* ARBO V */
978/* ------------------------------------------------------------ */
979.fieldset_arbov{
980	padding-left:15px;
981	padding-right:15px;
982	padding-bottom:15px;
983	width: calc(210px - 1px);
984
985	border: 1px solid#000000;
986		border: 1px solid#00000080;
987    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
988
989	letter-spacing:normal;
990	word-spacing:normal;
991	/*line-height:118%;*/
992
993	font-family:Verdana, Geneva, sans-serif;
994	
995	color: #594646;
996		color: #594646FF;
997
998	font-size:12px;
999
1000	margin-bottom:30px;
1001
1002	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1003		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
1004
1005	background-color: #70B1E2;
1006		background-color: #70B1E280;
1007	
1008	box-shadow: 0px 3px 6px #555;	display:block;
1009	}
1010
1011.titre_arbov{
1012	position:relative;
1013	
1014	bottom: calc((10px / 2) - 1px );
1015	
1016	text-align:left;		
1017	font-family:Verdana, Geneva, sans-serif;
1018	
1019	color: #ffffff;
1020		color: #ffffffFF;
1021	
1022	font-size:15px;
1023	font-weight: normal;
1024	font-style: normal;
1025
1026	padding:10px;
1027	
1028	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1029		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
1030	border: 1px solid#000000;
1031		border: 1px solid#00000080;
1032    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
1033	
1034	background-color: #3258c8;
1035		background-color: #3258c880;
1036
1037	box-shadow: 0px 3px 6px #555;	display:block;
1038	}
1039/* ------------------------------------------------------------ */
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050/* ------------------------------------------------------------ */
1051/* COLVERTI */
1052/* ------------------------------------------------------------ */
1053.fieldset_colverti{
1054	padding-left:15px;
1055	padding-right:15px;
1056	padding-bottom:15px;
1057	width: calc(210px - 1px );
1058
1059	border: 1px solid#000000;
1060		border: 1px solid#00000080;
1061    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
1062
1063	letter-spacing:normal;
1064	word-spacing:normal;
1065	/*line-height:118%;*/
1066
1067	font-family:Verdana, Geneva, sans-serif;
1068	
1069	color: #000000;
1070		color: #000000FF;
1071
1072	font-size:15px;
1073
1074	margin-bottom:30px;
1075
1076	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1077		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
1078
1079	background-color: #70B1E2;
1080		background-color: #70B1E280;
1081	
1082	box-shadow: 0px 3px 6px #555;	display:block;
1083	}
1084
1085.titre_colverti{
1086	position:relative;
1087	
1088	bottom: calc((12px / 2) - 1px );
1089	
1090	text-align:left;		
1091	font-family:Verdana, Geneva, sans-serif;
1092	
1093	color: #000000;
1094		color: #000000FF;
1095	
1096	font-size:16px;
1097	font-weight: normal;
1098	font-style: normal;
1099
1100	padding:12px;
1101	
1102	-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1103		-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;	
1104	border: 1px solid#000000;
1105		border: 1px solid#00000080;
1106    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
1107	
1108	background-color: #3258c8;
1109		background-color: #3258c880;
1110
1111	box-shadow: 0px 3px 6px #555;	display:block;
1112	}
1113	
1114	
1115.fieldset_colverti a:link, .fieldset_colverti a:visited {
1116	text-decoration:none;	color:;
1117	}
1118
1119.fieldset_colverti a:hover{
1120	text-decoration:none;	color:;
1121	}
1122	
1123/* ------------------------------------------------------------ */
1124
1125
1126
1127
1128/* ------------------------------------------------------------ */
1129/* basdepage */
1130/* ------------------------------------------------------------ */
1131.fieldset_basdepage{
1132	padding-left:15px;
1133	padding-right:15px;
1134	padding-bottom:15px;
1135
1136	border: 1px solid#000000;
1137		border: 1px solid#00000000;
1138    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
1139
1140	letter-spacing:normal;
1141	word-spacing:normal;
1142
1143	font-family:Verdana, Geneva, sans-serif;
1144	
1145	color: #000000;
1146		color: #000000FF;
1147
1148	font-size:12px;
1149
1150	margin-bottom:20px;
1151
1152		
1153			
1154
1155	background-color: #1F83C4;
1156		background-color: #1F83C400;
1157	
1158		
1159	display:block;
1160	}
1161
1162.titre_basdepage{
1163	position:relative;
1164	
1165	bottom: calc((0px / 2) - 1px );
1166	
1167	text-align:left;		
1168	font-family:Arial, Helvetica, sans-serif;
1169	
1170	color: #161313;
1171		color: #161313FF;
1172	
1173	font-size:8px;
1174	font-weight: normal;
1175	font-style: normal;
1176
1177	padding:0px;
1178	
1179		
1180			
1181	border: 0px solid#ff0000;
1182		border: 0px solid#ff000000;
1183    -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 
1184	
1185	background-color: #ffffff;
1186		background-color: #ffffff00;
1187
1188		display:block;
1189	}
1190	
1191.fieldset_basdepage a:link, .fieldset_basdepage a:visited {
1192	text-decoration:underligne;	color:#0000FF;
1193	}
1194
1195.fieldset_basdepage a:hover{
1196	text-decoration:none;	color:#FF0000;
1197	}
1198
1199/* ------------------------------------------------------------ */
1200
1201
1202
1203
1204
1205
1206/* ------------------------------------------------------------ */
1207/* Pied */
1208/* ------------------------------------------------------------ */
1209bas {
1210	width: 100%;
1211	position: relative;
1212	display: inline-block;
1213	
1214	vertical-align: top;
1215	
1216	margin-top:30px;
1217	margin-bottom: 20px;
1218	}
1219/* ------------------------------------------------------------ */
1220
1221
1222
1223/* ------------------------------------------------------------ */
1224/* Nav latéral - pt écran */
1225/* ------------------------------------------------------------ */
1226.cd-main-content {
1227    padding-top: 0px; 
1228  }
1229
1230header, #cd-lateral-nav {
1231	display:none;
1232  }
1233/* ------------------------------------------------------------ */
1234
1235
1236
1237#cadre_drapeau{
1238	width:100%;
1239	background:none;
1240	text-align: center;
1241	margin-top: 4px;
1242	margin-bottom: 5px;
1243	}
1244
1245.drapeau{
1246	-moz-border-radius:25%; -webkit-border-radius:25%; border-radius:25%;		border: thin solid #1c80e3;
1247	}
1248
1249
1250
1251
1252
1253	
1254/*
1255.photo {
1256	float:right;
1257	margin-left:15px;
1258	margin-bottom:15px;
1259	width: 223.33px;
1260	display:block;
1261	}
1262*/
1263.photoseul {
1264	width: 33%;
1265	}
1266
1267.txt-3colonnes {
1268	-webkit-column-width: 33%;
1269    -webkit-column-gap: 3.9%;
1270    -webkit-column-rule: 1px solid #eee;
1271    -webkit-column-count: 3;
1272    -moz-column-width: 33%;
1273    -moz-column-gap: 3.9%;
1274    -moz-column-rule: 1px solid #eee;
1275    -moz-column-count: 3;
1276    -ms-column-width: 33%;
1277    -ms-column-gap: 3.9%;
1278    -ms-column-rule: 1px solid #eee;
1279    -ms-column-count: 3;
1280    column-width: 33%;
1281    column-gap: 3.9%;
1282    column-rule: 1px solid #eee;
1283    column-count: 3;
1284 
1285}
1286
1287.fieldset_contenu_texte{
1288	border-top-style:none;
1289	border-right-style:none;
1290	border-bottom-style:none;
1291	border-left-style:none;
1292	vertical-align:top; }
1293
1294.fieldset_photos{
1295width:100%
1296margin-top:25px;
1297margin-bottom:25px;
1298
1299	vertical-align: top;
1300	text-align: center; 
1301	
1302	-moz-column-count: 3;
1303	-moz-column-gap: 1em;
1304	-moz-column-rule: 1px solid black;
1305	-webkit-column-count: 3;
1306	-webkit-column-gap: 1em;
1307	-webkit-column-rule: 1px solid black;
1308	
1309	
1310	}
1311/* FIN contenu */
1312
1313/* DEBUT  m2 m3 m4 + coord */
1314#menu_vertical{
1315	max-width:230px;
1316	min-width:230px;
1317	width:230px;
1318	padding:0;
1319	float: left;
1320	}
1321
1322#menu_accordeon{
1323	background-color:;
1324	opacity:;
1325	color:;
1326	max-width:230px;
1327	min-width:230px;
1328	width:230px;
1329	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;		border: thin solid #1c80e3;
1330	margin-bottom: 20px; }
1331
1332#cadre_vertical{
1333	font-family:;
1334	color:;
1335	font-size:px;
1336	background-color:;
1337	opacity:;
1338	width:220px;
1339	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;		border: thin solid #1c80e3;
1340	text-align: center;
1341	padding: 5px;
1342	margin-bottom: 20px; }
1343
1344#cadre_vertical-contour{
1345	background:none;
1346	font-family:;
1347	color:;
1348	font-size:px;
1349	max-width:230px;
1350	min-width:230px;
1351	width:230px;
1352	text-align: center;
1353	margin-bottom: 20px; }
1354	
1355#acdnmenu div.acdnArrowImage{
1356left: 7px;
1357top: 10px;
1358width: 0;
1359height: 0;
1360border-top: 5px solid transparent;
1361border-bottom: 5px solid transparent;
1362border-left: 8px solid ; }
1363
1364#acdnmenu div.acdnCurrent div.acdnArrowImage{
1365left: 7px;
1366top: 12px;
1367width: 0;
1368height: 0;
1369border-top: 8px solid ;
1370border-left: 5px solid transparent;
1371border-right: 5px solid transparent; }
1372
1373#acdnmenu ul.acdnSub div.acdnArrowImage{
1374left: 6px;
1375top: 7px;
1376width: 0;
1377height: 0;
1378border-top: 4px solid transparent;
1379border-bottom: 4px solid transparent;
1380border-left: 7px solid ; }
1381
1382#acdnmenu ul.acdnSub div.acdnCurrent div.acdnArrowImage{
1383left: 6px;
1384top: 8px;
1385width: 0;
1386height: 0;
1387border-top: 7px solid ;
1388border-left: 4px solid transparent;
1389border-right: 4px solid transparent; }
1390/* FIN  m2 m3 m4 + coord */
1391
1392/* DEBUT Lightbox */
1393.lightbox{
1394	display: none;
1395	position: fixed;
1396	z-index: 999;
1397	width: 100%;
1398	height: 100%;
1399	text-align: center;
1400	top: 0;
1401	left: 0;
1402	background: rgba(0,0,0,0.8); }
1403
1404.lightbox img{
1405	/*max-width: 90%;
1406	max-height: 80%; */
1407    margin-top:10px;
1408	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;	border: thin solid #1c80e3; }
1409
1410.lightbox:target{
1411	outline: none;
1412	display: block; }
1413/* FIN Lightbox */
1414
1415/* DEBUT Images */
1416.img1{ /* m_vertical largeur max sans MEF -> Pour cadre-vertical sans contour */
1417	width: 100%;
1418	margin-top: 0px;
1419	margin-right: 0px;
1420	margin-bottom: 0px;
1421	margin-left: 0px;}
1422
1423.img2{ /* m_vertical largeur max avec MEF -> Pour cadre-vertical sans contour */
1424	width: 100%;
1425	margin-top: 0px;
1426	margin-right: 0px;
1427	margin-bottom: 0px;
1428	margin-left: 0px;
1429	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;		border: thin solid #1c80e3;}
1430
1431.img3{ /* m_vertical largeur 210 sans MEF -> Pour cadre-vertical avec contour*/
1432	width: 210px;
1433	margin-top: 0px;
1434	margin-right: 0px;
1435	margin-bottom: 0px;
1436	margin-left: 0px;}
1437
1438.img4{ /* m_vertical largeur 210 avec MEF -> Pour cadre-vertical avec contour */
1439	width: 210px;
1440	margin-top: 0px;
1441	margin-right: 0px;
1442	margin-bottom: 0px;
1443	margin-left: 0px;
1444	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;		border: thin solid #1c80e3;}
1445
1446/* FIN Images */
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457</style>
1458
1459
1460
1461
1462<style type="text/css">
1463/* ------------------------------------------------------------ */
1464/* ------------------------------------------------------------ */
1465/* ------------------------------------------------------------ */
1466/* ------------------------------------------------------------ */
1467@media only screen and (max-width: 990px) {
1468	
1469	#bloc_page {
1470		width: auto;
1471		}
1472	haut, banniere, menuH, colverti {
1473		display: none;
1474		}
1475
1476	#logo{
1477		margin-top:2px;
1478		margin-left:55px;
1479		position:absolute;
1480		}
1481
1482	contenu {
1483		font-size: 110%;
1484		width: 100%;
1485		/* background: #FFFFFF; */
1486		margin-left: 0px;
1487		padding:10px;
1488		}
1489		
1490	.fieldset_contenu {
1491		width: 100%;
1492		}
1493	
1494	/* ------------------------------------------------------------ */
1495	/* Nav latéral */
1496	/* ------------------------------------------------------------ */
1497	*, *:after, *:before {
1498		-webkit-box-sizing: border-box;
1499		-moz-box-sizing: border-box;
1500		box-sizing: border-box;
1501		}
1502	
1503	a {
1504		color: #6cac70;
1505		text-decoration: none;
1506		}
1507
1508	.cd-img-replace {
1509		display: inline-block;
1510		overflow: hidden;
1511		text-indent: 100%;
1512		white-space: nowrap;
1513		}
1514	
1515	.overflow-hidden {
1516		overflow: hidden;
1517		}
1518	
1519	.cd-main-content {
1520		padding-top:45px; /* HAUTEUR BANDEAU NAV PT */
1521		min-height: 100%;
1522		position: relative;
1523		/* background-color: #f5f4e9; FOND Principal */
1524		z-index: 2;
1525		
1526		-webkit-transform: translateZ(0);
1527		-webkit-backface-visibility: hidden;
1528		-webkit-transition-property: -webkit-transform;
1529		-moz-transition-property: -moz-transform;
1530		transition-property: transform;
1531		}
1532	
1533	.cd-main-content.lateral-menu-is-open {
1534		-webkit-transform: translateX(260px); 
1535		-moz-transform: translateX(260px);
1536		-ms-transform: translateX(260px);
1537		-o-transform: translateX(260px);
1538		transform: translateX(260px);
1539		}
1540	
1541	header {
1542		height: 45px; /* HAUTEUR BANDEAU NAV */
1543		position: absolute;
1544		top: 0;
1545		right: 0;
1546		width: 100%;
1547		z-index: 3;
1548		-webkit-transform: translateZ(0);
1549		-webkit-backface-visibility: hidden;
1550		-webkit-transition-property: -webkit-transform;
1551		-moz-transition-property: -moz-transform;
1552		transition-property: transform;
1553		display:inline-block;
1554		}
1555	
1556	header.lateral-menu-is-open {
1557		-webkit-transform: translateX(260px); 
1558		-moz-transform: translateX(260px);
1559		-ms-transform: translateX(260px);
1560		-o-transform: translateX(260px);
1561		transform: translateX(260px);
1562		}
1563	
1564	header.is-fixed {
1565		position: fixed;
1566		}
1567	
1568	#cd-logo {
1569		display: block;
1570		float: left;
1571		margin: 12px 2px 0 20px;
1572		}
1573	
1574	#cd-logo img {
1575	  display: block;
1576	}
1577	
1578	#cd-top-nav {
1579		position: absolute;
1580		top: 0;
1581		right: 0px; 
1582		height: 100%;
1583		display: none;
1584		}
1585	
1586	#cd-top-nav ul {
1587		height: 100%;
1588		padding-top: 18px;
1589		}
1590
1591	#cd-top-nav li {
1592		display: inline-block;
1593		margin-right: 1em;
1594		}
1595
1596	#cd-top-nav a {
1597		display: inline-block;
1598		padding: .5em;
1599		color: #FFF;
1600		font-weight: 600;
1601		}
1602	#cd-top-nav a.current {
1603		background-color: #242e30;
1604		}
1605	
1606	.no-touch #cd-top-nav a:hover {
1607		color: rgba(255, 255, 255, 0.7);
1608		}
1609	
1610	#cd-menu-trigger {
1611		position: absolute;
1612		left: 0; 
1613		top: 0;
1614		height: 100%;
1615		width: 45px;
1616		background-color: #3A4A4D;
1617		-moz-border-radius: 0px 5px 5px 0px;
1618		-webkit-border-radius: 0px 5px 5px 0px;
1619		border-radius: 0px 5px 5px 0px;
1620		}
1621	
1622	#cd-menu-trigger .cd-menu-text {
1623		height: 100%;
1624		color: #FFF;
1625		font-weight: 600;
1626		display: none;
1627		}
1628	
1629	#cd-menu-trigger .cd-menu-icon {
1630		display: inline-block;
1631		position: absolute;
1632		right: 50%;   
1633		top: 50%;
1634		bottom: auto;
1635		right: auto;
1636		-webkit-transform: translateX(50%) translateY(50%);  
1637		-moz-transform: translateX(50%) translateY(50%);
1638		-ms-transform: translateX(50%) translateY(50%);
1639		-o-transform: translateX(50%) translateY(50%);
1640		transform: translateX(50%) translateY(50%);
1641		width: 18px;
1642		height: 2px;
1643		background-color: #FFF;
1644		}
1645		
1646	#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
1647		content: '';
1648		width: 100%;
1649		height: 100%;
1650		position: absolute;
1651		background-color: inherit;
1652		right: 0;
1653		}
1654		
1655	#cd-menu-trigger .cd-menu-icon::before {
1656		bottom: 5px;
1657		}
1658	
1659	#cd-menu-trigger .cd-menu-icon::after {
1660		top: 5px;
1661		}
1662	
1663	#cd-menu-trigger.is-clicked .cd-menu-icon {
1664		background-color: rgba(255, 255, 255, 0);
1665		}
1666		
1667	#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
1668		background-color: white;
1669		}
1670	
1671	#cd-menu-trigger.is-clicked .cd-menu-icon::before {
1672		bottom: 0;
1673		-webkit-transform: rotate(45deg);
1674		-moz-transform: rotate(45deg);
1675		-ms-transform: rotate(45deg);
1676		-o-transform: rotate(45deg);
1677		transform: rotate(45deg);
1678		}
1679		
1680	#cd-menu-trigger.is-clicked .cd-menu-icon::after {
1681		top: 0;
1682		-webkit-transform: rotate(-45deg);
1683		-moz-transform: rotate(-45deg);
1684		-ms-transform: rotate(-45deg);
1685		-o-transform: rotate(-45deg);
1686		transform: rotate(-45deg);
1687		}
1688	
1689	#cd-lateral-nav { font-weight: 600;
1690		position: fixed;
1691		height: 100%;
1692		left: 0; 
1693		top: 0;
1694		visibility: hidden;
1695		z-index: 1;
1696		width: 260px;
1697		background-color: #242e30;
1698		overflow-y: auto;
1699		
1700		-webkit-transform: translateZ(0);
1701		-webkit-backface-visibility: hidden;
1702		-webkit-transform: translateX(-80px);   
1703		-moz-transform: translateX(-80px);
1704		-ms-transform: translateX(-80px);
1705		-o-transform: translateX(-80px);
1706		transform: translateX(-80px);
1707		display:inline-block;
1708		}
1709	
1710	#cd-lateral-nav .cd-navigation {
1711		margin: 10px 0 16px;
1712		}
1713	#cd-lateral-nav .sub-menu {
1714		padding: 0 10px 20px 15px;
1715		display: none;
1716		}
1717	#cd-lateral-nav a {
1718		display: block;
1719		line-height: 2em;
1720		padding: 0 16px 0 32px;
1721		color: #aab5b7;
1722		}
1723	#cd-lateral-nav a.current {
1724		background-color: #3a4a4d;
1725		color: #FFF;
1726		}
1727	.no-touch #cd-lateral-nav a:hover {
1728		color: #FFF;
1729		}
1730	
1731	#cd-lateral-nav.lateral-menu-is-open {
1732		-webkit-transform: translateX(0);
1733		-moz-transform: translateX(0);
1734		-ms-transform: translateX(0);
1735		-o-transform: translateX(0);
1736		transform: translateX(0);
1737		visibility: visible;
1738		-webkit-overflow-scrolling: touch;
1739		}
1740	
1741	#cd-lateral-nav .item-has-children > a {
1742		position: relative;
1743		font-weight: 600;
1744		}
1745	#cd-lateral-nav .item-has-children > a::after {
1746		content: '';
1747		display: block;
1748		height: 11px;
1749		width: 8px;
1750		position: absolute;
1751		top: 50%;
1752		bottom: auto;
1753		-webkit-transform: translateY(-50%); 
1754		-moz-transform: translateY(-50%);
1755		-ms-transform: translateY(-50%);
1756		-o-transform: translateY(-50%);
1757		transform: translateY(-50%);
1758		right: 1em;  
1759		background: url("img/cd-arrow.svg") no-repeat center center;
1760		background-size: 8px 11px;
1761		-webkit-transition-property: -webkit-transform;
1762		-moz-transition-property: -moz-transform;
1763		transition-property: transform;
1764		-webkit-transition-duration: 0.2s;
1765		-moz-transition-duration: 0.2s;
1766		transition-duration: 0.2s;
1767		}
1768	#cd-lateral-nav .item-has-children > a.submenu-open::after {
1769		-webkit-transform: translateY(-50%) rotate(90deg);   
1770		-moz-transform: translateY(-50%) rotate(90deg);
1771		-ms-transform: translateY(-50%) rotate(90deg);
1772		-o-transform: translateY(-50%) rotate(90deg);
1773		transform: translateY(-50%) rotate(90deg);
1774		}
1775	
1776	#cd-lateral-nav .socials {
1777		padding: 0 32px;
1778		}
1779	#cd-lateral-nav .socials:after {
1780		content: "";
1781		display: table;
1782		clear: both;
1783		}
1784	#cd-lateral-nav .socials a {
1785		height: 32px;
1786		width: 32px;
1787		float: left;
1788		padding: 0;
1789		background-image: url("img/cd-socials.svg");
1790		background-repeat: no-repeat;
1791		background-size: 128px 64px;
1792		background-color: #FFF;
1793		margin-right: .5em;
1794		border-radius: 0.25em;
1795		}
1796	#cd-lateral-nav .socials a.cd-twitter {
1797		background-position: 0 0;
1798		}
1799	#cd-lateral-nav .socials a.cd-github {
1800		background-position: -32px 0;
1801		}
1802	#cd-lateral-nav .socials a.cd-facebook {
1803		background-position: -64px 0;
1804		}
1805	#cd-lateral-nav .socials a.cd-google {
1806		background-position: -96px 0;
1807		}
1808	.no-touch #cd-lateral-nav .socials a:hover {
1809		background-color: #4e6361;
1810		}
1811	.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
1812		background-position: 0 -32px;
1813		}
1814	.no-touch #cd-lateral-nav .socials a:hover.cd-github {
1815		background-position: -32px -32px;
1816		}
1817	.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
1818		background-position: -64px -32px;
1819		}
1820	.no-touch #cd-lateral-nav .socials a:hover.cd-google {
1821		background-position: -96px -32px;
1822		}
1823	
1824	
1825}
1826/* ------------------------------------------------------------ */
1827</style>
1828<h1>&nbsp;</h1>
1829    
1830    <!-- --------------------------------------------------------------------------------------------------------- -->
1831	<!-- jquery -->
1832   	
1832<script src="https://www.infini-communication.fr/js/jquery.min.js"></script>
1832
1833    <!-- --------------------------------------------------------------------------------------------------------- -->
1834
1835    <!-- --------------------------------------------------------------------------------------------------------- -->
1836 	<!-- accordionMenu -->
1837	
1837<script src="js/accordionMenu.js"></script>
1837
1838    
1838<script>
1839    	jQuery(function() {
1840        jQuery("#acdnmenu").accordionMenu();
1841        });
1842    </script>
1842
1843    
1844    
1844<script>
1845    	jQuery(function() {
1846        jQuery("#acdnmenu_lateral").accordionMenu();
1847        });
1848    </script>
1848    
1849    <!-- --------------------------------------------------------------------------------------------------------- -->
1850    
1851    <!-- --------------------------------------------------------------------------------------------------------- -->
1852    <!-- Nav lateral -->
1853    <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,700' rel='stylesheet' type='text/css'>
1854	
1854<script src="js/modernizr.js"></script>
1854 
1855    <!-- --------------------------------------------------------------------------------------------------------- -->
1856
1857    <!-- --------------------------------------------------------------------------------------------------------- -->
1858    <!-- Bandeau -->
1859	
1859<script src="bandeau_script/js-image-slider.js" type="text/javascript"></script>
1859
1860    <!-- --------------------------------------------------------------------------------------------------------- -->
1861<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
vendor: 1 bytes, line 1861
1861
1862<script src="js/sweetalert2.all.min.js"></script>
1862
1863			<link rel="stylesheet" href="js/sweetalert2.min.css">
1864
1865
1866</head>
1867<body>
1868<script>
1869swal(
1870  'Oops...',
1871  'ca bug!',
1872  'error'
1873);
1874</script>
1874
1875
1876
1877
1878    <header>
1879        <a id="cd-menu-trigger" href="#0"><span class="cd-menu-icon"></span><img src="logo.png" alt="Site officiel de la commune de Valernes" id="logo" /></a>
1880    </header>
1881    
1882    <main class="cd-main-content">
1883        
1884        <div id="bloc_page">        
1885        
1886            <haut>
1887                <a href="?id=22"><img src="logo.png" alt="Site officiel de la commune de Valernes" id="logo" /></a>
1888                <div id="navigation">Site officiel de la commune de Valernes&nbsp;&nbsp;&gt;&nbsp;&nbsp;ACCUEIL&nbsp;&nbsp;&gt;&nbsp;&nbsp;Actualités</div>            </haut>
1889
1890            
1891        	<banniere><div id="sliderFrame"><div id="slider"><img src="bandeau_img/fr/220617_232821.jpg" /><img src="bandeau_img/fr/220617_232823.jpg" /><img src="bandeau_img/fr/220617_232825.jpg" /><img src="bandeau_img/fr/220617_232827.jpg" /><img src="bandeau_img/fr/220617_232829.jpg" /><img src="bandeau_img/fr/220617_232826.jpg" /><img src="bandeau_img/fr/220617_232824.jpg" /><img src="bandeau_img/fr/220617_232822.jpg" /><img src="bandeau_img/fr/220617_232828.jpg" /></div></div></banniere>            
1892            <menuH>
1893	<div id="menuH">
1894        <ul>
1895        <a href="?id=15"><li>ACCUEIL</li></a><a href="?id=28"><li>VALERNES</li></a><a href="?id=34"><li>MAIRIE</li></a><a href="?id=24"><li>ACTEURS LOCAUX</li></a><a href="?id=82"><li>ACTIVITES</li></a><a href="?id=33"><li>SCOLAIRE</li></a><a href="?id=32"><li>INFOS</li></a><a href="?id=3"><li>ACCÈS</li></a>        </ul>
1896	</div>
1897</menuH>
1898            
1899            <contenu>
1900				<fieldset class="fieldset_contenu"><legend class="titre_contenu">PANNEAUPOCKET </legend><fieldset class="fieldset_bloc1_1"><br /><fieldset><div style="text-align:center"><span style="color:#FF0000"><span style="font-size:26px">!! </span></span><span style="color:#6633ff"><span style="font-size:26px">A PARTIR DU 10/06/2026 RETROUVEZ NOS DERNIERES ACTUALITES SUR PANNEAUPOCKET </span></span><span style="color:#FF0000"><span style="font-size:26px">!!</span></span></div>
1901</fieldset></fieldset></fieldset><fieldset class="fieldset_contenu"><legend class="titre_contenu">NOUVEAU! Ne manquez plus les informations et alertes de Valernes !</legend><fieldset class="fieldset_bloc1_1"><br /><fieldset>
1902		<style>
1903		.figure_999090371 { width: 100%;
1904		display:block;float:right; margin-right: 0px;	margin-left: 18px;margin-top: 0px; margin-bottom: 10px;}
1905		.obj_999090371 { width: 100%;				
1906			border: 1px solid#000000;
1907						border: 1px solid#00000080;
1908			-moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 				
1909			-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1910						-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;						
1911			box-shadow: 0px 3px 6px #555;			}
1912		</style><figure class="figure_999090371"><img src="librairie/26/260507_113732.jpg" class="obj_999090371" /></figure><strong>Valernes &agrave; port&eacute;e de main avec PanneauPocket !</strong><br />
1913Nous avons choisi d&rsquo;adopter PanneauPocket au sein de la commune afin de vous informer des actualit&eacute;s locales, des &eacute;v&eacute;nements &agrave; venir, des alertes de s&eacute;curit&eacute;, des travaux en cours en temps r&eacute;el etc&hellip; Cette application vous permet de consulter &eacute;galement les informations des communes environnantes et d&rsquo;acc&eacute;der &agrave; l&rsquo;agenda du territoire afin de pouvoir profiter des &eacute;v&egrave;nements de la vie locale&nbsp;!<br />
1914<strong>T&eacute;l&eacute;chargez d&egrave;s maintenant PanneauPocket et restez connect&eacute;s ! L&rsquo;application est gratuite et respecte votre vie priv&eacute;e, aucune donn&eacute;e personnelle n&#39;est requise.</strong>
1915<ol>
1916	<li>Rendez-vous sur votre store : <a href="https://onelink.to/rfz5kx" target="_new">https://onelink.to/rfz5kx</a></li>
1917	<li>Recherchez &quot;PanneauPocket&quot; dans la barre de recherche puis cliquez sur &quot;T&eacute;l&eacute;charger&quot; ou &quot;Installer&quot;.</li>
1918	<li>Une fois l&#39;application t&eacute;l&eacute;charg&eacute;e, recherchez la commune et ajoutez-la en favori pour recevoir toutes nos informations et alertes.</li>
1919</ol>
1920Si vous n&rsquo;avez pas de smartphone, toutes les informations PanneauPocket sont aussi accessibles sur votre ordinateur. Rendez-vous sur app.panneaupocket.com et recherchez la commune.<br />
1921&Agrave; bient&ocirc;t sur PanneauPocket !</fieldset><br /><fieldset>
1922		<style>
1923		.figure_1108404303 { width: 100%;
1924		display:block;float:right; margin-right: 0px;	margin-left: 18px;margin-top: 0px; margin-bottom: 10px;}
1925		.obj_1108404303 { width: 100%;				
1926			border: 1px solid#000000;
1927						border: 1px solid#00000080;
1928			-moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 				
1929			-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1930						-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;						
1931			box-shadow: 0px 3px 6px #555;			}
1932		</style><figure class="figure_1108404303"><img src="librairie/26/260507_120110.jpg" class="obj_1108404303" /></figure></fieldset></fieldset></fieldset><fieldset class="fieldset_contenu"><legend class="titre_contenu">OBLIGATIONS LEGALES DE DEBROUSSAILLEMENT </legend><fieldset class="fieldset_bloc1_1"><br /><fieldset>
1933		<style>
1934		.figure_417075278 { width: 100%;
1935		display:block;float:right; margin-right: 0px;	margin-left: 18px;margin-top: 0px; margin-bottom: 10px;}
1936		.obj_417075278 { width: 100%;				
1937			border: 1px solid#000000;
1938						border: 1px solid#00000080;
1939			-moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 				
1940			-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1941						-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;						
1942			box-shadow: 0px 3px 6px #555;			}
1943		</style><figure class="figure_417075278">
1943<img src="diaporama/26/260417_144339/260417_144339.jpg" width="100%" class="mySlides417075278 animation_input obj_417075278" /><img src="diaporama/26/260417_144339/260417_144340.jpg" width="100%" class="mySlides417075278 animation_input obj_417075278" /><img src="diaporama/26/260417_144339/260417_144341.jpg" width="100%" class="mySlides417075278 animation_input obj_417075278" /></figure>                        
1943<script>
1944                        var myIndex417075278 = 0;
1945                        carousel417075278();
1946                        
1947                        function carousel417075278() {
1948                          var i;
1949                          var x = document.getElementsByClassName("mySlides417075278");
1950                          for (i = 0; i < x.length; i++) {
1951                            x[i].style.display = "none";  
1952                          }
1953                          myIndex417075278++;
1954                          if (myIndex417075278 > x.length) {myIndex417075278 = 1}    
1955                          x[myIndex417075278-1].style.display = "block";  
1956                          setTimeout(carousel417075278, 6000);    
1957                        }
1958                        </script>
1958
1959					</fieldset></fieldset></fieldset><fieldset class="fieldset_contenu"><legend class="titre_contenu">EMPLOI DU FEU </legend><fieldset class="fieldset_bloc1_1"><br /><fieldset>
1960		<style>
1961		.figure_937945656 { width: 100%;
1962		display:block;float:right; margin-right: 0px;	margin-left: 18px;margin-top: 0px; margin-bottom: 10px;}
1963		.obj_937945656 { width: 100%;				
1964			border: 1px solid#000000;
1965						border: 1px solid#00000080;
1966			-moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; 				
1967			-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px;	
1968						-moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;						
1969			box-shadow: 0px 3px 6px #555;			}
1970		</style><figure class="figure_937945656"><img src="diaporama/26/260417_144410/260417_144410.jpg" width="100%" class="mySlides937945656 animation_input obj_937945656" /><img src="diaporama/26/260417_144410/260417_144411.jpg" width="100%" class="mySlides937945656 animation_input obj_937945656" />
1970<img src="diaporama/26/260417_144410/260417_144412.jpg" width="100%" class="mySlides937945656 animation_input obj_937945656" /></figure>                        
1970<script>
1971                        var myIndex937945656 = 0;
1972                        carousel937945656();
1973                        
1974                        function carousel937945656() {
1975                          var i;
1976                          var x = document.getElementsByClassName("mySlides937945656");
1977                          for (i = 0; i < x.length; i++) {
1978                            x[i].style.display = "none";  
1979                          }
1980                          myIndex937945656++;
1981                          if (myIndex937945656 > x.length) {myIndex937945656 = 1}    
1982                          x[myIndex937945656-1].style.display = "block";  
1983                          setTimeout(carousel937945656, 6000);    
1984                        }
1985                        </script>
1985
1986					</fieldset></fieldset></fieldset>            
1987            </contenu>
1988            
1989			<colverti><fieldset class="fieldset_arbov"><legend class="titre_arbov">ACCUEIL</legend> <div id="acdnmenu" style="width:100%;"><ul><li><a href="?id=22">Actualités</a></li><li><a href="?id=23">Infos municipales</a></li></ul></div></fieldset><fieldset class="fieldset_colverti"><legend class="titre_colverti">Contacts</legend><fieldset class="fieldset_bloc1_1"><br /><fieldset><table border="0" cellpadding="5" cellspacing="5" style="width:100%">
1990	<tbody>
1991		<tr>
1992			<td style="text-align:center"><span style="font-size:26px">⌂</span></td>
1993			<td><span style="font-size:16px">1004E Mont&eacute;e du village<br />
1994			04200 Valernes<br />
1995			<br />
1996			<em><span style="font-size:14px">Les mardis et vendredis de 9h &agrave; 12h</span></em></span><br />
1997			&nbsp;</td>
1998		</tr>
1999		<tr>
2000			<td style="text-align:center">&nbsp;</td>
2001			<td>&nbsp;</td>
2002		</tr>
2003		<tr>
2004			<td style="text-align:center"><span style="font-size:20px">✆</span></td>
2005			<td><strong><span style="font-size:20px">04 92 62 16 46</span></strong></td>
2006		</tr>
2007		<tr>
2008			<td style="text-align:center">&nbsp;</td>
2009			<td>&nbsp;</td>
2010		</tr>
2011		<tr>
2012			<td style="text-align:center"><span style="font-size:20px">✉</span></td>
2013			<td><span style="font-size:16px">[email protected]</span></td>
2014		</tr>
2015	</tbody>
2016</table>
2017</fieldset></fieldset></fieldset><fieldset class="fieldset_colverti"><legend class="titre_colverti">Météo locale</legend><fieldset class="fieldset_bloc1_1"><br /><fieldset><div align="center"><iframe src="https://www.meteoblue.com/fr/meteo/widget/daily/valernes_france_2971024?geoloc=fixed&days=3&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&precipunit=MILLIMETER&coloured=coloured&pictoicon=0&pictoicon=1&maxtemperature=0&maxtemperature=1&mintemperature=0&mintemperature=1&windspeed=0&windgust=0&winddirection=0&uv=0&humidity=0&precipitation=0&precipitationprobability=0&spot=0&pressure=0&layout=light"  frameborder="0" scrolling="NO" allowtransparency="true" sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox" style="width: 162px;"></iframe><div></div></fieldset></fieldset></fieldset><fieldset class="fieldset_colverti"><legend class="titre_colverti">DERNIERE MINUTE!</legend><fieldset class="fieldset_bloc1_1"></fieldset></fieldset></colverti>            
2018            <bas>
2019        		<fieldset class="fieldset_basdepage"><fieldset class="fieldset_bloc1_1"><br /><fieldset><div style="text-align:center">&copy; Mairie de Valernes&nbsp;-&nbsp;<a href="?id=1">Mentions l&eacute;gales et Cr&eacute;dits</a> - Cr&eacute;ation <img src="../logo_infini-communication.png" height="9" border="0" align="absmiddle" /> <a href="https://www.infini-communication.com" target="_blank">INFINI-Communication</a></div>
2020</fieldset></fieldset></fieldset>            </bas>
2021		
2022        </div>
2023    
2024    </main>  
2025    
2026    <br /><br />
2027    
2028    <!-- --------------------------------------------------------------------------------------------------------- -->
2029	<!-- Arborescencce latérale -->
2030    <nav id="cd-lateral-nav">
2031    	<div id="acdnmenu_lateral" style="width:100%;"><ul><li>ACCUEIL<ul><li><a href="?id=22">Actualités</a></li><li><a href="?id=23">Infos municipales</a></li></ul></li><li>VALERNES<ul><li><a href="?id=31">Pr&eacute;sentation</a></li><li><a href="?id=29">Histoire</a></li><li><a href="?id=30">Personnages</a></li><li><a href="?id=39">Patrimoine</a></li></ul></li><li>MAIRIE<ul><li><a href="?id=35">Conseil Municipal</a></li><li><a href="?id=37">&Eacute;tat civil</a></li><li><a href="?id=36">Démarches</a></li><li><a href="?id=38">Cimeti&egrave;re</a></li><li><a href="?id=40">Tri / Ordures ménagères</a></li></ul></li><li>ACTEURS LOCAUX<ul><li><a href="?id=26">Restauration</a></li><li><a href="?id=25">Producteur / agriculteur</a></li><li><a href="?id=27">Entreprises</a></li><li><a href="?id=88">Artistes / Créateurs</a></li></ul></li><li><a href="?id=82">ACTIVITES</a></li><li><a href="?id=33">SCOLAIRE</a></li><li><a href="?id=32">INFOS</a></li><li><a href="?id=3">ACCÈS</a></li></ul></div>	</nav>
2032	
2032<script src="js/navlateral.js"></script>
2032
2033    <!-- --------------------------------------------------------------------------------------------------------- -->
2034
2035    <!-- --------------------------------------------------------------------------------------------------------- -->
2036	<!-- Bouton haut de page -->
2037    
2037<script type="text/javascript" src="js/hautdepage.js"></script>
2037
2038    <!-- --------------------------------------------------------------------------------------------------------- -->
2039</body>
2040</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.