/* ==============================================

   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
color: #ffffff;
background:#000000;  /* couleur du fond */
 }

a {
color: #c0c0c0;
}
a:hover, a:focus {
color: #ffffff;
}
strong {
color: #ffffff;
}

#fond-gris-clair{
background-color:#c0c0c0;

}

/* Conteneur central */
#centre {
/*background: url(img/10-colonnes.png) repeat-y;*/
background-color:#808080;
}


/* Navigation */
#navigation {
background: #808080;

}
#navigation a {
color: #ffffff;
}
#navigation a:hover, #navigation a:focus {
background: #c0c0c0;
}

/**/
#bouton-res {
background: #c0c0c0;
text-align : center ;
width : 85% ;

}
#bouton-res a {
color: #008080 ;
}
#bouton-res a:hover, #navigation a:focus {
background: #808080 ; color : #ffffff 
}

#bouton-res-tarif {
background: #c0c0c0;

}
#bouton-res-tarif a {
color: #008080;
}
#bouton-res-tarif a:hover, #navigation a:focus {
background: #808080; color : #ffffff
}
#bouton-res-tarif-fr {
background: #c0c0c0;

}
#bouton-res-tarif-fr a {
color: #008080;
}
#bouton-res-tarif-fr a:hover, #navigation a:focus {
background: #808080; color : #ffffff }


/* Contenu principal */
#principal {
color: #ffffff;
background: #808080;
}
#principal a {
color: #ffffff;
}
#principal a:hover, #principal a:focus {
color: #000000;
}
#principal strong {
color: #ffffff;
}

/* Contenu secondaire */
#secondaire {
background: #808080;
}
#pied {
background-color:#808080;
}

/* --- POSITIONNEMENT --- */

/* pour le contenu flash des album */
/* hide from ie5 mac \*/

html {

height:100%;

overflow: hidden;

} 


#flashcontent {
position:relative;
height: 100 %;
background-color:#808080

} 

/* end hide */



body {

height:  100%;

margin: 0;

padding: 0;

background-color: #ffffff;
} 


/* Page */
body {
width : 100%;
/* height :  251px ;*/
/*height: auto;*/
height:100%;
/*padding: 20px 5px;*/
background-color:#ffffff;

}
#global {
position : relative ;
top : 10px;
width: 950px;
/* height: 250px;  ajout chr */
height:600px;
margin-left: auto;
margin-right: auto;
padding-left:10px;
padding-right:10px;
background:#ff0080;
font-size:12pt;
font-family:"garamond","arial","verdana";
line-height:1;
overflow : hidden ;
}

#global a{
text-decoration:none;
}

#sortie-galerie {
 
width:950px;
height:30px
overflow :hidden;
}
#sortie-galerie a{
text-decoration : none ;

}


#global-galerie {
position : relative ;
top : 10px;
width: 950px;
/* height: 250px;  ajout chr */
height:475px;
margin-left: auto;
margin-right: auto;
padding-left:10px;
padding-right:10px;
background:#808080;
font-size:12pt;
font-family:"garamond","arial","verdana";
font-style : bolder;
line-height:1;
overflow : hidden
}

#global-galerie a{
text-decoration:none;
}

#global-galerie-menu {
position : relative ;
top : 10px;
width: 950px;
/* height: 250px;  ajout chr */
height:450px;
margin-left: auto;
margin-right: auto;
padding-left:10px;
padding-right:10px;
background:#808080;
font-size:12pt;
font-family:"garamond","arial","verdana";
font-style : bolder;
line-height:1;
overflow : auto
}

#global-galerie-menu a {
text-decoration:none;
}




#global-region {
position : relative ;
top : 10px;
width: 950px;
/* height: 250px;  ajout chr */
height:600px;
margin-left: auto;
margin-right:auto;

background:#808080;
font-size:12pt;
font-family:"garamond","arial","verdana";
line-height:1;
overflow : hidden ;
}



#global-region a{
text-decoration : none;
}

/* En-tête */
#entete {
position : relative;
/*left : 0% ;*/
/*top : 0% ;*/
left:125px;
width:700px;
height : 250 px ;
background:#0080ff;
/*background-image:url(../images/titre-auberge.gif);*/

/*background-repeat:no-repeat;*/
overflow: hidden;
}

#entete-galerie {
position:absolute;
left:125px;
width: 700px;
height : 250px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
/*padding-left: 70px;*/
/*padding-top:121px;*/
overflow:hidden;
font-family:"garamond","arial","verdana";	
background-color:#808080;
/*background-image:url(../images/titre-auberge.gif);*/
      /*background-position: left top;*/
/*background-repeat: no-repeat;*/
}

#entete-test {
position : relative;
/*left : 0% ;*/
/*top : 0% ;*/
left:125px;
top:50px;
width:700px;
height: 200px ;
background:#808080;
/*background-image:url(../images/titre-auberge.gif);*/

/*background-repeat:no-repeat;*/
overflow: hidden;
}

#entete h1 {
margin: 0;
}
/*#entete h1 img {*/
/*float:right;*/
/*margin: 7px 10px 10px 0;*/
/*}*/
#entete .sous-titre {
margin: 4px 0 15px 0;
}

/* Bloc central */

#centre {
position:relative;
width: 950px;
 height : 350px;  /*: ajout chr */
/*height : auto ; */
overflow: hidden;
visibility: visible;
background:#808080;
font-family:"garamond","arial","verdana";


}


#centre-tarif-gb {
position:relative;
width: 950px;
 height : 450px;  /*: ajout chr */
/*height : auto ; */
overflow: hidden;
visibility: visible;
background:#808080;
}



#centre-porte{
position:relative;
width: 950px;
 height : 300px;  /*: ajout chr */
/*height : auto ; */
overflow: hidden;
visibility: visible;
background:#808080;


}

#centre-piscine {
position:relative;
width: 950;
 height : 400px;  /*: ajout chr */
/*height : auto ; */
overflow: hidden;
background-color:#808080;
}
#centre-deroulant {
position:absolute
/*margin-left:5px;
top:20px;
/*margin-right:50px;*/
/*margin-bottom:5px;*/

width: 950px;
 height : 450px;  /*: ajout chr */
/*height : auto ; */
overflow: scroll;
text-align:center;
font-family:"garamond","arial","verdana";
background:#ffffff;
color:#808080;
}

#centre-tarif {
position:absolute
padding-left:10px;
top:20px;
/*margin-right:50px;*/
/*margin-bottom:5px;*/
width: 950px;
 height : 445px;  
/*height : auto ; */
overflow: hidden;
text-align:left;
font-family:"garamond","arial","verdana";
background:#ffffff;
color:#808080;
}

#centre-tarif a:hover, a:focus {
color: #000000;
text-decoration: none;
}

#centre-tarif a{
text-decoration: none;
}


#cellule-fusion {
width:100%;
height:100%;
text-align: center;
}
/* Menu de navigation */
#navigation {
position:absolute;
float:right;
left:725px;
width: 225px;
height:300px;
text-align : left ;
visibility:visible;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
/*font-family:garamond","arial","verdana";*/
font-size:12pt;

}



#navigation-tarif-gb {
position:absolute;
float:right;
left:725px;
width: 225px;
height:300px;
text-align : left ;
visibility:visible;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
/*font-family:garamond","arial","verdana";*/
font-size:12pt;

}




#galerie-menu {
position:absolute;
float:right;
left:0px;
width: 225px;
height:300px;
text-align : left ;
visibility:visible;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
font-family:"garamond","arial","verdana";
font-size:12pt;
background:#808080;



}

#navigation-porte {
position:absolute;
/*float:right;*/
position : absolute;
width: 375px;
height:300px;



background:#8000ff;

}

#navigation ul {
margin: 0;
padding: 2px 5px 5px 5px;
list-style: none;
}
#navigation a {
display: block;
height: 24px;
width:150px;
padding: 2px 5px 5px 5px;
line-height: 1.5em;
font-size: 1.35em;
text-decoration: none;
}

#bouton-res ul {
margin: 0;
padding: 5px 5px 5px 5px;
list-style: none;
}
#bouton-res a {
display: block;
height: 40px;
width:97%;
padding: 5px 5px 5px 5px;
/*line-height: 1.5em;*/
/*font-size: 1.35em;*/
text-decoration: none;
text-align : center
}

#bouton-res-tarif-fr ul {
margin: 0;
padding: 5px 5px 5px 5px;
list-style: none;
}
#bouton-res-tarif-fr a {
display: block;
height: 30px;
width:100¨%;
padding: 5px 0px 5px 0px;
/*line-height: 1.5em;*/
/*font-size: 1.35em;*/
text-decoration: none;
}


#bouton-res-tarif ul {
margin: 0;
padding: 5px 5px 5px 5px;
list-style: none;
}


#bouton-res-tarif a {
display: block;
height: 15px;
width:100%;
padding: 5px 0px 5px 0px;
/*line-height: 1.5em;*/
/*font-size: 1.35em;*/
text-decoration: none;
}


#galerie-menu ul {
margin: 0;
padding: 2px 5px 5px 5px;

list-style: none;
}
#galerie-menu a {
display: block;
height: 24px;
width:150px;
padding: 2px 5px 5px 5px;


line-height: 1.5em;
font-size: 1.35em;
text-decoration: none;
}


/* Contenu principal */
#principal {
position:absolute;
left:225px;
width: 500px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:15px;
background:#808080;
font-family:"garamond","arial","verdana";
margin-top:5px;

}

#principal-gb {
position:absolute;
left:225px;
width: 480px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:40px;
background:#808080;
font-family:"garamond","arial","verdana";
margin-top:5px;

}


#principal-acceuil {
position:absolute;
left:225px;
width: 500px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:15px;
font-family:"garamond","arial","verdana";
margin-top:5px;
background-color:#808080;
background-image:url(images/auberge/auberge.gif);
      background-position: 10px;
background-repeat: no-repeat;

}


#principal-gps {
position:absolute;
left:225px;
width: 500px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:15px;
background:#80ff80;
font-family:"garamond","arial","verdana";
margin-top:5px;



}

#principal-tarif {
position:absolute;
left:225px;
width: 500px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:15px;
padding-left:15px;
background:#808080;
font-family:"garamond","arial","verdana";
margin-top:5px;



}

#principal-tarif-gb {
position:absolute;
left:225px;
width: 500px;
height : 480px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:20px;
padding-left:15px;
background:#808080;
font-family:"garamond","arial","verdana";
margin-top:5px;

}






#principal-chambre{
position:absolute;
left:225px;
width: 500px;
height : 400px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:15px;
background:#80ff80;
font-family:"garamond","arial","verdana";
margin-top:5px;

}



#principal-film {
position:absolute;
left:500px;
width: 500px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
margin-left:15px;
background:#80ff80;
font-family:"garamond","arial","verdana";
margin-top:5px;

}



#principal-reservation{
position:absolute;
left:250px;
width: 475px;
height : 350px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
/*background-image:url(../images/img-tarif.jpg);*/
      background-position: left 82%;
background-repeat: no-repeat;
font-family:"garamond","arial","verdana";
}



#principal-reservation a {
text-decoration: none;

}
#principal-scroll {
position:absolute;
left:225px;

width: 500px;
height : 300px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:scroll;
text-align:center;
margin-left:15px;
background:#80ff80
}

#principal-porte {
position:absolute;
left:375px;
/*left:30px;*/
/*float:right;*/
width: 200px;
height : 300px;   /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;


}

#principal-piscine {
position:absolute;
left:225px;
float:right;
width: 500px;
height : 400px;   /* ajout chr */
padding: 0px 0px 0px 0px; 
overflow:hidden;
font-family:"garamond","arial","verdana";

}

#principal-suite {
position:absolute;
left:325px;
float:right;
width: 400px;
height : 400px;   /* ajout chr */
padding: 0px 0px 0px 0px; 
overflow:hidden;
font-family:"garamond","arial","verdana";

}
#principal-suite a{
text-decoration: none;
}


#principal-piscine a{
text-decoration: none;
}

#principal-table{
position:absolute;
left:275px;
float:right;
width: 450px;
height : 400px;   /* ajout chr */
padding: 0px 0px 0px 0px; 
overflow:hidden;
font-family:"garamond","arial","verdana";

}

#principal-table a{
text-decoration: none;
}

#principal-deroulant {
position:relative;

float:right;
width: 500px;
height : 300px;   /* ajout chr */
padding: 10px 10px 10px 10 px; 
overflow:scroll;

}
#principal-menu{
position:absolute;
left:300px;
width: 425px;
height: 500px;   /* ajout chr */
/*padding-left: 40px;*/
padding-top:15px; 
overflow:hidden;
font-size: 12pt;
font-family:"garamond","arial","verdana";


}		

#menu {
font-size: 12pt;
font-family:"garamond","arial","verdana";
}

#principal > :first-child {
margin-top: 10px;
}
#principal p, #principal li {
line-height: 1.5;
}
#principal a {
display: block;
text-decoration: none;
}


/* Contenu secondaire */
#secondaire-back {
position:absolute;
width:210px;
height:300px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
margin-left: 5px  ;
margin-right: 5px;
padding-left: 2.5px;
padding-right: 2.5px;
/*background-color:#ff8040*/
background-color:#808080;
font-family:"garamond","arial","verdana";

}
#secondaire-porte-back {
position:absolute;
width:335px;
height:300px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
margin-left: 5px  ;
margin-right: 5px;
padding-left: 2.5px;
padding-right: 2.5px;
background-color:#ff8040
/*background-color:#808080;*/
font-family:"garamond","arial","verdana";

}

#secondaire {
position:absolute;
width:250px;
height:400px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
text-align:center;
margin-left:15px;
font-size:12pt;
font-family:"garamond","arial","verdana";

/*background-color:#ff8040*/
background-color:#808080;
}

#secondaire-acc {
position:absolute;
width:250px;
height:300px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
text-align:center;
margin-left:15px;
font-size:12pt;
font-family:"garamond","arial","verdana";

background-color:#ff8040
/*background-color:#808080;*/
}



#secondaire-reservation {
position:absolute;
width:225px;
height:400px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
text-align:center;
margin-left:15px;
font-size:12pt;
font-family:"garamond","arial","verdana";

/*background-color:#ff8040*/
background-color:#808080;
}


#secondaire-gb {
position:absolute;
width:230px;
height:400px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
text-align:center;
margin-left:15px;
font-size:12pt;
font-family:"garamond","arial","verdana";

/*background-color:#ff8040*/
background-color:#808080;
}


#secondaire-tarif {
position:absolute;
width:200px;
height:350px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
text-align:center;
margin-left:15px;
font-size:12pt;
font-family:"garamond","arial","verdana";
margin-left:15px;

background-image:url(images/tarif-photo.gif);
      background-position: 10px;
background-repeat: no-repeat;

/*background-color:#ff8040*/
background-color:#808080;
}

#secondaire a {
text-decoration: none;
}

#secondaire-menu {
position:absolute;
width:300px;
height:350px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
margin-left:15px;
font-size:12pt;
font-family:"garamond","arial","verdana";
/*background-color:#ff8040*/
background-color:#808080;
}
#secondaire-porte {
position:absolute;
left:575px;
width:375px;
height:300px;
/*margin-left: 725px;*/
/*margin-right: 20px;*/

background-color:#808080;
/*background-color:#808080;*/
}


#secondaire-piscine {
position:absolute;
width:215px;
height:420px;
text-align:left;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
margin-left: 2.5px  ;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
/*background-color:#ff8040;*/
background-color:#808080;
font-family:"garamond","arial","verdana";

}

#secondaire-suite {
position:absolute;
width:300px;
height:380px;
text-align:left;
/*margin-left: 725px;*/
/*margin-right: 20px;*/

margin-right: 5px;
padding-left: 2.5px;
padding-right: 5px;
/*background-color:#ff8040;*/
background-color:#808080;
font-family:"garamond","arial","verdana";

}




#secondaire-table-scroll {
position:absolute;
width:250px;
height:400px;
text-align:left;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
margin-left: 2.5px  ;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
/*background-color:#ff8040;*/
background-color:#808080;
font-family:"garamond","arial","verdana";
overflow:hidden;

}

#secondaire-table-scroll a{
text-decoration: none;
}



#secondaire-piscine a{
text-decoration: none;
}

#secondaire-chambre {
position:absolute;
width:300px;
height:600px;
text-align:left;
/*margin-left: 725px;*/
/*margin-right: 20px;*/
margin-left: 2.5px  ;
margin-right: 2.5px;
padding-left: 5px;
padding-right: 2.5px;
/*background-color:#ff8040;*/
background-color:#808080;
font-family:"garamond","arial","verdana";
background-image:url(images/tarif-photo.gif);
      background-position: 10px;
background-repeat: no-repeat;

}

#secondaire-deroulant {
margin-left: 725px;
margin-right: 20px;
padding: 12px 0;
overflow: scroll ;
}


/* Pied de page */
#pied-back {
position:absolute;
left:225px;
width : 500px;
height : 100px ;
margin: 0;
/*padding: 15px 20px 10px 0;*/
font-size: 1.25em ;
text-color : #ffffff;
text-align: center;
overflow:hidden;
font-family:"garamond","arial","verdana";
background:#808080;

}

#pied{
position:absolute;
left:250px;
top:500px;
width : 500px;
height : 145px ;
margin: 0;
/*padding: 15px 20px 0px 0px;*/
font-size: 1em ;
text-color : #ffffff;
text-align: center;
overflow:hidden;
background:#808080;

font-family:"garamond","arial","verdana";


}

#pied-acc{
position:absolute;
left:25px;
top:500px;
width : 950px;
height : 145px ;
margin: 0;
/*padding: 15px 20px 0px 0px;*/
font-size: 1em ;
text-color : #ffffff;
text-align: center;
overflow:hidden;
background:#808080;

font-family:"garamond","arial","verdana";


}


#pied-pasglop {
position:relative;
left:150px;
width : 650px;
height : 140px ;
margin: 0;
/*padding: 15px 20px 10px 0;*/
font-size: 1em ;
text-color : #ffffff;
text-align: center;
overflow:hidden;
font-family:"garamond","arial","verdana";
background-image:url(images/img-entete.gif);
background-position: 10%;
}

#pied-acces {
position:absolute;
left:25px;
top:500px;
width : 950px;
height : 145px ;
 /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
background-image:url(../images/gps-heli.jpg);
      background-position: 75px 0px;
background-repeat: no-repeat;
font-family:"garamond","arial","verdana";
}

#pied-acces-gb {
position:absolute;
left:25px;
top:500px;
width : 950px;
height : 145px ;
 /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
background-image:url(../images/gps-heli-gb.jpg);
      background-position: 75px 0px;
background-repeat: no-repeat;
font-family:"garamond","arial","verdana";
}


#pied-acces-heli {
position:absolute;
left:25px;
top:500px;
width : 950px;
height : 145px ;
 /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
background-image:url(../images/gps-heli.jpg);
      background-position: 75px 0px;
background-repeat: no-repeat;
font-family:"garamond","arial","verdana";
}

#pied-acces-heli-gb {
position:absolute;
left:25px;
top:500px;
width : 950px;
height : 145px ;
 /* ajout chr */
 /*padding: 10px 10px 10px 10 px;*/
overflow:hidden;
text-align:center;
background-image:url(../images/gps-heli-gb.jpg);
      background-position: 75px 0px;
background-repeat: no-repeat;
font-family:"garamond","arial","verdana";
}


#pied-porte {
position:relative;
left:225px;
width : 500px;
height : 140px ;
margin: 0;
/*padding: 15px 20px 10px 0;*/
font-size: 1em ;
text-color : #ffffff;
text-align: center;
overflow:hidden;
background:#808080;
font-family:"garamond","arial","verdana";
}

#note-chambre{
position:absolute;
left:40px;
top : 500px;
width : 200px;
height : 140px ;
margin: 0;
/*padding: 15px 20px 10px 0;*/
font-size: 0.9em ;
text-color : #ffffff;
text-align: center;
overflow:hidden;
background:#808080;
font-family:"garamond","arial","verdana";
}

/* Mention de copyright */
#copyright {
margin: 8px 0 0 0;
font-size: 0.75em;
text-align: center;
visibility: hidden;
}

#copyright-yes {
margin: 8px 0 0 0;
font-size: 0.65em;
text-align: center;
visibility: visible;
}

#credit {
margin: 0px 0 0 0;
font-size: 0.95em;
text-align: center;
}

#credit a {
text-decoration: none;
}

/* ---------------------------------- retour au gris ----------------------------*/
#body{
background:#808080;
}
#global{
background:#808080;

}
#entete{
background:#808080;

}

#principal-porte{
background:#808080;
}


#navigation{
background:#808080;

}
#principal{
background:#808080;

}

#principal-scroll{
background:#808080;

}


#secondaire {

background:#808080;}


#pied {
background:#808080;
}

#copyright {
background:#808080;
}

#copyright-yes{

background:#808080;
}

#navigation-piscine {

background:#808080;
}

entete-piscine{

background:#808080;
}

principal-piscine{

background:#808080;

}

#secondaire-piscine{
background:#808080;


}

#principal-menu {

background:#808080;
}

#secondaire-porte{
background:#808080;
}
#navigation-porte{
background:#808080;
}
#entete-porte{
background:#808080;
}

#principal-tarif-gb { 
background:#808080;
}