/* 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; color:#0099FF; text-decoration:none;  }
a:hover{ text-decoration: underline; }
#a:hover{text-decoration:none;}
p{ margin-bottom:10px; }
img.imgLink{ border:8px solid #CCC; border-bottom:20px solid #CCC;}
img.imgLink:hover{ border:8px solid #555; border-bottom:20px solid  #555;}
/* =Typography-----------------------------------------------------------------------------*/

body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:0; margin:0; height:100%; background:#FFFFFF url(../../img/backgroung_body.jpg) center top no-repeat; behavior: url(csshover.htc); line-height:16px;}

/* =Headings-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; }
h1{ font-size:20px;  margin-bottom:8px;}
h2{ font-size:18px; color:#006699; margin-top:10px; font-weight:lighter;}
h3{ font-size:12px; color:#006699; text-transform:uppercase; margin-top:10px; }
h4{ font-size:10px; text-transform:uppercase; }
h5{ font-size:10px; text-transform:uppercase; }

div.boxEveInfo{ margin-bottom:12px; }
/* =Link-----------------------------------------------------------------------------*/
/* =Frame------------------------------------------------------------------------------*/
#wrap{  width:800px; height:100%;  margin:auto; padding:0 0 0 0;}
#wrap #leftCol{  width:197px; padding-top:78px; float:left;}
#wrap #leftCol #menuContainer{  width:176px; padding:69px 0 50px 0; margin-left:0px; background: transparent url(../../img/backgroung_menu.jpg) top left no-repeat; font-size:14px; color:#FFFFFF; }
/*#wrap #leftCol #menuContainer a{ width:126px; height:29px; line-height:29px; padding-left:50px; display:block; border-bottom:1px #ffffff solid; font-size:14px; color:#FFFFFF; text-decoration:none;}
#wrap #leftCol #menu a:hover{ font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; background:transparent url(../../img/menu_roll.gif) left top no-repeat; }*/

#wrap #rightCol{  width:600px; float:right;}
#wrap #rightCol #menuContainer{ height:77px;}
#wrap #rightCol #menuContainer img{  height:77px; width:150px;}
#img1{ background:transparent url(../../img/b_festirame.jpg) top left no-repeat;}
#img1:hover{ background:transparent url(../../img/b_festirame_roll.jpg) top left no-repeat;}
#img2{ background:transparent url(../../img/b_crcr.jpg) top left no-repeat;}
#img2:hover{ background:transparent url(../../img/b_crcr_roll.jpg) top left no-repeat;}
#img3{ background:transparent url(../../img/b_fma.jpg) top left no-repeat;}
#img3:hover{ background:transparent url(../../img/b_fma_roll.jpg) top left no-repeat;}
#img4{ background:transparent url(../../img/b_maison.jpg) top left no-repeat;}
#img4:hover{ background:transparent url(../../img/b_maison_roll.jpg) top left no-repeat;}

#listPage{ float:right; }
#listPage a{ display:inline-block; padding:4px;  border:1px solid #DDD; width:7px; line-height:7px; background-color:#F4F4F4; float:left; color:#000; margin-right:5px; }
#listPage a:hover{ background-color:#FFF; color:#0099FF; text-decoration:none; }

#wrap #rightCol #container{background:transparent url(../../img/backgroung_container.jpg) top center no-repeat; padding:15px 14px 5px 19px;}
#wrap #rightCol #container #header{ height:193px; width:567px; background:transparent url(../../img/montage.jpg) left top no-repeat;}
#wrap #rightCol #container #middleCont{ background:transparent url(../../img/backgroung_footer.gif) bottom right no-repeat; padding-top:15px;}
#wrap #rightCol #container #middleCont #middle{ }
#wrap #rightCol #container #middle #leftCol{ width:190px; float:left; padding-left:8px; padding-top:0; }
#wrap #rightCol #container #middle #leftCol .title{ width:187px; height:45px; background:#FFFFFF url(../../img/bg_leftcoltitle.jpg) left top no-repeat; text-align:center; line-height:45px; font-size:26px; font-style:italic; color:#FFFFFF;}
#wrap #rightCol #container #middle #leftCol .box{ width:187px; border-bottom:dotted 1px #1695af; padding:10px 0 15px 0;  margin-bottom:10px; text-align:justify; line-height:14px;}
#wrap #rightCol #container #middle #leftCol #boxSurvey{ width:177px; padding:10px 5px 10px 5px; border-bottom:dotted 1px #1695af;  margin-bottom:15px; text-align:justify;  }
#wrap #rightCol #container #middle #leftCol a.btn{ background:transparent url(../../img/btn_more.gif) right center no-repeat; text-align:right; padding-right:18px; text-decoration:underline; color:#1695af; width:169px; height:15px; display:block; margin-top:5px;}
#wrap #rightCol #container #middle #leftCol .subTitle{ font-size:12px; color:#1695af; font-weight:bold;}
#wrap #rightCol #container #middle #rightCol{ width:347px; float:right; padding-right:18px; margin-bottom:10px; background:transparent url(../../img/ligne_vertical.gif) top left repeat-y; text-align:justify; min-height:450px; }
#wrap #rightCol #container #middle #rightCol #title{background:transparent url(../../img/titre.gif) bottom left no-repeat; font-size:28px; font-weight:bold; padding: 50px 0 0 25px; margin-bottom:15px; margin-left:15px; line-height:25px; text-align:left; }
#wrap #rightCol #container #middle #rightCol #text{ padding-left:40px; width:305px; }
#wrap #rightCol #container #middle #rightCol #text img{ border:1px #000000 solid; margin-right:15px; }
#wrap #rightCol #container #middle #rightCol #text li{ background: #FFFFFF url(../../img/puce.gif) top left no-repeat; padding-left:15px; }


#wrap #rightCol #footer{ font-size:10px; color:#1695af; padding-top:5px;text-align:center; background-color:#FFFFFF;}
#wrap #rightCol #footer a{font-size:10px; color:#1695af;}
#wrap #rightCol #footer #logo{  margin-bottom:15px; padding:0 14px 0 14px; text-align:left;}
#wrap #rightCol #footer #logo img{ padding:9px;}