body {background-image: url('../IMG/fond.jpg'); background-repeat: no-repeat; background-color:#5395EB;}

#container {/*border: solid 1px #000000;*/ width:800px; height: auto; margin-right: auto; position:absolute; margin-left:-400px; left: 50%; }
#bandeausup {float: left; background-image: url('../IMG/titre.jpg');width:283px; height: 73px;}
#inter {float: left; width:350px; height: 36px;}
#tel {float: left;  width:148px;background-image: url('../IMG/tel.jpg');height: 36px; }
#menu {float: left; width:500px;height: 40px;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; }

#menu dl {float: left; width: 120px; margin: 0 2px; color: #FFFFFF; font-size:14 px;}
#menu dt {text-align: center; background-image: url('../IMG/bouton.gif'); height: 40px;}
#menu li {float: left;font: verdana, arial, sans-serif; text-align: center; background-image: url('../IMG/bouton.gif');width: 120px;line-height: 40px;}
#menu li a {color: #10416A; font-size:14px; text-decoration: none; display: block; height: 100%; border: 0 none;font-family: Verdana, Arial, sans-serif;}
#menu dt a {/*border: solid 1px #000000;*/color: #10416A; font-size:14px; text-decoration: none; height: 100%; border: 0 none;font-family: Verdana, Arial, sans-serif; }
#menu li a:hover {color: white; background-image: url('../IMG/boutonmenuhover.png');width: 120px; }
#menu dt a:hover {color: white;}

#cadresup {float: left;width:800px;background-image: url('../IMG/cadresup.png');height: 18px;}
#containerfil {float: left;width:800px;background-image: url('../IMG/fil.png');height: 27px; }

#filariane {margin-left: 20px; color: #FFFFFF; font-size:12px;font-family:verdana,arial,sans-serif;}
#filariane a {list-style:none;text-decoration:underline; color:#FFFFFF;}
#filariane a:hover {color:#6D6D6D;}
#filariane a:visited {list-style:none;color:#FBA304; }

#containercontenu {float: left;width:800px;background-image: url('../IMG/fil.png');height: auto;/*border: solid 1px #000000; */}
#containerformulaire {margin-left: 25px;float: left;width:500px;height: 450px;/*border: solid 1px #000000;*/ }
#flashphoto {margin-left: 25px;width:750px;height: 200px; background-image: url('../IMG/pg1.png');}
#contenugauche {float: left;margin-left: 25px;width:550px;height: auto;text-decoration: none;/*border: solid 1px #000000;*/}
#containercontenutarifs {float: left;margin-left: 25px;width:650px;height: auto;text-decoration: none;}
#contenugauche a {/*border: solid 1px #000000;*/text-decoration: none;color: #FFFFFF;}
#contenugauche a:hover {text-decoration: none;color: #FCA406;}
#contenugauche a:visited {text-decoration: none;color: #FFFFFF;}
#vignette {float: left; width:auto;height: auto; padding-right: 12px;padding-bottom: 12px;}
#txtpres {margin-left: 20px;}
#plan {margin-left: 20px;}
#txtnumgite {font-family: Verdana, Arial, sans-serif;font-size:24px;color: #FCA406;}
#titreaccueil {float: left;margin-left: 5px;width:407px;height: 65px; background-image: url('../IMG/titreaccueil.png');}
#hauteurtxt {line-height: 25px;}

#titrepres {color: #FBA304;font-family: Verdana, Arial, sans-serif;font-size:14px;}
#soustitre {color: #5395EB;font-family: Verdana, Arial, sans-serif;font-size:12px; padding: 20px 0 15px 40px;}
#infos {color: #FFFFFF;font-family: Verdana, Arial, sans-serif;font-size:13px; margin-left:40px;line-height: 20px;}
#presgites {float: left;margin-left: 20px;width:500px;height: auto;color: #FFFFFF;font-family: Verdana, Arial, sans-serif;font-size:13px;text-align: justify;}
#texteaccueil {float: left;margin-left: 20px;width:510px;height: 80px; text-align: justify; color: #FFFFFF;font-family: Verdana, Arial, sans-serif;font-size:13px;}
#texteaccueilrub4 {float: left;margin-left: 20px;width:510px;height: auto; text-align: justify; color: #FFFFFF;font-family: Verdana, Arial, sans-serif;font-size:13px;}
#txtpenscomp {float: left;margin-left: 20px;width:510px;height: auto; text-align: justify; color: #FFFFFF;font-family: Verdana, Arial, sans-serif;font-size:13px;padding: 20px;}
#txttabtarif {float: left;margin-left: 20px;padding: 20px;}
#formules {margin-left: 5px;float: left;width:735px;height: 245px;border: /*solid 1px #FFFFFF;*/}
#formule1 {margin-top: 5px;margin-left: 10px;float: left;width:178px;height: 235px;}
#formule2 {margin-top: 5px;margin-left: 4px;float: left;width:178px;height: 143px;}
#formule3 {margin-top: 5px;margin-left: 4px;float: left;width:178px;height: 143px;}
#formule4 {margin-top: 5px;margin-left: 4px;float: left;width:178px;height: 143px;}
#contenudroite {margin-top: 10px; float: left; border: solid 1px #FFFFFF;width:190px;height: 380px;}
#contenudroite2 {margin-top: 10px; float: left; border: solid 1px #FFFFFF;width:190px;height: 125px;}
#contenudroiterub4 {margin-top: 10px; float: left; border: solid 1px #FFFFFF;width:190px;height: 230px;}
#poscaltarif {margin-left: 35px; margin-top: 20px; float: left;/*border: solid 1px #000000;*/}
#pagecentree {margin-left: 100px; }

#footer {float: left;width:800px;background-image: url('../IMG/fondfooter.png');height: 30px;font-family: MyCustomFont, Verdana, Arial, sans-serif;color: #10416A;font-size:11px;line-height: 30px;}
#textfooter {text-align: center; font-family: MyCustomFont, Verdana, Arial, sans-serif;color: #10416A;font-size:12px;line-height: 30px;}

#cadreinf {float: left;width:800px;background-image: url('../IMG/cadreinf.png');height: 25px;/*border: solid 1px #000000;*/}
#titrepage {height: 50px; color: #FF9900;font-family: Verdana, Arial, sans-serif;font-size:20px;text-decoration:underline;}
#titretxtdefil {margin-left: 5px; height: 20px; color: #FF9900;font-family: Verdana, Arial, sans-serif;font-size:14px;text-decoration:underline;}
#txttxtdefil {margin-left: 5px; height: 20px; color: #FFFFFF;font-family: Verdana, Arial, sans-serif;font-size:11px;}
#espace {height: 50px;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#calendrier {float: left; margin-left: 10px; width: 400px;}
#texte {float: left; margin-left: 10px; width: 500px;}
#caltarifs {float: left; margin-left: 10px;}


.jours {
text-align:center;
font-size:8pt;
color : #ffb663;

}

.mois {
width:130px;
height:8px;
font-size:7pt;
text-align:left;
background: #ffb663;
border-left:0px solid #0006F1;
border-right:0px solid #0006F1;
border-top:0px solid #0006F1;
border-bottom:0px solid #0006F1;
}

.libre {
text-align:center;
font-size:7pt;
height:8px;
background: #008610;
text-decoration: none;
color: white;
}

.occupe {
color: white;
text-align:center;
font-size:7pt;
height:8px;
background: #ff5050;
}

.pasdebordure {
background: #ffce96;
font-size:7pt;
color: #ffb663;
height:8px;
border-left:0px solid #0006F1;
border-right:0px solid #0006F1;
border-top:0px solid #0006F1;
border-bottom:0px solid #0006F1;
}

a:link {
text-decoration: none;
color: blue;
}

a:visited {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: none;
color: blue;
}

.resa {
line-height:18px;
background:#0172b6;
font-family:"trebuchet ms",sans-serif;
font-size:11px;
color:#ffb663;
width:560px;
}

.tarif1 {
text-align:center;
font-size:7pt;
height:8px;
background: #33CCFF;
text-decoration: none;
}

.tarif2 {
text-align:center;
font-size:7pt;
height:8px;
background: #33FF99;
text-decoration: none;
}

.tarif3 {
text-align:center;
font-size:7pt;
height:8px;
background: #FF9900;
text-decoration: none;
}

.tarif4 {
text-align:center;
font-size:7pt;
height:8px;
background: #FF8080;
text-decoration: none;
}

table.spip { font-size:.9em; margin:.5em auto; border: 1px solid #999999; border-collapse:collapse; width: 60%;}
table.spip caption{ caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-left: auto; margin-right: auto; padding: 3px; font-weight: bold; font-size : 70%; }
table.spip tr.row_first { background-color: #fff; color:#10416A;text-align: center; font: 10px Verdana, Helvetica, sans-serif;}
table.spip tr.row_odd { background-color: #dcdcdc; font: 10px Verdana, Helvetica, sans-serif;}
table.spip tr.row_even { background-color: #dcdcdc; font: 10px Verdana, Helvetica, sans-serif;}
table.spip td { padding: 3px; text-align: center; vertical-align: middle; }