
/***** COMMONS *******/
html{ overflow-y:scroll; }  
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 3% 0 3%; margin:0; background-image:url(../images/fd_black.gif); background-repeat:repeat-x; }
a { text-decoration:none; co/lor:#FF0000}
a img { border:0px}

h1 { padding:0 0 1% 0; margin:0; font-size:2.2em; font-weight:normal}

d iv { border:1px solid red;}

/***** HEADER *******/
div#header div#header { color:#FFFFFF; font-weight:bold; height:30px;}
div#header p.nav { padding:6px 6px 12px 0px ; margin:12px 0 0 0}
div#header p.nav a { color:#FFFFFF; padding:6px 6px 12px 6px ; font-weight:bold;}
div#header p.nav a.on, p.nav a:hover { color:#FFFFFF; background-color:#FF0000;}



/***** DECOUPE *******/
div#content_texte { width: 79%; float:right; padding:0 0 3% 3%; margin:0; border-left:1px solid #000;}
div#content_nav { width: 17%; float:left; padding:0; margin:0% 0% 0 0%;}
div#logo { bor der:1px solid red; width: 17%; height: 80px; padding-top: 12px; float:left}
div#follow { float:right; width: 79%; padding:34px 0 0 0; margin:0; }

/***** NAV GAUCHE *******/
div#content_nav  ul { padding:0; margin:0 0 24px 0; list-style-type:none;}
div#content_nav  ul a { color:#333333;}
div#content_nav  ul a.on { color:#FF0000; font-weight:bold }
div#content_nav  ul li { padding-bottom: 8p x;}

/***** LISTE ITEMS *******/
div.item { width: 224px; float:left; padding:0; margin:0 0.8% 18px 0; height:210px; border:1px solid #fff; overflow:hidden }
div.item a { color: #999999;}
div.item h2 a { color:#333333;}
div.item a img { border:4px solid #CCCCCC; margin-bottom: 4px; padding:0px; clear:both; float:none;}
div.item h2, div.item p { font-size:11px; padding:0 0 0 6px; margin:0; line-height:110%;}
div.item h2  { font-size:1.5em; font-weight:normal }
div.selection { border-color: #CCCCCC;}

div.selection h2 a { color:red;}




/***** PAGINATION *******/
p.pagination { border:1px solid #CCCCCC; border-width:1px 0; padding:6px 0; text-align:right; margin:0}
p.pagination a { padding:0 8px 0 8px; color: #666666;}
p.pagination a[name] { padding:0;}
p.pagination .on { background-color:#000000; padding:0 8px 0 8px; font-weight:bold; color:#FFFFFF!important;}
p.pagination a:hover { background-color:#000000; color:#FFFFFF!important;}

div#follow p { padding:0; margin:0; float:left; color: #666666;}
div#follow p.pagination { float:right; border-width:0px; padding:0;}
div#follow a {color: #666666;}

/***** FOOTER *******/
div#footer { background-color:#CCCCCC; padding:12px; margin:34px 0 50px 0; color:#666666;}
div#footer a { color:#000;}



div.focus { width: 100%; height:auto; bo rder:1px solid red;}
div.focus  a img { margin-right: 12px; float:left; }
div.focus  h2 { font-size: 24px; font-weight:normal;}