body {
	margin: 0; 
	padding: 0;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
}				 

a img {
	border: 0 none;
}						
		
div#conteneur {
	width: 766px;
	margin: 0 auto;	
	padding: 0 0 10px 0;
	text-align: left;
	border-top: 4px solid #6ea6e1;
}
	
	
/******************************    HEADER   ********************************/		
div#header {									  
	margin: 0; 
	padding: 0;
	height: 150px;
	border-bottom: 2px solid #2c2a2d;
	background: url(../images/bg_header.gif) repeat-x; 
}
   
h1 { 											  
	margin: 0; 
	padding: 0;
	width: 204px; 
	height: 47px;
	display: block;
	background: url(../images/logo.gif);	 
	position: relative;
	left: 34px;	
	top: 34px;
}

h2 { 	 
	margin: 0; 
	padding: 0;
	display: block;
	position: relative;
	left: 34px;	
	top: 30px;
	font: 1.2em tahoma, helvetica, sans-serif;
	color: #fff;
}

/******************************    FORMULAIRE   ********************************/	
 
div#header table {
	float: right;
	font-family: Tahoma, sans-serif;
	color: #595959;
	margin-right: 10px;	
	margin-top: -40px;
	text-align: right;
	font-size: 0.95em;
	background: url(../images/pointilles.gif) left top repeat-y;
}

div#header table input {
	font-size: 0.90em;	
	border:1px solid #7f9db9;
	color: #454545;
}

div#header table td {
	font-size: 0.9em;	
	border: 0;
	/*text-align:center;*/
}

div#header table a {
	color: #FFF;
	text-decoration:none;
}

div#header table a:hover {
	color: #FFF;
	text-decoration:underline;
}

div#header table img {
	vertical-align: middle;
}

div#header a span {
	display: none;
} 	

/******************************    BANDEAU   ********************************/	

div#subheader {	
	height: 160px;
	margin: 0; 
	padding: 0;
	background: url(../images/bandeau.jpg) right bottom; 
}

div#subheader p {
	text-align: center;
	width: 400px;
	padding: 50px 0 0 0;
	margin: 0 0 0 20px;
	font-size: 1.3em;  
	color: #000;
	line-height:1.5em;
}

div#subheader p.signature {
	text-align: right;
	width: 350px;
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 1.1em;  
	color: #000;
	line-height:1.5em;
}  	
	
/******************************    MENU HORIZONTAL   ********************************/	
ul#menu { 
	margin: 55px 0 0 0; 
	padding: 0;
	height: 32px;
	list-style-type: none;
}
			
ul#menu li {
	float: right;
	text-align: center;
}
		
ul#menu li a {
	font-family: Tahoma, sans-serif;
	width: 107px;
	line-height: 32px;
	font-size: 1.0em;
	color: #fff;
	display: block;
	text-decoration: none;
	border-right: 3px solid #000;
	background: url(../images/boutons.gif) repeat-x 0 0;
	font-weight: bold;
}
		
ul#menu li a:hover {
	background: url(../images/boutons.gif) repeat-x 0 -64px;
}
	

/******************************   MENU VERTICAL  ********************************/			
div#sousmenu {
	width: 205px;					  
	padding: 0 0 0 4px;	
	margin: 0;
	float: left;
	font-family: Tahoma, sans-serif;
}	   

div#cadremenubleu {
	margin: 0; 
	padding: 0;	 
	background: url(../images/menu_bleu.gif) top no-repeat;
	height: 39px;
}

div#cadremenubleu p{
	margin: 0 0 0 35px; 
	padding: 0;
	line-height:2.7em;
	color: #fff;									
	font-weight: bold;
}					    
 
div#contenumenubleu {
	background: url(../images/menu_bg.gif) bottom no-repeat; 
	margin-bottom: 20px;
}
		
div#cadremenujaune {
	margin: 0; 
	padding: 0;
	background: url(../images/menu_jaune.gif) top no-repeat;
	height: 39px;
}			  

div#cadremenujaune p{
	margin: 0 0 0 35px; 
	padding: 0;
	line-height:2.7em;
	color: #000;									
	font-weight: bold;	
}	
 
div#contenumenujaune {
	background: url(../images/menu_bg.gif) bottom no-repeat;
}
	 
div#contenumenubleu ul {	
	margin: 0 0 0 20px; 
	padding: 10px 0 12px 0;		
	color: #000;				
	list-style: none;
}				  

div#contenumenujaune p {			
	margin: 0; 
	padding: 18px 10px;		
	color: #000;				
	list-style: none;
}

div#contenumenubleu a {	
	font-size: 0.9em;	 
	background: url(../images/arrow.gif) 0 50% no-repeat;
	color: #6ea6e1; 
	text-decoration: none;	
	padding: 5px 5px 5px 20px;
	width: 130px;		
	display: block;
	font-weight: bold;
}	

div#contenumenubleu a:hover { 
	text-decoration: underline;	
	font-weight: bold;
} 
	  
		
/******************************    CONTENU   ********************************/			
div#contenu {
	background: url(../images/bg_contenu.gif) bottom right no-repeat;
	padding: 1px 17px 15px 228px; 	  /* Sens des aiguilles : haut, droite, bas, gauche */
	margin: 0;
	font-size:0.9em;
}
		
div#contenu h3 {
	padding-left: 25px;
	line-height: 25px;
	font-size: 1.3em;
	background: url(../images/little_arobase.gif) no-repeat left bottom;
	color: #6DA6E2;
	border-bottom: 1px solid #6DA6E2;
}
		
div#contenu h4 {
	margin-left: 15px; 
	padding-left: 5px;
	border-bottom: 1px solid #6DA6E2;
	border-left: 3px solid #6DA6E2;
	color: #6DA6E2;	 
	font-size: 1.1em;
}

div#contenu p {
	text-align: justify;
	text-indent: 2em;
	line-height: 1.7em;
}
		
div#contenu a {
	color: #6DA6E2;
	text-decoration: none;
}
		
div#contenu a:hover {
	color: #6DA6E2;
	text-decoration: underline;
}
 
div#contenu dd {
	background-color: #CEFFCE;
	padding: 1em;
	vertical-align: middle;
	margin: 4px;
	height: 100px;
	width: 280px;
}

div#contenu dt a {
	color: #000;		 
	text-decoration: none;
	cursor: default;
}
div#contenu dt a:hover {
	color: #000;
	text-decoration: none;	
}

div#contenu input,select,textarea {
	font-size: 1.00em;	
	border:1px solid #454545;
	color: #454545;
} 

/******************************    FOOTER   ********************************/			
div#footer {
	margin: 0; 
	padding-right: 10px;
	line-height: 1.4em;
	text-align: right;
	color: #6DA6E2;
	clear:both;	 
}	

div#footer p {
	text-align: right;
	font-size: 0.9em;
}

div#footer p span {
	margin-left: 50px;
	float: left;
}
   
div#footer a {
	color: #6DA6E2;
	text-decoration: none;
}

div#footer a:hover {
	color: #6DA6E2;
	text-decoration: underline;
}  

/* FORCE DU MOT DE PASSE - INSCRIPTION */
#weak, #medium{border-right:solid 1px #DEDEDE;}
#sm{margin:0px;padding:0px;height:15px;font-family:Tahoma, Arial, sans-serif;font-size:9px;}
#sm ul{border:0px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
#sm ul li{display:block;float:left;text-align:center;padding:0px 0px 0px 0px;margin:0px;height:15px;}
.nrm{width:44px;color:#adadad;text-align:center;padding:2px;background-color:#F1F1F1;display:block;vertical-align:middle;}
.red{width:44px;color:#FFFFFF;text-align:center;padding:2px;background-color:#FF6F6F;display:block;vertical-align:middle;}
.yellow{width:44px;color:#FFFFFF;text-align:center;padding:2px;background-color:#FDB14D;display:block;vertical-align:middle;}
.green{width:44px;color:#FFFFFF;text-align:center;padding:2px;background-color:#A0DA54;display:block;vertical-align:middle;}