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

/* =General-----------------------------------------------------------------------------*/
p{margin: 0;padding: 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;}

/* =Typography-----------------------------------------------------------------------------*/
body{ background:#FFF url(../../img/bg_body.gif) top left repeat-x; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; }
html, body { height:100%; }

/* =Headings-----------------------------------------------------------------------------*/
.vert{ color:#6d8c01;}
/* =Link-----------------------------------------------------------------------------*/
a {color: #740300; text-decoration:underline;}
a:hover {color: #740300; text-decoration: none;}
a.roll {font-weight:bold; text-decoration: none;}
h3{font-size:12px;}
.txtfield{font-size:11px; font-family:Arial, Geneva, sans-serif; width:150px;}
.list{font-size:11px; font-family:Arial, Geneva, sans-serif; width:150px;}

/* =MainMenu-----------------------------------------------------------------------------*/
/* =Frame-----------------------------------------------------------------------------*/

#wrap{ position:relative; width:942px; margin:auto;}
#wrap #header{ width:942px; height:390px; background:transparent url(../../img/bg_header.jpg) right bottom no-repeat;}
#wrap #header #leftCol{ width:264px; float:left; background: transparent url(../../img/logo.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu{ width:264px; padding-top:146px;}
#wrap #header #leftCol #mainMenu li{ width:264px; height:29px;}
#wrap #header #leftCol #mainMenu li a{ width:264px; height:29px; display:block; text-decoration:none;}

#wrap #header #leftCol #mainMenu li a.btn1{ background: transparent url(../../img/btn1.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu li a.btn2{ background: transparent url(../../img/btn2.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu li a.btn3{ background: transparent url(../../img/btn3.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu li a.btn4{ background: transparent url(../../img/btn4.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu li a.btn5{ background: transparent url(../../img/btn5.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu li a.btn6{ background: transparent url(../../img/btn6.gif) top left no-repeat;}
#wrap #header #leftCol #mainMenu li a.btn7{ background: transparent url(../../img/btn7.gif) top left no-repeat;}

#wrap #header #leftCol #mainMenu li a span { visibility:hidden; }

#wrap #header #leftCol #mainMenu li a:hover{ background-position:bottom;}

#wrap #header #rightCol{ width:670px; float:right;}
#wrap #header #rightCol #helpMenu{ margin-left:345px; margin-top:25px;}
#wrap #header #rightCol #helpMenu a{ color:#FFF; text-decoration: none;}
#wrap #header #rightCol #helpMenu a:hover{ color:#FFF; text-decoration: underline;}

#wrap #header #rightCol #helpMenu #tel{ background:transparent url(../../img/icon_tel.gif) top left no-repeat; padding-left:20px; color:#FFF; width:105px; height:15px; float:left; }
#wrap #header #rightCol #helpMenu #mail{ background:transparent url(../../img/icon_mail.gif) top left no-repeat; padding-left:20px; color:#FFF; width:180px; height:15px; float:left; }


#wrap #middle {}
#wrap #middle #content { padding: 30px 25px 0 25px;;}


#wrap #middle #leftCol{ background:#FFF url(../../img/bg_leftCol.gif) left top no-repeat; width:237px; padding:30px 25px 0 25px; float:left;}
#wrap #middle #leftCol a{ text-decoration:none; color:#6d8c01;}
#wrap #middle #leftCol a:hover{ text-decoration: underline; color:#6d8c01;}
#wrap #middle #leftCol a.btnFormulaire{ background: url(../../img/btnFormulaire.gif) top left no-repeat; width:238px; height:60px; display:block;}
#wrap #middle #leftCol a.btnFormulaire:hover{ background-position:bottom;}

#wrap #middle #leftCol #title{ background:#FFF url(../../img/t_news.gif) left top no-repeat; width:237px; height:32px; margin-bottom:25px;}

#wrap #middle #leftCol .news{ background:transparent  url(../../img/bg_news.gif) left bottom repeat-x; width:237px; padding-bottom:25px; margin-bottom:25px; text-align:justify; }



#wrap #middle #rightCol{ position:relative; width:605px; float:right; padding-right:25px; padding-top:30px;}
#wrap #middle #rightCol #colContent{ width:600px; float:left; text-align:justify;}
#wrap #middle #rightCol #colContent a{color: #6d8c01; text-decoration: none;}
#wrap #middle #rightCol #colContent a:hover{color: #6d8c01; text-decoration: underline;}

#wrap #middle #rightCol #col1{ width:283px; float:left; text-align:justify;}
#wrap #middle #rightCol #col2{ width:283px; float:right; text-align:justify;}

#footer{ background:#FFF url(../../img/bg_footer.gif) left top repeat-x; width:100%; height:78px; padding-top:60px; clear:both; position: relative; text-align:center; color:#b4e800; line-height:18px; z-index:10; }
#footer a { color:#b4e800; text-decoration:none; }
#footer a:hover { color:#b4e800; text-decoration:underline; }


/* CLEAR FIX*/
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */