/* <===> FEUILLE DE STYLE DE LA PAGE INDEX <===> */
/* ===> (1) Style des différentes Zones */
/* Fond de page */
body {
	margin: 0;
	background: none #8a8a8a;
	color: #004000
}
/* Formats liés au Conteneur général de la Page utile*/
#conteneur {
	position: relative;
	width: 1000px;
	margin: 5px auto 25px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #800000;
	background: none #e0efe0;
/*	background: none #dceddc;*/
}
/* Formats liés au Haut de Page*/
#entete {
	margin: 0;
	text-align: center;
	padding: 0px 0px;
}
#entete p {
	clear: left;
	margin: 0px;
	padding: 2px 0 8px 0;
}
#entete table {
	clear: left;
}
/* Formats liés à la zone principale*/
#global {
	margin: 0;
}
#global td{
	padding: 0px;
}
#global p {
	margin: 0px;
	padding: 10px 50px 0px 50px;
	font: normal 13px Tahoma, Helvetica, sans-serif;
	color: #004000;
	text-indent: 25px;
}

#Annonce {
/*	border-color: yellow #FFFFFF;*/
	border-color: #800000;
	/*background: #ffffcc;*/
	/*background: #ffd700;*/
	/*background: #ffd077;*/
	background: #FFFFFF;
	border-width: 3px;
	border-style: ridge;
	margin: 0 auto 10px auto;
	width: 95%;
	font: normal normal 14px "Trebuchet MS", arial, sans-serif ;
	text-align: center;
	padding: 0px;
}
#Annonce p {
	margin: auto;
	padding: 5px;
	text-indent: 0px;
}

#Annonce1 {
	border-color: yellow #FFFFFF;
	background: #ffffcc;
	/*background: #ffd700;*/
	/*background: #ffd077;*/
	border-width: 3px;
	border-style: ridge;
	margin: 0 auto 10px auto;
	width: 95%;
	font: normal normal 14px "Trebuchet MS", arial, sans-serif ;
	text-align: center;
	padding: 0px;
}
#Annonce1 p {
	margin: auto;
	padding: 5px;
	text-indent: 0px;
}
.ClrAnnonce {
	color: #800000 ;
} 
.EspPhotos {
margin: 0px 0px 5px 0px;
/*margin: 0px 0px 35px 0px;*/
padding: 0px;
}

/* Formats liés au pied de page*/
#pied {
	margin: 0;
	background: none #f5f5d5;
	border-top: solid 1px #800000; 
	clear: left;
}
#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;
}
#global table {
	margin-bottom: 20px;
}
#pied table {
	margin-bottom: 0px;
	margin-top: 0px;
}

/* ===> (2) Style du Menu (largeur = 8x120 + 16x1 + 7 = 983) */
/* Menus haut et bas de page */
.menu { 
	list-style-type: none ; 
	margin: 8px 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: #003000 ; 
/*	font: 1em "Trebuchet MS",Arial,sans-serif ; */
	font: 12px Verdana,Arial,sans-serif ; 
	font-weight: bold;
 	line-height: 24px ; 
/* 	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*/
.OngletPage {
	display: block ; 
	background: #FFFFC0 ; 
  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 ;
}		
/* 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;
}
	
/* ===> (3) Style génériques des caractères et des positions*/
h1 { /* Titre Asphodele Entree Site */	
	font: italic bold 40px "Monotype Corsiva", "comic sans ms", serif;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.MaisonHote { /* Asphodele Maison Hote Charme 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: left;
	padding-left: 50px;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #800000;
}
.AlignVertHaut {
	vertical-align: top;
}
.AlignVertBas {
	vertical-align: bottom;
}
/*Texte en gras*/
.TexteGras {
font-weight: bold;
}

/* ===> (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: #008000;
/*	border-color: #FFD700;*/
	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 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)*/
}