/* Mise en forme du body */
body { margin:0; padding:0; background: #000000 url(../images/bg.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666;}

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

/* Header - Entête (h1) */
h1 {
	width: 910px;
	height: 120px;
	padding:0;
	background-image:url(../images/entete-site-spicynew.gif);
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

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

/* Menu principal */
#menuPrincipal {
	width: 750px;
	height: 44px;
	margin:0 auto 0 auto;
	padding: 0 80px 0 80px;
	list-style:none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFCC00;
}
#menuPrincipal ul {
	width: 750px;
	height: 44px;
	margin: 0;
	padding:0;
	list-style:none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#menuPrincipal li  { float:left; background-repeat:no-repeat; background-position:right top;}
#menuPrincipal li.imageSeparateur {float:left; width:3px; height: 44px; background-repeat:no-repeat; background-position:top right;}
#menuPrincipal a {display: block; width: 87px; height: 30px; margin: 0; padding:14px 0 0 0; text-align:center; text-decoration: none; color:#FFCC00;}
#menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#FFCC00;}
#menuPrincipal a:visited {center; color:#FFCC00C;}
#menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#00CCFF;}

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

/* Sous menu - Ne pas modifier */
#SousMenu {
	width: 910px;
	height: 15px;
	background-image:url(../hangar%201%20elements/footer.gif);
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

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

/* CONTENU CONTENEUR 3 DIV */
#contenuBg {
	width: 910px;
	background-image:url(../images/contenuBg.gif);
	background-repeat:repeat-y;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	
	/* 1) Menu gauche */
	#menuGauche {
	float:left;
	width: 190px;
	padding: 0 0 0 15px;
	margin:0;
	background-image: url(../hangar%201%20elements/mg.gif);
	background-repeat: no-repeat;
}
	
		/* Boite menu Gauche haut */
		#cadreGauche { width:190px; padding: 25px 0 0 0; margin: 0 0 10px 0;}
		#blocCadreGauche {
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
		#blocCadreGauche ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style:none;
	color: #FFCC00;
}
		#blocCadreGauche li {
	height:27px;
	padding: 0;
	color: #FFCC00;
}
		#blocCadreGauche a {
	display:block;
	width:auto;
	height:auto;
	padding-left:39px;
	padding-top:15px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
}
		#blocCadreGauche a:link {color: #FFCC00;}
		#blocCadreGauche a:visited {color: FFCC00;}		
		#blocCadreGauche a:hover {color: #3bcaf3;
	text-decoration: none;
}

		
		/* Boite Login */
		#cadreLogin { width:190px; padding-top:20px; margin: 0; background:url(../images/loginTop.gif) left top no-repeat;}
		#blocCadreLogin { background: url(../images/menuGaucheBas.gif) left bottom no-repeat;  padding-bottom: 15px; padding-left: 20px;}
		#blocCadreLogin .formulaire {width: 150px;}
		#blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px;}
		.formulaireBoite {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #dddddd; border:1px solid #929292; background-color: #474747; margin: 5px 0; padding:1px;}
		
	/*-----------------------------------------------------------*/
	
	/* 2) Zone de texte */
	#zoneTexte {
	float:left;
	width: 675px;
	/*background-color: #000000;*/
	background-image: url(../hangar%201%20elements/fond.gif);
	background-repeat: inherit;
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 14px;
	background-color: #000;
}
	#zoneTexte p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	text-align:left;
	position: fixe;
	color: #FFF;
	font-size: 11px;
}
	h2 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3bcaf3; line-height: 19px; border-bottom: 1px solid #38525e;}
	.positionDroit {float:right; margin-left: 15px; border:none;}
	
	/*-----------------------------------------------------------*/
	
	/* 3) Mennu droit */
	#menuDroit {float:left; width: 190px;}	
		
		/* Menu liens et partenaire utiles */
		#cadreDroit {
	width:auto;
	text-align: left;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 16px;
	background-repeat: no-repeat;
}
		#cadreDroit ul{list-style-image: url(../images/puce.gif); padding: 5px 0 0 16px; margin: 0; line-height: 16px;}
		#cadreDroit a {padding-left:27px;  font: 10px Verdana, Arial, Helvetica, sans-serif; color: #3bcaf3; text-decoration: none;}
		#cadreDroit a:link {color: #00CCCC;}
		#cadreDroit a:visited {color: #CCCCCC;}		
		#cadreDroit a:hover {color: #CCCCCC;}
	
	/*-----------------------------------------------------------*/
	
	/* Patch bug IE6 */
	.spacer {clear: both; visibility:hidden; margin:0; padding:0;}

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

/* footer */
#footer {
	width: 910px;
	height: 20px;
	padding-top: 20px;
	background-image:url(../hangar%201%20elements/footer2.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer p {font-size: 9px; text-align: center;}

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

/* style global */

/*style du titre des rubriques h3*/
h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#3bcaf3; line-height: 19px; margin:0px padding 0px;}

a:link { text-decoration: none; color:#3bcaf3;}
a:visited { text-decoration: none; color:#CCCCCC;}
a:hover { text-decoration: underline; color:#FFCC00;}


.sansBordure { border: none;}
.colortexblanc {
	color: #FFF;
}
.colortextjaune {
	font-weight: bold;
	color: #FC0;
}
.colortextvert {
	font-size: 10px;
	color: #00CC00;
	font-weight: bold;
	font-style: italic;
}
.colortextorange {
	color: #EC7D21;
	font-size: 12px;
	font-weight: bold;
}
.textcolorbarreaguche {
	font-size: 12px;
	color: #EC7D21;
}
.colororangenormal {
	color: #FC0;
}
.colorvertnormal {
	color: #090;
}
.noirabsolu {
	color: #000;
}
.barrehorizontalegris {
	color: #666;
}
.textmag13 {
	font-size: 13px;
}
.text18 {
	font-size: 18px;
	color: #FFCC00;
}
.colormarierouge {
	color: #BC4D12;
}