* {margin: 0; padding: 0;}*
body {
margin:0; 
font-family: Trebuchet MS, Arial , Verdana, Helvetica, sans-serif;
color:#15445c;
font: 100%;
background: #e9e9e9 url(medias/fond.jpg) repeat;
}
#global {
background:#fff url('medias/mante.jpg') bottom left no-repeat; 
width:770px; 
margin:5px auto; 
display:table; 
margin-bottom:0px;
padding-bottom:0px;
height: auto;
}

#haut {
padding:0;
margin:0;
width:770px;
height:218px;
background: url('medias/ban2.jpg') no-repeat;
}
#body {
padding: 0 0 0 10px; 
}
#contenu {
float:left;
position:relative;
width:750px; 
margin-left:5px; 
padding-top:15px;
background:url('medias/fong.jpg') top right no-repeat; 
padding-bottom: 40px;
margin-bottom: 0px;
}
#contenub {
float:left;
position:relative;
width:750px; 
margin-left:5px; 
padding-top:15px;
background:url('medias/fong.jpg') top right no-repeat; 
padding-bottom: 20px;
margin-bottom: 0px;
}
#contenu.sf {
background: none; 
}
p {
font-size:0.9em;
margin-top:5px;
text-align: left;
padding-left:10px;
line-height: 1.3em; 
}
p.tarif {
font-size:0.9em;
margin-top:5px;
text-align: left;
padding-left:110px; 
}
p.tarifb{
font-size:0.8em;
text-align: left;
margin-left: 250px;
margin-bottom: 0px;
}

#contenu p a{
color:#760000; 
text-decoration: underline;
}
h1{
color: #055b1c;
font-size: 1.1em;
font-weight: bold;
margin-left: 10px;
}	  
  
h2{
color: #fff;
font-size: 1em;
font-weight: bold;
margin: 10px;
background: #000;
padding-left: 10px;
}	   
  
span{
color: #a19885;
font: bold;
font-size: 1.3em;
font-family: arial;
}
#pied {
float: left;
text-align:center;
width:100%;
height:40px;
background: #e9e9e9 url("medias/footer.jpg") bottom no-repeat;
}
#pied p {
color:#15445c; 
text-align: center;
}
#pied p a{
color:#15445c; 
text-decoration:underline
}
#pied p a:hover{
color: #d2bbef; 
text-decoration:underline
}
 
table.tarif
{
   width: 500px;
   border-collapse: collapse;
   margin-left: 135px;
   margin-top: 15px;
   border: 1px solid #7d7d7d; 
}
table{
text-align: center;
}
td.tarif {
   width: auto;
   border: 1px solid #7d7d7d;
   font-size: 1em; 
   background:  #fde4ba;
   text-align: center;
   padding-top: 2px;
   padding-bottom: 2px;
   
}
th.tarif{
   padding-top: 2px;
   padding-bottom: 2px;
   
}      
.chambre table
{
 width: 100%;
   border-collapse: collapse;
   margin-left: 135px;
   margin-top: 15px;
   text-align: center;
      
}
  
.chambre td{
   width: 250px;
   font-size: 1em; 
   background: transparent;
   text-align: center;
   padding-top: 2px;
   padding-bottom: 2px;
   
}
.centre{
   margin-left: 125px;



}  
.chambreb table
{
   border-collapse: collapse;
   margin-top: 15px;
}
  
.chambreb td{
   width: 250px;
   font-size: 1em; 
   background: transparent;
   text-align: center;
   padding-top: 2px;
   padding-bottom: 2px;  
} 
.lien {
float: left;
display: inline;
margin-top: 20px;
margin-right: 20px;
margin-left: 150px;

}

blockquote {
border: 1px dashed #d49b9b;
background:#f5f1e6; 
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 7px;
margin-right: 15px;
font-size: 90%;
line-height: 30px;
}


.blanc{
color:#fff;
}

img.logo {
position: relative;
margin-left: 10px;
text-align: center;
}
img.logob {
position: relative;
padding-right: 10px;
text-align: center;
}

/* MENU */
#navcontainer /*fond*/
{
background: url("medias/menu.jpg") no-repeat;
margin: 0 auto;
font-family: georgia, serif;
width: 100%;
height: 33px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
float: left;
width: 128px !important;
width: 113px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 0.8em;
text-align :center;
border-top: #000 1px solid;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
color: #ffb739;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #ffb739;
}

img{

margin: 0px;
padding: 0px;

}

img.droite {
float: right;
margin: 6px;
padding: 3px;
}
img.droiteb {
float: right;
margin-right: 35px;
padding: 3px;
}
img.droitesb {
float: right;
margin: 6px;
padding: 3px;
}
img.center {
float: left;
padding-left: 0px;
}
img.bordure {
padding: 3px;
border: #8488b8 1px solid;
}
img.region {
margin: 20px;
border: #8488b8 1px solid;
}
img.gall{
border: #7d7d7d 1px solid;
padding: 3px;
background: #fff;
margin-left: 10px;
margin-right: 10px;
}
img.galld{
border: #7d7d7d 1px solid;
padding: 3px;
background: #fff;
margin-left: 10px;
margin-right: 10px;
}
img.galla{
float: left;
border: #7d7d7d 1px solid;
padding: 3px;
margin: 20px;
background: #fff;
margin-left: 35px;
}
img.gallda{
float: right;
border: #7d7d7d 1px solid;
padding: 3px;
background: #fff;
margin-right: 35px;
}
img.tarif{
float:left;
margin-left: 10px;
}
img.tarifb{
margin-left: 30px;
}
#news p{
font-size:0.8em; 
padding-left: 10px;
padding-right: 5px;
color: #000;
}
#news {
background: #f7f3ef url('images/news.png') top no-repeat;
float: right;
width: 250px;
height: auto;
margin-left: 10px;
padding-top: 25px;
}
#actu {
padding: 5px;
margin-bottom: 50px !important;
margin-bottom: 0px;
margin-left: 87px;
}

#menut {
width: 690px;
height: 253px;
background: transparent url('medias/tarifs.jpg') top no-repeat;
margin-left: 35px;
}
#menut ul{
list-style: none;
}
#menut ul li{
display: block;
width: 138px;
height: 253px;
float: left;
}
#menut ul li a{
display: block;
width: 138px;
height: 253px;
}
#langue {
float: right;
width: 300px;
height: 25px;
}
#langue img{
margin-right: 40px;
}