@charset "utf-8";

/* HTML Elements */

body {
	background: url(../images/site/bodyFond.gif) repeat;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Init 1em à 10px */
	color: #000000;
	margin:0px;
}

div {}

p {}
h1 {font-size: 1.8em; color: #da001a; margin: 0; padding: 0;}
h2 {font-size: 1.6em; color: #da001a; margin: 0; padding: 0;}
h3 {font-size: 1.2em; color: #da001a; margin: 0; padding: 0;}

/* HTML Elements - Fin */

/* Structure */
#global {position:absolute; width: 920px; left: 50%; margin-top: 10px; margin-left: -460px;} /* On centre */

#page {width: 900px; padding: 10px; background: #fff;}

	#header {height: 111px; background-image: url(../images/site/header.jpg);}
		#header #membre {width: 275px; float: right; text-align: right;}
		#header #membre input {width: 150px; font-size: 1.1em; border: 1px solid #b1b3b4;}
		#header #membre .gris {color: #a6a7a8;}


/* Nav */
 #menu {width: 900px; height: 25px; background: #F00; background: url(../images/site/menuFond2.gif);}

 #menu a.nav {
  width: 25%; /* 4 éléments->25% ; 5 éléments->20% ; etc... */
  float: left; height: 21px; padding-top: 4px;
  color: #FFF; background: url(../images/site/menuNavFond.gif); 
  font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;
 }
 #menu a.nav:hover {background: url(../images/site/menuNavFond-Active.gif); color: #C00;}
 #menu a.nav.active {background: url(../images/site/menuNavFond-Active.gif); color: #C00;}
 /* Nav - Fin */



	/* Contenu */
	#contenu {margin-top: 1px; padding: 2px; border: 1px solid #999999; background: #fff;}
	#contenuColonneFond {width: 894px;background: url(../images/site/contenuColonneFond.png) repeat-y;}
	
	#contenuLeft	{float:left;}
	#contenuCenter	{float:left;}
	
	#contenuRight	{float: right; width: 181px; margin-left: 7px; background: #DFE0E0; border-bottom: 1px solid #DFE0E0;}
	
		/* contenuRight Elements */
		#contenuRight .bloc {width: 181px; border-bottom: 2px solid #fff;}
		/* contenuRight Elements - Fin */
	
	/* Contenu - Fin */

#footer {
	width: 900px; height: 29px; margin-bottom: 40px; padding: 20px 10px 0px 10px; background: url(../images/site/footerFond.jpg);
	color: #7e7e7e;
	text-align: right;
}
#footer a
{
    color: #626262;
}
#footer .separateur {margin: 0 13px;}
/* Structure - Fin */

/* Class Commune */
.aVoirAussi {
	width: 685px; padding: 6px 0 0 17px; margin: 16px 0 10px 0; height: 18px; border-top: 1px solid #B1B3B4; 
	background: url(../images/boutons/aVoirAussi.gif) no-repeat;
	color: #FFFFFF; font-weight: bold;  text-transform: uppercase;
}
.titreGone {padding: 9px 0 4px 42px; background: url(../images/gones.gif) no-repeat;}
.blanc {color: #fff;}
.gris {color: #b1b3b4;}
.bleu {color: #003A80;}
.rouge {color: #D62828;}
.font8 {font-size: 0.8em}
.font9 {font-size: 0.9em}
.font10 {font-size: 1em}
.font12 {font-size: 1.2em}
.font13 {font-size: 1.3em}
.font15 {font-size: 1.5em}
.alignLeft {float: left;}
.alignRight {float: right;}
.clr {clear: both;}
.clrLeft {clear: left;}
.clrRight {clear: right;}
.toBold {font-weight: bold;}
.toUpper {text-transform: uppercase;}
.toLeft {text-align: left;}
.toCenter {text-align: center;}
.toRight {text-align: right;}
/* Class Commune - Fin */