@charset "utf-8";
/* CSS Document */

html { overflow-y:scroll; } 
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; background:url('../images/back_page.gif') center repeat-y #E4E4E4; color:#666666; padding:0; margin:0}

/***************************************************/
/****************** LAYOUT *************************/
/***************************************************/
div#global {margin: auto; width:1000px; }

div#header	{ margin:0; width:1000px; background: #000 url('../images/fd_header.gif') 0 0 repeat-x; border-bottom: 8px solid #e4e4e4; }
div#bandeau	{ margin:0; width:1000px; height:74px; background-color:#666; border-bottom:8px solid #f1f1f1; position:relative; overflow:hidden;}
div#content	{ margin:0; width:930px; padding: 20px 35px 50px 35px; background:url('../images/bg_rubrique.gif') repeat-y; border-bottom:1px solid #CCCCCC;}
div#footer	{ margin:0; float: left; width:960px; padding:0; border-top: 10px solid #e4e4e4; padding:12px 20px 30px 20px; font-size:0.9em; background-color:#FFF; }

div#content_main 	{ width:390px; float:left; line-height:140%;} 
div#content_second	{ width:260px; float:left; margin-right:35px; border-bottom:1px solid #dddddd; padding-bottom:12px;}
div#content_nav		{ width:175px; float:right; }



/***************************************************/
/****************** CONTENT  ***********************/
/***************************************************/

/*** common **/
/*** common **/
h1 { font-size:2em; color:#000; line-height:110%; margin : 16px 0 5px 0;}
h2 { font-size:1.7em; color:#000000; font-weight:normal; line-height:100%; }
h3 { color:#333333; font-size:1.4em;}
h4 { font-size:1em; color:#f60;}
h5 {  font-size:1.4em; color:#000; padding:0; margin:0}
strong { color:#000;}
a { outline: none;; color:#F60; }
:focus { -moz-outline-style: none; }



/*** liste dans les rubriques **/
div.item { padding: 0 0 8px 20px; background: url('../images/puce_rub.gif') 0 4px no-repeat;}
div.item h2 { font-size:1.1em; padding:0 0 2px 0; margin:0; font-weight:bold}
div.item h2 a { color:#f60; text-decoration:none}
div.item p { padding:0; margin:0}

/*** pagination **/
div#pagination { float:left; width:100%; margin-bottom:12px; padding-bottom:6px ; border-bottom:1px dotted #ccc;}
div#content_main p.chemin, div#content_main p#suiteretour { padding:0; margin:0; font-size:0.9em; float:left;}
div#content_main p.chemin a, div#content_main p#suiteretour a { color:#999999; text-decoration:none;}
div#content_main p#suiteretour { float:right;}

div#pagination img {border: none; margin: 0 5px 0 5px;}
div#pagination p.suivant {
 float: right;
 font-size: 10px;
 margin: 0;
 padding: 0;
}
div#pagination p.precedent {
 float: left;
 font-size: 10px;
 margin: 0;
 padding: 0;
}
div#pagination ul.pages {
 font-size: 11px;
 text-align: center;
 margin: 0 0 0 0;
 padding: 0;
}
div#pagination ul.pages li { display: inline; margin: 0 4px 0 0; padding: 0 4px 0 0; border-right: 1px solid #ccc; line-height: 8px;}
div#pagination p.suivant a, div#pagination p.precedent a, div#pagination ul.pages li a { color: #4C4C4C;}
div#pagination p.suivant a:hover, div#pagination p.precedent a:hover, div#pagination ul.pages li a:hover { text-decoration: none; color:#f00;}






/*** divers **/
.spip_surligne { background-color:#FFFF99;!important}

/***************************************************/
/******************** HEADER ***********************/
/***************************************************/

div#logo { float:left; padding:20px 0 0 33px; height:62px;}

/*** navigation ***/
div#navtop { height: 30px; float:left; width:1000px;}
*html #navtop { line-height: 16px; margin-top: -3px; }
div#navtop ul { padding: 0; margin:1px 0 0 20px;}
*html #navtop ul	{ margin: -2px 0 0 20px; }
div#navtop ul li	{ display: inline; margin: 0; padding: 0; }
div#navtop ul li a	{ color: #999; font-size: 11px; text-decoration: none; margin: 0 1px; padding:8px; float: left;  }

/*** navigation rubriques **/
div#navtop ul.navtop li.on a, div#navtop ul.navtop li a:hover	{ color: #f60; background: #e4e4e4; }

/*** navigation social **/
div#navtop ul.social { float:right; padding-right:20px;}
div#navtop ul.social li a { color:#fff;}
div#navtop ul.social li a:hover { text-decoration:underline;}

/**** languages **/
div#languages { float:right; width:500px; text-align:right; padding:0 20px; height:40px; font-size:11px;}
div#languages p { padding-top:10px;}
div#languages a { text-decoration:none; color: #999999}

/**** search **/
div.formulaire_recherche { backgro/und:#00FF00; float:right; height:42px;}
div.formulaire_recherche  input#recherche{ width: 180px; height: 20px; border: 0; background: url('../images/search.gif'); 
											color: #999999; font-size: 11px; padding: 6px 0 0 30px; margin: 0 20px 0 0; }

/*** bandeau ***/
div#bandeau img	{ float:right; }
div#bigtitle { position: absolute; top: 35px; left: 35px; }
div#bigtitle h1, div#bigtitle p { font-size:1.6em; font-weight:normal; color: #fff; padding:0; margin:0; line-height:100%; width:280px;}
div#bigtitle a 		{ color: #fff; text-decoration: none; }
div#bigtitle a:hover	{ text-decoration: underline; }






/***************************************************/
/************ CONTENT RIGHT  ***********************/
/***************************************************/
ul#navigation		{ margin: 0; padding: 0 0 20px 0; list-style: none; float: left; width:100%;}
ul#navigation h5	{ margin: 0; padding:8px 10px; line-height: 20px; background: #ccc; border-bottom: 1px solid #e4e4e4; font-size: 11px; font-weight: bold; line-height:110%;}
ul#navigation h5 a	{ color: #000; text-decoration: none;  }
ul#navigation li		{ background: url('../images/puce_rub2.gif') 3px 7px no-repeat; border-bottom: 1px solid #e4e4e4; line-height: 17px; font-size: 11px; padding: 2px 0 2px 10px; line-height:130%;}
ul#navigation li.on { background-color:#fff;}
ul#navigation li a		{ font-size: 11px; color: #666; text-decoration: none; }
ul#navigation a:hover	{ text-decoration: underline; }


ul.articles li { padding:6px 0 6px 10px!important; background-position:3px 12px!important;}


/***************************************************/
/************ CONTENT SECOND ***********************/
/***************************************************/
div#content_second { font-size:0.9em;}
div#content_second h2 { padding-top:0; margin:0; border-bottom:5px solid #dddddd; padding:0 0 12px 0}

div#content_second h2.liste_newsletters	{ border-bottom: 0px solid #fff; padding: 0; }


/***************************************************/
/******************** FOOTER ***********************/
/***************************************************/
div#footer a { text-decoration:none; color:#666666}
div#footer p.ft { float:right;}






/************ TABLEAU | ************/
caption {
 font-size: 12px;
 font-weight: bold;
 color: #4c4c4c;
 margin: 0 0 5px 0;
}
table {
 width: 600px;
 font-size: 11px;
 color: #4c4c4c;
 border: 1px solid #E4E4E4;
 border-collapse: collapse;
 border-spacing: none;
 margin: 10px 0 0 0px;
}
table thead {
 background: #f00;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 text-align: left;
}
table thead th {
 padding: 2px 5px 4px 5px;
 border-right: 1px solid #fff;
 border-left: 1px solid #f60;
 border-top: 1px solid #f60;
 border-bottom: 1px dotted #fff;
}
table tbody td {
 padding: 5px;
 border: 1px dotted #D0D0D0;
}
table tbody tr.row_even {background: #fff;}
table tbody tr.row_odd {background: #f2f2f2;}

/*fieldset legend {
 font-size: 14px;
 font-weight: bold;
 color: #f00;
 margin: 0;
 padding: 0;
}*/
fieldset dl {
 margin: 5px 0 8px 0;
 padding: 0;
}
fieldset dl dt {
 font-size: 12px;
 color: #333;
 background: #f2f2f2 url(../images/pagination_fleche_last.gif) 5px 6px no-repeat;
 padding: 2px 0 2px 20px;
 margin: 0 0 5px 0;
}
fieldset dl dd {
 color: #6D7073;
 font-size: 11px;
 line-height: 12px;
 font-weight: normal;
 padding: 0 0 0 10px;
 margin: 0;
}
fieldset dl input.txt {
 font-size: 11px;
 color: #333;
 border: 1px solid #ccc;
 width: 250px;
 height: 15px;
 padding: 2px;
}
input.bouton_valider {
 float: right;
 background: url(../images/input_button_fd.gif) 0% 0% repeat-x;
 width: 100px;
 height: 25px;
 margin: 10px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
 text-align: center;
 border: none;
}
fieldset .note { display: block;font-size: 10px; color: #999; margin: 15px 0 0 0;}


div#left h4 {
 clear: both;
 color: #29292B;
 font-size: 14px;
 font-weight: bold;
 margin: 0 0 5px 0;
 padding: 5px 0 0  35px;
 background: url(../images/puce_h3.gif) 18px 6px no-repeat;
}
div#left h4.small {float: left;clear: none; width: 200px;}


div#content_main img.visuel, div#content img.visuel {
 float: left;
 clear: left;
 position: relative;
 padding: 0 8px 5px 0;
 border: none;
}



div.sam {
background:none repeat scroll 0 0 #EEEEEE;
display:block;
float:left;
margin:0 0 20px;
padding:10px 15px 10px 10px;
width:90%;
}


div#content img.visuel, div#content_home img.visuel {
 float: left;
 clear: left;
 position: relative;
 padding: 0 8px 5px 0;
 border: none;
}



div#left ul.court {float: left;width: 270px;}




/************ POSTULER | ************/


div#content_main form.postuler {
 float: left;
 width: 600px;
 font-size: 11px;
 color: #4c4c4c;
 margin: 25px 0 0 0;
}
form.postuler label {
 float: left;
 width: 150px;
 margin: 0 0 5px 20px;
}
form.postuler input.champs {
 border: 1px solid #ccc;
 width: 250px;
 margin: 0 0 5px 0;
}
form.postuler input.bouton_valider {margin: 10px 0 10px 0;}

div#content_main ul.txt, div#content_main ul.spip {
 display: block;
 margin: 0;
 padding: 0 15px 5px 10px;
}


div#content_main ul.txt li, div#content_main ul.spip li {
 color: #4C4C4C;
 font-size: 12px;
 font-weight: normal;
 list-style: none;
 background: url(../images/puce_fleche_medium_grey.gif) 0% 5px no-repeat;
 padding: 0 12px 0 10px; 
 margin: 0 0 5px 0;
}
div#content_main p a, div#content_main p.spip a, div#content_main table a, div#content_main ul.spip li a {outline:0; outline: none; color:#f60;}
div#content_main p a:hover, div#content_main p.spip a:hover, div#content_main table a:hover, div#content_main ul.spip li a:hover {text-decoration: none;}

div#content_main .visuel a img.format_png {
border:none;
padding:5px;
}

div#content_main .visuel a img {
border:medium none;
padding:5px;
}

div#content_main .visuel img {
display:block;
margin:0;
padding:0;
}
div#content_main p.content_main {
clear:both;
color:#4C4C4C;
font-size:14px;
line-height:20px;
margin:25px 0 15px;
padding:0 15px 0 18px;
width:600px;
}




/************ TABLEAU Bandeau | ************/
div#bigtitle table {
 width: 280px;
 color:#FFF;
 border: 0px solid #E4E4E4;
 border-spacing: none;
 margin: 0px 0 0 0px;

}
div#bigtitle table thead {
 text-align: left;
}
div#bigtitle table thead th {
}
div#bigtitle table tbody td {
padding: 0px;
 border: 0px dotted #D0D0D0;

}



/*** spip **/


.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 5px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 5px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }