html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
body{background-color:#FFF;text-align:center;font-family:verdana,sans-serif;font-size:12px;color:#000;}
#page,#pageAccueil{width:958px;margin:0 auto;padding-top:20px;position:relative;text-align:left;}
#header{margin-top:10px;position:relative;height:105px;padding-left:180px;padding-top:34px;}
#wrapper{position:absolute;left:180px;width:778px;padding-top:40px;}
#content{float:left;width:468px;}
#content.membre{width:778px;}
#infoPlus{float:left;width:170px;height:600px;}
#extra{float:right;width:300px;height:auto;margin-top:0;}
#extra.gabarit2{height:1px;}
#footer{clear:both;padding-top:12px;margin-bottom:20px;}
h1{font-size:18px;font-weight:bold;color:#369;margin-bottom:12px;}
h2{line-height:1.3em;font-size:15px;font-weight:bold;color:#369;margin-bottom:1em;border-bottom:1px solid #369;}
h3{font-size:13px;font-weight:bold;color:#369;margin-bottom:3px;text-transform:uppercase;}
h4{font-size:12px;font-weight:bold;color:#369;margin-bottom:12px;}
h5{font-size:10px;font-weight:normal;margin-bottom:12px;line-height:1.3em;}
p{line-height:1.3em;margin-bottom:12px;}
a{font-weight:bold;text-decoration:underline;color:#c30;}
a:hover{text-decoration:underline;color:#f80;}
strong{font-weight:bold;}
.both{clear:both;}
hr.both{height:1px;color:#FFF;background-color:#FFF;border:0;}
p.petitTexte{font-size:10px;}
ul{margin-bottom:8px;}
li{margin-bottom:4px;}
ul.liste li{list-style-type:square;margin-left:4em;}
span.cap{text-transform:uppercase;}
p.ABCD{word-spacing:.3em;}
table{margin-bottom:18px;line-height:1.3em;width:100%;}
td.tdRight,th.tdRight{text-align:right;}
td.tdCenter,th.tdCenter{text-align:center;}
table td,table th{padding:0 10px 0 0;}
table th{background-color:#e5ecf9;}
#content.membre table{border-collapse:separate;}
#content.membre table td,#content.membre table th{padding:3px 5px;background-color:#e5ecf9;border-bottom:2px solid #FFF;}
#content.membre table th{background-color:#369;color:#FFF;font-size:10px;}
input,textarea,select,label{vertical-align:middle;font-family:verdana,sans-serif;font-size:12px;}
form{background-color:#e5ecf9;padding:18px;margin-bottom:18px;}
form p.form-submit{text-align:center;padding-right:0;margin-bottom:0;}
form p.erreurFormulaire{text-align:center;background-color:#C30;padding:10px 0;color:#FFF;font-weight:bold;}
label.erreur{color:#C30;}
p.messageErreur{color:#C30;font-weight:bold;}
.TabbedPanelsContent form{padding:0;margin-bottom:0;}
.TabbedPanelsContent p.form-submit{text-align:center;margin-bottom:0;}
.TabbedPanelsContent label{float:left;text-align:right;padding-right:5px;width:100px;}
.TabbedPanelsContent p.petitTexte{text-align:center;margin-top:-10px;}
.TabbedPanelsContent input.texte{width:300px;}
.TabbedPanelsContent p.case{margin-left:20px;}
form.plan{height:178px;}
form.plan p{text-align:left;padding-right:25px;}
form.plan p.form-submit{text-align:center;padding-right:0;}
form.plan label{float:left;text-align:right;padding-right:5px;width:100px;}
form.plan input{width:290px;}
form.plan input.no{width:50px;}
form.plan input.form-submit{width:auto;}
form.plan p.lienForm{text-align:center;padding-left:90px;margin-top:-5px;margin-bottom:5px;}
form.plan p.lienForm img{vertical-align:-5px;}
form.contact p{text-align:right;padding-right:25px;}
form.contact p.erreurFormulaire,form.contact p.form-submit{text-align:center;padding-right:0;}
form.contact fieldset{border:1px solid #369;padding:10px;margin-bottom:10px;}
form.contact legend{font-size:12px;font-weight:bold;color:#369;padding:0 10px;}
form.contact label{float:left;text-align:right;padding-right:5px;width:100px;}
form.contact input{width:270px;}
form.contact textarea{margin:5px 0;width:90%;height:150px;}
form.contact input.form-submit{width:auto;}
form input.date{width:80px;}
form.infoMembre{padding:18px;}
form.infoMembre p.petitTexte{padding-left:205px;}
form.infoMembre label{float:left;text-align:right;padding-right:5px;width:200px;}
form.infoMembre input{width:390px;}
form.infoMembre.password label{width:260px;}
form.infoMembre.password input{width:280px;}
form.infoMembre.url label{width:60px;}
form.infoMembre.url input{width:330px;}
form.infoMembre input.form-submit{width:auto;}
form.infoMembre input#intCivilite1,form.infoMembre input#intCivilite2,form.infoMembre input#intCivilite3{width:auto;}
form.infoMembre textarea#strDesc{width:390px;height:190px;}
#header h1{margin-bottom:4px;}
#header p#carte{position:absolute;top:-25px;left:0;}
#header p#logo{position:absolute;top:0;left:180px;z-index:2;}
#header form.recherche{width:778px;position:absolute;top:0;right:0;background-color:#FFF;padding:0;margin:0;height:30px;border-bottom:1px solid #369;}
#header form p{text-align:right;}
#menu{width:778px;position:absolute;top:-23px;top:0;left:0;border-bottom:1px solid #369;}
#menu ul li{float:left;margin-right:2px;margin-bottom:0;}
#menu ul li ul{width:140px;}
#menu ul li ul li{float:left;width:100%;}
#menu ul li a,#menu ul li ul li a{display:block;text-decoration:none;padding:6px 10px;color:#000;text-align:left;font-size:10px;font-weight:bold;}
#menu ul li:hover a,#menu ul li.sfhover a{background-color:#000;background-color:#80b3cc;color:#000;}
#menu ul li a:hover,#menu ul li:hover ul li a:hover,#menu ul li.sfhover ul li a:hover{background-color:#C00;color:#FFF;background-color:#ffb900;color:#000;}
#menu ul li a{background-color:#369;color:#FFF;}
#menu ul li:hover ul li a,#menu ul li.sfhover ul li a{background-color:#80b3cc;color:#000;width:auto!important;width:140px;}
#menu a.selected{background-color:#ffb900;color:#000;background-color:#C00;color:#FFF;}
#menu ul li ul{position:absolute;left:-999em;}
#menu ul li:hover ul,#menu ul li.sfhover ul{left:auto;}
div.objInputSuggest{display:block;position:absolute;height:auto;overflow:auto;text-align:right;padding:0;margin:0;}
div.objInputSuggest a{display:block;height:16px;color:black;background-color:#80b3cc;font-weight:normal;text-align:right;white-space:nowrap;text-decoration:none;padding:2px;clear:both;cursor:pointer;}
div.objInputSuggest a.selected,div.objInputSuggest a.selected:link,div.objInputSuggest a.selected:hover,div.objInputSuggest a.selected:active,div.objInputSuggest a.selected:visited{color:white;background-color:#369;text-decoration:none;}
div.objInputSuggest a span.label,div.objInputSuggest a.selected span.label{display:block;position:relative;float:left;height:16px;text-align:left;font-size:11px;padding-right:10px;z-index:2;}
div.objInputSuggest a span.comment,div.objInputSuggest a.selected span.comment{position:relative;float:right;height:16px;width:100%;text-align:right;font-size:10px;margin-top:-16px;z-index:1;overflow:hidden;}
#footer p{line-height:1em;margin-bottom:0;}
#piedMenu{font-size:10px;margin-bottom:12px;border-top:1px solid #369;border-bottom:1px solid #369;padding:8px 0;}
#piedMenu li{display:inline;padding:0 10px 0 0;}
#piedCopyright{font-size:10px;}
#piedCopyright a{font-weight:normal;color:#000;}
#__dureeExecution{font-size:10px;color:#999;margin-top:4px;}
#pageAccueil{text-align:center;}
#pageAccueil h1 span{position:absolute;top:-9990px;left:0;}
#pageAccueil h1{margin-top:40px;margin-bottom:55px;}
#pageAccueil form{margin:18px 100px;}
#pageAccueil #piedMenu{margin:0 100px 12px;}
#pageAccueil div.actu{margin:30px 100px 10px;text-align:justify;}
#pageAccueil p.partenaire img{vertical-align:-12px;}
img.meteo{float:left;margin-right:10px;}
p.meteo{float:left;}
div.carte img{border:1px solid #369;width:466px;height:250px;margin-bottom:10px;}
img.hotel{width:120px;height:120px;float:left;margin-right:10px;margin-bottom:10px;}
p.hotel{float:left;width:308px;}
h2.hotel{clear:left;}
img.rencontre{width:90px;height:90px;float:left;margin-right:10px;margin-bottom:10px;}
p.rencontre{float:left;width:368px;}
h2.rencontre{clear:left;}
div.map{position:absolute;top:300px;left:0;}
div#map{width:778px;height:400px;}
p.map{height:420px;}
ul.ongletMenu{padding-bottom:23px;border-bottom:1px solid #369;}
ul.ongletMenu li{float:left;height:22px;background-color:#FFF;margin-right:2px;border:1px solid #FFF;border-bottom:1px solid #369;background-color:#369;}
ul.ongletMenu li.selected{border:1px solid #369;border-bottom:1px solid #FFF;background-color:#FFF;}
ul.ongletMenu li a{float:left;display:block;text-decoration:none;padding:6px 10px;color:#FFF;text-align:left;font-size:10px;font-weight:bold;}
ul.ongletMenu li a:hover{text-decoration:none;background-color:#C30;color:#FFF;}
ul.ongletMenu li.selected a,ul.ongletMenu li.selected a:hover{text-decoration:none;background-color:#FFF;color:#000;}
table#communesProches td,table#sousprefsProches td,table#communesProches th,table#sousprefsProches th{padding:3px 10px 3px 0;}
p#navResultat{border-top:1px solid #369;text-align:center;padding-top:3px;}
p#navResultat a{text-decoration:none;}
div#explications{width:778px;}
div#explications p.resume{font-size:13px;font-weight:bold;color:#369;text-transform:uppercase;border-bottom:1px solid #369;padding-bottom:10px;}
div#explications div.etape{border-bottom:1px solid #369;margin-bottom:10px;padding-bottom:10px;line-height:1.3em;}
div#explications div.etape div{margin-left:4em;margin-top:2px;font-size:10px;}
div#explications div.etape div.distance{float:right;font-size:12px;font-weight:bold;}
div#explications span.duree{padding-right:.4em;color:#369;border-right:1px solid #369;}
div#explications span.distance{padding-left:.4em;}
div#explications div.copyright{font-size:10px;}
img.allocine{vertical-align:-5px;}
span.allocine{vertical-align:-1px;}
#paveIdentification{position:absolute;top:-60px;right:0;text-align:right;white-space:nowrap;font-size:10px;}
#nuage{margin-top:10px;text-align:right;line-height:1.8em;}
#nuage a{font-weight:normal;color:#333;text-decoration:none;margin-left:.3em;}
#nuage a:hover{color:#C30;text-decoration:underline;}
#nuage a.n1{font-size:21px;}
#nuage a.n2{font-size:18px;}
#nuage a.n3{font-size:15px;}
#nuage a.n4{font-size:12px;}
#nuage a span{color:#999;}