@charset "utf-8";
body {
	background:white;
	margin:0;
}
.sommaire {
	background:white url(images/bg_body.gif) top center no-repeat;
}


#header {
	width:970px;
	height:206px;
	margin:0 auto;
	background:url(images/bg_header.jpg) top right no-repeat;
}
.logo {
	float:right;
	margin:0 340px 0 0;
}
.logo img, .logo_art img {
	border:none;
}
.slogan {
	width:370px;
	height:20px;
	padding:4px 0 16px 52px;
	font:18px Tahoma, Geneva, sans-serif;
	color:#017bcc;
}
.actus, .intro {
	width:370px;
	padding:0 0 0 52px;
	font:11px Tahoma, Geneva, sans-serif;
	color:black;
	text-align:justify;
}
.actus h5 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#6F0029;
	margin:0 0 4px 0;
	text-transform:uppercase;
	border-top:1px solid #6F0029;
	padding-top:1px;
}
.date {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#666;
	float:right;
}
.actus h6 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6F0029;
	margin:0 0 3px 0;
}
.actus a {
	color:#6F0029;
	text-decoration:underline;
}
.actus a:hover {
	text-decoration:none;
}


#main {
	width:970px;
	height:447px;
	margin:0 auto;
	background:url(images/bg_main.jpg) top right no-repeat;
	border-bottom:4px solid #6F0029;
}

/* Gestion des menus principaux */
.carres {
	float:left;
	width:560px;
	height:334px;
}
a.bleu, a.rose, a.gris, a.orange {
	width:141px;
	height:46px;
	float:left;
	margin:0 15px 15px 0;
	text-align:center;
	padding:100px 5px 5px 5px;
	background:#6F0029;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}
a:hover.bleu {
	background:#86cefe;
	color:#6F0029;
}
a:hover.rose {
	background:#FCF;
	color:#6F0029;
}
a:hover.gris {
	background:#999;
}
a:hover.orange {
	background:#eb5401;
}
a.bleu_on {
	width:141px;
	height:46px;
	float:left;
	margin:0 15px 15px 438px;
	text-align:center;
	padding:100px 5px 5px 5px;
	background:#86cefe;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#6F0029;
	text-decoration:none;
}
a.rose_on {
	width:141px;
	height:46px;
	float:left;
	margin:0 15px 15px 438px;
	text-align:center;
	padding:100px 5px 5px 5px;
	background:#FCF;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#6F0029;
	text-decoration:none;
}
a.gris_on {
	width:141px;
	height:46px;
	float:left;
	margin:0 15px 15px 438px;
	text-align:center;
	padding:100px 5px 5px 5px;
	background:#999;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}
a.orange_on {
	width:141px;
	height:46px;
	float:left;
	margin:0 15px 15px 438px;
	text-align:center;
	padding:100px 5px 5px 5px;
	background:#eb5401;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}
.deco {
	background:#6F0029;
	float:left;
	width:37px;
	height:151px;
	margin:0 15px 0 0;
}
.marques {
	width:141px;
	height:151px;
	float:left;
	margin:0 15px 15px 0;
	text-align:center;
	padding:0 5px;
}
.marques img {
	border:none;
	margin:0 auto 9px auto;
}
.menu, .contact {
	width:970px;
	float:left;
	font:13px Tahoma, Geneva, sans-serif;
	color:black;
}
.contact h4, .contact_art h4 {
	font:bold 15px Tahoma, Geneva, sans-serif;
	color:#6F0029;
	text-transform:uppercase;
	margin:0 0 4px 0;
	letter-spacing:1px;
}
.contact a, .contact_art a {
	color:#6F0029;
	text-decoration:underline;
	text-transform:none;
}
.contact a:hover, .contact_art a:hover {
	text-decoration:none;
}
.menu a {
	float:left;
	background:#6F0029;
	padding:2px 6px 0 6px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	margin:26px 6px 0 0;
}
.menu a:hover, .menu a.on {
	margin-top:22px;
	padding-bottom:4px;
	color:#FFCCFF;
}

.flags {
	position:absolute;
	width:100px;
	height:30px;
	margin:6px 0 0 840px;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:white;
	text-transform:uppercase;
}
.flags a {
	color:white;
	text-decoration:underline;
	margin:0 0 0 10px;
}
.flags a:hover {
	text-decoration:none;
}

#footer {
	width:970px;
	margin:0 auto;
	padding:4px 0 10px 0;
	font:10px Tahoma, Geneva, sans-serif;
	color:#666;
	text-transform:uppercase;
	text-align:right;
	letter-spacing:1px;
}
#footer a {
	color:#6F0029;
	text-decoration:none;
	border-bottom:1px dashed #6F0029;
	padding-bottom:1px;
}
#footer a:hover {
	color:black;
	border:none;
}

/* Pages interieures*/
.rubrique {
	background:white url(images/bg_body_int.gif) top center no-repeat;
}

.intro {
	position:absolute;
	width:370px;
	margin:6px 0 0 0;
	font:12px Tahoma, Geneva, sans-serif;
	color:black;
	text-align:justify;
	line-height:16px;
}
.intro h5, .intro_art h5, .intro_rub h5 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#6F0029;
	margin:0 0 4px 0;
	text-transform:uppercase;
	padding-top:4px;
}

#main_int {
	width:970px;
	height:447px;
	margin:0 auto;
	background:url(images/bg_main_int.jpg) top right no-repeat;
	border-bottom:4px solid #6F0029;
}

.carres_int {
	float:left;
	width:603px;
	height:334px;
}

.menu_int {
	float:left;
	width:350px;
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:#6F0029;
	text-transform:uppercase;
}
.menu_int img, .menu_int_art img {
	border:none;
	width:27px;
	height:27px;
	float:left;
	margin:0 10px 10px 0;
}
a.menu_bleu, a.menu_bleu_ {
	float:left;
	width:300px;
	height:27px;
	background:#86cefe;
	padding:0 0 0 6px;
	color:#6F0029;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
a.menu_rose, a.menu_rose_ {
	float:left;
	width:300px;
	height:27px;
	background:#FCF;
	padding:0 0 0 6px;
	color:#6F0029;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
a.menu_gris, a.menu_gris_ {
	float:left;
	width:300px;
	height:27px;
	background:#666;
	padding:0 0 0 6px;
	color:white;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
a.menu_orange, a.menu_orange_ {
	float:left;
	width:300px;
	height:27px;
	background:#eb5401;
	padding:0 0 0 6px;
	color:white;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
a:hover.menu_bleu, a:hover.menu_rose, a:hover.menu_gris, a:hover.menu_orange, a:hover.menu_bleu_, a:hover.menu_rose_, a:hover.menu_gris_, a:hover.menu_orange_, a:hover.menu_bleu_on, a:hover.menu_rose_on, a:hover.menu_gris_on, a:hover.menu_orange_on {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.article {
	background:white url(images/bg_body_art.gif) top center no-repeat;
}

#header_art {
	width:970px;
	height:136px;
	margin:0 auto;
	background:url(images/bg_header_art.jpg) top right no-repeat;
}
.logo_art {
	float:right;
	margin:0;
}
.intro_art {
	position:absolute;
	width:450px;
	margin:6px 0 0 0;
	font:12px Tahoma, Geneva, sans-serif;
	color:black;
	text-align:justify;
	line-height:16px;
}
.carre_main_art a.bleu {
	float:right;
	width:111px;
	height:39px;
	margin:0 230px 0 32px;
	text-align:center;
	padding:77px 5px 5px 5px;
	background:#86cefe;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#6F0029;
	text-decoration:none;
}
.carre_main_art a.rose {
	float:right;
	width:111px;
	height:39px;
	margin:0 230px 0 22px;
	text-align:center;
	padding:77px 5px 5px 5px;
	background:#FCF;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#6F0029;
	text-decoration:none;
}
.carre_main_art a.gris {
	float:right;
	width:111px;
	height:39px;
	margin:0 230px 0 22px;
	text-align:center;
	padding:77px 5px 5px 5px;
	background:#666;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}
.carre_main_art a.orange {
	float:right;
	width:111px;
	height:39px;
	margin:0 230px 0 22px;
	text-align:center;
	padding:77px 5px 5px 5px;
	background:#eb5401;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}

#main_art {
	width:970px;
	min-height:656px;
	margin:0 auto;
	background:url(images/bg_main_art.jpg) top right no-repeat;
}
.menu_int_art {
	float:right;
	width:350px;
	height:372px;
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:#6F0029;
	text-transform:uppercase;
	margin:0 1px 0 0;
}
a.menu_bleu_on {
	float:left;
	width:300px;
	height:27px;
	background:#86cefe;
	padding:0 0 0 6px;
	color:#6F0029;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
a.menu_rose_on {
	float:left;
	width:300px;
	height:27px;
	background:#FCF;
	padding:0 0 0 6px;
	color:#6F0029;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
a.menu_gris_on {
	float:left;
	width:300px;
	height:27px;
	background:#666;
	padding:0 0 0 6px;
	color:white;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
a.menu_orange_on {
	float:left;
	width:300px;
	height:27px;
	background:#eb5401;
	padding:0 0 0 6px;
	color:white;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:27px;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Gestion des sous-menus des articles */
a.bleu_art, a.rose_art, a.gris_art, a.orange_art {
	width:90px;
	height:40px;
	float:left;
	margin:30px 15px 0 0;
	text-align:center;
	padding:55px 5px 5px 5px;
	background:#6F0029;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	text-transform:none;
}
a:hover.bleu_art {
	background:#86cefe;
	color:#6F0029;
}
a:hover.rose_art {
	background:#FCF;
	color:#6F0029;
}
a:hover.gris_art {
	background:#999;
}
a:hover.orange_art {
	background:#eb5401;
}

.contact_art {
	float:left;
	margin:20px 0 0 18px;
	font:12px Tahoma, Geneva, sans-serif;
	color:black;
}
.menu_art {
	float:left;
	width:970px;
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:#6F0029;
	text-transform:uppercase;
	border-bottom:2px solid #6F0029;
}
.menu_art a {
	float:left;
	background:#6F0029;
	padding:2px 6px 0 6px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	margin:26px 6px 0 0;
}
.menu_art a:hover, .menu_art a.on {
	margin-top:22px;
	padding-bottom:4px;
	color:#FFCCFF;
}
.docs {
	float:left;
	width:614px;
}
.docs_int_bleu {
	float:left;
	width:182px;
	height:182px;
	background:#86cefe;
	padding:4px;
	margin:0 8px 8px 0;
	text-align:center;
}
.docs_int_bleu img, .docs_int_rose img {
	border:2px solid #6F0029;
}
.docs_int_rose {
	float:left;
	width:182px;
	height:182px;
	background:#FCF;
	padding:4px;
	margin:0 8px 8px 0;
	text-align:center;
}
.docs_int_gris {
	float:left;
	width:182px;
	height:182px;
	background:#666;
	padding:4px;
	margin:0 8px 8px 0;
	text-align:center;
}
.docs_int_gris img, .docs_int_orange img {
	border:2px solid white;
}
.docs_int_orange {
	float:left;
	width:182px;
	height:182px;
	background:#eb5401;
	padding:4px;
	margin:0 8px 8px 0;
	text-align:center;
}

.pagination {
	float:left;
	width:587px;
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:black;
}
.pagination a {
	color:#6F0029;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:1px dashed #6F0029;
	padding-bottom:1px;
}
.pagination a:hover {
	color:black;
}

.form {
border:1px solid #6F0029;
padding:2px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6F0029;
margin-left:4px;
}
.form2 {
border:1px solid #6F0029;
padding:2px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6F0029;
margin:10px 0 0 4px;
background:white;
}
.form1 {
border:1px solid #999;
padding:3px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:black;
}
.ok {
background:#6F0029;
font:bold 11px Arial, Helvetica, sans-serif;
color:white;
border:1px solid black;
padding:3px 10px;
letter-spacing:1px;
float:left;
margin:10px 0 0 0;
}

.general {
	float:left;
	min-height:450px;
	width:597px;
	font:12px Arial, Helvetica, sans-serif;
	color:black;
}
.general p {
	margin:0 0 1em 0;
}
.titre_general {
	color:black;
	font:bold 14px Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
}
.general form {
	margin:10px 0;
}
.general img {
	border:1px solid #6F0029;
}
.general h4 {
	margin:0 0 4px 0;
	font:bold 14px Tahoma, Geneva, sans-serif;
	color:#6F0029;
}
.general h6 {
	margin:0 0 2px 0;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:black;
}
.general h5 {
	margin:0 0 10px 0;
	font:italic 12px Tahoma, Geneva, sans-serif;
	color:black;
}

.intro_rub {
	position:absolute;
	width:598px;
	margin:6px 0 0 0;
	font:12px Tahoma, Geneva, sans-serif;
	color:black;
	text-align:justify;
	line-height:16px;
}

#main_art_2 {
	width:970px;
	min-height:400px;
	margin:0 auto;
	background:url(images/bg_main_art.jpg) top right no-repeat;
}

.logo_rub {
	float:right;
	margin:0 230px 0 0;
}
.logo_rub img {
	border:none;
}

.text {
	font-size:14px;
	color:black;
	line-height:17px;
}
.text a {
	color:#6F0029;
	text-decoration:none;
}
.text a:hover {
	color:black;
}
.spip_doc_titre {
	font:10px Verdana, Geneva, sans-serif;
	color:black;
}
.spip_documents_left {
	margin:0 10px 0 0;
}