/*************************************************
				STYLES BALISES GENERIQUES
*************************************************/
body {
	background: url('img/fond.jpg') repeat-x #241802;/* permet de remplir la fin du fond */
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
	color:#000;
}
.inside { position:relative;margin:auto;width:920px; } /* la classe permet de centrer un div dans la page */

/************************************************
				MISE EN FORME TEXTE
					SUBHEADER
************************************************/
.subheader a { position:absolute; top: 160px; left:170px; font-size:12px; color:#FFF7BD; font-weight:bold; text-decoration:none;}
.subheader a:hover { font-size:12px; color:#FFF7BD; font-weight:bold; }

/************************************************
					Texte
************************************************/
h1, h2, h3 { color:#FFF7BD; }

/************************************************
			formatage du texte
************************************************/
p.indent{ text-indent:20px}
p.adroite{ text-align:right;}
p.aucentre{ text-align:center;}
p.evidence{color:#999999;}

/************************************************
			LIENS 
************************************************/
a { color:#FFF7BD; font-weight:bold; }
a:hover { color:#FFF7BD; }

/************************************************
				ENTETE
************************************************/
div#entete div.inside { background:url('img/entete.jpg') no-repeat; height:209px; position:relative; } /* taille de l'entete a modifier */
div#entete div.inside a span { display:block; visibility:hidden; height:209px;}

/************************************************
			IMAGE
************************************************/
a img.opacite {border: 1px solid #000;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite {border: 1px solid #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

/************************************************
				MENU
************************************************/
.tab a {color:#FFF; float:left;}					 										/* couleur du texte du menu de base*/
.tab a:hover, .tab a.active { color:#FFF7BD; }									/* couleur du texte du  menu hover et actif */ 
ul.tab { height:28px; padding-left:200px; }										/* Le padding-left pour placer les onglets */

/************************************************
				 BOX 
************************************************/
div.box {
	color: #FFF7BD; 																/* couleur du texte de la box*/
	background:url('img/box.jpg') repeat-x #472F00;								/* couleur de fond de la BOX */
													/* couleur de contour de la box */
}

/************************************************
				 Bandeau
************************************************/
div#contenu div#bandeau {
	margin:0; padding:0 15px 15px 25px;
	height:40px;																/*taille du bandeau*/
}
#chemin{ clear:both; font-size:11px; height:10px; margin:0 0 0 0; position:relative; top:10px; left:30px;	}
#chemin, #chemin a, #chemin a:hover, #chemin a.active{color:#FFF7BD;} /* couleur du chemin */

/************************************************
				 Drapeau
************************************************/
#drapeau img { border:solid 1px #FFF7BD;}
#drapeau span { color:#FFF7BD;}

/************************************************
				Contenu Gauche 
					video
************************************************/

/************************************************
			info Flash player manquant 
************************************************/
div#myContent { background:#472F00; } 												/*couleur de fond pour l'absence de flash player*/
p#titleMyContent { font-weight:bold; font-size:15px; font-style:normal; color:#FFF7BD; }

/************************************************
		liens en dessous de la vidéo 
************************************************/
div#conteneur-video div.box a { color:; } 									/* Couleur des liens vidéos si différent de la couleur des liens de la page en général */
div#conteneur-video div.box a:hover { color:; } 							/* Couleur des liens hover vidéos si différent de la couleur des liens hover de la page en général */
/************************************************
	STYLES SPECIFIQUES AUX FORMULAIRES
	  formulaire recommander à un ami
************************************************/
form#form1 fieldset { border:1px solid #000; padding:5px; margin-top: 5px; } 
form#form1 legend { font-weight:bold; color:#FFF7BD; }
div#form-recommander form#form1 legend { color:#FFF7BD; }

/************************************************
					Plan
************************************************/
div#plan { width:479px; border:1px solid #a0a9b3; }
div#plan { margin:auto; padding:5px 0; text-align:center; padding:1px 1px 5px 1px; }
h2#plan { text-align:center; font-weight:normal;}
/************************************************
				Champ de saisie
************************************************/
input, textarea {
	background:#FFF;
	border:1px solid #572d0a;
}
/************************************************
			Formulaire de contact
************************************************/
#cryptogram {
	border: 1px solid #000;
	margin:0;
	padding:0;
	background:#fff;
}

/************************************************
				CONTENU DROIT
************************************************/
div#droite div.box {color : #FFF7BD;}
div#droite div.box h2.contact{ color:#FFF7BD;}
div#droite div.box h2.galerie{ color:#FFF7BD;}
div#droite div.box h2.news{color:#FFF7BD;}
div#droite div.box h2.vacance{ color:#FFF7BD;}

/************************************************
				PIED
************************************************/
div#pied {
	background:url('img/pied.jpg') repeat-x #472F00; 
	overflow:hidden;
	position:relative;margin:auto;width:920px;
}

div#pied div.inside {	width:860px; padding:10px 30px;	height:100px; color:#FFF7BD; }

/************************************************
		 partie à décommenter si le 
		 contenu est complexe
************************************************/
/************************************************
				CONTENU
************************************************/

div#contenu{
	background: url('img/bas.jpg') no-repeat bottom;
	min-height:700px; 
	overflow:hidden;
}

/*************************************************
				CORPS
************************************************/

div#conteneur {
	background: url('img/repetition.jpg') repeat-y;
	position:relative;margin:auto;width:920px;
}
/**********GESTION CALQUE MENU*********/
#CalqueMENU { 
	z-index:120;
	 border: solid 1px #000;
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 400px;
     /*height: 100%;*/
     margin-top: -300px; /* moitié de la hauteur */
     margin-left: -200px; /* moitié de la largeur */
	 }
/* ]]> */

.opacity20  {filter : alpha(opacity=10); -moz-opacity : 0.1; opacity : 0.1; width:100%; } 
.opacity100  {filter : alpha(opacity=100); -moz-opacity :1; opacity :1; width:100%;}
/*********** table.menu ***********/
table.menus{
	border:1px solid white;
	background:#472F00;
	}
table.menus td,table.menus td p,table.tarifs td{color:#FFF7BD; letter-spacing:0px;text-align:center}
table.menus td.bas{font-size:smaller;background-color:#866D3D}
table.menus th,table.tarifs th{
	font-weight:bold;font-size:14px;color:#333;
	letter-spacing:0px;margin:0;padding:5px 0;
	background-color:#472F00;
	border-bottom:1px solid white;
	text-align:center
	}
.infobulle{
	position: absolute;visibility:hidden;
	border:1px solid #fff;padding: 5px; color:white;
	font-size: 12px;background-color:#9c1e3d;
}