/* GENERAL */

*{margin:0;padding:0;font:normal 12px "Trebuchet MS";color:#252525;}
body{background-color:#eeeeee;}
div#conteneur{margin:20px auto;width:900px;}
a img{border:none;}
* a, * a:link, * a:visited, * a:active{color:#252525;text-decoration:underline;}
* a:hover{text-decoration:none;}

/* MENU */

div#menu{
	background:url('bg-menu.jpg') no-repeat top center;
}

div#menu ul{
	height:31px;
	padding:12px 0 0 0;
	list-style:none;
	line-height:normal;
}

div#menu li{
	display:inline;
	padding:0 0 0 29px;
}

div#menu a{
	font:normal 15px "Trebuchet MS";
	color:dimgray;
	text-decoration:none;
}

div#menu a:hover{
	color:#d14104;
}

/* BANNIERE */

div#banniere{
	height:140px;
	background:url('bandeau.jpg') no-repeat top center;
}
div#banniere h1{display:none;}

/* CONTENT */

div#contentA{
	background:url('contenu-bg.jpg') repeat-y top center;
}
div#content{
	margin:0 0 50px 0;
	padding:0 12px 12px 12px;
	background:url('contenu-bottom.jpg') no-repeat bottom center;
}

/* COLONNE GAUCHE */

div#content div#colgauche{
	float:left;
	width:594px;
}

div#content div#colgauche div#diaporama{position:relative;margin:0 0 12px 0;}
div#content div#colgauche div#diaporama img.arrondi{position:absolute;top:0;right:0;z-index:9990;}
div#content div#colgauche img.titre{margin:0 0 12px 0;}
div#content div#colgauche img.vignette{float:left;margin:0 12px 6px 0;}

/* GAUCHE BLOC COMPLEXE */

div#content div#colgauche div.blocA{
	margin:0 0 12px 0;
	background:url('bloc-orange-bg.jpg') repeat-y top center;
}
div#content div#colgauche div.blocA div.blocB{
	background:url('bloc-orange-top.jpg') no-repeat top center;
}
div#content div#colgauche div.blocA div.blocB div.blocC{
	position:relative;
	padding:50px 12px 30px 12px;
	background:url('bloc-orange-bottom.jpg') no-repeat bottom center;
}
div#content div#colgauche div.blocA div.blocB div.blocC p{
	padding:0 0 12px 0;
	text-align:justify;
}
div#content div#colgauche div.blocA div.blocB div.blocC div.date{
	position:absolute;
	top:16px;
	left:11px;
	font:bold 14px "Trebuchet MS";
	color:white;
}
div#content div#colgauche div.blocA div.blocB div.blocC div.lireSuite{
	position:absolute;
	bottom:3px;
	right:15px;
}
div#content div#colgauche div.blocA div.blocB div.blocC div.lireSuite a{font:normal 11px "Trebuchet MS";color:white;text-decoration:none;}
div#content div#colgauche div.blocA div.blocB div.blocC div.lireSuite a:hover{text-decoration:underline;}

/* GAUCHE BLOC SIMPLE */

div#content div#colgauche div.blocD{
	margin:0 0 12px 0;
	background:url('bloc-gch-bg.jpg') repeat-y top center;
}
div#content div#colgauche div.blocD div.blocE
{
	background:url('bloc-gch-top.jpg') no-repeat top center;
}
div#content div#colgauche div.blocD div.blocE div.blocF{
	padding:20px 12px 20px 12px;
	background:url('bloc-gch-bottom.jpg') no-repeat bottom center;
}
div#content div#colgauche div.blocD div.blocE div.blocF p{
	padding:0 0 12px 0;
	text-align:justify;
}
div#content div#colgauche div.blocD div.blocE div.blocF p.centre{
	text-align:center;
}
div#content div#colgauche div.blocD div.blocE div.blocF h2{
	margin:0 15px 20px 15px;
	border-bottom:1px solid #d14104;
	font:bold 18px "Trebuchet MS";
	color:#d14104;
}

/* GAUCHE BLOC AVERTISSEMENTS */

div#content div#colgauche div.avertissementOKa{
	margin:0 0 12px 0;
	background:url('bloc-ok-bg.jpg') repeat-y top center;
}
div#content div#colgauche div.avertissementOKa div.avertissementOKb{
	background:url('bloc-ok-top.jpg') no-repeat top center;
}
div#content div#colgauche div.avertissementOKa div.avertissementOKb div.avertissementOKc{
	padding:20px 12px 20px 12px;
	background:url('bloc-ok-bottom.jpg') no-repeat bottom center;
}
div#content div#colgauche div.avertissementOKa div.avertissementOKb div.avertissementOKc p{
	text-align:center;
	color:white;
}
div#content div#colgauche div.avertissementKOa{
	margin:0 0 12px 0;
	background:url('bloc-ko-bg.jpg') repeat-y top center;
}
div#content div#colgauche div.avertissementKOa div.avertissementKOb{
	background:url('bloc-ko-top.jpg') no-repeat top center;
}
div#content div#colgauche div.avertissementKOa div.avertissementKOb div.avertissementKOc{
	padding:20px 12px 20px 12px;
	background:url('bloc-ko-bottom.jpg') no-repeat bottom center;
}
div#content div#colgauche div.avertissementKOa div.avertissementKOb div.avertissementKOc p{
	text-align:center;
	color:white;
}

/* GAUCHE TABLEAU */

div#content div#colgauche table{
	border-collapse:collapse;
	margin:0 auto 12px auto;
}

div#content div#colgauche table td{
	padding:3px;
	font-size:11px;
	text-align:center;
	border:1px solid gray;
	background-color:rgb(210,210,210);
}

div#content div#colgauche table th{
	padding:3px;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	border:1px solid gray;
	background-color:rgb(210,210,210);
}

/* COLONNE DROITE */

div#content div#coldroite{
	float:right;
	width:270px;
}

div#content div#coldroite div#news{
	position:relative;
	margin:0 0 12px 0;
	height:234px;
	background:url('bg-news.jpg') no-repeat top center;
}
div#content div#coldroite div#news h1{padding:15px 0 0 12px;font:bold 16px Verdana;}
div#content div#coldroite div#news p{position:absolute;top:80px;left:0px;padding:0 12px 0 12px;text-align:justify;}
div#content div#coldroite div#news div.lireSuite{position:absolute;bottom:0px;right:0px;width:40px;height:40px;cursor:pointer;}

div#content div#coldroite img.titre{margin:0 0 12px 0;}
div#content div#coldroite img.vignette{float:left;margin:0 12px 6px 0;}

/* DROITE BLOC COMPLEXE */

div#content div#coldroite div.blocA{
	margin:0 0 12px 0;
	background:url('bloc-gris-bg.jpg') repeat-y top center;
}
div#content div#coldroite div.blocA div.blocB{
	background:url('bloc-gris-top.jpg') no-repeat top center;
}
div#content div#coldroite div.blocA div.blocB div.blocC{
	position:relative;
	padding:50px 12px 30px 12px;
	background:url('bloc-gris-bottom.jpg') no-repeat bottom center;
}
div#content div#coldroite div.blocA div.blocB div.blocC p{
	padding:0 0 12px 0;
	text-align:justify;
}
div#content div#coldroite div.blocA div.blocB div.blocC div.date{
	position:absolute;
	top:16px;
	left:11px;
	font:bold 14px "Trebuchet MS";
	color:white;
}
div#content div#coldroite div.blocA div.blocB div.blocC div.lireSuite{
	position:absolute;
	bottom:3px;
	right:15px;
}
div#content div#coldroite div.blocA div.blocB div.blocC div.lireSuite a{font:normal 11px "Trebuchet MS";color:white;text-decoration:none;}
div#content div#coldroite div.blocA div.blocB div.blocC div.lireSuite a:hover{text-decoration:underline;}

/* DROITE BLOC SIMPLE */

div#content div#coldroite div.blocD{
	margin:0 0 12px 0;
	background:url('bloc-dte-bg.jpg') repeat-y top center;
}
div#content div#coldroite div.blocD div.blocE{
	background:url('bloc-dte-top.jpg') no-repeat top center;
}
div#content div#coldroite div.blocD div.blocE div.blocF{
	padding:20px 12px 20px 12px;
	background:url('bloc-dte-bottom.jpg') no-repeat bottom center;
}
div#content div#coldroite div.blocD div.blocE div.blocF p{
	padding:0 0 12px 0;
	text-align:justify;
}
div#content div#coldroite div.blocD div.blocE div.blocF h2{
	margin:0 15px 20px 15px;
	border-bottom:1px solid #d14104;
	font:bold 18px "Trebuchet MS";
	color:#d14104;
}

/* BLOC RECOMMANDATIONS */

div#content div#recommandationsA{
	background:url('bloc-recommandations-bg.jpg') repeat-y top center;
}
div#content div#recommandationsA div#recommandationsB{
	background:url('bloc-recommandations-top.jpg') no-repeat top center;
}
div#content div#recommandationsA div#recommandationsB div#recommandationsC{
	padding:45px 12px 12px 12px;
	zoom:1;
	background:url('bloc-recommandations-bottom.jpg') no-repeat bottom center;
}
div#content div#recommandationsA div#recommandationsB div#recommandationsC h2{
	font:normal 11px "Trebuchet MS";
	cursor:pointer;
}
div#content div#recommandationsA div#recommandationsB div#recommandationsC p#listeRecommandations, p#listeRecommandations span{
	margin:12px 0 0 0;
	font:normal 11px "Trebuchet MS";
	color:#d14104;
}

div#content div#recommandationsA div#recommandationsB div#recommandationsC p#listeRecommandations span
{
	font:bold 11px "Trebuchet MS";
	color:#d14104;
}

/* FOOTER */

div#footer p{
	font:normal 10px "Trebuchet MS";
	text-align:center;
}
div#footer p a, div#footer p a:link, div#footer p a:visited, div#footer p a:active{font:normal 10px "Trebuchet MS";color:#252525;text-decoration:underline;}
div#footer p a:hover{text-decoration:none;}

* div.lireSuite{visibility:hidden;}