/* feuille de style validee W3C */

/********************************/
/* Structure generale du site   */
/* Conteneur :                  */
/* -entete                      */
/* -gauche                      */ 
/* -centre                      */
/* -droite                      */
/* -pied de page                */ 
/********************************/

body{
background-color: RGB(209,255,208);
}

/* encadrement globale du site permettant de toute centrer */
#conteneur{
width: 980px;
height: 768px;
margin-left:auto;
margin-right:auto;
}

/* entete du site, avec le titre chambre hote agnes bouchereau */
#entete{
position: relative;
left: 0px;
top: 0px;
height: 133px;
width: 980px;
background-image: URL("images/Entete.png");
position : relative;
}


/* partie de gauche de la page, celle qui qui contiendra le menu */
#gauche{
position: relative;
width: 168px;
height: 507px;
background-image: URL("images/cote_gauche.jpg");
float: left;
}

/* partie centrale comprenant les infos des menus */
#centre{
height: 507px;
width: 711px;
position: relative;
float: left;
background-image: URL("images/centre_1.jpg"); 
overflow: auto;
text-align: center;
font-family: monotype corsiva,times new roman,verdana;
font-size: 16pt;
color: RGB(0,0,0);
}

#droite{
position: relative;
float: right;
right: 0px;
width: 101px;
height: 507px;
background-image: URL("images/Droite.png");
}

/* pied de page avec la date de mise a jour etc */
#pied{
clear: left;
clear: right;
position: relative;
height: 128px;
width: 980px;
background-image: URL("images/Pied.png");
}

/*************************************/
/* Creattion du menu avec survol     */
/*************************************/

/* definition du menu de la partie de gauche avec survol */
ul,li{
list-style-type: none; /* suppression des puces */
margin: 0;
padding: 0;
}

ul{
position: absolute; /* positionnement pour IE5 */
left: 0;
top: 150px;
/*background: tranparent url("images/menu.jpg") top left no-repeat;*/
background: tranparent url("images/menu_2.jpg") top left no-repeat;
height: 422px;
width: 107px;
text-align: center;
}

li{
display: inline; /* correction pour IE5 */
}

li a{ /* dimension des boutons du menu */
display: block; /* mise en block des liens pour leur donner des dimensions */
height: 28px;
width: 107px;
line-height: 28px;
color : RGB(51,101,51); 
font-size: 16pt;
font-family: monotype corsiva,times new roman,verdana;
text-decoration: none;
}

li a:hover{
color: #990000;
/*color: #fff; */
/*background: transparent url("images/menu.jpg") top left no-repeat;*/
background: transparent url("images/menu_2.jpg") top left no-repeat;
}

a#accueil:hover{
background-position: 0% -211px;
}

a#chambres:hover{
background-position: 0% -239px;
}

a#tourisme:hover{
background-position: 0% -267px;
}

a#situation:hover{
background-position: 0% -297px;
}

a#tarifs:hover{
background-position: 0% -325px;
}

a#Livre:hover{
background-position: 0% -353px;
}

a#Contact:hover{
background-position: 0% -381px;
}

/**************************************/
/*  drapeau cliquable                   */
/**************************************/

#langue{
position: relative;
height: 65px;
width: 85px;
top: 355px;
}

a#drapF{
display: block;
width: 77px;
height: 53px;
background-image: URL("images/French.png");
text-decoration: none;
}

a#drapE{
display: block;
width: 77px;
height: 53px;
background-image: URL("images/English.png");
text-decoration: none;
}



/*************************************/
/* Titre du site                     */
/*************************************/

#titre{
color : RGB(51,101,51);
font-family: monotype corsiva,times new roman,verdana;
font-size: 24pt;
padding-left: 15px;
padding-top: 5px;
position: relative;
left: 300px;
width: 600px;
height: 50px;
}

em{
color: RGB(153,0,0);
}

a#sponsor{
font-family: arial;
color: RGB(209,255,208);
font-weight: bold;
font-size: 10pt;
position: relative;
display: block;
left: 0px;
top: 100px;
width: 20px;
height: 20px;
}

/************************************/
/* Remplissage du bas de page       */
/************************************/

#Info{
position: relative;
left: 225px;
top: 60px;
width: 600px;
height: 50px;
font-size: 10pt;
font-family: times new roman, verdana;
color: RGB(51,101,51);
text-align: center;
padding-top: 20px;
}


/***********************************/
/* Definition des style de texte   */
/***********************************/

/* définition d'un grand titre */
h1{
font-family: monotype corsiva, times new roman, verdana;
font-size: 22pt;
text-align: center;
text-decoration: none;
color: RGB(153,0,0);
}

.et{
font-family: arial;
font-size: 10pt;
}

.souligne{
text-decoration: underline;
}

/***************************************************/
/* style pour les tableaux pour organisé les infos */
/***************************************************/

/* definition et allure d'un tableau pour le positionnement */
table{
text-align: center;
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
}

td{
text-align: center;
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
width: 320px;
vertical-align: top;
}

tr.espacement{
text-align: center;
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
height: 50px;
}


tr#espacementTarif{
text-align: center;
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
height: 3px;
}

tr#espacementTarif2{
text-align: center;
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
height: 20px;
}

td#merlottarif{
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
width: 320px;
text-align: left;
background-image: URL("images/fondtab.jpg");
padding: 25px;
}

td#cabernettarif{
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
width: 320px;
text-align: left;
background-image: URL("images/fondtab.jpg");
padding: 25px;
}

td.dejeuner{
text-align: center;
font-family: monotype corsiva,times new roman, verdana;
font-size: 16pt;
color: black;
width: 100%;
}