/* MAIN ------------------------------------------------------------*/
/* PROGRAMMER PAR PATRICK CLAVEAU */
/* ECKINOX MÉDIA */

/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0 0 10px 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =layout----------------------------------------------------------------------------*/
.text_vert{ color:#00804e}
/* =Typography-----------------------------------------------------------------------------*/

body{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#606060; padding:0; margin:0; height:100%; background-color:#ffffff;}

/* =Headings-----------------------------------------------------------------------------*/
/* =Link-----------------------------------------------------------------------------*/
/* =Frame------------------------------------------------------------------------------*/
#wrap{  width:801px; height:100%;  margin:auto;}
#header{  width:801px; margin:auto; width:801px; height:275px;}
#header #topHeader{ width:801px; margin:auto; height:64px; background:#FFFFFF url(../../img/bg_header_top.jpg) top left no-repeat;}
#header #topHeader #menu{ width:185px;  height:24px; float:right; padding-top:25px;}
#header #topHeader #menu a{ padding: 0 8px 0 7px; line-height:20px; height:24px; color:#00804e; text-decoration:none;}
#header #topHeader #menu a:hover{ padding: 0 8px 0 7px; line-height:20px; height:24px; color:#00804e; text-decoration: underline;}
#header #mainHeader{ width:801px; margin:auto; height:211px; background:#FFFFFF url(../../img/bg_header_main.jpg) top left no-repeat;}
#mainMenu{ width:766px; height:30px; padding-left:35px; background:#FFFFFF url(../../img/bg_main_menu.jpg) top left no-repeat; color:#00804e; font-size:11px; font-weight:bold;}
/* #mainMenu a{ height: 30px; line-height:25px; display: inline-block; padding:0 5px 0 5px; color:#00804e; text-decoration:none;}*/
/* #mainMenu a:hover{ height: 30px; line-height:25px; display: inline-block; padding:0 5px 0 5px; background:#606e76 url(../../img/main_menu_roll.gif) left bottom no-repeat; color:#ffffff; text-decoration:none;}*/
#middle{ width:801px; padding:20px 0 0 0;}
#middle #leftCol{ width:560px; float:left;  border-right: #606e76 1px solid; text-align:justify; padding-right:20px;}
#middle #leftCol #titre{ width:560px; height:29px; padding-bottom:20px;}
#middle #leftCol li{ margin-left:5px; padding-left:10px;line-height:15px; background: transparent url(../../img/dot.gif) left top no-repeat;}
#middle #leftCol a{ color:#00804e;}
#middle #leftCol a:hover{ color:#00804e; text-decoration:none;}
#middle #rightCol{ width:220px;float: right;}
#middle #rightCol a{ color:#00804e;}
#middle #rightCol a:hover{ color:#00804e; text-decoration:none;}
#middle #rightCol #titre{height:38px; padding-bottom:11px;}
#middle #rightCol .nouvelle{ background:transparent url(../../img/dot_news.gif) left top no-repeat; padding: 0 0 15px 15px;}
#footer{ width:801px; height:25px;  text-align:center; font-size:9px; color:#00804e; padding:20px 0 5px 0; border-bottom:7px #606e76 solid;}
