/* Mise en forme du body */
body { margin:0; padding:0px; background: #FFFFFF url(../images/background.jpg) center repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#9cd1f9; background-position: top; background-color: #4dacf4;}

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

/* Header - Entête (h1) */
h1 {width: 0px; height: 0px; margin:0px auto 0 auto; padding:0; background-image:url(../images/);}

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

/* Menu principal */
#menuPrincipal {width: 750px; height: 44px; margin:0 auto 0 auto; padding: 0 80px 0 80px; background-image:url(../images/menuBg.gif); list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#menuPrincipal ul {width: 750px; height: 44px; 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: 44px; background-image: url(../images/menuPrincipalSeparateur.gif); 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:#005c97;}
#menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#000;}
#menuPrincipal a:visited {center; color:#FFFFFF;}
#menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#000;}

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

/* Sous menu - Ne pas modifier */
#SousMenu {width: 910px; height: 20px; margin:0 auto 0 auto; background-image:url(../images/sousMenu.gif); background-repeat:no-repeat;}

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

/* CONTENU CONTENEUR 3 DIV */
#backgroundhaut {width: 910px; height: 200px; margin:0 auto 0 auto; background-image:url(../images/backgroundhaut.gif); background-repeat:no-repeat;}
#backgroundbas {width: 910px; height: 200px; margin:0 auto 0 auto; background-image:url(../images/backgroundbas.gif); background-repeat:no-repeat;}
#contenuBg {width: 910px;  margin:0 auto 0 auto;}
.contenuBg {width: 910px;  margin:0 auto 0 auto; background-image:url(../images/contenuBg.gif); background-repeat:repeat-y;}

	
	/* 1) Menu gauche */
	#menuGauche {float:left; width: 190px; padding: 0 0 0 15px; margin:0;}
	
		/* Boite menu Gauche haut */
		#cadreGauche { width:190px; padding: 25px 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:27px; padding: 0;}
		#blocCadreGauche a {display:block; width:151px; height:27px; padding-left:39px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #3bcaf3; text-decoration: none;}
		#blocCadreGauche a:link {color: #ffffff;}
		#blocCadreGauche a:visited {color: #ffffff;}		
		#blocCadreGauche a:hover {color: #3bcaf3; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}

		
		/* Boite Login */
		#cadreLogin { width:190px; padding-top:20px; margin: 0; background:url(../images/loginTop.png) 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: #000000; border:1px solid #929292; background-color: #91caff; margin: 5px 0; padding:1px;}
		
	/*-----------------------------------------------------------*/
	
	/* 2) Zone de texte */
	#zoneTexte {float:left; width: 661px; margin: 0 14px;}
	#zoneTexte p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#c9d0d3; line-height: 19px; text-align:justify;}
	h2 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3bcaf3; line-height: 19px; border-bottom: 3px double #3bcaf3;}
	.positionDroit {float:right; margin-left: 15px; border:none;}
	
	/*-----------------------------------------------------------*/
	
	/* 3) Mennu droit */
	#menuDroit {float:left; width: 190px;}	
		
		/* Menu liens et partenaire utiles */
		#cadreDroit { width:174px; padding: 0 0 0 16px; margin-bottom: 20px; background:url(../images/menuDroitTop.gif) left top 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: #ffffff;}
		#cadreDroit a:visited {color: #ffffff;}		
		#cadreDroit a:hover {color: #3bcaf3;}
	
	/*-----------------------------------------------------------*/
	
	/* Patch bug IE6 */
	.spacer {clear: both; visibility:hidden; margin:0; padding:0;}

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

/* footer */
.efooter{font-variant: small-caps; color: a0bed2;}
#footer {width: 910px; height: 30px; margin:0 auto 0 auto; padding-top: 112px; background-image:url(../images/footer.jpg); background-position:top; background-repeat:no-repeat; }
#footer p {position: relative; bottom: 76px; vertical-align: top; font-size: 9px; text-align: center; padding-top: 10px; color: #39a2df;}

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

/* style global */

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

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


.sansBordure { border: none;}

fieldset {
    position :              relative;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
    background-color :      #35a2ff;
	border:                 1px solid #4475ce;
	text-align:             justify;
    margin-right:           10px;
    margin-left:            10px;

}
legend {
    position :              relative;
    top :                   -1em;
    padding :               0.4em;
    color:					880909; 
    font-variant:			small-caps;
}

/*Suppression du cadre autour des images-liens */
a img {
border:0;
}

/*Alignement du texte avec les affiches*/
div#affiche { 
   line-height: 1em; 
}

div#affiche img, span { 
   vertical-align: top; 
}

div#affiche span { 
   padding-left: 10px; 
}