@charset "utf-8";
/* CSS Document */

body,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
body {
background-position:center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #F6D79B;
}
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
} 


/* Liens */
.liens a:link {
color: #30414e;
text-decoration:underline;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-style:normal;
line-height:16px;
font-size:12px;
}

.liens a:visited {
color: #30414e;
text-decoration:underline;
} 
 
.liens a:hover {
color:#98281f;
text-decoration:underline;
}  
 
.liens a:active {
color: #30414e;
text-decoration:underline;
}

.liens2 a:link {
color: #30414e;
text-decoration:none;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-style:normal;
line-height:16px;
font-size:12px;
}

.liens2 a:visited {
color: #30414e;
text-decoration:none;
} 
 
.liens2 a:hover {
color:#98281f;
text-decoration:underline;
}  
 
.liens2 a:active {
color: #30414e;
text-decoration:none;
}

/* Div général */
#global{
position:relative;
width:800px;
border:12px solid #FFFFFF;
clear:both;
height:100%;
text-align:center;
margin:0 auto 0 auto;
}


/* Titre accueil */
.titre_accueil h1{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-weight:200;
font-size:21px;
line-height:30px;
letter-spacing: 0.3mm;
margin-top:10px;
margin-bottom:10px;
color:#98002e;
text-align:left;
padding-left:16px;
}


/* Titre chambres */
.titre_chambres h1{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-weight:200;
font-size:21px;
line-height:30px;
letter-spacing: 0.3mm;
margin-top:10px;
margin-bottom:10px;
color:#30414e;
text-align:left;
padding-left:16px;
}





/* Texte général paragraphe */
#global p{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-style:normal;
line-height:16px;
font-size:12px;
color:#333333;
text-align:justify;
}


/* Titre chambres */
#global #colonne_d{
width:257px;
padding-right:16px;
float:right;
width: 46%;
text-align:justify;
color:#333333;
}
#global #colonne_d p{
margin:0 0 12px 0;
}

/* Div 1 colonne data */
#global #colonne{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-style:normal;
line-height:16px;
list-style:none;
font-size:12px;
float:left;
padding-left:15px;
width: 95%;
text-align:justify;
color:#333333;
}

#global #colonneReservation{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-style:normal;
line-height:16px;
list-style:none;
font-size:12px;
float:left;
width: 95%;
text-align:justify;
color:#333333;
margin-left:12px;
}

#global #colonneReservation p {
margin-left:76px;
}

#global #colonneReservation #reservaiton {
background-color:#fdf1d5;
width:467px;
float:right;
}
#global #colonneReservation #reservaiton p{
margin:12px;
}
/* Div colonne data gauche */
#global #colonne_g{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-style:normal;
line-height:16px;
font-size:12px;
width:257px;
float:left;
padding-left:15px;
width: 46%;
text-align:justify;
color:#333333;
}
#global #colonne_g p{
margin:0 0 12px 0;
}

/* Texte forfait droite */
#global .colonne_d_forfaits {
float:left;
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;
}

#global .colonne_d_forfaits img {
float:left;
}
#global .colonne_d_forfaits 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:#98281f;
text-align:left;
padding-left:166px;
}
#global .colonne_d_forfaits p {
padding-left:166px;
color:#333333;
text-align:left;
margin-top:6px;
}
#global .colonne_d_forfaits ul {
padding-left:186px;
}
#global .sousforfait{
float:left;
text-align:right;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-size:11px;
color:#98281f;
width:538px;
}
#global .sousforfait a:link{
text-decoration:none;
color:#98281f;

}
#global .sousforfait a:active{
text-decoration:none;
color:#98281f;

}
#global .sousforfait a:visited{
text-decoration:none;
color:#98281f;

}
#global .sousforfait a:hover{
text-decoration:underline;
color:#98281f;

}

/* Texte forfait droite */
#global #colonne_gauche #colonne_d_chambres {
width:275px;
float:right;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-weight: normal;
font-size:12px;
line-height:18px;
text-align:left;
color:#333333;
}


#global #colonne_gauche #colonne_d_chambres ul{
list-style:none;
color:#333333;

}
/*************FORFAIT PAGE D'ACCUEIL ********************************/
#forfaitaccueilfond {
z-index:1;
position: absolute;
   background-color: #ffffff;  /* le fond                 */
   filter:alpha(opacity=70);   /* Internet Explorer 6     */
   -moz-opacity:0.7;           /* Mozilla 1.6 et infér.   */
   opacity: 0.7;               /* CSS3 et Mozilla récents */
   width:526px;
margin:24px 0 12px 0;
border:12px solid #FFFFFF;

}
#forfaitaccueilfond img {
float:left;
}

#forfaitaccueil {
z-index:100;

position: absolute;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
width:526px;
font-size:12px;
line-height:18px;
color:#333333;
text-align:left;
margin:24px 0 12px 0;
padding-right:8px;
list-style-image:url(../images/puces_forfaits_07.gif);
border:12px solid #FFFFFF;

}
#forfaitaccueil a:link {
text-decoration:underline;
color:#98281f;
}
#forfaitaccueil a:visited {
text-decoration:underline;
color:#98281f;
}
#forfaitaccueil a:hover {
text-decoration:none;
color:#98281f;
}

#forfaitaccueil img {
float:left;
}
#forfaitaccueil 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:#98281f;
text-align:left;
padding-left:166px;
}
#forfaitaccueil p {
padding-left:166px;
color:#333333;
text-align:left;
margin-top:6px;
}

#forfaitaccueil ul {
padding-left:186px;

}
#forfaitaccueil #fermer{
float:right;
background-color:#ffffff;
color:#333333;
margin-top:12px;
}
#forfaitaccueil #fermer img{
display: inline;
text-align:center;
}
#forfaitaccueil #fermer a:link{
text-decoration:none;
color:#333333;

}
#forfaitaccueil #fermer a:hover{
text-decoration:underline;
color:#333333;

}

/* Logo */
#global .logo{
text-align:left;
margin-top:31px;
margin-bottom:61px;
}

/* Logo */
#global .logo2{
text-align:left;
margin-top:31px;
margin-bottom:5px;
}


/* Photo lettrine gauche */
.lettrine{
border:1px solid #FFFFFF;
margin:0px;
margin-right:10px;
margin-top:3px;
float:left;
}



/* Div général droite */
#global #colonne_droite {
width:228px;
float:right;
}    


/* Div général gauche */
#global #colonne_gauche{
width:572px;
float:left;
text-align:left;
color:#333333;
}




/* Navigation accueil droite*/


#global #colonne_droite #navigation ul{
text-align:left;
padding-left:40px;
list-style:none;
} 
      
#global #colonne_droite #navigation li{
list-style:none;
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
letter-spacing: 1px;
font-size:14px;
color:#fdf1d5;
line-height:24px;
text-align:left;
padding-left:40px;
}

#global #colonne_droite #navigation li a:link {
color: #fdf1d5;
text-decoration:none;
} 
   
#global #colonne_droite #navigation li a:visited {
color: #fdf1d5;
text-decoration:none;
} 
 
#global #colonne_droite #navigation li a:hover {
color:#fdf1d5;
text-decoration: underline;
} 
  
#global #colonne_droite #navigation li a:active {
color: #fdf1d5;
text-decoration: underline;
}
/************* Adresse ***************/
#global #colonne_gauche #colonne #adresse {
width:400px; 
margin-top:20px;
}
#global #colonne_gauche #colonne #adresse img {
float:left;
margin-right:12px;
}
#global #colonne_gauche #colonne #adresse p{
line-height:20px;
}
.speacing {
letter-spacing:2px;
}
.speacing2 {
letter-spacing:2.2px;
}
#global #colonne_gauche #colonne #adresse strong{
color:#93031f;

}
/* Petites photos droite */
.petite_photos{
margin-bottom:38px;
margin-top:76px;
margin-right:3px;
margin-left:3px;
border:1px solid #fdf1d5;
}



/* Div général bas */
#footer {
width:824px;
clear:both;
margin:0 auto 0 auto;
}



/* Navigation accueil bas */
#global #footer #navigationaccueilbas li {
font-family: tahoma, sans-serif;
list-style:none;
color:#30414e;
margin-left: -3px;
font-size:11px;
display: inline;
list-style:none;
}

#global #footer #navigationaccueilbas li a:link {
color: #333333;
text-decoration:none;
}

#global #footer #navigationaccueilbas li a:visited {
color: #333333;
text-decoration:none;
} 
 
#global #footer #navigationaccueilbas li a:hover {
color:#333333;
text-decoration:none;
}  
 
#global #footer #navigationaccueilbas li a:active {
color: #333333;
text-decoration:none;
}



/* Navigation chambres bas */
#footer #nav_bas  {
text-align:left;
display: inline;
float:left;
margin-left:3px;
margin-top:9px;
margin-bottom:9px;
}

#footer #nav_bas ul{
font-family: tahoma, sans-serif;
color:#333333;
font-size:11px;

}

#footer #nav_bas li {

padding: 1px 4px;
border-left:1px solid;
display: inline;
}

#footer #nav_bas  .premier {
border-left: none;
list-style: none;
display: inline;
}

#footer #nav_bas li a:link {color: #333333;
text-decoration:none;
}

#footer #nav_bas li a:visited {color: #333333;
text-decoration:none;
} 
 
#footer #nav_basli a:hover {color:#333333;
text-decoration: underline;
}  
 
#footer #nav_bas li a:active {color: #333333;
text-decoration:none;
}



/* Div gauche bas */
#footer #gauche{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-size:11px;
color:#333333;
width:205px;
float:left;
text-align:left;
margin:12px 0 12px 5px;
}


/* Div droite bas */
#footer #droite{
font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;
font-size:11px;
color:#333333;
width:205px;
float:right;
text-align:left;
margin:12px 236px 12px 5px;
}

#auberge{
	width:100%;
	clear:both;
	z-index:1;
	position: absolute;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}