p {margin:0px; padding:0px; line-height:100%}
body { height:100%; }
html,body { 
-webkit-text-size-adjust:100%;
background-color: #ffffff;
background-image:url('./images/fond-de-page-courriers-mails.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right+0px top+0px;
background-size: 1920px 970px;
}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:1250px;height:1915px;;}
#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:730px;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;}
#Img7 {display:block;overflow:hidden;position:absolute;left:23px;top:15px;width:110px;height:110px;z-index:18;min-width:110px;}
#Img7Inner {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;}
#agenda_claudon_loisirs {display:block;overflow:hidden;position:absolute;left:0px;top:280px;width:157px;height:100px;z-index:20;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_milieu {display:block;overflow:hidden;position:absolute;left:205px;top:275px;width:1020px;height:730px;z-index:21;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#panneau_4_milieuAlpha {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_4_milieuNoAlpha {position:relative;}
#Form1{display:block;overflow:hidden;position:absolute;left:359px;top:150px;width:475px;height:440px;z-index:22;}#Form1 input[type=button]{background: rgb(255, 255, 255);}
p {margin:0px; padding:0px; line-height:100%}
body {-webkit-text-size-adjust:100%;}
div.ui-input-text.ui-body-Form1{background: #f9f9f9;} 
textarea.ui-input-text.ui-body-Form1{background: #f9f9f9;} 
.ui-btn-up-Form1{background-color: rgba(255, 255, 255,1.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFE6E6E6', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFE6E6E6', GradientType=0);;}
#Form1{text-align: left;}
#Form1{background-color: rgba(255, 255, 255,1.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFE6E6E6', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFE6E6E6', GradientType=0);}
#Form1 .subcontainer{padding: 1%; position: relative; height: 100%; overflow: visible;}
#Form1 input:focus, #Form1 textarea:focus, #Form1 select:focus{background: #F5F3C1;}
#Form1 input:not([type=submit]), #Form1 textarea, #Form1 select{padding: 1%; border: 1px solid grey; border-radius: 5px;}
#Form1 input, #Form1 textarea, #Form1 select{box-shadow: rgba(0,0,0,0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 8px; box-sizing: border-box;}
#Form1 input[type=text], #Form1 textarea{width: 75%; float:left}
#Form1 textarea{resize:none}
#Form1 select{width: 75%;}
#Form1 > div > form {height: 100%;}
#Form1 > div > form > div {padding-top: 5px; padding-bottom: 5px; overflow: auto;}
#Form1 {border-radius: 0; overflow: hidden;}
#Form1 .form-moveleft { margin-right:-25% }
#Form1 .label-radio-element { width:40%; float:left }
#Form1 .input-radio-element { margin-left:30%; width:5%; float:left }
#Form1 .div-radio-element { width:100%; float:left; }
#Form1 .agreebox-link { cursor: pointer; color: #0000FF; }
.formError{z-index:990}.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{position:relative;float:left}.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer;text-align:left}.formError.inline{position:relative;top:0;left:0;display:inline-block}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{width:100%;background:#ee0101;position:relative;color:#fff;min-width:120px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#FFF}.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative}body.rtl .formError .formErrorArrow,body[dir=rtl] .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40}.blackPopup .formErrorArrow div{background:#393939;color:#FFF}.formError .formErrorArrow .line10{width:13px;border:none}.formError .formErrorArrow .line9{width:11px;border:none}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}#Form1 .form-text-label { 
color: rgb(0, 0, 0);font-weight: 400;font-family: 'Arial';font-size: 13px;font-style: normal;text-decoration: none; width:25%; float: left}
#Form1 input[type='file'] {color: rgb(0, 0, 0); float:left; width:75% }#Form1 .label-radio-element.form-text-label { 
 width:60%}
#Form1 .form-other-text { 
color: rgb(0, 0, 0);font-weight: 400;font-family: 'Arial';font-size: 13px;font-style: normal;text-decoration: none;}
#Form1 input[type=button] { 
color: rgb(0, 0, 0);font-weight: 400;font-family: 'Arial';font-size: 13px;font-style: normal;text-decoration: none; margin-left:25%}
#Form1 input[type=button]{width: 75%;}

#Img2 {display:block;overflow:hidden;position:absolute;left:25px;top:25px;width:156px;height:160px;z-index:23;min-width:156px;}
#Img2Inner {position: absolute;width:156px;height:160px;border:0px;}
#Img5 {display:block;overflow:hidden;position:absolute;left:184px;top:310px;width:133px;height:220px;z-index:24;min-width:133px;}
#Img5Inner {position: absolute;width:133px;height:220px;border:0px;}
#separation {display:block;overflow:hidden;position:absolute;left:182px;top:275px;width:23px;height:730px;z-index:25;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);}