@charset "utf-8";

/* HTML Elements */

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

a img
{
    border:none;
}

div {}


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: 155px;
    background-image: url(../images/site/header.jpg);
    background-repeat: no-repeat;
}
		#header #membre {width: 275px; float: right; text-align: right; margin-right:20px;}
		#header #membre input {width: 150px; font-size: 1.1em; border: 1px solid #b1b3b4;}
		#header #membre .gris {color: #a4c6f6;}

#social
{
    left: 825px;
    position: relative;
    top: 120px;
}

#social img
{
    margin-left:4px;
}

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

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

 #menu a.nav:hover {
	background: url(../images/site/menuNavFond-Active.gif);
	color: #003893;
}
 #menu a.nav.active {
	background: url(../images/site/menuNavFond-Active.gif);
	color: #be8c32;
}

#menu a.navBoutoun 
{
    width:36px;
    height:26px;
    margin:0px;
    padding:0px;
}



 /* Nav - Fin */


	/* Contenu */
	#contenu {	           background: #fff;}
	#contenuColonneFond {
	/*width: 894px;*/
}
	
	#contenuLeft	{float:left;}
	#contenuCenter	{float:left;}
	
	#contenuRight
{
    float: right;
    width: 181px;
   
    background: #FFFFFF;
    
}
	
		/* contenuRight Elements */
		#contenuRight .bloc {width: 181px; border-bottom: 2px solid #fff;}
		.bloc img{border:none;}
		/* contenuRight Elements - Fin */
	
	/* Contenu - Fin */

#footer
{
    background-position: url(../images/site/footerFond.png);
    width: 900px;
    height: 44px;
    margin-bottom: 40px;
    padding: 14px 10px 0px 10px;
    background: url(../images/site/footerFond.png);
    color: #7e7e7e;
    text-align: right;
    background-repeat: no-repeat;
}
#footer a {color: #7e7e7e;}
#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}
.font12 {font-size: 1.2em}
.font13 {font-size: 1.3em}
.font15 {font-size: 1.5em}
.alignLeft {float: left;}
.alignRight {float: right;}
.clr {
	width: 690px;
	clear: both;
}
.clrLeft {clear: left;}
.clrRight {clear: right;}
.toBold {font-weight: bold;}
.toUpper {text-transform: uppercase;}
.toLeft {text-align: left;}
.toCenter {text-align: center;}
.toJustify{text-align:justify;}
.toRight {text-align: right;}
/* Class Commune - Fin */