p {margin:0px; padding:0px; line-height:100%}
body { height:100%; }
html,body { 
-webkit-text-size-adjust:100%;
background-color: #3366ff;
background-image:url('./images/fond-de-page-divers-1.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
background-size: 1920px 1080px;
}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:1250px;height:2545px;;}
#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;}
#environnement {display:block;overflow:hidden;position:absolute;left:0px;top:10px;width:157px;height:30px;z-index:3;}
#environnement {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.environnement{width: 157px;height:30px;}.environnement li.level0 {height:30px; min-height:20px; width:156px; min-width:60px;}.environnement li.level0:first-child {width: 156px;}.environnement 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_menu_gauche {display:block;overflow:hidden;position:absolute;left:25px;top:275px;width:157px;height:2265px;z-index:17;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#panneau_3_menu_gaucheAlpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(51, 102, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3366FF,endColorstr=#FF3366FF, gradientType=1);}
#panneau_3_menu_gaucheNoAlpha {position:relative;}
#Img6 {display:block;overflow:hidden;position:absolute;left:23px;top:12px;width:110px;height:110px;z-index:18;min-width:110px;}
#Img6Inner {position: absolute;width:110px;height:110px;border:0px;}
#menu_evenements {display:block;overflow:hidden;position:absolute;left:0px;top:140px;width:157px;height:30px;z-index:19;}
#menu_evenements {display:block;overflow:hidden;position:absolute;left:0px;top:140px;width:157px;height:30px;z-index:19;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_evenements{width: 157px;height:30px;}.menu_evenements li.level0 {height:29px; min-height:20px;}
#menu_les_ateliers {display:block;overflow:hidden;position:absolute;left:0px;top:360px;width:157px;height:30px;z-index:20;}
#menu_les_ateliers {display:block;overflow:hidden;position:absolute;left:0px;top:360px;width:157px;height:30px;z-index:20;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_les_ateliers{width: 157px;height:30px;}.menu_les_ateliers li.level0 {height:29px; min-height:20px;}
#menu_souvenirs {display:block;overflow:hidden;position:absolute;left:0px;top:590px;width:157px;height:30px;z-index:21;}
#menu_souvenirs {display:block;overflow:hidden;position:absolute;left:0px;top:590px;width:157px;height:30px;z-index:21;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
ul.level0.menu_souvenirs{width: 157px;height:30px;}.menu_souvenirs li.level0 {height:30px; min-height:20px; width:156px; min-width:60px;}.menu_souvenirs li.level0:first-child {width: 156px;}.menu_souvenirs li.level0:last-child {width: 157px;}
#agenda_claudon_loisirs {display:block;overflow:hidden;position:absolute;left:0px;top:215px;width:157px;height:100px;z-index:22;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}#agenda_claudon_loisirs{ background-color: rgba(0, 0, 0, 0.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000, gradientType=1);; background-image: url("./images/clipart-agenda_2_LMResized_1.png"); background-position: center center; background-size: cover}
#panneau_4 {display:block;overflow:hidden;position:absolute;left:212px;top:275px;width:1013px;height:2115px;z-index:23;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(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF, gradientType=1);}
#panneau_4NoAlpha {position:relative;}
#Img3 {display:block;overflow:hidden;position:absolute;left:520px;top:1742px;width:391px;height:293px;z-index:24;min-width:391px;}
#Img3Inner {position: absolute;width:391px;height:293px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#Obj3 {word-wrap:break-word; display:block;position:absolute;left:60px;top:99px;width:300px;height:40px;z-index:25;}
#Img8PopUp {display:none;overflow:hidden;z-index:999}
#Img8PopUpInner {position: absolute;width:637px;height:850px;border:0px;overflow:hidden;}
#Img8 {display:block;overflow:hidden;position:absolute;left:100px;top:770px;width:360px;height:480px;z-index:26;min-width:360px;}
#Img8Inner {position: absolute;width:360px;height:480px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#Img5 {display:block;overflow:hidden;position:absolute;left:100px;top:1290px;width:359px;height:238px;z-index:27;min-width:359px;}
#Img5Inner {position: absolute;width:359px;height:238px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#Img7 {display:block;overflow:hidden;position:absolute;left:520px;top:770px;width:397px;height:265px;z-index:28;min-width:397px;}
#Img7Inner {position: absolute;width:397px;height:265px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#Img2 {display:block;overflow:hidden;position:absolute;left:100px;top:1570px;width:350px;height:466px;z-index:29;min-width:350px;}
#Img2Inner {position: absolute;width:350px;height:466px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#Text1 {word-wrap:break-word; display:block;position:absolute;left:100px;top:1218px;width:180px;height:25px;z-index:30;}
#Obj2 {word-wrap:break-word; display:block;position:absolute;left:707px;top:1001px;width:180px;height:25px;z-index:31;}
#Img4 {display:block;overflow:hidden;position:absolute;left:520px;top:1086px;width:400px;height:600px;z-index:32;min-width:400px;}
#Img4Inner {position: absolute;width:400px;height:600px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
#Obj5 {word-wrap:break-word; display:block;position:absolute;left:610px;top:1650px;width:180px;height:25px;z-index:33;}
#Text2 {word-wrap:break-word; display:block;position:absolute;left:135px;top:149px;width:750px;height:590px;z-index:34;}
#Obj6 {word-wrap:break-word; display:block;position:absolute;left:198px;top:1994px;width:240px;height:25px;z-index:35;}
#Obj4 {word-wrap:break-word; display:block;position:absolute;left:175px;top:1497px;width:180px;height:25px;z-index:36;}
#panneau_5_bas {display:block;overflow:hidden;position:absolute;left:212px;top:2390px;width:1013px;height:150px;z-index:37;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#panneau_5_basAlpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(51, 102, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3366FF,endColorstr=#FF3366FF, gradientType=1);}
#panneau_5_basNoAlpha {position:relative;}
#vosges_tv {display:block;overflow:hidden;position:absolute;left:20px;top:40px;width:79px;height:90px;z-index:38;min-width:79px;}
#vosges_tvInner {position: absolute;width:69px;height:80px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#les_3_provinces {display:block;overflow:hidden;position:absolute;left:119px;top:40px;width:79px;height:90px;z-index:39;min-width:79px;}
#les_3_provincesInner {position: absolute;width:69px;height:80px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#panneaupocket {display:block;overflow:hidden;position:absolute;left:218px;top:40px;width:79px;height:90px;z-index:40;min-width:79px;}
#panneaupocketInner {position: absolute;width:65px;height:76px;border: 2px solid rgba(34,167,84,1.0);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#vosges {display:block;overflow:hidden;position:absolute;left:317px;top:40px;width:79px;height:90px;z-index:41;min-width:79px;}
#vosgesInner {position: absolute;width:65px;height:76px;border: 2px solid rgba(2,167,91,1.0);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#meteo {display:block;overflow:hidden;position:absolute;left:591px;top:40px;width:90px;height:90px;z-index:42;min-width:90px;}
#meteoInner {position: absolute;width:80px;height:80px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#contact {display:block;overflow:hidden;position:absolute;left:701px;top:40px;width:90px;height:90px;z-index:43;min-width:90px;}
#contactInner {position: absolute;width:80px;height:80px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#genealogie {display:block;overflow:hidden;position:absolute;left:811px;top:40px;width:79px;height:90px;z-index:44;min-width:79px;}
#genealogieInner {position: absolute;width:65px;height:76px;border: 2px solid rgba(11,146,193,1.0);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#horoscope {display:block;overflow:hidden;position:absolute;left:910px;top:40px;width:90px;height:90px;z-index:45;min-width:90px;}
#horoscopeInner {position: absolute;width:80px;height:80px;border:0px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:10px 10px 5px rgba(00,00,00,0.5);-webkit-box-shadow:10px 10px 5px rgba(00,00,00,0.5);-moz-box-shadow:10px 10px 5px rgba(00,00,00,0.5);}
#separation {display:block;overflow:hidden;position:absolute;left:182px;top:275px;width:30px;height:2265px;z-index:46;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background-color: rgba(0, 0, 0, 0.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000, gradientType=1);}
#bouton_haut{display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:25px;height:25px;z-index:47;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}

