@charset "utf-8";
/* CSS Document */
body,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
body { background-color:#d9d1ab;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-size:13px;
	SCROLLBAR-FACE-COLOR: #30414a;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #878D91;
	SCROLLBAR-3DLIGHT-COLOR: #fff;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #fff;
	SCROLLBAR-DARKSHADOW-COLOR: #fff;

}

hr { color:#FFF; background-color:#fff; width:96%; border:0px; height:1px; margin:12px auto; }

img {behavior: url(pngHack/pngHack.htc);}
:focus {-moz-outline-style: none;} 


.logo { height:175px; width:143px; position:absolute; z-index:1000; margin-left:660px;} 

.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;} 
.global{width:970px;margin:12px auto;}
.langue ul {}
.langue li{ display:inline;  }
.langue li a:link{ color:#333; text-decoration:none;}
.langue li a:visited{color:#333; text-decoration:none;}
.langue li a:hover{color:#333; text-decoration:underline;}
.langue li a:active{color:#333; text-decoration:none;}
.underline{ text-decoration:underline}

.contenu{ width:958px; border:5px solid #fff; background-color:#30414a; margin-top:24px;}
.offres{  border:2px solid #000000;}
.reservez{float:left; border:1px solid #ffffff; padding:0 11px 0 0; }
.reservation{ float:left;}
.entete { color:#FFF; height:24px; padding:4px 0 0 12px; font-family:"Times New Roman", Times, serif; font-size:18px;}
.entete  a:link{ color:#FFF; height:24px; padding:4px 0 0 12px; font-family:"Times New Roman", Times, serif; font-size:14px; text-decoration:none;}
.entete a:visited{ color:#FFF; height:24px; padding:4px 0 0 12px; font-family:"Times New Roman", Times, serif; font-size:14px; text-decoration:none;}
.entete a:hover{ color:#d9d1ab; height:24px; padding:4px 0 0 12px; font-family:"Times New Roman", Times, serif; font-size:14px; text-decoration:none;}
.entete a:active{ color:#FFF; height:24px; padding:4px 0 0 12px; font-family:"Times New Roman", Times, serif; font-size:14px; text-decoration:none;}
.sectionhaut { background:#fff; font-family:"Times New Roman", Times, serif;  color:#8b785f; min-height:496px; clear: float; display:block;}
.sectionhaut p{ padding:3px 12px;font-size:17px; line-height:21px;}
.sectionhaut p a:link{ color:#8b785f; text-decoration:underline;}
.sectionhaut p a:visited{color:#8b785f; text-decoration:underline;}
.sectionhaut p a:hover{color:#8b785f; text-decoration:none;}
.sectionhaut p a:active{color:#8b785f; text-decoration:underline;}
.sectionhaut .forfaitvedette {float:left;
width:620px;
font-size:12px;
line-height:18px;
color:#333333;
text-align:left;
margin:12px 0 12px 0;
padding-right:8px;
border:none;
}



.photoentete { float:right; padding:5px 0 5px 6px;}
.texte { background:#fff; font-family:"Times New Roman", Times, serif;  color:#8b785f; height:253px; padding-top:50px;}
.titre_section {padding-top:55px;}

.sectionhautjoindre { background:#fff; font-family:"Times New Roman", Times, serif;  color:#8b785f; height:496px; }
.sectionhautjoindre p{ padding:0 12px;font-size:17px; line-height:20px;}
.sectionhautjoindre p a:link{ color:#8b785f; text-decoration:underline;}
.sectionhautjoindre p a:visited{color:#8b785f; text-decoration:underline;}
.sectionhautjoindre p a:hover{color:#8b785f; text-decoration:none;}
.sectionhautjoindre p a:active{color:#8b785f; text-decoration:underline;}

.nouvelle {	height:165px; width:605px; background-color:#d6d9db; color: #30414a; font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; margin:22px 0 12px 12px;}
.divnouvelle{width:595px; height:100px; overflow-y:auto; margin:0px; padding-bottom:18px;}
.divnouvelle p{ padding-right:4px;font-size:14px; line-height:18px}
.divnouvelle p a:link{ color:#30414a; text-decoration:underline;}
.divnouvelle p a:visited{color:#30414a; text-decoration:underline;}
.divnouvelle p a:hover{color:#30414a; text-decoration:none;}
.divnouvelle p a:active{color:#30414a; text-decoration:underline;}
.divnouvelle h2{ font-size:14px; padding:8px 4px 0px 12px;}
.divnouvelle h4{ font-size:11px; font-weight:normal; padding:0px 4px 0px 12px;}

* html .colonne3 { color:#fff; width:292px;float:left; margin-left:10px; margin-bottom:12px; margin-top:12px; padding-right:10px;  border-right:1px solid #000000;}
.colonne3 { color:#fff; width:292px;float:left; margin-left:20px; margin-bottom:12px; margin-top:12px; padding-right:10px;  border-right:1px solid #000000;}
.colonne3 div{   }
.colonne3 h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 6px 0; border-bottom:1px solid #ffffff;}
.colonne3 h2{ font-size:14px; font-weight:bold; margin:6px 0;}
.colonne3 h2 a:link{color:#FFF; text-decoration:none;}
.colonne3 h2 a:visited{color:#FFF; text-decoration:none;}
.colonne3 h2 a:hover{color:#FFF; text-decoration:underline;}
.colonne3 h2 a:active{color:#FFF; text-decoration:none;}
.colonne3 img{ border-color:#FFF; }

.colonne3 p { line-height:18px}
.colonne3 p a:link{color:#FFF; text-decoration:underline;}
.colonne3 p a:visited{color:#FFF; text-decoration:underline;}
.colonne3 p a:hover{color:#FFF; text-decoration:none;}
.colonne3 p a:active{color:#FFF; text-decoration:underline;}
.colonne3 h4 { font-size:12px; font-weight:bold; margin:6px 0; padding:0;}
.colonne3 h4 a:link{color:#FFF; text-decoration:underline;}
.colonne3 h4 a:visited{color:#FFF; text-decoration:underline;}
.colonne3 h4 a:hover{color:#FFF; text-decoration:none;}
.colonne3 h4 a:active{color:#FFF; text-decoration:underline;}

.colonne3 ul{margin-left:20px;}
.colonne3 {}


.colonne4 { color:#fff; width:292px;float:left; margin-left:10px; margin-bottom:12px; margin-top:12px;}
.colonne4 div{   }
.colonne4 h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 6px 0; border-bottom:1px solid #ffffff;}
.colonne4 h2{ font-size:14px; font-weight:bold; margin:6px 0;}
.colonne4 h2 a:link{color:#FFF; text-decoration:none;}
.colonne4 h2 a:visited{color:#FFF; text-decoration:none;}
.colonne4 h2 a:hover{color:#FFF; text-decoration:underline;}
.colonne4 h2 a:active{color:#FFF; text-decoration:none;}
.colonne4 img{ border-color:#FFF; }

.colonne4 p { line-height:18px}
.colonne4 p a:link{color:#FFF; text-decoration:underline;}
.colonne4 p a:visited{color:#FFF; text-decoration:underline;}
.colonne4 p a:hover{color:#FFF; text-decoration:none;}
.colonne4 p a:active{color:#FFF; text-decoration:underline;}

.colonne4 ul{margin-left:20px;}
.colonne4 {}

.colonne5 { color:#fff; width:292px;float:left; margin-left:20px; margin-bottom:12px; margin-top:12px; padding-right:20px;}
.colonne5 div{   }
.colonne5 h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 6px 0; border-bottom:1px solid #ffffff;}
.colonne5 h2{ font-size:14px; font-weight:bold; margin:6px 0;}
.colonne5 h2 a:link{color:#FFF; text-decoration:none;}
.colonne5 h2 a:visited{color:#FFF; text-decoration:none;}
.colonne5 h2 a:hover{color:#FFF; text-decoration:underline;}
.colonne5 h2 a:active{color:#FFF; text-decoration:none;}
.colonne5 img{ border-color:#FFF; }

.colonne5 p { line-height:18px}
.colonne5 p a:link{color:#FFF; text-decoration:underline;}
.colonne5 p a:visited{color:#FFF; text-decoration:underline;}
.colonne5 p a:hover{color:#FFF; text-decoration:none;}
.colonne5 p a:active{color:#FFF; text-decoration:underline;}
.colonne5 {}

* html .disponibilite { color:#fff; width:292px; float:right; margin-right:10px; margin-bottom:12px; }
.disponibilite { color:#fff; width:292px; float:right; margin-right:22px; margin-bottom:12px; }
.disponibilite div{   }
.disponibilite h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 6px 0;}
.disponibilite h2{ font-size:14px; font-weight:bold; margin:6px 0;}
.disponibilite h2 a:link{color:#FFF; text-decoration:none;}
.disponibilite h2 a:visited{color:#FFF; text-decoration:none;}
.disponibilite h2 a:hover{color:#FFF; text-decoration:underline;}
.disponibilite h2 a:active{color:#FFF; text-decoration:none;}
.disponibilite img{ border-color:#FFF; }

.disponibilite p { line-height:18px}
.disponibilite p a:link{color:#FFF; text-decoration:underline;}
.disponibilite p a:visited{color:#FFF; text-decoration:underline;}
.disponibilite p a:hover{color:#FFF; text-decoration:none;}
.disponibilite p a:active{color:#FFF; text-decoration:underline;}
.disponibilite {}

.joindre {font-family:"Times New Roman", Times, serif; font-size:12px; line-height:13px;
}

.rang { font-family:"Times New Roman", Times, serif; color:#fff; width:580px; margin-left:20px; margin-bottom:12px; float:left;}
.rang div{   }
.rang h1{font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:normal; margin:12px 0 15px 0; border-bottom:1px solid #ffffff;}
.rang h1 a:link{color:#ffffff; text-decoration:none;}
.rang h1 a:visited{color:#ffffff; text-decoration:none;}
.rang h1 a:hover{color:#ffffff; text-decoration:non;}
.rang h1 a:active{color:#ffffff; text-decoration:none;}
.rang h2{ font-size:18px; font-weight:bold; margin:6px 0; background-color:#e2dcbf; margin-left:150px; color:#30414a; line-height:24px;}
.rang h2 a:link{color:#30414a; text-decoration:none;}
.rang h2 a:visited{color:#30414a; text-decoration:none;}
.rang h2 a:hover{color:#30414a; text-decoration:underline;}
.rang h2 a:active{color:#30414a; text-decoration:none;}
.rang h3{ font-size:16px; font-weight:bold; margin:6px 0; background-color:#e2dcbf; margin-left:150px; color:#30414a; line-height:24px;}
.rang h3 a:link{color:#30414a; text-decoration:none;}
.rang h3 a:visited{color:#30414a; text-decoration:none;}
.rang h3 a:hover{color:#30414a; text-decoration:underline;}
.rang h3 a:active{color:#30414a; text-decoration:none;}
.rang img{ border-color:#FFF; margin:3px 15px 0 0;}
.rang h4 { font-size:16px; line-height:20px; text-align:right;  margin-left:150px;}
.rang h4 a:link{color:#FFF; text-decoration:underline;}
.rang h4 a:visited{color:#FFF; text-decoration:underline;}
.rang h4 a:hover{color:#FFF; text-decoration:none;}
.rang h4 a:active{color:#FFF; text-decoration:underline;}

.rang p { font-size:16px; line-height:20px; text-align:justify;  margin-left:150px;}
.rang p a:link{color:#FFF; text-decoration:underline;}
.rang p a:visited{color:#FFF; text-decoration:underline;}
.rang p a:hover{color:#FFF; text-decoration:none;}
.rang p a:active{color:#FFF; text-decoration:underline;}

.rang ul{margin-left:225px; font-size:16px;}
.rang {}

.tableau { width:290px;height:305px; background:#fff;}
.tableau table {  margin-top:5px;  color:#30414a;font-family:"Times New Roman", Times, serif; font-size:18px; }
.adresse {height:72px;}
.adresse img {float:left; margin-right:12px; }
.adresse p{ margin-left:55px;}

.annuler a:link{color:#30414a; text-decoration:underline; font-size:16px;}
.annuler a:visited{color:#30414a; text-decoration:underline; font-size:16px;}
.annuler a:hover{color:#30414a; text-decoration:none; font-size:16px;}
.annuler a:active{color:#30414a; text-decoration:underline; font-size:16px;}

.lien a:link{ color:#333; text-decoration:underline;}
.lien a:visited{color:#333; text-decoration:underline;}
.lien a:hover{color:#333; text-decoration:none;}
.lien a:active{color:#333; text-decoration:underline;}

.typo_tableau{font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:normal; color:#FFF;}
.typo_tableau2{font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#FFF;}
.direction{font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#FFF; padding-left:100px;}




.navprincipale {position:relative;}

.navprincipale ul{background-color:#e2dcbf; width:630px; height:30px; border-bottom:3px solid #30414a; border-top:3px solid #30414a; margin:0 0 0 0; list-style-type: none; position:absolute; top: 6px;}


/*Top level list items*/
.navprincipale ul li{position: relative; display: inline; float: left; font-size:17px; line-height:30px;}

/*Top level menu link items style*/
.navprincipale ul li a{display: inline; text-decoration: none; color:#333;}
	
/*1st sub level menu*/
.navprincipale ul li ul{left: 0; position: absolute; top: 1em; /* no need to change, as true value set by script */ display: block; visibility: hidden; height:30px; width: 115px;}

/*Sub level menu list items (undo style from Top level List Items)*/
.navprincipale ul li ul li{display: list-item; float: none; font-size:16px;}



/* Sub level menu links style */
.navprincipale ul li ul li a{display: block; width: 115px; /*width of sub menu levels*/ color:#333; text-decoration: none; background-color:#e2dcbf; padding:0 0 0 20px; }

.navprincipale ul li a:hover{text-decoration:underline; background-color:#e2dcbf; color:#333; }



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .navprincipale ul li { float: left; height: 1%; }
* html .navprincipale ul li a { height: 1%; }
/* End */


.forfaitvedette {
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
width:538px;
font-size:12px;
line-height:18px;
color:#333333;
text-align:left;
margin:12px 0 12px 0;
padding-right:8px;
list-style-image:url(../images/puces_forfaits_07.gif);
border-top:12px solid #FFFFFF;
border-right:12px solid #FFFFFF;
border-bottom:12px solid #FFFFFF;
background-color:#FFF;
display:block;
min-height:400px;
position:relative;
}

.forfaitvedette img {
float:left;
}
.forfaitvedette h1 {
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-size:21px;
font-weight:normal;
letter-spacing: 1px;
margin-top:10px;
margin-bottom:10px;
color:#30414a;
text-align:left;
padding-left:166px;
}
.forfaitvedette p {
padding-left:166px;
color:#333333;
text-align:left;
margin-top:6px;
font-size:14px;
}
.forfait p a:link{ color:#fff; text-decoration:underline;}
.forfait p a:visited{color:#fff; text-decoration:underline;}
.forfait p a:hover{color:#fff; text-decoration:none;}
.forfait p a:active{color:#fff; text-decoration:underline;}
.forfait h4 { font-size:12px; font-weight:bold;}
.forfait h4 a:link{ color:#fff; text-decoration:underline;}
.forfait h4 a:visited{color:#fff; text-decoration:underline;}
.forfait h4 a:hover{color:#fff; text-decoration:none;}
.forfait h4 a:active{color:#fff; text-decoration:underline;}

.forfaitvedette ul {
padding-left:186px;
font-size:14px;
}

.forfaitvedette h2, h3, h4, h5{padding-left:166px;}
.forfaitvedette h4 { font-size:12px; font-weight:bold;}
.forfaitvedette h4 a:link{ color:#30414a; text-decoration:underline;}
.forfaitvedette h4 a:visited{color:#30414a; text-decoration:underline;}
.forfaitvedette h4 a:hover{color:#30414a; text-decoration:none;}
.forfaitvedette h4 a:active{color:#30414a; text-decoration:underline;}
.colgauche{float:left;width:538px; display:block;position:relative;}
.forfait {

font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
width:538px;
font-size:12px;
line-height:18px;
color:#fff;
text-align:left;
margin:12px 0 12px 0;
padding-right:8px;
list-style-image:url(../images/puces_forfaits_07.gif);
border-top:12px solid #FFFFFF;
border-right:12px solid #FFFFFF;
border-bottom:12px solid #FFFFFF;
display:block;
position:relative;
}

.forfait img {
float:left;
}
.forfait h1 {
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-size:21px;
font-weight:normal;
letter-spacing: 1px;
margin-top:10px;
margin-bottom:10px;
color:#fff;
text-align:left;
padding-left:166px;
}
.forfait p {
padding-left:166px;
color:#fff;
text-align:left;
margin-top:6px;
font-size:14px;
}
.forfait ul {
padding-left:186px;
font-size:14px;
}