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

body { font-family:Arial, Helvetica, sans-serif; font-size:0.85em; background:#d9d9d9; padding:0; margin:0; color:#4c4c4c}
strong { color:#000000;}

/*** DECOUPE **/
div#top { height:36px; padding:20px 0 0 20px;}
div#page { width:960px; padding:auto; margin:auto;}
div#content { width:430px; background-color:#FFFFFF; padding:16px; float:left; margin-right:12px; border:4px solid #bababa; border-width:0 4px 4px 0}
div#breves { width: 165px; float:left; background-color:#191919; font-size:0.85em; color:#fff;  font-weight:bold; background-image:url('../images/fd_breves.jpg'); background-repeat:repeat; border-bottom:4px solid #bababa }
div#pub { margin-bottom:12px}
div#insets { width: 300px; float:right; }
div#footer { background-image:url(../images/fd_navtop.gif); background-repeat: repeat-x; background-color:#161616; 	font-size:0.8em; padding:0 0 40px 0; width:100%; float:right; text-align:center; }
	




/****** HEADER ********/
div#top p { padding:0!important; margin:0!important; font-size:0.65em; color:#999999}
div#logo { margin-left:16px; height:90px; }
div#header p#upline { padding:0; margin:0; font-size:12px; font-style:italic}
div#header p#upline a { color:#5DA3CB; text-decoration:none;}

div#header { background-color:#FFFFFF;  padding:0; margin:0 0 16px 0; float:left; width:100%; }

div#navtopfloat {background-image:url(../images/fd_navtop.gif);  background-color:#000000; float:left; width:100%; padding:0; margin:0; height:28px;}
div#navtop  { position:absolute; top:146px;	width:800px; height:36px;	z-index:5;	margin:0;	padding:0; float:left;}

div#navtop a { color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.8em; padding:7px 16px; border-right:1px solid #6e6e6e;}
div#navtop a.on, div#navtop a:hover { background-color:#5ea3cb; background-image:url(../images/navtop_on.gif);}
div#navtop a:hover { color:#000;}
div#navtop ul { padding:0; margin:0; list-style-type:none; float:left;  display:inline}
div#navtop ul li { margin:0; float:left; padding:5px 0 7px 0; .padding:7px 0px;}





/**** BREVES **/
div#breves .date { color:#3b94c7; font-weight:normal;}
.date a { color:#5da3cb; text-decoration:none;} 
div#breves a { color:#FFFFFF; text-decoration:none;}
div#breves a:visited { color:#999999}
div#breves .source a{ font-weight:bold; font-size:0.78em; text-transform:uppercase; color:#999999; padding:0; margin:0; text-decoration:none;}
div#breves p { padding:7px 14px;}
p.focus { background-color:#325773;}





/**** ITEMS = liste des articles dans les rubriques ***/
div.item { width:100%; border-bottom:1px dotted #d5d4d4; float:left; margin:0 0 12px 0; padding:0 0 6px 0; float:left;}
div.item h2 {}
div.item p { font-size:1.1em; color:#4c4c4c; padding:0 0 4px 0; margin:0;}
div.item p.chemin { font-weight:bold; font-size:0.78em; text-transform:uppercase; color:#999999; padding:0; margin:0; border-width:0px;}
div.item p.tags { font-size:0.8em; padding:0; margin:0;}
div.item p.date { font-size:0.9em; color:#7f7f7f; padding-bottom:4px;}
div.item p.lirelasuite { padding:6px 0 18px 0;}


/**** TEXTE **/
img.photo { float:right; padding:0 0 20px 20px;}
h1 { font-family: Tahoma, Arial; color:#000000; font-size:2em; font-we/ight:normal;}
h2 { font-family: Tahoma, Arial; padding:6px 0; margin:0; font-size:1.4em; color:#000000}
h2 a { color:#000000; text-decoration:none;}
h3 { color:#000000;}
a.ecrire  { color:#000000; text-decoration:none; }
p.chemin { font-weight:bold; font-size:0.78em; text-transform:uppercase; color:#999999; padding:0; margin:0; border-bottom:1px solid #d9d9d9; padding-bottom:6px; margin-bottom:2px;}
p.chemin a { color:#5da3cb; text-decoration:none;}
p.date { background:url(../images/icon_clock.gif) 0 0 no-repeat; padding-left:20px;}
hr { color: #D2D2D2; background-color: #DFDFDF; height: 1px; border: 0; margin: 8px 0 12px 0; .margin: 2px 0 4px 0; clear:left;}
hr.big { height:8px; color: #b3afab; background-color:#b3afab}		

/**** tags **/
.tags a { color:#3b94c7!important; text-decoration:none; background-color:#e0f0f7!important; padding:2px 4px;}
.tags a.lien { text-decoration:underline; font-weight:bold;}

/*** pagination ***/
div#pagination { text-align:center; padding:12px 0; float:left; width: 100%;}
div#pagination a.lien_pagination { border:1px solid #cecece; padding:4px; color:#5da3cb; text-decoration:none;}

/*** suite retour ***/
div#suiteretourfloat { height:44px;}
div#suiteretour p { width:90%; float:left; padding:0 0 2px 20px; margin:0; background:url(../images/prev-arrow.gif) 0 6px no-repeat;}
div#suiteretour p.suite { float:right; text-align:right; padding:0 20px 0 0; background:url(../images/next-arrow.gif) 100% 6px no-repeat;}
div#suiteretour a { text-decoration:none; color:#0099CC;}
div#suiteretour { position:absolute;	top:232px;	width:600px; height:36px;	z-index:1;	margin:0;	padding:0;	margin-left:0px; border-bottom:1px solid #d9d9d9;}


/****************************************** NAVIGATION **/

/*** inset ***/
div.inset { background-color:#FFFFFF; padding:3%; margin-bottom:12px; border:1px solid #bababa; border-width:0 1px 1px 0; font-size:0.8em; 
float:left; width:94%; }
div.inset h5 { font-size:1em; text-align:center; border-top: 6px solid #000; margin:0; padding:12px 0}
div.inset h5 strong { font-size:1.6em; color:#000000; text-transform:uppercase;}
div.inset ul { padding:0; margin:0;}
div.inset li { padding:4px 0; margin:0; list-style-type:none; bor/der-top:1px solid #bababa;}
div.inset a { color: #0099FF; text-decoration:none;}
div.inset a:visited { color:#333333;}
div.inset li.on { font-weight:bold;}
div.rubriques li { font-size:1.4em; text-transform:uppercase; font-weight:bold;}
ul.mots li { width:49%; float:left; text-transform: uppercase; padding:2px 0}

/*** nav **/
div.navigation h5 { background-color:#d9d9d9; border-width:1px; text-transform:uppercase; font-size:0.85em;}

/*** onglets **/
p.onglets { background-color:#d9d9d9; padding:6px 1px; margin:0 0 2px 0}
p.onglets a { color:#000000; font-weight:bold; padding:4px;}
p.onglets a.ouvert { background-color:#FFFFFF;}

/*** bloc inside **/
div.inside li { clear:left; border-width:0;}
div.inside li .photo { float:left; padding:0 12px 12px 0; border-width:0px; }


/*** recherche **/
div.recherche { border-width:6px; border-color:#5da3cb; width:270px;}
div.recherche form { padding:0; margin:4px 0;}
div.recherche h5 { border-width:0; padding:0; margin:0}
.button { background-color:#333333; border:0; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:11px; padding:4px 2px}





/****** FOOTER ********/
p.haut a { font-size:0.8em; text-decoration:none; color:#666666; padding:0 16px;}

div#footermots { font-size:0.80em; background-color: #E0F0F7; float:left; width:96%; padding:2% 1% 0% 3%; clear:right; border:1px solid #0099FF; border-width:4px 0 0 0; float:right}
div#footermots dl { width:25%; float:left;  color:#3B94C7; list-style-type:none!important;}
div#footermots dt { font-size:1.4em; color:#000; margin:0 0 8px 0; font-weight:bold}
div#footermots dt a { color:#000!important; text-transform:uppercase;}
div#footermots a { color: #666666!important; text-decoration:none;}
div#footermots strong { color:#3B94C7!important; font-weig/ht:normal}
div#footermots a:visited strong {color:#666666!important; font-weight:normal}

div#footermots dd { padding:0; margin:0;}
div#footermots dd.plus { margin:12px 0 24px 0; font-weight:bold; list-style-type:square!important}

div#footer p { padding:16px; margin:0; color:#999999}
div#footer a { color:#999999;text-decoration:none}


#apDiv1 {	position:absolute;	top:58px;	width:140px;	height:110px;	z-index:1;	margin:0;	padding:0;	margin-left:800px;}