/*-----------------------------------------------------------------------------------------------------------------------------------
	BODY - Mise en forme général du body 
-----------------------------------------------------------------------------------------------------------------------------------*/
body { margin:0; padding:0; /*background: #fff url(../images/bg.gif);*/ background-repeat:repeat-x;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


/*-----------------------------------------------------------------------------------------------------------------------------------
	HEADER - Entête du site 
-----------------------------------------------------------------------------------------------------------------------------------*/ 
#header {width: 700px; height: 85px; margin:0 auto 0 auto; padding:0; background-image:url(../images/logo.jpg); background-repeat:no-repeat; background-position: left;}


/*-----------------------------------------------------------------------------------------------------------------------------------
	MENU PRINCIPAL - onglet de couleurs
-----------------------------------------------------------------------------------------------------------------------------------*/ 
#menuPrincipal {width: 795px; height: 28px; margin:0 auto 0 auto; padding: 0 0 0 0; list-style:none; font: bold 10px; text-align:center;}
#menuPrincipal ul {height: 28px; margin:0; padding:0; padding-right: 2px; list-style:none; font-size: 10px; font-weight: bold;}
#menuPrincipal li {float:left; margin: 0 0 0 30px; padding-right: 2px;}
#menuPrincipal a {display: block; width: 97px; height: 28px; margin: 0; padding:10px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
#menuPrincipal a:visited {color:#fff; text-decoration: none;}
#menuPrincipal a:hover {background-position: 0 4px; color:#fff; text-decoration: none; color:#eee;}


/*-----------------------------------------------------------------------------------------------------------------------------------
	MENU SECONDAIRE - sous-menu des onglets
-----------------------------------------------------------------------------------------------------------------------------------*/ 
#menuSecondaire {width: 100%; height: 25px; margin:0 auto 0 auto; padding: 0 0 0 0; color:#FFFFFF;}
#menuSecondaire ul {margin: 0; padding:0; list-style:none; font-size: 10px;}
#menuSecondaire li  {display:inline; border-left: #fff solid 1px; padding-left: 12px; padding-right:10px;}
#menuSecondaire li a:link { text-decoration: none; color:#fff;}
#menuSecondaire li a:visited { text-decoration: none; color:#fff;}
#menuSecondaire li a:hover { text-decoration: underline; color:#fff;}


/*-----------------------------------------------------------------------------------------------------------------------------------
	CONTENU - Contient les DIV (division) : 1)Menu gauche, 2)Zone de texte, 3)Menu droit
-----------------------------------------------------------------------------------------------------------------------------------*/
#contenu {width: 960px;  margin:41px auto 0 auto;}

	/* 1) Menu gauche */
	#menuGauche {float:left; width: 169px;}	
	/*-----------------------------------------------------------*/
	/* 2) Zone de texte */
	#zoneTexte {float:left; width: 550px; padding: 0 34px 0 34px;}
	#zoneTexte p {font: 11px; color:#6b6b6b; line-height: 19px; text-align:justify;}
	#zoneTexte a:link { text-decoration: underline; color:#413e3e;}
	#zoneTexte a:visited { text-decoration: underline; color:#413e3e;}
	#zoneTexte a:hover { text-decoration: none; color:#0076df;}
	.positionDroit {float:right; margin-left: 15px; border:none;}
	/*-----------------------------------------------------------*/
	/* 3) Menu droit */
	#menuDroit {float:left; width: 169px; background-color:#00CCFF;}


/*-----------------------------------------------------------------------------------------------------------------------------------
   BOITE MENU ET LOGIN
-----------------------------------------------------------------------------------------------------------------------------------*/

	/* A) Boite menu */
		#boite {width:169px;}
		#boiteRubrique {width:169px; height:20px; padding-top: 8px; text-align:center; font-size:11px; font-weight: bold; color:#fff;}
		#boiteMenu {background-color:#f4f1ea; padding-bottom: 10px;}
		#boiteMenu ul {margin: 0; padding: 0; list-style:none; }
		#boiteMenu li {height:18px;}
		#boiteMenu a {display:block; width:130px; height:13px; padding-left:39px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
		#boiteMenu a:link {color: #999387;}
		#boiteMenu a:visited {color: #999387;}		
		#boiteMenu a:hover {color: #000; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}
		/*-----------------------------------------------------------*/
		/* Boite Login */
		#blocCadreLogin {background-color:#f4f1ea; padding-bottom: 10px; padding-left: 25px;}
		#blocCadreLogin .formulaire {width: 130px; padding-top:5px; margin:0;}
		#blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px; font-size:10px; color:#6b6b6b;}
		.formulaireBoite {width: 100px; height:14px; font-size:9px; color: #6b6b6b; border:1px solid #e8e1cf; background-color: #fff; margin: 2px 0; padding:1px;}
		.boutonFormulaire {width: 35px; height:20px;font-size:9px; color: #6b6b6b; border:1px solid #e8e1cf; background-color: #fff; margin: 2px 0 0 35px; padding:0;}

/*-----------------------------------------------------------------------------------------------------------------------------------
	FOOTER DU SITE
-----------------------------------------------------------------------------------------------------------------------------------*/ 


/* footer */
#footer {width: 100%; height: 43px; margin-top:50px; padding-top: 13px; background:url(../images/footerBg.gif) top repeat-x;}
#footer p {font-size: 9px; text-align: center; color:#6b6b6b;}
#footer a:link { text-decoration: underline; color:#413e3e;}
#footer a:visited { text-decoration: underline; color:#413e3e;}
#footer a:hover { text-decoration: none; color:#0076df;}


/*-----------------------------------------------------------------------------------------------------------------------------------
   AUTRES CLASSES UTILES 
----------------------------------------------------------------------------------------------------------------------------------- #999387;*/


h1 {font-size:13px; font-weight: bold; color:#999387; background-color:#f8f6f1; border-top: 1px solid #e8e1cf; border-bottom: 1px solid #e8e1cf; line-height: 24px; margin:0;}
h2 {font-size:12px;}
.retourHaut { text-align:center; margin: 0 0 15px 0; padding:0;}
.retourHaut img { border: none;}
.galerieBtn {font-size: 11px; color: navy font-family: Arial, Helvetica, sans-serif; border: 5px solid #e8e1cf; background-color: #f8f6f1; margin: 2px 0; padding:4px;}
.spacer {clear: both; visibility:hidden; margin:0; padding:0;} /* Patch bug IE6 */