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

/* =Typography-----------------------------------------------------------------------------*/

html, body, #wrap {height: 100%;}
body{ margin:0; background: #075c93 url(../../img/bg_body.jpg) center top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px;}
.texteBleu{color: #0090e2;}
.date_news{color: #68aee0;}
.texteJaune{color: #ffcc00;}

/* =Headings-----------------------------------------------------------------------------*/
h1{color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding-bottom:5px; font-style:italic;}
h2{color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0 0 0 0; margin:0 0 0 0;}

/* =Link-----------------------------------------------------------------------------*/
a {color: #ffffff; text-decoration:underline;}
a:hover {color: #ffffff; text-decoration: none;}
/* =MainMenu-----------------------------------------------------------------------------*/
/* =Frame-----------------------------------------------------------------------------*/
#wrap {width:928px; background: transparent url(../../img/bg_wrapBottom.jpg) bottom center no-repeat; margin:auto;  min-height:100%; height:auto;  }
* #wrap {min-height:100%; height:auto;}
#wrapBG{ width:928px; background: transparent url(../../img/bg_wrap.jpg) top center no-repeat;  margin:auto; height: 100%; min-height: 100%; }
#wrap #header{ width:928px; margin:auto; height:220px; background: transparent url(../../img/bg_header.jpg) top center no-repeat; padding-bottom:48px;}
#wrap #header #menuTop{ width:128px; height:90px; background: transparent url(../../img/bg_menuHelp.gif) right bottom no-repeat; padding-left:800px; padding-top:30px;}
#wrap #header #menuTop li{ width:128px; height:20px; display:block; line-height:20px; color:#075c93;}
#wrap #header #menuTop li a{ width:104px; height:20px; display:block; line-height:20px; color:#075c93; text-align:right; padding-right:24px; letter-spacing:-1px; text-decoration:none;}
#wrap #header #menuTop li a:hover{ width:104px; height:20px; display:block; line-height:20px; color:#075c93; text-align:right; padding-right:24px; letter-spacing:-1px; background: transparent url(../../img/menuHelp_roll.gif) right bottom no-repeat; text-decoration:none;}
#wrap #middle{ padding-bottom:75px;
min-height:500px;
  height:auto !important;
  height:500px;
margin:auto;}
#wrap #middle #container{clear: both;}
#wrap #middle #container #leftCol{ width:221px; float:left;}

#wrap #middle #container #leftCol #menu{ width:159px; height:243px; padding-top:25px; background: transparent url(../../img/bg_menu.jpg) top left no-repeat; }
#wrap #middle #container #leftCol li{ width:159px; height:27px; display:block; line-height:27px; color:#ffffff;}
#wrap #middle #container #leftCol li a{ width:131px; height:27px; display:block; line-height:27px; color:#ffffff; text-align:left; padding-left:28px;  text-decoration:none; font-weight:bold; letter-spacing:-1px;}
#wrap #middle #container #leftCol li a:hover{ width:131px; height:27px; display:block; line-height:27px; color:#ffffff; text-align:left; padding-left:28px;  text-decoration:none; font-weight: normal; letter-spacing:-.5px; }

#wrap #middle #container #midCol{ width:417px; float:left; text-align:justify; padding-bottom:120px;}
#wrap #middle #container #midCol a {color: #ffffff; text-decoration:underline; cursor: pointer;}
#wrap #middle #container #midCol a:hover {color: #ffffff; text-decoration: none; font-weight:normal;}
#wrap #middle #container #midCol #title{ margin-left:1px; width:417px; height:64px;}
#wrap #middle #container #midCol li{ background: transparent url(../../img/bg_ul.gif) top left no-repeat; padding-left:15px; margin-bottom:4px;}


#wrap #middle #container #rightCol{ width:287px; float:right;}
#news_Title{ background:transparent url(../../img/news_title.gif) top left no-repeat; height:43px;}
#newsWrap{ padding-left:82px; padding-top:10px; height:149px; margin-bottom:8px; background:transparent url(../../img/bg_news.jpg) left top no-repeat;}
#news{ width:180px;} 
#news .date{ color:#68aee0;} 
#news a{ color:#68aee0; text-align:right; text-decoration:none; display:block; height:15px; padding-top: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 */
#footerBG{ background: #ffffff url(../../img/bg_footer.gif) top center repeat-x; position: relative; height:75px; margin-top:-75px; }
#footer{ height:60px; padding-top:15px; background: transparent url(../../img/bg_footer.jpg) center top no-repeat; margin:auto; width:928px; color:#075c93; text-align:center; }
#footer a{color: #075c93;}
#footer a:hover{color: #075c93; text-decoration: none;}