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 > ACCUEIL > 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> </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 > ACCUEIL > 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 à portée de main avec PanneauPocket !</strong><br /> 1913Nous avons choisi d’adopter PanneauPocket au sein de la commune afin de vous informer des actualités locales, des événements à venir, des alertes de sécurité, des travaux en cours en temps réel etc… Cette application vous permet de consulter également les informations des communes environnantes et d’accéder à l’agenda du territoire afin de pouvoir profiter des évènements de la vie locale !<br /> 1914<strong>Téléchargez dès maintenant PanneauPocket et restez connectés ! L’application est gratuite et respecte votre vie privée, aucune donnée personnelle n'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 "PanneauPocket" dans la barre de recherche puis cliquez sur "Télécharger" ou "Installer".</li> 1918 <li>Une fois l'application téléchargée, recherchez la commune et ajoutez-la en favori pour recevoir toutes nos informations et alertes.</li> 1919</ol> 1920Si vous n’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À bientô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ée du village<br /> 1994 04200 Valernes<br /> 1995 <br /> 1996 <em><span style="font-size:14px">Les mardis et vendredis de 9h à 12h</span></em></span><br /> 1997 </td> 1998 </tr> 1999 <tr> 2000 <td style="text-align:center"> </td> 2001 <td> </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"> </td> 2009 <td> </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">© Mairie de Valernes - <a href="?id=1">Mentions légales et Crédits</a> - Cré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é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">État civil</a></li><li><a href="?id=36">Démarches</a></li><li><a href="?id=38">Cimetiè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.