p {margin:0px; padding:0px; line-height:100%}
body { height:100%; }
html,body { 
-webkit-text-size-adjust:100%;
background-color: #ffffff;
}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:1250px;height:1410px;;}
#panneau_1{display:block;overflow:hidden;position:fixed;left:0;top:0;width:1200px;height:46px;z-index:9999;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;-webkit-transform:translate3d(0px, 0px, 0px);right:0;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;}
#panneau_1Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%; background-image: -ms-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: -moz-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: -o-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(51, 102, 255, 1.000)), color-stop(1, rgba(51, 102, 255, 1.000)));background-image: -webkit-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: linear-gradient(to bottom, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3366FF,endColorstr=#FF3366FF, gradientType=0);}
#panneau_1NoAlpha {position:relative;}
#les_evenements {display:block;overflow:hidden;position:absolute;left:0px;top:10px;width:157px;height:30px;z-index:3;}
#les_evenements {display:block;overflow:hidden;position:absolute;left:0px;top:10px;width:157px;height:30px;z-index:3;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.les_evenements{width: 157px;height:30px;}.les_evenements li.level0 {height:30px; min-height:20px; width:156px; min-width:60px;}.les_evenements li.level0:first-child {width: 156px;}.les_evenements li.level0:last-child {width: 157px;}
#menu_la_commune {display:block;overflow:hidden;position:absolute;left:187px;top:10px;width:164px;height:30px;z-index:4;}
#menu_la_commune {display:block;overflow:hidden;position:absolute;left:187px;top:10px;width:164px;height:30px;z-index:4;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_la_commune{width: 164px;height:30px;}.menu_la_commune li.level0 {height:28px; min-height:20px; width:161px; min-width:60px;}.menu_la_commune li.level0:first-child {width: 161px;}.menu_la_commune li.level0:last-child {width: 162px;}
#menu_vie_municipale {display:block;overflow:hidden;position:absolute;left:351px;top:10px;width:189px;height:30px;z-index:5;}
#menu_vie_municipale {display:block;overflow:hidden;position:absolute;left:351px;top:10px;width:189px;height:30px;z-index:5;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_vie_municipale{width: 189px;height:30px;}.menu_vie_municipale li.level0 {height:28px; min-height:20px; width:186px; min-width:60px;}.menu_vie_municipale li.level0:first-child {width: 186px;}.menu_vie_municipale li.level0:last-child {width: 187px;}
#menu_decouvrir {display:block;overflow:hidden;position:absolute;left:540px;top:10px;width:192px;height:30px;z-index:6;}
#menu_decouvrir {display:block;overflow:hidden;position:absolute;left:540px;top:10px;width:192px;height:30px;z-index:6;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_decouvrir{width: 192px;height:30px;}.menu_decouvrir li.level0 {height:28px; min-height:20px; width:189px; min-width:60px;}.menu_decouvrir li.level0:first-child {width: 189px;}.menu_decouvrir li.level0:last-child {width: 190px;}
#menu_les_hebergements {display:block;overflow:hidden;position:absolute;left:732px;top:10px;width:238px;height:30px;z-index:7;}
#menu_les_hebergements {display:block;overflow:hidden;position:absolute;left:732px;top:10px;width:238px;height:30px;z-index:7;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_les_hebergements{width: 238px;height:30px;}.menu_les_hebergements li.level0 {height:28px; min-height:20px; width:235px; min-width:60px;}.menu_les_hebergements li.level0:first-child {width: 235px;}.menu_les_hebergements li.level0:last-child {width: 236px;}
#menu_les_associations {display:block;overflow:hidden;position:absolute;left:970px;top:10px;width:200px;height:30px;z-index:8;}
#menu_les_associations {display:block;overflow:hidden;position:absolute;left:970px;top:10px;width:200px;height:30px;z-index:8;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_les_associations{width: 200px;height:30px;}.menu_les_associations li.level0 {height:28px; min-height:20px; width:197px; min-width:60px;}.menu_les_associations li.level0:first-child {width: 197px;}.menu_les_associations li.level0:last-child {width: 198px;}
#ServicePhotogallery1 {display:block;overflow:hidden;position:absolute;left:157px;top:10px;width:30px;height:30px;z-index:9;}#ServicePhotogallery1 .photogallery-container{height: 100%; width: 100%; background: transparent;}
#Img17 {display:block;overflow:hidden;position:absolute;left:157px;top:10px;width:30px;height:30px;z-index:10;min-width:30px;}
#Img17Inner {position: absolute;width:30px;height:30px;border:0px;}
#ServicePhotogallery2 {display:block;overflow:hidden;position:absolute;left:1170px;top:10px;width:30px;height:30px;z-index:11;}#ServicePhotogallery2 .photogallery-container{height: 100%; width: 100%; background: transparent;}
#Img18 {display:block;overflow:hidden;position:absolute;left:1170px;top:10px;width:30px;height:30px;z-index:12;min-width:30px;}
#Img18Inner {position: absolute;width:30px;height:30px;border:0px;}
#panneau_2 {display:block;overflow:hidden;position:absolute;left:25px;top:46px;width:1200px;height:229px;z-index:13;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#panneau_2Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF, gradientType=1);}
#panneau_2NoAlpha {position:relative;}
#Img1 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:1200px;height:194px;z-index:14;min-width:1200px;}
#Img1Inner {position: absolute;width:1200px;height:194px;border:0px;}
#Img12 {display:block;overflow:hidden;position:absolute;left:980px;top:95px;width:209px;height:90px;z-index:15;min-width:209px;}
#Img12Inner {position: absolute;width:209px;height:90px;border:0px;}
#Panel1 {display:block;overflow:hidden;position:absolute;left:0px;top:195px;width:1200px;height:33px;z-index:16;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px; background-image: -ms-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: -moz-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: -o-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(51, 102, 255, 1.000)), color-stop(1, rgba(51, 102, 255, 1.000)));background-image: -webkit-linear-gradient(top, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);background-image: linear-gradient(to bottom, rgba(51, 102, 255, 1.000) 0%, rgba(51, 102, 255, 1.000) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3366FF,endColorstr=#FF3366FF, gradientType=0);}
#panneau_3 {display:block;overflow:hidden;position:absolute;left:25px;top:275px;width:1200px;height:185px;z-index:17;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#panneau_3Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(0, 0, 0, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000, gradientType=1);}
#panneau_3NoAlpha {position:relative;}
#Img5 {display:block;overflow:hidden;position:absolute;left:26px;top:10px;width:780px;height:165px;z-index:18;min-width:780px;}
#Img5Inner {position: absolute;width:780px;height:165px;border:0px;}
#Text1 {word-wrap:break-word; display:block;position:absolute;left:852px;top:100px;width:300px;height:60px;z-index:19;}
#panneau_4 {display:block;overflow:hidden;position:absolute;left:25px;top:460px;width:1200px;height:945px;z-index:20;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#panneau_4Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(0, 0, 0, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000, gradientType=1);}
#panneau_4NoAlpha {position:relative;}
#bouton_2022{display:block;overflow:hidden;position:absolute;left:5px;top:80px;width:50px;height:30px;z-index:21;font-weight:400;font-family:"Arial";font-size:13px !important;color:rgb(255, 255, 255); text-shadow: 0 0px;}
#bouton_2022{background-color: rgba(49, 100, 253, 1.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6289FD',endColorstr='#FF0240F7', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6289FD',endColorstr='#FF0240F7', GradientType=0);}

#bouton_2022 { border-style: solid; border-color: rgba(255, 255, 255, 1); -webkit-background-clip: padding; background-clip: padding-box; border-width: 0px;border-radius: 0px;} 
#bouton_2022:focus {outline:0}

#bouton_2023{display:block;overflow:hidden;position:absolute;left:5px;top:120px;width:50px;height:30px;z-index:22;font-weight:400;font-family:"Arial";font-size:13px !important;color:rgb(255, 255, 255); text-shadow: 0 0px;}
#bouton_2023{background-color: rgba(255, 128, 0, 1.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF9933',endColorstr='#FFCC6600', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF9933',endColorstr='#FFCC6600', GradientType=0);}

#bouton_2023 { border-style: solid; border-color: rgba(0, 0, 0, 1); -webkit-background-clip: padding; background-clip: padding-box; border-width: 0px;border-radius: 0px;} 
#bouton_2023:focus {outline:0}

#bouton_2024{display:block;overflow:hidden;position:absolute;left:5px;top:160px;width:50px;height:30px;z-index:23;font-weight:400;font-family:"Arial";font-size:13px !important;color:rgb(255, 255, 255); text-shadow: 0 0px;}
#bouton_2024{background-color: rgba(118, 172, 6, 1.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF95D908',endColorstr='#FF517604', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF95D908',endColorstr='#FF517604', GradientType=0);}

#bouton_2024 { border-style: solid; border-color: rgba(0, 0, 0, 1); -webkit-background-clip: padding; background-clip: padding-box; border-width: 0px;border-radius: 0px;} 
#bouton_2024:focus {outline:0}

#Diaporama1 {display:block;overflow:hidden;position:absolute;left:150px;top:80px;width:900px;height:400px;z-index:24;}#Diaporama1 .rsNav{position: absolute; bottom: 0px; z-index:10000;}
#Diaporama1 .rsArrow { height: 32px !important; top: 50% !important; } 
#Diaporama1 {opacity:0}

#Canvas1 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:25;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas1{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 1.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-1_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas2 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:26;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas2{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 2.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-2_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas3 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:27;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas3{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 3.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-3_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas4 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:28;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas4{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 4.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-4_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas5 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:29;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas5{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 5.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-5_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas6 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:30;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas6{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 6.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-6_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas7 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:31;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas7{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 7.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-7_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Diaporama2 {display:block;overflow:hidden;position:absolute;left:150px;top:490px;width:900px;height:400px;z-index:32;}#Diaporama2 .rsNav{position: absolute; bottom: 0px; z-index:10000;}
#Diaporama2 .rsArrow { height: 32px !important; top: 50% !important; } 
#Diaporama2 {opacity:0}

#Canvas8 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:33;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas8{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 8.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-8_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas9 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:34;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas9{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 9.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-9_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas10 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:35;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas10{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 10.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-10_LMResized_2.jpg"); background-position: center center; background-size: cover}
#Canvas11 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:900px;height:400px;z-index:36;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#Canvas11{ background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=C:\Users\massy\Dossiers perso\claudon\webcreator\site de claudon 4 V8\Images\page feu de la saint jean 2023 11.jpg);; background-image: url("./images/page-feu-de-la-saint-jean-2023-11_LMResized_2.jpg"); background-position: center center; background-size: cover}
#bouton_haut{display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:25px;height:25px;z-index:37;font-weight:400;font-family:"Arial";font-size:11px !important;color:rgb(255, 255, 255); text-shadow: 0 0px;}
#bouton_haut{background-color: rgba(0, 0, 0, 0.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001A1A1A',endColorstr='#00000000', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001A1A1A',endColorstr='#00000000', GradientType=0);}

#bouton_haut { border-style: solid; border-color: rgba(0, 0, 0, 0); -webkit-background-clip: padding; background-clip: padding-box; border-width: 0px;border-radius: 0px;} 
#bouton_haut:focus {outline:0}