/* STRUCTURE
****************************************************************************************************/
body
  {
    font-family: Helvetica, Arial, sans;
    color:#444;
    line-height: 1.3em;
    background: url(../img/bg.png);
  }

#wrapper
  {
    margin: 0 auto;
    width: 848px;
  }
  
#header
  {
    height: 150px;
    background: silver;
    background: url(../img/header-bg.png) repeat-x;    
  }  
  
table tr, table td { vertical-align: top;}  

.print
  { display:none;}
  
/* EN-TETE
****************************************************************************************************/
#header h1 a
  {
    display: block;
    width: 295px;
    height: 85px;
    background: url(../img/header-logo.png) no-repeat; 
    text-indent: -9999px;
    top:16px;
    left: 20px;
    position: relative;
  }

#lang a
  {
    position: absolute;
    top:16px;
    right: 20px;
    width: 85px;
    text-indent: -9999px;
    display: block;
  }  
  
#lang.f a
  {
    background: url(../img/nav-lang.png) no-repeat left;   
  }  
  
#lang.e a
  {
    background: url(../img/nav-lang.png) no-repeat right;   
  }    

#address
  {
    position: absolute;
    top:66px;
    right: 20px;
    width: 170px;
    height: 42px;
    text-indent: -9999px;  
    background: url(../img/nav-address.png) no-repeat ;   
  }

/* MENU
****************************************************************************************************/
#nav
  {
    margin: 34px auto 0;
    height: 32px;
    text-align: center;
    width:840px;
   
  }

#nav li
  {
    display: inline;
    width: 110px;
  }
  
#nav a
  {
    display: block;
    width: 110px;
    height: 24px;
    float:left;
    margin: 0 8px 0 0;
    color: #C3DAF2;
    line-height: 1.8em;
    text-align:center;
    text-decoration: none;
    font-size: 14px;
  }  

#nav a:hover
  {
   background: url(../img/nav-button.png) no-repeat left;   
  }

#presentation #m-presentation a,
#sejour #m-sejour a,
#candidatures #m-candidatures a,
#photos #m-photos a,
#liens #m-liens a,
#contact #m-contact a,
#acces #m-acces a
  {
   background: url(../img/nav-button.png) no-repeat right;   
   color:#FAE9B6;
  }
  
  
    

/* CONTENU
****************************************************************************************************/
#content
  {
    width: 848px;
    float:left;
    background: url(../img/content-body.png) repeat-y; 
    margin: 20px auto 0;
    padding: 0px 0 0 0;
    z-index: -10;
  }
  
#content .gutter
  {
    background: url(../img/content-header.png) no-repeat;
    padding: 60px 30px 0 50px;
    float:left;
    width: 767px;
  }  
  
#content a
  {
    color:#5B87B4;
  }  

#footer
  {
    width: 848px;
    height: 100px;
    background: url(../img/content-footer.png) no-repeat;
    margin: 0 auto 50px;
    float:left;
  }
  
/* GALERIE PHOTO 
****************************************************************************************************/
#gallery
  {
   width: 780px;
   float: left;
   clear: both;
  }

.thumb
  {
    float:left;	
    width:180px;
    height: 120px;
    margin: 0 13px 12px 0;
    text-align: center;
  }  
    
.img { margin: 0 0 30px 0; text-align: center}   
.img img { border: 1px solid gray} 
  
/* PAGE D'ACCUEIL
****************************************************************************************************/
#accueil #content
  {
	  width: 848px;
    height: 586px;  
    background: url(../img/content-home.jpg) no-repeat; 
    margin: 20px auto 50px;  
    padding: 0;
  }  
  
#accueil #content .gutter
  {
    margin: 0;
    padding: 0;
    background: transparent;
  }  
  
#accueil #footer
  {
   display: none;
    margin: 0;
    padding: 0;   
  }  
  
#accueil #content a
  {
    display: block;
	  width: 848px;
    height: 566px; 
    text-indent: -9999px;   
    margin: 0;
    padding: 0;    
  }

/* LIENS
****************************************************************************************************/
#liens #content a
  {
    color:#5B87B4;
  }

/* CALENDRIER DES RESERVATIONS
****************************************************************************************************/
.calendrier td
  {
    width: 18px;
    height: 18px;
    border: 4px solid white;
    text-align: center;
    background-color: green;
  }

.calendrier td.busy
  {
    background-color: maroon;
    color:white;
    font-weight:bold;
  }
  
.calendrier td.empty
  {  
    background-color: white;
  }
.calendrier th
  {
    font-weight: normal;
    padding: 2px;
  }
    
.calendrier th.month
  { text-align: right; }   
  
#nav_year
  {
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px 0;
  }  

#nav_year a { padding: 0 10px; text-decoration: none;color:#5B87B4;}  
  
#nav_year .selected { font-weight: bold}  

/* FORMULAIRE DE RESERVATION
****************************************************************************************************/
#candidature_formulaire form
  {
    font-size: 14px;
  }

#candidature_formulaire label, #candidature_formulaire p.label 
  {
    font-weight: bold;
    color:#5B87B4;
    display: block;
  }

#candidature_formulaire .inline label, #candidature_formulaire .inline p
  {
    float:left;
  }  
  
#candidature_formulaire .inline label
  {
    padding: 0 10px 0 0;
  }  
  
#candidature_formulaire .inline
  {
    width:790px;
    float:left;
  }  

.envoye
  {
    font-size: 18px;
    color:#5B87B4;
    margin: 150px 0;
    text-align: center;
  }
  
#candidature_formulaire button
  {
    width: 150px;
    display: block;
    margin: 20px auto;
  }