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

@import url(header_footer.css);


div, body { bo rder:1px solid red;}
html {overflow:scroll;overflow-x:hidden;}

body { width:840px; padding:auto; margin:auto; margin-bottom:0px; margin-top:20px; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; background-color:#ede9df; color: #444; background-image: url(../images/fd_body.gif); background-position:center; background-repeat:repeat-y;}


/************ DECOUPE  ********************/

div#content { 
	width:100%;
	background-color:#FFFFFF; 
	background-image:url(../images/fd_content.gif);
	background-position: right;
	background-repeat:repeat-y;
	padding:0px 0px 20px 0px  ; margin-bottom:0px; 
	float:left; 
	border-top: 6px solid #fff;
	}
div#colonne1 { float:left; width: 590px; padding:12px 0 0 0;}
div#colonne2 { float:right; width: 160px; border:1px solid #c7c5c1; border-bottom:0px; border-top:0px; margin:0 0 0px 40px; padding:0 15px 12px 15px;}
div#colonne3 { width:229px; float:right;}
div#illustration { background-image:url(../images/fd_rub.jpg); padding:12px;  float:left; width: 816px; border-bottom:8px solid #fff;}




div#bigimage { background-color:#45444b; height:194px; border-bottom:6px solid #fff; padding:40px 0 0 40px; float:left; width:800px; background-image:url(../images/big_image.jpg)}
div#bigimage h1 { color:#fff;}
div#bigimage h2 { color:#fff; font-weight:normal; width:60%; font-size:1.3em;}


/************ HEADINGS ********************/
h1, h2, h3 { }
p.section { font-size:1.7em; font-weight:normal; padding:12px 0 0px 0; margin:0; color:#b50000; 
	font-family: Eurostile, Arial; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size:2em; font-weight:normal; padding:0 0 8px 0; margin:0; 
	font-family: Eurostile, Arial; font-family:Arial, Helvetica, sans-serif;}
h2 { font-size:1.2em; padding: 6px 0 4px 0; margin:0;}
h2 a { color:#000; text-decoration:none;}
h3 { font-size:1.2em; padding:14px 0 0 0; margin-bottom:0; color:#2e508f;}
h4 { text-transform:uppercase; margin:0; margin:6px 0 2px 0; font-weight:normal; font-size:0.85em;}
h4 a { text-decoration:none;}
h5 { font-size:0.8em;}


/************ ILLUSTRATION  ********************/
img.illustration { float:left; margin:0 20px 20px 0;}
div#illustration img { float:left; margin-right:24px; bord/er:1px solid white;}
div#illustration h1, div#illustration p.section { width:60%; color:#fff; float:left;  bord/er:1px solid white; padding:0; margin:0;}
div#illustration h1 a, div#illustration p.section a { color:#FFFFFF; text-decoration:none;}
div#illustration h2 { float:left; color:#fff; font-weight:normal; font-size:1.2em; width: 60%}
div#illustration p.chemin { width:60%; float:left; clear:right; color:#fff; bo/rder:1px solid white; padding:0; margin:0 0 0 0; font-size:0.65em;}
div#illustration p.chemin a, div#illustration p.chemin a:visited { color:#fff; }

img.vignette { float:left; padding-right:18px; padding-bottom:12px;}


/************ COMMUNS ********************/
p { padding:0; margin:6px 0 4px 0}
hr { color: #D2D2D2; background-color: #DFDFDF; height: 1px; border: 0; margin: 8px 0 12px 0; .margin: 2px 0 4px 0; clear:left;}
/*em { font-size:1.2em; lin/e-height:1.5em; font-weight:bold; font-style:normal; color:#666666; border-bottom: 4px solid #CCCCCC; display:block; padding: 18px 0 30px 0;}*/
em { font-size:1.2em; lin/e-height:1.5em;  font-style:normal; color:black; bor/der-bottom: 4px solid #CCCCCC; display:block; padding: 0 0 6px 0;}
small { font-size:0.85em;}
code { font-size:1.2em;}
a { color: #2e508f;}
a img { border:0px}
a.spip_out { background-image:url(../images/spip_out.gif); background-position:right; background-repeat:no-repeat; padding-right:18px}
.spip_surligne { background-color:#FFFF99;}
ul { bor/der:1px solid red; padding:0; margin:6px 0 12px 0; }
ul ul { margin-left:24px;}
li { list-style-image:url(../images/puce.gif); padding:0; margin:0; list-style-position:inside;}

table.spip { border-collapse:col lapse; border:1px solid #d0d0d0;}
table.spip td { padding:6px; bo/rder-bottom:1px solid #d0d0d0; bord/er-right:1px solid #fff;}
tr.row_even td { background-color:#f0f0f0;}
tr.row_odd td {background-color:#d0d0d0;}

/************ colonnage ********************/
div#colonnegauche { width: 46%; float:left;}
div#colonnedroite { width: 46%; float:right;}


/************ COLONNE 1 ********************/


.orange { color: #ec5219; font-weight:normal}
.gris { color: #666666;}
.big { font-size:2em; font-weight:normal;}
.date { color: #666666; }
div#outils { background-color: #f5f5f5; display:block; float:left; width: 100%; margin:0px 0 24px 0; border:1px dotted #b2aeaa;
border-width:1px 0 1px 0; padding:0 0 2px 0}
div#outils p { float:left; padding:0 8px 0 8px; color: #666666; font-size:1em;}
div#outils p.pagination { float:right}
p.suite a { border:1px solid #333; display:block; float:right; padding:4px 8px 4px 8px }

hr.big { height:8px; color: #b3afab; background-color:#b3afab}		
div#archives { border-left: 8px solid #f60; padding-left: 12px; font-weight:bold; margin:24px 0 24px 0}
.photo { float:right; margin:0 0px 18px 18px; border:1px solid #e8e8e8; padding:4px;}
a .photo  { border:0px solid red;}


div.item { background-image:url(../images/fd_item.gif); background-repeat:no-repeat; padding:14px; float:left; width: 100%;}
div.item1, div.item2 { bo/rder:1px solid red; float:left;}
div.item1 { width: 35%; margin-right:4%;}
div.item2 { width:60%;}

ul.items { margin-top:6px;}
ul.items li { font-weight:bold; list-style-image:url(); list-style-type:none;  borde/r:1px solid red; padding-left:0; margin-left:0; list-style-position:outside;}
ul.items li a { text-decoration:none;}

/************ pagination ********************/
p.pagination { text-align:center; border-top: 1px solid #CCCCCC; padding-top:12px; margin-top:24px;}
p.haut { border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding:0 0 12px 0; margin:0 0 12px 0; text/-align:right}

/************ COLONNE 2  ********************/
div#colonne2 h2 { font-size:0.85em;}
div#colonne2 p { margin-top:0; padding-top:0;}


	

/************ ONGLETS ********************/
ul.onglet { padding:0; margin:0; font-size:0.85em; width:100%; bord/er:1px solid red; display:block; float:left; line-height: 70%;}
ul.onglet li { float:left; list-style:none; padding:8px 0 8px 0; margin:0; list-style-image:url();}
ul.onglet li a { padding:4px 12px 4px 12px; background-color:#e7e7e9; color:#44434b; text-decoration:none; border-right:1px solid #fff;}
ul.onglet li a:hover, ul.onglet li a.on { background-color:#44434b; color:#fff;}

ul.onglet li.right { float:right; font-weight:normal}
/**ul.onglet li.right a { background-color:#ffd200; co/lor:#b50000; border-right:0px; border-left:1px solid #fff;}**/
ul.onglet li.right a { backgro/und-color:#cecece; co/lor:#b50000; border-right:0px; border-left:1px solid #fff;}
ul.onglet li.right a.on, ul.onglet li.right a:hover { backgr/ound-color:#b50000; c/olor:#FFFFFF;}

div.onglet { float:left; clear:left; padding:12px; backgr/ound-image:url(../images/onglet_fond.gif); background-repeat:repeat-x; margin:0px; width:auto; border:1px solid #44434b; border-width:1px 1px 0 0; width: 564px;}
a.download { backgro/und-color:#ffd200;}


/*****************************************/
/************ INSETS  ********************/
/*****************************************/

div.inset { margin-bottom: 20px; font-size:0.85em; }
div.inset h5 { padding:16px 0 14px 24px; margin:0; font-weight:normal; background-color:#45444b;}
div.inset h5 strong { text-transform:uppercase; font-size:1.25em;}
div.inset h5 a { text-decoration:none; color: #fff;}


div.inset ul { padding:0; margin:0; }
div.inset li { margin:0; clear:left; list-style:none; color:#b3afab; padding:4px 0 4px 24px; border-top: 1px solid #fff; border-bottom:1px solid #d7d6d9; list-style-image:url(); list-style-position:outside}
div.inset li a { text-decoration:none; color: #44434a; font-weight:bold;  bor/der:1px solid red; display:block;}

div.inset ul li.on a {  .padding-bottom: 4px; color:#1446a0;}

div.inset ul ul { padding:4px 0 16px 0; background-color:#FFFFFF; .margin-left:-24px; bor/der:1px solid blue;}
div.inset ul ul li { border-width: 0px; padding-top: 2px; padding-bottom:2px; }
div.inset ul ul li a { font-weight:normal; color: #8a8892;}
div.inset ul li.on ul li a { .padding-bottom: 0px; color: #8a8892;}

div.inset li.on li {}
div.inset li.on li a  { font-weight:normal}
div.inset li.on li.on  {  }
div.inset li.on li.on a { color: #b50000; }

/************ inside  ********************/
div.inside ul { margin-left:0;}
div.inside li { list-style:none;}
div.inside li:first-line { font-weight:bold;}

div#actus { margin-bottom:20px;}
div#actus h5 { color:#46454d; background-color:#b6b5bb; }
div#actus li { color:#45444a; border-width:0px; padding-top:6px; padding-bottom:6px;}
div#actus li a { color:#45444a;}

/********* download *********/
div.onglet form { padding:0; margin:0; font-size: 11px;}
div.onglet legend { font-weight:bold; padding:6px 0 6px 0; margin:0; color:#000000;}
div.onglet form input { margin:12px 5px 2px 0;}
div.onglet form input.txt {border:1px solid #2E508F; background: #EFEFEF; width: 220px;}
div.onglet fieldset { border:0px solid red; padding:0; margin:12px 0 0 0;}
div.onglet .spip_form_label { width:120px; float: left; clear:left; margin-top:12px;}
div.onglet .spip_form_label_obligatoire, .spip_form_label_details { font-size:0.85em; color:#999999}
div.onglet .spip_form_label_details { clear:left; float:left; margin-top:12px;}
div.onglet div.spip_bouton { margin:24px 0 0 0; border-top: 1px solid #999999; width:100%; padding:12px 0 0 0}
div.onglet form .erreur { color:red; float:left; clear:left; width:100%; margin-bottom:12px;}
div.onglet form span.note {font-size: 10px; color: #999;}

div#form_dl label{display: block; width: 150px; float: left;margin: 12px 0 4px;  font-size: 12px; font-weight: bold;}
div#form_dl select{margin: 12px 0 4px; width: 220px; border:1px solid #2E508F; background: #EFEFEF;}

#tabDownload {width: 100%; border-top: 1px solid #000; border-left: 1px solid #000; margin: 10px 0;}
#tabDownload td, #tabDownload th {border-bottom : 1px solid #000; border-right : 1px solid #000; padding: 3px 5px;}
#tabDownload th {background: #1f497d; color: #FFF; width: 25%;}
#tabDownload td {width: 65%;}
#tabDownload td+td {width: 10%; text-align: center;}
#tabDownload tr.fd1 td {background: #EAEAEA;}
#tabDownload a {color: #1f497d; text-decoration: none; font-size: 10px; text-transform: uppercase;}