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

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

html{height: 100%}
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;}

/* =layout----------------------------------------------------------------------------*/
a{ font-size:11px; text-decoration:none; }
#a:hover{ text-decoration:none;}
/* =Typography-----------------------------------------------------------------------------*/
* {margin:0;padding:0;}
html, body,{height: 100%;}
body{ margin:0px; background:#ffffff url(../../img/BG_body.gif) center top repeat-x; font-size:11px; color:#2f3648; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; }

.textGreen{ color:#95ca4d;}
.textBlue{color:#00aeef;}
/* =Headings-----------------------------------------------------------------------------*/
h1{ background:transparent url(../../img/bg_title.gif) top left no-repeat; padding:0; padding-left:20px; font-size:21px; width:auto; border-bottom:#95ca4d 1px solid; color:#78d4f7; margin-bottom:20px; }
h6{ padding:0; padding-left:20px; padding-bottom:10px; font-size:11px; width:auto; border-bottom:#95ca4d 1px solid; margin-bottom:20px; font-weight:normal; }
/* =Link-----------------------------------------------------------------------------*/
/* =Frame------------------------------------------------------------------------------*/


/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

#wrap{width:1154px; margin:auto; background:#FFF url(../../img/bg_body.jpg) top center repeat-y;}
#wrap #wrapSite{width:950px; margin:auto;}
#wrap #wrapSite #header {width:950px; height:345px; background: transparent url(../../img/bg_header.jpg) top left no-repeat;}
#wrap #wrapSite #header #nav {height:68px; width:715px; padding-top:12px; padding-left:124px;}

#wrap #wrapSite #header #nav li { width:96px; margin:0; padding:0; float:left;}
#wrap #wrapSite #header #nav li.img4 { width:139px; margin:0; padding:0; float:left;}
#wrap #wrapSite #header #nav li a { display:block; width:96px; height:68px; background:top left no-repeat; text-decoration:none;}

#wrap #wrapSite #header #nav li a.btn01 { background-image:url(../../img/btn_01.jpg);}
#wrap #wrapSite #header #nav li a.btn02 {background-image:url(../../img/btn_02.jpg);}
#wrap #wrapSite #header #nav li a.btn03{background-image:url(../../img/btn_03.jpg); width:139px;}
#wrap #wrapSite #header #nav li a.btn04 {background-image:url(../../img/btn_04.jpg);}
#wrap #wrapSite #header #nav li a.btn05 {background-image:url(../../img/btn_05.jpg);}
#wrap #wrapSite #header #nav li a.btn06 {background-image:url(../../img/btn_06.jpg);}
#wrap #wrapSite #header #nav li a.btn07 {background-image:url(../../img/btn_07.jpg);}
#wrap #wrapSite #header #nav li a:hover { background-position:bottom left; }
#wrap #wrapSite #header #nav li a span { visibility:hidden; }


#wrap #wrapSite #middle{ background:#ffffff url(../../img/bg_middle.jpg) left top repeat-y; width:950px;} 
#wrap #wrapSite #middle #middleBG{ background:transparent url(../../img/bg_middle_bottom.jpg) bottom left no-repeat; width:870px; padding:10px 40px 25px 40px;} 
#wrap #wrapSite #middle #middleBG #contain{} 
#wrap #wrapSite #middle #middleBG #contain li { background:transparent url(../../img/bg_li.gif) top left no-repeat; padding-left:15px; padding-bottom:10px;} 
#wrap #wrapSite #middle #middleBG #lienLogos{ padding-left:420px;} 
 

#wrap #wrapSite #middle #middleBG #contain #leftCol{ width:410px;  float:left;} 
#wrap #wrapSite #middle #middleBG #contain #leftCol #contEmplG{ width:300px; height:75px; margin-left:80px; margin-bottom:10px; float:left;  } 
#wrap #wrapSite #middle #middleBG #contain #leftCol #contEmplD{ width:75px; height:75px; }
#wrap #wrapSite #middle #middleBG #contain #leftCol #adresseG{ width:270px; height:100px; padding-right:10px; float:left; } 
#wrap #wrapSite #middle #middleBG #contain #leftCol #adresseD{ width:300px; height:300px; padding:10px; float:left; background:url(../../img/gmap_stfe.jpg) no-repeat;} 
#wrap #wrapSite #middle #middleBG #contain #leftCol #adresseD2{ width:300px; height:300px; padding:10px; float:left; background:url(../../img/gmap_dolb.jpg) no-repeat;} 
#wrap #wrapSite #middle #middleBG #contain #leftCol #bordure{border:#2f3648 1px solid;} 
#wrap #wrapSite #middle #middleBG #contain #rightCol{ width:405px; float:right;} 


#wrap #wrapSite #footer {background:#ffffff url(../../img/bg_footer.gif) left top no-repeat; width:950px; height:53px; color:#FFF; padding-top:15px; font-size:10px; text-align:center; line-height:16px;} 
#wrap #wrapSite #footer a {color:#FFF; text-decoration:none; font-size:10px;} 
#wrap #wrapSite #footer a:hover {color:#FFF; text-decoration:underline; font-size:10px;} 

/* 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 */