/* <===> FEUILLE DE STYLE DE LA PAGE INDEX <===> */
/* ===> (1) Style des différentes Zones */
/* Fond de page */
body {
	margin: 0;
	background: none #8a8a8a;
	color: #004000
}
.CF {
background: yellow;
}
/* Formats liés au Conteneur général de la Page utile*/
#conteneur {
	position: relative;
	width: 1000px;
	margin: 5px auto 25px auto;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #800000;
	background: none #E0EFE0;
}

/* Formats liés au Haut de Page*/
#entete {
/*	background: red;*/
	margin: 0;
	text-align: center;
	padding: 1px 0px;/* si 0 au lieu de 1, couleur de fond entete ne va pas jusqu'en haut sous Mozilla */
}
/* Non repris dans nouveau, a priori pas utile */
/*#entete p {
	clear: left;
	margin: 0px;
	padding: 2px 0 8px 0;
}*/
#entete table {/* A conserver sino Pb d'affichage sous certains outils */
	clear: left;
}
/* Formats liés à la zone principale*/
#global {
	margin: 0;
	padding: 0;
}
#global td{  /* Repris mais voir l'utilité*/
	padding: 0px;
}

#global p, ul {
	margin: 0px;
	padding: 10px 0px 0px 45px;
	font: normal 12px Tahoma, Helvetica, sans-serif;
	color: #004000;
}

#global p.indent {
	text-indent: 25px;
}
#global p.intertexte {
	text-align: right;
	color: #800000;
}


#global .TexteSerif {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	font: normal 13px Georgia, Times, serif;
/*	color: #004000;*/
}
#global .TexteSansSerif {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	font: normal 12px Tahoma, Helvetica, sans-serif;
	color: #004000;
}

img {
	border-color: #006000;
} 

.FondOr {/* Couleur de fond de page des pages Livre d'Or */
	background: none #F6E094;
	border-top: solid 1px #800000; 
}

.PGalerieLO { /*Texte à droite de la Galerie Livre d'Or de la page Références */
	padding: 10px 0px 0px 20px;
}
.PGalerieLOTitre { /*Texte à droite de la Galerie Livre d'Or  - Txt courant */
	font: normal bold 12px Verdana, Arial, sans-serif ;
	color: #800000;	
}
.PGalerieLOTxt { /*Texte à droite de la Galerie Livre d'Or  - Txt courant */
	font: normal 12px Tahoma, Helvetica, sans-serif;
	color: #004000;	
}

blockquote li {
	font: normal 12px Tahoma, Helvetica, sans-serif;
}
.ListeChambres {/* Utilisé en haut de la page Chambres */
	margin-left: 20px;
}
/* Essai pour formulaire */
#Cadre { 
	list-style-type: none ; 
	margin: 0px 0 0 8px; 
  padding: 0 ; 
}
#Cadre li { 
	float: left ; 
	width: 717px ; 
	color: #000000 ; 
	border: 1px solid #006000 ; 
	margin-right: 1px ; 
}
#CadreOnglet {
	display: block ; 
	background: #608060 ; 
  color: #003000 ; 
/*	font: 1em "Trebuchet MS",Arial,sans-serif ; */
	font: 12px Verdana,Arial,sans-serif ; 
	font-weight: bold;
	line-height: 2em ; 
  text-align: center ; 
 	text-decoration: none ; 
  padding: 4px 0px ;
}	

.EspPhotos {
margin: 0px 0px 5px 0px;
padding: 0px;
}


/* Formats liés au pied de page*/
#pied {
	margin: 0;
/*	background: none #f5f5d5;*/
	background: none #ffffce;
	border-top: solid 1px #800000; 
}
#pied p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Tahoma, Helvetica, sans-serif;
	color: #004000;
}
.Coordonnee {
	font: normal 13px Tahoma, Helvetica, sans-serif;
	color: #000000;
}

/* Format liés aux tableaux */
table { /* Format pour centrer les tableaux automatiquement*/
	margin-left:auto;
  margin-right:auto;
}
#entete table {
	margin-bottom: 0px;
	margin-top: 0px;
}

#pied table {
	margin-bottom: 0px;
	margin-top: 0px;
}
/* Si utilisation  de #global table avec margin top non nul ==> Pb sous IE */
.TableGlobal { /*Devrait servir pour positionner des tables de la zone global */
	margin-bottom: 20px;
	margin-top: 20px;
}



/* ===> (2) Style du Menu (largeur = 8x120 + 16x1 + 7 = 983) */
/* Menus haut et bas de page */
.menu { 
	list-style-type: none ; 
	margin: 7px 0 0 8px; 
  padding: 0 ; 
}
.menu li { 
	float: left ; 
	width: 120px ; 
	color: #000000 ; 
	border: 1px solid #006000 ; 
	margin-right: 1px ; 
}
.menu li a { 
  display: block ; 
  background: #BBFFBB url(Images/liencoulissant.png) left top no-repeat; 
  color: #004000 ; 
	font: 12px Verdana,Arial,sans-serif ; 
	font-weight: bold;
 	line-height: 2em ; 
	text-align: center ; 
 	text-decoration: none ; 
  padding: 4px 0px ;
}
.menu li a:hover, #menu li a:focus, #menu li a:active { 
	background: #FFFFC0 url(Images/liencoulissant.png) right top no-repeat; 
  text-decoration: underline ; 
}
/* Style de l'onglet de la page en cours, Menu Haut et Bas de page*/
.OngletPage {
	display: block ; 
	background: #FFFFC0 ; 
  color: #004000 ; 
	font: 12px Verdana,Arial,sans-serif ; 
	font-weight: bold;
	line-height: 2em ; 
  text-align: center ; 
 	text-decoration: none ; 
  padding: 4px 0px ;
}


/* Menus Chambres */
#menuCh { 
	list-style-type: none ; 
	margin: 0px 0 0 0px; 
  padding: 0 ; 
}
#menuCh li { 
	float: left ; 
	width: 118px ; 
	color: #000000 ; 
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #006000 #006000 #608060 #006000;	
	margin-right: 2px ; 
}
#menuCh li a { 
  display: block ; 
/*  background: #608060; */
  background: #f5f5d5; 
/*	color: #ffffff ; */
	color: #737573; 
	font: 12px Tahoma,Helvetica,sans-serif ; 
/*	font: 12px Verdana,Arial,sans-serif ; */
	font-weight: bold;
 	line-height: 2em ; 
	text-align: center ; 
 	text-decoration: none ; 
  padding: 4px 0px ;
}
#menuCh li a:hover, #menu li a:focus, #menu li a:active { 
/*	background: #F5F5D5;*/
	background: #608060; 
  text-decoration: underline ; 
/*	color: #737573;*/
	color: #ffffff;
}
.TbChs {/* Pour coller le menu des chambres au cadre de chaque chambre */
	border-collapse: collapse;
}

/* Menus Des pages du Livre d'Or */
.menuLivreOr { 
	list-style-type: none ; 
	margin: 7px 0 0 8px; 
  padding: 0 ; 
}
.menuLivreOr li { 
	float: left ; 
	width: 100px ; 
	color: #000000 ; 
	border: 1px solid #553300 ; 
	margin-right: 1px ; 
}
.menuLivreOr li a { 
  display: block ; 
  background: #800000; 
  color: #ffffb0 ; 
	font: 11px Verdana,helvetica,sans-serif ; 
/*	font-weight: bold;*/
 	line-height: 1.5em ; 
	text-align: center ; 
 	text-decoration: none ; 
  padding: 4px 0px ;
}
.menuLivreOr li a:hover, #menuLivreOr li a:focus, #menuLivreOr li a:active { 
	background: #FFFFb0; 
  text-decoration: underline ; 
	color: #800000;
}
/* Style de l'onglet de la page en cours, Menu Livre d'Or*/
.OngletPageLivreOr {
	display: block ; 
	background: #FFFFC0 ; 
  color: #004000 ; 
	font: 11px Verdana,Arial,sans-serif ; 
	font-weight: bold;
	line-height: 1.5em ; 
  text-align: center ; 
 	text-decoration: none ; 
  padding: 4px 0px ;
}

/* Style pour cadres des chambres */
.Chs {
	margin: 0px;
	padding: 0;
	width: 730px;
	background: #608060;
	color: #FFFFFF;
	font: normal 12px Tahoma, Helvetica, sans-serif;
}
.ChsP {
	margin: 10px 20px 0 20px;
}
#CadrePhotosChs {
	width: 355px;
	height: 355px;
/*	background: yellow;*/
	position: relative;
}
#PhotoHor1 {
	position: absolute;
	top: 0px;
	left: 0px;
/*	z-index:490;*/
}
#PhotoVer1 {
	position: absolute;
	top: 0px;
	left: 205px;
/*	z-index:500;*/
}
#PhotoHor2 {
	position: absolute;
	top: 205px;
	left: 155px;
	z-index:490;
}
#PhotoVer2 {
	position: absolute;
	top: 155px;
	left: 0px;
/*	z-index:490;*/
}

/* Drapeaux */
#Flag {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#Flag li { 
	float: left ; 
	margin-right: 5px ; 
}
#Flag a { 
	display: block;
	margin: 0;
	width: 35px;
	height: 23px;
	line-height: 23px;
	border: solid black;
	border-width: 1px 2px 2px 1px;
	border-color: #cecece #4a4a4a #4a4a4a #cecece;
}
#Flag a:hover {
	color: #840000;
	background: #FFFFCE;
	border: 1px solid black;
	border-width: 2px 1px 1px 2px;
	border-color: #4a4a4a #cecece #cecece #4a4a4a;
}
#FlagPage {
	width: 35px;
	height: 23px;
	line-height: 23px;
	display: block;
	text-align: center;
	border-width: 2px 1px 1px 2px;
	border-color: #4a4a4a #cecece #cecece #4a4a4a;
	border-style: solid;
	text-decoration: none;
}

/* Menu Livre d'Or et concerts ==> à reprendre */
.menuOr ul {
list-style-type: none;
margin:0;
/*padding:0.5;*/
}
.menuOr a { 
display: block;
margin: 5px 0;
width: 120px;
height: 30px;
line-height: 30px;
display: block;
text-align: center;
border: solid black;
text-decoration: none;
color: #006300;
background: #FFCE00;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
border-width: 1px 2px 2px 1px;
border-color: #cecece #4a4a4a #4a4a4a #cecece;
font-weight: bold;
}
.menuOr a:hover {
color: #840000;
background: #FFFFCE;
border: 1px solid black;
border-width: 2px 1px 1px 2px;
border-color: #4a4a4a #cecece #cecece #4a4a4a;
font-weight: bold;
}
/* Onglet Meteo France ==> à reprendre */
#Meteo a{
background: url(Images/Meteo.jpg);
color: yellow;
display: block;
margin: 5px 30px;
width: 110px;
height: 90px;
line-height: 20px;
display: block;
text-align: center;
border: solid black;
text-decoration: none;
color: yellow;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
border-width: 1px 2px 2px 1px;
border-color: #cecece #4a4a4a #4a4a4a #cecece;
font-weight: bold;
}
	


/* ===> (3) Style génériques des caractères et des positions*/
h1 { /* Titre Asphodele Entree Site */	
	font: italic bold 2.5em "Monotype Corsiva", "comic sans ms", serif;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 00px;
}
.MaisonHote { /* Maison Hote dans Asphodele Entree Site */
	font: normal bold 19px Georgia, Times, serif ;
	text-align: center;
	margin-top: 0px;
	color: #004000;
}
.Slogan { /* Slogan Entree Site */
	font: normal bold 16px Georgia, Times, serif ;
	text-align: center;
	padding: 0;
	margin-top: 15px;
	color: #800000;
}
.Citation { /* Citation bas de page */
	font: italic normal 12px Georgia, Times, serif ;
	text-align: center;
	padding: 10px;
	margin: 0px;
	color: #004000;
	border-width: 1px 1px 1px 1px;
	border-color: #4a4a4a #cecece #cecece #4a4a4a;
	border-style: solid;
	background: #ebf2db;
}
h2 { 
	font: normal bold 13px Verdana, Arial, sans-serif ;
	text-align: left;
	padding: 0px 0 0 30px;
	color: #004000;
	margin: 20px 0 0 0;
}
h3 { /* Slogan Entree Site ==> Voir si encore utilisé */
	font: normal bold 1.1em Georgia, Times, serif ;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #800000;
}
.h2Accentue {
	color: #800000;
}

.AlignVertHaut {
	vertical-align: top;
}
.AlignVertBas {
	vertical-align: bottom;
}


/*Texte en gras*/
.TexteGras {
	font-weight: bold;
}
/*Texte non gras*/
.TexteNormal {
	font-weight: normal;
}
/*Texte en italique*/
.TexteItalique {
	font-style: italic;
}
/*Texte souligné*/
.TexteSouligne {
	text-decoration: underline;
}
/*Texte centré*/
.TexteCentre {
	text-align: center;
}
/*Texte à droite*/
.TexteDroite {
	text-align: right;
}
/*Texte à gauche*/
.TexteGauche {
	text-align: left;
}

/* ===> (4) Style des Zooms de photos */
/* Caractéristiques communes */
a.zoom {
	position: relative;
	text-decoration: none;
	color: black;
}
a.zoom span {
	display: none;
}
a.zoom:hover {
	background: none; /* contournement d'un bogue d'IE */
	z-index: 500;
}
a.zoom:hover span {
	display: inline;
	position: absolute;
	z-index: 500;
	border-color: #004000;
	border-width: 3px;
	border-style: solid;
	text-align: center;
	padding: 0em;
}
/* Zoom à droite - image horizontale */
a.zoomdh:hover span {
	bottom: -149px;/*Centré par rapport à petite photo (452/2 - 152/2)*/
	left: 101px;/*bord vertical décalé de la moitié de la petite photo*/
}
/* Zoom à gauche - image horizontale */
a.zoomgh:hover span {
	bottom: -149px;/*Centré par rapport à petite photo (452/2 - 152/2)*/
	left: -501px;/* Centré par rapport à petite photo (602 - 202/2)*/
}
/* Zoom à gauche - image verticale */
a.zoomgv:hover span {
	bottom: -199px;/*Centré par rapport à petite photo */
	left: -377px;/*bord vertical décalé de la moitié de la petite photo (453-152/2=377)*/
}
/* Zoom à droite - image verticale */
a.zoomdv:hover span {
	bottom: -199px;/*Centré par rapport à petite photo */
	left: 76px;/*bord vertical décalé de la moitié de la petite photo (152/2=76)*/
}

/* Zoom de photo gauche bandeau - image horizontale */
a.zoomBgh:hover span {
	bottom: -460px;
	left: 6px;
}
/* Zoom de photo centre bandeau - image horizontale */
a.zoomBch:hover span {
	bottom: -460px;
	left: -200px;
}
/* Zoom de photo droite bandeau - image horizontale */
a.zoomBdh:hover span {
	bottom: -460px;
	left: -406px;
}

/* ===> (5) Tableaux
/* Tarifs */
table#TbTarif {
	background: none #feecae;
	font: normal normal 12px Verdana, Arial, sans-serif ;
	width: 470px;
  border-collapse: collapse;
	margin: 20px 0px 20px 50px;
}	
table#TbTarif td {
	border-color: #553300;
	border-width: 1px;
	border-style: solid;
  padding : 7px 4px;
}
.TitreColTarif {
	background: none #608060;
	color: #ffffff;
}
.CaseVideTarif {
	background: none #e0efe0;
	border: none;
}
.CaseMarqueTarif {
	background: none #f5f5d5;
	border: none;
}
/* Sites Internet */
table.Sites {
	background: none #feecae;
	font: normal normal 11px Verdana, Arial, sans-serif ;
	width: 680px;
  border-collapse: collapse;
	text-align: center;
	margin: 0px auto;	
}	
table.Sites td {
	border-color: #553300;
	border-width: 1px;
	border-style: solid;
  padding : 5px 0px;
}
.MargeHauteSites {
	margin: 10px 0;
}

/* ===> (6) Galerie Extraits du Livre d'Or */
#LivreOrExtr {
	width: 520px;
	height: 260px;
	background: #F6E094	url(LivreOr/LO7_g.jpg) 10px 10px no-repeat;
	border: 2px solid #553300;
	margin: 0 auto;
	font: 11px Verdana,helvetica,sans-serif;
}
.GalerieLO {
padding:0;
margin:220px 0 0 0;
list-style-type:none;
position:relative;
width:520px;
}
.GalerieLO img {
border:0;
/*border: 1px solid #000000;*/
}
.GalerieLO li {
float:left;
}
.GalerieLO li a, .GalerieLO li a:visited {
font-size:11px;
float:left;
text-decoration:none;
color:#ffffff;
background:#800000;
text-align:center;
width:52px;
height:26px;
line-height:24px;
border:1px solid #553300;
margin:2px;
}
.GalerieLO li a img {
position:absolute;
top:-285px;/* Valeur à revoir */
left:10px;
visibility:hidden;
border:0;
/*border: 1px solid #000000;*/
}
.GalerieLO li a img.paysage {
top:-210px; /* 220 de margin de GalerieLO - 10 de marge haute de background de LivreOrExtr */

}
.GalerieLO li a img.portrait {
left:0;
border-left:40px solid #8b0000;
border-right:40px solid #8b0000;
}
.GalerieLO li a:hover {
background:#FFFFC0;
color: #000000;
}
.GalerieLO li a:active, .GalerieLO li a:focus {
color:#000000;
background:#FFFFC0;
}
.GalerieLO li a:active img, .GalerieLO li a:hover img {
visibility:visible;
background:#F6E094;
/*border: 1px solid #000000;*/
}

/* ===> (7) Formulaire de réservation */
#ResaForm {
	background: none #608060;
	width: 100%;
	color: #ffffff;
	border: solid 1px #004000; 
}
.ResaFormTitre {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font: normal 13px Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 2px #004000; 
}
.ResaFormSTitre {
	margin: 0px;
	padding: 5px 0px 10px 10px;
	font: normal 13px Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}
.ResaFormTxt {
	font: normal 12px Tahoma, Helvetica, sans-serif;
	text-align: left;
	margin-left: 20px;	
}
.ResaFormValid {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font: normal 12px Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	border-top: solid 2px #004000; 
}
.ResaFormEnvoi {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font: normal 13px Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}
input:focus, textarea:focus {
	background-color: #ffffc0;
}
label {
  font-family: Tahoma, helvetica, sans-serif; 
	font-size: 12px;
	margin-left: 10px;
	line-height: 2em;
}

textarea, input, select {
	font-family: Tahoma, helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;	
}