#page #content {  }

#page #content ul{ list-style:none; }
#page #content ul li{ position:relative;float:left; }
#page #content ul li.left{ width:290px;}
#page #content ul li.center{ width:680px;}

#page #content ul li.left #menu li a.menu_item5{ display:block;background:url(../img/menu.gif) left bottom no-repeat;width:249px;height:21px;text-decoration:none;color:#333333; }

#page #content ul li.center #intro{ position:relative;width:650px;height:226px;background-color:#f1f9f2;margin-left:20px; }
#page #content ul li.center #intro img{ position:absolute;top:46px;left:28px;border:1px solid #40ad45; }
#page #content ul li.center #intro h1{ position:absolute;top:46px;left:294px;font-size:14px; }
#page #content ul li.center #intro p{ position:absolute;top:104px;left:294px;width:312px; }
#page #content ul li.center #intro .savoirPlus{ position:absolute;bottom:15px;right:168px; }

#page #content ul li.center #separator{ position:relative;margin:20px 0 5px 0; }

#page #content ul li.center ul#cadres{ position:relative;top:0;height:480px; }
#page #content ul li.center ul#cadres li{ position:relative;width:316px;height:202px;margin:20px 0 0 15px;text-align:center }
#page #content ul li.center ul#cadres li img{ border:1px solid #40ad45; }
#page #content ul li.center ul#cadres li h1{ position:absolute;top:100px;left:24px; }
#page #content ul li.center ul#cadres li .title{ font-size:12px;font-weight:normal;color:#e2001a;text-decoration:underline; }
#page #content ul li.center ul#cadres li .date{ font-size:11px;font-weight:normal;font-style:italic;color:#e2001a;text-decoration:none; }
#page #content ul li.center ul#cadres li p{ position:absolute;top:134px;left:17px;font-size:11px;width:292px; }
#page #content ul li.center ul#cadres li a.savoirPlus{ position:absolute;bottom:5px;right:100px; }

#page #content ul li.center p#titre{ position:relative;top:0px;width:650px;height:15px;background-color:#40ad45;margin:0 0 20px 20px;color:#ffffff; }

#page #content ul li.center #other_news{ position:relative;top:10px;width:650px;height:320px;margin-left:20px; }
#page #content ul li.center #other_news ul{ position:absolute;top:15px; }
#page #content ul li.center #other_news ul li{ position:relative;float:none;list-style-image: url("../img/fleche-rouge.gif");list-style-position:inside;margin:0 0 12px 30px; }
#page #content ul li.center #other_news ul li a{ color:#333333;text-decoration:none; }
#page #content ul li.center #other_news ul li a:hover{ color:#333333;text-decoration:underline; }
#page #content ul li.center #other_news .savoirPlus{ position:absolute;bottom:5px;right:135px; }


/* ===================== */
/* = pages deatil news = */
/* ===================== */
#page #content ul li.center #titre_news{ position:relative;top:20px;color:#40ad45;font-size:16px;margin-left:20px; }
#page #content ul li.center #date_news{ position:relative;top:20px;font-style:italic;margin-left:20px; }
#page #content ul li.center #desc_news{ position:relative;top:40px;margin-left:20px;width:650px;text-indent:20px }
#page #content ul li.center #img_news{ position:relative;top:50px;margin-left:20px;width:650px;text-align:center; }