/*************************************************
				STYLES BALISES GENERIQUES
*************************************************/
body {
	background: url('img/fond.jpg') repeat-x #3A9A43;/* 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: 180px; left:40px; font-size:14px; color:#FFF; font-weight:bold; text-decoration:none;}
.subheader a:hover { font-size:14px; color:#FFF; font-weight:bold; }

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

/************************************************
			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:#FFF; font-weight:bold; }
a:hover { color:#FFF; }

/************************************************
				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;}

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

/************************************************
				CONTENU
************************************************/
div#contenu{
	min-height:500px; 															/*  tailles du contenu de la page	
																					ne pas oublier de modifier dans le style-ie6.css*/
}

/************************************************
				 BOX 
************************************************/
div.box {
	color: #FFF; 																/* couleur du texte de la box*/
	background:url('img/box.jpg') repeat-y;								/* 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:#FFF;} /* couleur du chemin */

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

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

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

/************************************************
		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:#000; }
div#form-recommander form#form1 legend { color:#000; }

/************************************************
					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 : #FFF;}
div#droite div.box h2.contact{ color:#FFF;}
div#droite div.box h2.galerie{ color:#FFF;}
div#droite div.box h2.news{color:#FFF;}

/************************************************
				PIED
************************************************/
div#pied {
	background:url('img/pied.jpg') repeat-x #492D22; 
	overflow:hidden;
}

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

/************************************************
		 partie à décommenter si le 
		 contenu est complexe
************************************************/
/************************************************
				CONTENU
************************************************/
/************************************************
div#contenu{
	background: url('img/bas.jpg') no-repeat bottom;
	min-height:616px; 
	overflow:hidden;
}
************************************************/
/*************************************************
				CORPS
************************************************/
/************************************************
div#conteneur {
	background: url('img/repetition.jpg') repeat-y;
	position:relative;margin:auto;width:920px;
}
************************************************/