/************************
0. STRUCTURE
************************/
/* Couleur claire */
@clair: #a98d8c;
@fonce: #6f4ca8;
@texte: #555;

*{margin:0; padding:0;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body { background:url(../images/theme/bg_body.gif) repeat-x #4d79aa; } 

/* les titres */
h1 { font-size: 19px; color: #321c62; font-weight:bold; margin-bottom:10px; padding:5px; background: url("../images/theme/bordure-h2.gif") left bottom no-repeat; }
h2 {background: url("../images/theme/bordure-h2.gif") left bottom no-repeat; color:#321c62; display:inline; font-size:14px; font-weight:bold; 	padding:0 2px 2px 2px; margin-bottom:10px; text-align:left; }	
h3, h4, h5, h6 {font-size:12px;	font-weight:bold;text-align:left;color:@fonce;	padding:0 2px 2px 2px;}

/* mise en page*/	
a {	font-size: 12px; color:@clair;}
u {text-decoration:none; border-bottom:1px solid @texte;}
p { font-family: "Trebuchet MS", Arial; font-size:13px;margin:15px 0; line-height:150%; text-indent:15px;}

#noborder img {border:  none; padding: 0; margin: 0;}

hr { border: none 0; border-top: 1px dashed #7ca1ad; width: 50%; height: 1px; margin:auto; margin-top: 10px; margin-bottom: 10px; }
table { font-size: 11px; color:#000000; border: 1px solid #CCCCCC;}
table p { font-size: 11px; color:#000000;}
td { border: 1px solid #CCCCCC; padding:3px;}
.titre {background-color:@clair;}

.clear { clear:both;}

/************************
1. HEADER
************************/
#header {
	#illus-header  { background: url("../images/theme/illus-header.jpg") no-repeat;}
}

/************************
2. MENU
************************/
#menu { background:url("../images/theme/sous-le-menu.gif") repeat scroll 0 0 transparent; height:32px; text-align:center;
	ul { width:auto; height:auto; list-style-type: none;	 padding: 2px 0px 0px 0px;}
	li { display:inline; margin:0 15px 0 15px; padding:0 10px 5px 10px;}	
	li.active{ background: url("../images/theme/fd_menuon.gif");}
	li:hover { background: url("../images/theme/fd_menuon2.gif");}
	a { text-decoration:none; font-size: 11px; color:#fff; text-transform:uppercase;}
	
	.petite-barre {	color:#c7a9ab; font-size:11px; letter-spacing:0; margin:0; padding:0;}
}

/************************
3. CONTENEUR GLOBAL
************************/
#conteneur-global { background: #FFFFFF; height:auto; margin:0 auto;width: 905px;padding: 2px 5px 0; border-bottom: 6px solid @fonce;
	img { margin:0px; border:none;}
	
	#conteneur {height: auto; margin:10px 0px 0px 0px;}
}

/*** Pub gauche ***/
#pub-gauche {width:160px; text-align:center;}

/*** Colonne gauche ***/
#colonne-gauche {float:left; padding:10px 5px 10px 10px; text-align:justify; border-right: 1px dashed @clair; border-left: 1px dashed @clair;margin-bottom:25px; width:460px;
	img {border: 2px solid @fonce; display: block; margin-left: auto; margin-right: auto; padding: 3px;}
	a { font-size:12px;}
	a:hover { color: @fonce; text-decoration:underline; margin-bottom: 10px; padding-bottom: 10px; }
	li {color:@texte;	display:block;	font-family:"Trebuchet MS", Arial;	font-size:13px;	 margin:0 10px;	 padding:0 0px 15px 30px;	list-style:none;	background:url("../images/theme/puce.gif") left top no-repeat;}
	h3 {font-size:11px;	font-weight:bold;	text-align:left;	color:@fonce;	padding:0 2px 0px 2px;	border:none;}

}

/*** Colonne centrale ***/
#conteneur-centre {	position:relative; float:right; color:@texte;}

/*** Colonne droite ***/

#colonne-droite h2 {background: url(../images/theme/bordure-h2-sidebarre.gif) left bottom no-repeat;/*Ajout Booloo*/
	color:#321c62;
	font-size:14px;
	font-weight:bold;
	padding:0 2px 2px 2px;
	margin-bottom:10px;
	text-align:left;
	display:inherit;}
	
#colonne-droite h3 {background: url(../images/theme/bordure-h2-sidebarre.gif) left bottom no-repeat;/*Ajout Booloo*/
	color:#321c62;
	font-size:14px;
	font-weight:bold;
	padding:0 2px 2px 2px;
	margin-bottom:10px;
	text-align:left;
	display:inherit;}

#colonne-droite { width: 255px;	float:left;	padding:10px 0 10px 5px; text-align:justify;
	p { font-size:11px; padding-left: 5px; text-indent:inherit;}
	img { padding:0px; margin:0; border: 2px solid #f0f0f0;}
	li { color: @fonce; display:block;	font-family: "Trebuchet MS", Arial;	font-size:11px;	font-weight:bold; margin:0 10px;	padding:0 0px 15px 30px; list-style:none; background:url("../images/theme/puce.gif") left top no-repeat;
}
	a { font-size:12px; }
	a:hover {text-decoration:underline;}
	h2 { background: url("../images/theme/bordure-h2-sidebarre.gif") left bottom no-repeat; color:@fonce; font-size:14px;font-weight:bold; padding:0 2px 2px 2px; margin-bottom:10px; text-align:left; display:inherit;}
}

#ad {width: 468px; height: 60px; float:left; margin:0px; padding:0px; padding-left:5px; border-right: 1px dashed #CCCCCC; margin-bottom:5px;}	
	
/************************
4. FOOTER
************************/
#pied { clear:both;  text-align: center;
	a { font-size:12px; color:#321c62; padding:3px; padding-bottom: 45px;}
	a:hover { background-color: #6b9fed; color:#fff; padding:3px;}
	li {display:inline; margin:0 15px; padding:0 10px 10px;}
}

/* Ajout css pour page mentions legales / liens et partenaires / contact */

#colonne-gauche-page {width:890px;	float:left;	padding:2px 6px 6px 7px; text-align:justify; margin-bottom:25px;}
#colonne-gauche-page p {font-family: "Trebuchet MS", Arial; font-size:13px; color: #555555;}
#colonne-gauche-page a {font-family: "Trebuchet MS", Arial; font-size:13px;}
#colonne-gauche-page img {border: 1px dashed #CCCCCC; padding:3px; margin: 5px;}