body {
margin : 0 ; 
padding : 0 ; 
text-align : center; 
background : #F4F1EA;
font-family : arial;
font-size : 12px;
}

#content {
position : relative;
width : 792px; 
margin-left : auto;
margin-right : auto;
background : transparent; }

#menu_haut {
width : 100%; 
height : 30px ;
background :#F4F1EA; 
 }

#menu_haut ul {
float : right; 
margin : 0; 
padding : 10px 0 0 0 ; 
list-style : none;
}

#menu_haut li {
float : left; 
margin : 0;  
padding : 0 10px 0 10px ;
 }

#menu_haut li a{
color : #0A284E;
text-decoration : none;  }

#menu_haut li a:hover {
text-decoration : none;
color : #9B856C;
}

.sep {background : #F4F1EA}

#haut {
width : 100%; 
height : 160px ;
margin : 0px 0px 2px 0px;
background :  url(../images/top4.JPG) no-repeat;  }

#naviguation {
margin : 0px 0 0 0;
width : 100%; 
height : 22px ;
background : #0A284E url(../images/nav.gif);   }
html>body #naviguation { height: auto; min-height:  22px;}

#naviguation ul{
margin : 0; 
padding : 0; 
list-style : none;}

#naviguation li{
 float : left;}

#naviguation li a {
display : block;
padding : 2px 20px 0 20px;
margin :  0 ;
color : #fff;
text-decoration : none;
background :  url(../images/sep.gif) right 4px no-repeat;}

#naviguation li a:hover {
color : #ccc;
}

#centre {
width : 100%; 
background : #FAFAFA url(../images/img.bmp);
text-align : left;
height : 580px;
}
html>body #centre { height: auto; min-height:  590px;}


#bloc_texte {
float : left ;
width : 530px;
color : black;
font-size : 12px;
margin : 0px 0px 0px 10px;
}

#bloc_texte_image {
float : left ;
width : 227px;
margin : 0px 10px 10px 10px;
background : transparent;
}

#bloc_texte_image p{
margin : 0;
padding : 0;
color : #fff;
background : #274163;
text-indent : 10px;
}

#bloc_texte_image img {
margin : 20px 0 0 0;
padding : 0;
border : 1px solid #274163;
display : block;}

#bloc_texte_image2 {
float : left ; 
width : 65px;
height : 53px;
margin-top  : 225px;
margin-left  : 3px;
background : transparent;
}

#bloc_texte_image2 a:link{	
text-decoration : none;
color : black;
}

#bloc_texte_image2_comment {
color : #0A284E;
font-size : 10px;
float : left ; 
width : 93px;
height : 53px;
margin-top  : 225px;
margin-left  : 5px;
background : transparent;
}

#bloc_texte_chambre {
float : left ;
width : 700px;
color : black;
font-size : 12px;
margin : 0px 0px 0px 10px;
}

#bloc_texte_chambre a:link{	
text-decoration : none;
color :  #FAFAFA;
}

#bloc_texte_image_chambre {
float : left ; 
width : 250px;
height : 188px;
margin-top  : 60px;
margin-left  : 40px;
background : transparent;
}

#bloc_texte_chambre_comment {
float : left ; 
width : 380px;
height : 188px;
margin-top  : 60px;
margin-left  : 30px;
background : transparent;
}

#bloc_texte_acess {
float : left ;
width : 700px;
color : black;
font-size : 12px;
margin : 0px 0px 0px 10px;
}

#bloc_texte_acess a:link{	
}

#bloc_texte_image_acces {
float : left ; 
width : 200px;
height : 138px;
margin-top  : 10px;
margin-left  : 10px;
background : transparent;
}

#bloc_texte_image_acces2 {
float : right ; 
width : 200px;
height : 138px;
margin-top  : 10px;
margin-left  : 0px;
padding-right: 190px;
background : transparent;
}

#bloc_texte_image_menu {
float : left ; 
width : 310px;
height : 520px;
margin-top  : 30px;
margin-left  : 55px;
background : transparent;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#bloc_texte_image_photo {
float : left ; 
width : 250px;
height : 188px;
margin-top  : 60px;
margin-left  : 10px;
background : transparent;
}


.footer {
background : url(../images/footer.gif) repeat-x ; 
margin : 5px 0 0 0; 
clear : both ;
 height : 13px; 
 padding : 0 0 20px 0;
 color : #fff;
 text-align : center;
 font-size : 10px; }
 
.footer a:link{	
color :  #FAFAFA;
}
 
 
