body { margin:0; padding:0; font-size:11px; color:#4F4F51; font-family:Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF }
a {
	text-decoration:none;
	color:#676969
}
a:hover {
	text-decoration:none;
	color:#990000
}

#center { width:1000px; margin: auto}

#head { background:url(../img/head.png) no-repeat; width:1000px; height:235px; float:left}
div#rechercher { width:540px; background:#454549; height:35px; float:left; margin: 54px 0px 0px 460px }

div#blanc { height:44px; background:#FFFFFF }

#corps { float:left; width:1000px }

#left { float:left; width:717px }
#left1 {
	float:left;
	width:373px
}
#left2 { float:left; width:358px }
div#nav { width:455px; height:90px; float:left; background:url(../img/nav.png) no-repeat }
div#intro { float:left; width:435px; font-size:17px; color:#A5A5A5; margin-left:20px }

#right { float:left; width:260px }
#central { float:left; width:975px }

.lienencart {
	float:left;
	width:333px;
	padding:5px;
	border:#cfd2d4 solid 1px;
	margin-bottom:2px;
	font-weight:bold
}
a.lienencart:hover {
	color:#990000
}

.attention { color:#FF0000; font-size:10px}
.blanc { color:#ffffff}
.noir { color:#000000}
#citation {
	color:#000000;
	font-size:16px;
	font-weight:normal;
	font-family: Helvetica;
	font-style:italic;
	line-height: 30px;
	margin-left: 5px;	
	margin-right: 5px;
	margin-top:10px;
	width:220px;
}

.titrerouge {
	font-size:12px;
	font-weight:normal;
	color:#990000
	
}.titre {
	font-size:12px;
	font-weight:bold;
	color:#990000	
}
.rougegras12 {
	color: #990000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

div.categorie { height:29px; float:left; margin-left:15px; background:#303030 }
	div.categorie span {font-size:20px; font-family:Helvetica; font-weight:bold; font-style:italic; color:#FFFFFF; background:#000000; height:29px; display:block; float:left; padding: 0px 10px; line-height:32px; margin-left:10px}
	
	
	
div.titre_rouge {
	width:304px;
	height:24px;
	background: #B9B9B9 url(../img/encart_gris_fleche_rouge.png) no-repeat;
	text-align:left;
	font-size:20px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px
}
div.titredynamique {
	width:190px;
	height:24px;
	text-align:left;
	font-size:15px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px;
	background-color: #B9B9B9;
	background-image: url(../img/encart_gris_fleche_belledyn.png);
	background-repeat: no-repeat;
}
div.titresolidaire {
	width:190px;
	height:24px;
	text-align:left;
	font-size:15px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px;
	background-color: #B9B9B9;
	background-image: url(../img/encart_gris_fleche_soli.png);
	background-repeat: no-repeat;
}

div.titrep {
	width:304px;
	height:24px;
	text-align:left;
	font-size:20px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px;
	background-color: #B9B9B9;
	background-image: url(../img/encart_gris_fleche_services.png);
	background-repeat: no-repeat;
}
div.titrecitoyennete {
	width:190px;
	height:24px;
	text-align:left;
	font-size:15px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px;
	background-color: #B9B9B9;
	background-image: url(../img/encart_gris_fleche_citoy.png);
	background-repeat: no-repeat;
}
div.titrereussite {
	width:190px;
	height:24px;
	text-align:left;
	font-size:15px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px;
	background-color: #B9B9B9;
	background-image: url(../img/encart_gris_fleche_reussite.png);
	background-repeat: no-repeat;
}

div.titrep_gd {
	width:650px;
	height:24px;
	background: #B9B9B9 url(../img/encart_gris_fleche_rouge_gd.png) no-repeat;
	text-align:left;
	font-size:16px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 2px 0px 40px;
	line-height: 20px;
}
div.titrep2 {
	width:304px;
	height:24px;
	background: #FFFFFF url(../img/encart_fleche_rouge.png) no-repeat;
	text-align:left;
	font-size:20px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px
}
div.titrep3 {
	width:210px;
	height:24px;
	background: #FFFFFF url(../img/encart_gris_flechej.png) no-repeat;
	text-align:left;
	font-size:20px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#ffdc04;
	padding: 5px 0px 0px 40px
}
div.titremenurub {
	width:210px;
	height:24px;
	background: #B9B9B9 url(../img/encart_gris_fleche_rouge.png) no-repeat;
	text-align:left;
	font-size:16px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	padding: 5px 0px 0px 40px
}
div.titremenupage {
	width:220px;
	height:20px;
	background: #BBBDC0;
	text-align:left;
	font-size:14px;
	font-family:Helvetica;
	font-weight:bold;
	font-style:italic;
	color:#990000;
	padding: 5px 0px 0px 30px
}


ul.docs {float:left; width:195px; margin-left:0px; }
li.docs {float:left; display:block; list-style:none; border-left:none; margin-left:0px}
li.docs a {
	float:left;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 25px;
	margin:5px;
	background-image: url(../img/puce_carre_rouge.png);
	background-repeat: no-repeat;
	background-position: 8px;
}
li.docs a:hover {
	color:#990000
}

ul.docs2 {float:left; margin-left:0px}
li.docs2 {float:left; display:block; list-style:none; border-left:none;  margin-left:0px}
li.docs2 a {
	float:left;
	display:block;
	text-decoration:none;
	color:#4F4F51;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 18px;
	margin:5px 0px 5px 1px;
	width:210px;
	background-image: url(../img/puce_carre_violet.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
li.docs2 a:hover {
	color:#5E6FB4
}

ul.citoyenne {float:left; margin-left:0px}
li.citoyenne {float:left; display:block; list-style:none; border-left:none;  margin-left:0px}
li.citoyenne a {
	float:left;
	display:block;
	text-decoration:none;
	color:#4F4F51;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 18px;
	margin:5px 0px 5px 1px;
	width:210px;
	background-image: url(../img/puce_carre_j_citoyenne.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
li.citoyenne a:hover {
	color:#B37A01
}

ul.reussite {float:left; margin-left:0px}
li.reussite {float:left; display:block; list-style:none; border-left:none;  margin-left:0px}
li.reussite a {
               float:left; 
			   display:block; 
			   text-decoration:none; 
			   color:#4F4F51; 
			   background-image:url(../img/puce_carre_violet.png) no-repeat 8px ; 
			   background-repeat: no-repeat;
	background-position: 4px 4px;
			   font-weight:bold; 
			   text-align:left; 
			   padding:0px 0px 0px 18px; 
			   margin:5px 0px 5px 1px;
			   width:210px}
li.reussite a:hover {
	color:#5E6FB4
}


ul.dynamique {float:left; margin-left:0px}
li.dynamique {float:left; display:block; list-style:none; border-left:none;  margin-left:0px}
li.dynamique a {
	float:left;
	display:block;
	text-decoration:none;
	color:#4F4F51;
	background-image:url(../img/puce_carre_vert.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 18px;
	margin:5px 0px 5px 1px;
	width:210px
}
li.dynamique a:hover {
	color:#818F18
}

ul.solidaire {float:left; margin-left:0px}
li.solidaire {float:left; display:block; list-style:none; border-left:none;  margin-left:0px}
li.solidaire a {
	float:left;
	display:block;
	text-decoration:none;
	color:#4F4F51;
	background-image:url(../img/puce_carre_o_solidaire.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 18px;
	margin:5px 0px 5px 1px;
	width:210px
}
li.solidaire a:hover {
	color:#E74F20
}

a.menulien {
	display: block;
	text-decoration:none;
}
a.menulien:hover {
	background-color: #c2c5c7;
	color: #ffffff;	

}
.menulien {
	display: block;
	width:220px;
	height: 19px;
	font-size: 10px;
	font-weight:bold;
	color: #4F4F51;
	background: #ebedef url(../img/mini_fleche_fd.png) no-repeat;
	border-bottom:#caccce solid 1px;
	padding:4px 0 0 30px;
}
.titelus {
	display: block;
	width:250px;
	height: 19px;
	font-size: 10px;
	font-weight:normal;
	color: #4F4F51;
	background: #ebedef url(../img/mini_fleche_fd.png) no-repeat;
	padding:4px 0 0 30px;
}
.titelong {
display: block;
	width:300px;
	height: 19px;
	font-size: 10px;
	font-weight:bold;
	color: #4F4F51;
	background: #FFFFFF url(../img/mini_fleche_rouge_fd.png) no-repeat;
	border-bottom:#caccce solid 1px;
	padding:4px 0 0 30px;
}
.menucourt {
	display: block;
	width:220px;
	height: 19px;
	font-size: 10px;
	font-weight:bold;
	color: #4F4F51;
	background: #FFFFFF url(../img/mini_fleche_fd.png) no-repeat;
	border-bottom:#caccce solid 1px;
	padding:4px 0 0 30px;
}
.point {
color: #FFFFFF
}
.point_grisclair {
color: #EBEDEF
}
.point_grismed {
color: #B9B9B9}
