﻿/* Mise en forme du body */
body {
	margin:0;
	padding:0;
	background: #fff url(../images/00_bg.jpg) center;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color:#000000;
	font-weight: lighter;
	line-height: 55px;
	text-align: left;
}

/*-----------------------------------------------------------*/

/* Menu Plan du site Aide FAQ */
#topMenu {width: 205px; height: 23px; margin:7px auto 0 auto; padding-top:12px; padding-left: 700px; background-image:url(../images/01_top.gif);}
#topMenu ul {margin: 0; padding:0; list-style:none;}
#topMenu li  {display:inline; border-left: #a0a0a0 solid 1px; padding-left: 5px; padding-right:5px;}
#topMenu li a:link { text-decoration: none; color:#95ccff;}
#topMenu li a:visited { text-decoration: none; color:#95ccff;}
#topMenu li a:hover { text-decoration: underline; color:#fff;}

/*-----------------------------------------------------------*/

/* Header */
#header {
	width: 799px;
	height: 135px;
	background-image:url(../images/baniere3.jpg);
	margin:0 auto 0 auto;
	
}

/*-----------------------------------------------------------*/

/* Menu principal */
#menuPrincipal {
	width: 800px;
	height: 39px;
	background-image:url(../images/03_menuBg2.gif);
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
}
#menuPrincipal ul {height: 39px; margin:0; padding:0; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
#menuPrincipal li  {float:left; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal li.imageSeparateur {float:left; width:3px; height: 39px; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal a {display: block; width: 87px; height: 27px; margin: 0; padding:12px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
#menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#fff;}
#menuPrincipal a:visited {center; color:#fff;}
#menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver2.gif); background-repeat:no-repeat; background-position:top center; color:#fff;}

/*-----------------------------------------------------------*/

/* Sous menu - Ne pas modifier */
#SousMenu {
	width: 800px;
	height: 35px;

	background-image:url(../images/04_sousMenu2.gif);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}

/*-----------------------------------------------------------*/

/* CONTENU CONTENEUR 2 DIV */
#contenuBg {
	width: 800px;
	margin:0 auto 0 auto;
	background-image:url(../images/05_contenuBg.gif);
	background-repeat:repeat-y;
}

	
	/* 1) Menu gauche */
	#menuGauche {float:left; width: 222px; padding: 0 0 0 49px; margin:0;}
	
		
		/* BOITE RECHERCHER */
		#boiteRechercher { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background:url(../images/boiteRecherche.gif) left top no-repeat;}		
		#boiteRechercher p { float:left; margin:0px; padding:0px;}
		#boiteRechercher .formulaireRechercher {padding: 0; margin: 0;}
		#boiteRechercher .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;}
		
		/* Boite menu Gauche */
		#cadreGauche { width:222px; padding: 24px 0 0 0; margin: 0 0 10px 0; background:url(../images/menuGaucheTop.gif) left top no-repeat;}
		#blocCadreGauche {background: url(../images/menuGaucheBas.gif) left bottom no-repeat;  padding-bottom: 15px;}
		#blocCadreGauche ul {margin: 0 0 0 0; padding: 0; list-style:none; }
		#blocCadreGauche li {height:19px; padding: 0;}
		#blocCadreGauche a {display:block; width:183px; height:19px; 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;}
		#blocCadreGauche a:link {color: #6b6b6b;}
		#blocCadreGauche a:visited {color: #6b6b6b;}		
		#blocCadreGauche a:hover {color: #000; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}

		
		/* Boite Login */
		#cadreLogin { width:222px; padding: 24px 0 0 0; margin: 0 0 10px 0; background:url(../images/menuGaucheTop.gif) left top no-repeat;}
		#blocCadreLogin { background: url(../images/menuGaucheBas.gif) left bottom no-repeat;  padding-bottom: 15px; padding-left: 20px;}
		#blocCadreLogin .formulaire {width: 200px; padding-top:5px;}
		#blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px;}
		.formulaireBoite {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #6b6b6b; border:1px solid #bfc4ca; background-color: #fff; margin: 2px 0; padding:1px;}
		
	/*-----------------------------------------------------------*/
	
	/* 2) Zone de texte */
	#zoneTexte {
	float:left;
	width: 600px;
	margin: 0 0 0 80px;
	padding-left: 16px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #b7b7b7;
}
	#zoneTexte p {
	line-height: normal;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
	h1 {
	color:#000000;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
	font-style: normal;
	list-style-type: disc;
	position: relative;
}
	.positionDroit {float:right; margin-left: 15px; border:none;}
	
	
	/*-----------------------------------------------------------*/
	
	/* Patch bug IE6 */
	.spacer {clear: both; visibility:hidden; margin:0; padding:0;}

/*-----------------------------------------------------------*/

/* footer */
#footer {width: 800px; height: 25px; margin:0 auto 0 auto; padding-top: 35px; background-image:url(../images/06_footer.gif); background-position:top; background-repeat:no-repeat; }
#footer p {font-size: 9px; text-align: center;}

/*-----------------------------------------------------------*/

/* styles globaux */

a:link { text-decoration: none; color:#3aa0ff;}
a:visited { text-decoration: none; color:#3aa0ff;}
a:hover { text-decoration: underline; color:#000;}


.sansBordure { border: none;}

.galerieBtn {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; border:none; background-color: #000; margin: 2px 0; padding:4px;}
#contenuBg #zoneTexte .Style30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-align: center;
}
#contenuBg #zoneTexte style32 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-align: center;
}
