* {padding:0;margin:0;} 


a:link { color:#B9121B; text-decoration:none; font-weight:normal; }
a:visited { color:#B9121B; text-decoration:none; font-weight:normal; }
a:hover { color:#000000; text-decoration:none; font-weight:normal; }
a:active { color:#B9121B; text-decoration:none; font-weight:normal; }
h1 { font-size:16px; color:#000000; text-decoration:none; font-weight:bold; padding-top: 8px;padding-bottom:8px;padding-left:5px;padding-right:5px;}
h2 { text-align:center; font-size:1em; color:#000000; text-decoration:none; font-weight:bold;}
h3 { font-size: 1.2em; text-align:center; color:#000000; text-decoration:underline; font-weight:normal;padding:5px;}

h2.blanc{ text-align:center; font-size:1em; color:#FFFFFF; text-decoration:none; font-weight:bold;padding-top:4px;}
p {padding:8px;}
p.chambres {text-align:justify; font-size:0.7em;}

body {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
background-color:#C2BACF;
text-align:center;

}

#header {
background-image:url(haut.jpg);
padding-left: 0px; padding-right: 0px; padding top : 0px; padding-bottom : 0px; text-align: center;
}

#conteneur { 
position:relative;
margin-left: auto; 
margin-right: auto; 
margin-top:10px;
width:1000px; 
text-align: left; 
background-color:#FEFEC0; 
}

#adsenseliens {
margin-top: 15px; margin-bottom: 5px;
padding-top: 5px; text-align: center;
}

#centreframe {
width:990px;
background-color:#FFFDD4;
background-image:url(fond-centre.jpg);
background-repeat:repeat-x;
border: 2px solid #555555; 
text-align: justify;
}


#centre {
background-color:#FFFDD4;
background-image:url(fond-centre.jpg);
background-repeat:repeat-x;
margin-left: 177px;
margin-right: 177px;
margin-top: 15px;
margin-bottom:10px;
padding-left: 20px;
padding-right: 20px; 
padding-top: 15px;
padding-bottom: 10px;
border: 2px solid #555555; 
text-align: justify;
}

 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #centre { 
     height:820px;
width:600px;
overflow:auto;
background-color:#FFFDD4;
background-image:url(fond-centre.jpg);
background-repeat:repeat-x;
margin-left: 177px;
margin-right: 177px;
margin-top: 15px;
margin-bottom:10px;
padding-left: 20px;
padding-right: 20px; 
padding-top: 15px;
padding-bottom: 10px;
border: 2px solid #555555; 
text-align: justify;
  } 
}


#gauche {
float:left;
display: inline;
width: 175px;
margin-top: 0px;
padding-top: 0px;
text-align: left;
}

#droite {
font-size: 0.7em; 
float:right;
display: inline;
width: 175px;
margin-top: 0px;
padding-top: 0px
text-align: center;
}

#footer {
width:1000px;
clear:both; 
text-align: center;
background-color:#FEFEC0;
text-align:center;
}

#gites {
background-image:url(bordhaut.jpg);
background-repeat:no-repeat;
margin-top:35px;
border: 2px solid #000000;
width:960px;
height:380px;
text-align:center;
background-color:#FFDAB9;
position:relative;
margin-left: auto; 
margin-right: auto;
}

.chambres {
float:left;
margin-top:20px;
margin-bottom:20px;
margin-left: 30px;
width: 200px;
height: 260px;
border: 1px solid #000000;
background-color:#FEFEC0; 
font-size: 0.8em; 
text-align:justify;
}

#clear {
clear:left;}

#blocdroite {
margin-left:17px; 
font-size: 0.8em; 
text-align:center;
background-color:#FFDAB9;
border: 1px solid #555555;
width:140px;
}

#blocgauche {
background-color:#FFDAB9;
border: 1px solid #555555; 
padding-left: 5px;
padding-right: 5px;
margin-left: 5px;
margin-right: 3px;
}

#blocdroite2 {
background-color:#FFDAB9;
border : 2px solid #555555;
margin-left: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 5px;
}

 
#menu{
width:1000px;
border-bottom:1px solid #000000;
margin-bottom:10px;
}

#nav{
font-size:0.9em;
height:30px;
}

#nav ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#nav li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 }

#nav ul li a {
 display:block;
 float:left;   
 width:124px;
line-height:30px;
 color:#000000;
 text-decoration:none;
 text-align:center;
 }

#nav ul li a:hover {
 background-color:#FFFFFD;
 color:#B9121B;
 }  

#nav, #nav ul {

list-style: none;

line-height: 1;}