body
{
	font-family: Arial,sans-serif;
	background-color:#e8d79a;
}
#site
{
	width:980px; 
	margin:auto; 
}

h1, h2, h3, h4, h5, h6 
{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}
h1
{
	color: #334d55;
	font-size: 1.2em;
}
h2
{
	color: #006699;
}
h3
{
	color: #334d55;
}
h4
{
	color: #006699;
}
h5
{
	color: #006699;
	text-decoration:underline;
}
p
{
	color: #006699;
}
li
{
	color: #006699;
}
a img
{
	border:none
}
a:link, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.hr_dot
{
	border: none; 
	border-top:1px dotted;
}
legend
{
	color: #006699;
}
#a1
{
	display:none;
	border:1px solid;
}
/************************************************/
/* Motigo webstat	(rendre invible pour le visiteur)	*/
/************************************************/
#mws4655151
{
	display:none;
}
/************************************************/
/* class de mise en forme de texte				*/
/************************************************/
.input_disabled_noir
{
	color:black;
}
.commentaire_gris
{
	font-size:0.8em;
	color:gray;
}
.gras
{
	font-weight:bold;
}
.centrer
{
	text-align:center;
}
.petit
{
	font-size:0.7em;
	font-weight:normal;
}
.noir a
{
	color:black;
}
.noir
{
	color:black;
}
.rouge
{
	color:red;
}
.souligne
{
	text-decoration: underline;
}
/************************************************/
/* Tarifs								*/
/************************************************/
.tarifs
{
	text-align:center;
	margin-top:20px;
	color: #006699;
}
.tarifs td
{
	min-width:100px;
}
.cellule1
{
	font-weight:bold;
	width:150px;
}
.periode_haute
{
	display:block;
	width:175px;
	float:left;
	text-align:right;
	margin-right:10px;
}
.periode_moyenne
{
	display:block;
	width:175px;
	float:left;
	text-align:right;
	margin-right:10px;
}
.periode_we
{
	display:block;
	width:100px;
	float:left;
	text-align:right;
	margin-right:10px;
}
/************************************************/
/* Admin								*/
/************************************************/
#modifier_periodes
{
	color: #006699;
}
#modifier_periodes td
{
	padding-top:20px;
}
#modifier_periodes tr
{
	margin:100px;
}
/************************************************/
/* Promotions							*/
/************************************************/
.attention
{
	font-weight:bold;
	font-size:1.5em;
	color:red;
	text-decoration:blink;
	text-align:center;
}
.logos
{
	margin:0 0 0 33px;
}
/************************************************/
/* Espace contenant les informations du site		*/
/************************************************/
#millieu
{	
	padding:10px 15px 5px 15px;
	margin-left:190px;
	margin-top:6px;
	border:2px solid #9bc9df; 
	background-color: #e6e6e6;
	min-height:565px;
	overflow:auto;
}
/************************************************/
/* Haut de page							*/
/************************************************/
#entete
{
	padding-top: 5px;
}
#titre
{
	padding:5px 0 5px 10px;
	background-color:#9bc9df;
}
/************************************************/
/* Menu de navigation						*/
/************************************************/
#navigation
{
	padding-bottom:5px;
	background-color:#cee3f0;
	border:2px solid #9bc9df;
	border-top:none;
	width:180px;
	float:left;
}
#navigation a:hover
{
	font-weight: bold;
	color:#fff;
	background:#9bc9df;
}
#choix_langue
{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #9bc9df;
	font-size:0.9em;
}
.menu
{	
	padding: 10px 0px 10px 10px;
	font-size:0.9em;
}
ul
{
	margin-left:20px;
	padding-left:0;
	list-style-type: square;
}
#promotions
{
	border-top: 2px solid #9bc9df;
	padding:10px 0 10px 0;
	height:173px;
}
/************************************************/
/* Contenu de la page principale				*/
/************************************************/
.imageacceuil
{
	margin-top:10px;
	margin-bottom:50px;
	margin-right:15px;
	float:left;
	width:387px;
	height:290px;
}
.environs
{
	clear:both;
}
.imageenvirons
{
	padding:25px 12px 0 12px;
}
/************************************************/
/* Accéder au gîte						*/
/************************************************/
.carte
{
	float:right;
	margin:60px 10px 0 0;	
}
.carte_generale
{
	padding:10px 0 0 35px;
}
/************************************************/
/* Visite en photos						*/
/************************************************/
.visite_photos
{
	margin-top:10px;
	text-align:left;

}
.visite_photos caption
{
	margin-top:30px;
	text-align:left;
	padding:0 0 0 55px;
	color: #006699;
	font-weight:bold;
}
.visite_photos th
{
	font-size:0.8em;
	padding:0 0 0 55px;
	color: #006699;
	font-weight:normal;
}
.visite_photos td
{
	padding:0 20px 0 55px;
	width:160px;
	height:106px;
}
.agrandissement
{
	margin:5px 0 20px 10px;
}
.visite_photos img
{
	width:160px;
	height:106px;
}
/************************************************/
/* Bas de la page							*/
/************************************************/
#bas
{
	font-size: 0.75em;
	font-weight:bold;
	background-color:#9bc9df;
	padding: 5px 10px 5px 10px;
	clear:both;
}
#barrebas
{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	height: 16px;
	
}
.basgauche
{
	float: left;
}
.basdroite
{
	float: right;
}
/************************************************/
/* Info bulle							*/
/************************************************/
a.tooltip{
   position: relative;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
   color:black;
}
a.tooltip span {
   display: none; /* on masque l'infobulle */
   width:150px;
}
a.tooltip:hover {
	border:none;
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.tooltip:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;

	/*white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	bottom: 20px; /* on positionne notre infobulle */
	right: 20px;
		
	text-align:left;
	background: white;

	color: gray;
	padding: 3px;

	border: 1px solid blue;
	border-left: 4px solid blue;
	-moz-border-radius:5px;
}


#tableau
{
	width:450px;
}
#li_description li
{
	padding:10px 0 10px 0;
}

