html{height:100%}
body{font:11px Verdana, Arial, Helvetica, sans-serif; color:#5D5C5A; margin:0px;  padding:0; height:100%; background: #ffffff;}


img{border:0px}
.clear{clear:both}

a{ color:#42A8BA}
a.voir{ display:block; width:50px; height:14px; background: url(../medias/interface/voir.gif) no-repeat left top; float:right; margin-top:8px; }
a.fermer{ display:block; width:50px; height:14px; background: url(../medias/interface/but_fermer.gif) no-repeat left top; float:right; margin-top:8px; }
strong{color:#42A8BA; font-size:12px;}
p{margin:0; padding:0px 0px 15px 0px;}

h1{ color:#42AABD;  font-size:14px; font-weight:bold; margin:0; padding:3px 40px;}
h2{ font-size:14px; font-weight:bold; margin:0; padding:0px 0px 10px 0px;}
h3{ font-size:12px; font-weight:bold; margin:0; padding:0px 0px 10px 0px;}
big{ font-size:14px; font-weight:bold;}
p.txt{padding:0 40px; line-height:18px; text-align: justify}

ul{margin:0; padding:0px 0px 15px 0px; list-style:none;}
ul li{background: url(../medias/interface/li.gif) no-repeat 20px 5px; padding:0 0 0 38px;}

div.table{ padding:10px; background:#43ACBE; margin:0 0 16px 0; }
table{ background:#43ACBE; color:#fff; width:100%; border-collapse:collapse;}
table td{padding:1px 0px;}
table td.d{ width:30px; background: url(../medias/interface/dot_w.gif) repeat-y center top;}



#root{ background:#595753 url(../medias/interface/bg.jpg) repeat-y center top; min-height:100%; height:100%}
#root[id]{ height:auto}
.headline{ overflow:hidden; background:#C1C1C1; height:3px;}

#base{ background:#ffffff; margin:0 0 15px 0; border-top:1px solid #6F6E6E; position:relative;}
#main{ margin:0px auto; width:926px; background:url(../medias/interface/mbg_f.gif) repeat-y center top; border-top:16px solid #F5F3EC; padding-top:2px;  position:relative;}


#b_left{width:229px; float:left; position:relative; top:-18px; }
.logo{ margin-left:4px}

#menu{ padding:0; margin:0 0 0 10px; list-style:none; width:207px; background:#E5E4CF;}
#menu li{ border-bottom:1px solid #DDDBC3; background:url(../medias/interface/mibg.gif) no-repeat 0 0; padding:0;}
#menu li.first { background-image:url(../medias/interface/con_g_t.gif);}
#menu li.last{ background-image:url(../medias/interface/con_l_b.gif); border:0;}
#menu li a { display:block; width:175px; height:23px; padding:11px 5px 0 27px; background:url(../medias/interface/arr_br.gif) no-repeat 9px 12px; font-size:10px; text-transform:uppercase; text-decoration:none; color:#2D3631; font-weight:bold; }
#menu li.act{ background-image:url(../medias/interface/con_b_t.gif);}
#menu li.act a{ background-image:url(../medias/interface/arr_gd.gif); color:#E5E4CF;}
#menu li.act li a { color:#000;}
#menu li.action.first{ background-image:url(../medias/interface/con_g_t.gif);}
#menu li.first a{ background-image:url(../medias/interface/arr_gr.gif); color:#E5E4CF;}
#menu li.first.action a{ background-image:url(../medias/interface/arr_gr.gif); color:#42A8BA;}
#menu li ul { padding:0; margin:0; list-style:none; border-bottom:1px solid #F5F4EE; padding-bottom:8px;}
#menu li ul li, #menu li.act  ul li{ border:0; background:none;}
#menu li ul li a, #menu li.act ul li a{ display:block; width:189px; height:16px; padding:2px 5px 0 13px; background:none; font-size:11px; text-transform:none; font-weight:normal; }
#menu li ul li.act{ background-color:#D4D4B1; }
#menu li ul li.act a{ background:url(../medias/interface/sub_li.gif) no-repeat 5px 7px; }
#menu a:hover{ text-decoration:underline;}
#menu li.last.actio a{ color:#42A8BA;}

.contact{ display:block; width:165px; height:47px; background:url(../medias/interface/but_contact.jpg); margin:15px 0 4px 28px;}





#b_middle{width:548px; float:left; position:relative; margin-right:-1px; }

.mimg{ height:180px; overflow:hidden;}
.sep{border-top: 1px #fff solid; overflow:hidden; height:0px; }

.dir { color:#2D3631; font-size:9px; padding:7px 0 16px 38px; }
.dir a{ color:#2D3631; font-weight:bold; text-decoration:none; padding:0 2px}
.dir a:link, .dir a:visited{ font-weight:normal;}
.dir a:hover, .dir a:active{ text-decoration:underline;}



.pr{ margin-top:8px; margin-bottom:16px; height:467px; float:left; overflow:hidden;}
.pr .arr{ margin:12px 0 6px 0;}
.pr_1{ margin-right:1px; width:105px; background:#2D3631 url(../medias/interface/con_g_t.gif) no-repeat 0 0;}
.pr_1 div{  background: url(../medias/interface/con_g_bl.gif) no-repeat left bottom; padding:0 0 0 10px;  height:467px;}
.pr_2{ margin-right:3px; width:122px; background:#E9E8D9;}
.pr_2 img{ border:2px solid #fff; margin: 4px 0 4px 4px; }
.pr_2 p{ padding:8px; margin-bottom: 20px; }
.pr_3{ margin-right:1px; width:108px; padding:0 0 0 10px;  background:#42A8BA;}
.pr_4{width:197px; background:#E9E8D9 url(../medias/interface/con_l_grb.gif) no-repeat 183px bottom; ; height:467px;}
.pr_4 span{ display:block; padding:7px; width: 100%; }
.pr_4 span.prems{ background: url(../medias/interface/con_l_grt.gif) no-repeat 183px top; }
.pr_4[class] span{height:auto; }
.pr_4 span img{ border:2px solid #fff; display: block}
.pr_4 span .voir{ position:relative; top: -35px; left: -15px; display: inline}




.list{ border:1px solid #2D3631; padding:8px 2px 8px 12px; margin:9px 23px 0px 23px; height:90px; clear:both; width:488px;}
.list img.prev{ margin:5px 2px 0 0; float:left;}
.list div{ padding:0px 10px; width:138px; float:left; }
.list div img{ margin:0 5px 5px 0; float:left; width:29px; height:29px;}
.list p{ width:197px; float:left; margin:0; border-left:1px solid #2D3631; padding:0 0 0 17px}


.full_prev{ border:1px solid #2D3631; padding:10px 0px 10px 10px; margin:0 13px; width:510px;}
.full_prev .services { background:#2D3631; padding:15px 2px 10px 0px; width:130px; float:left}
.full_prev .services img.hdr{ position: relative; top: -2px; margin-top:10px;}
.full_prev .services img.arr{margin:0px 3px 22px 0;}
.full_prev .services h3 {font-weight:bold}
.full_prev .services h3 {font-size: 10px; color: #ccc; padding-left: 14px; background: url(../medias/interface/arr_gr.gif) no-repeat 0 2px}

.full_prev .win{ width:375px; float:left;}

.full_prev .large{ padding:0px 0px 0px 7px; }
.full_prev .large img{ display: block; }



.full_prev .small{ padding: 0px 0 0 7px; }
.full_prev .small span{ width:100%; display:block; height:auto; clear: both}
.full_prev .small p { padding:3px; margin-right: 15px; text-align: justify}
.full_prev .small span img{ float:left; margin:0 10px 7px 0;}


.full_prev .short { display: block; clear: both;}
.full_prev .short p {position: relative; top: -10px; }
.full_prev .short h1, .full_prev .short p {padding-left:3px; margin: 0px}
.fright{ position: relative; top: -22px; text-align:right; margin-right: 15px;}


.box{ border:1px solid #2D3631; padding:20px; margin:10px 23px; width:460px; line-height:15px;}
.box li, .box p{ text-align: justify;}
#map{ width:294px; height:216px; float:right; margin:0 0 25px 10px}



#b_right{width:147px; padding-left:1px; float:left; background:#F8F6F2; height: 1250px}

.partners { margin-left:5px; width: 138px; height:160px; padding-top: 15px; background:#E5E4CF url(../medias/interface/con_x_t.gif) no-repeat; }
.partners h5{ margin:0; padding:0 5px 11px 25px; background: url(../medias/interface/arr_gr.gif) no-repeat 8px 1px; color:#fff; font-size:10px; text-transform:uppercase; }
.partners a img{ margin: 14px;}

.annonce { margin-left:5px; width: 138px; padding-top: 10px; background:#E5E4CF url(../medias/interface/con_y_t.gif) no-repeat;}
.annonce h5{ margin:0; padding:0 5px 11px 25px; background: url(../medias/interface/arr_gr.gif) no-repeat 8px 1px; color:#fff; font-size:10px; text-transform:uppercase; }
.annonce img{ float:left; }
.annonce img.arr{ margin:0px 6px 30px 12px;}
.annonce img.hdr{ margin-top:7px;}

.present{ margin-left:5px; width: 138px; background:#E5E4CF; padding-bottom:17px}
.present p{ padding:8px; margin:0; padding-bottom:17px}
.present img{ padding:8px;}
.present[class] p{  padding-bottom:8px}

.sub { margin-left:5px; width: 138px; padding-top: 15px; background:#E5E4CF url(../medias/interface/con_z_t.gif) no-repeat;}
.sub h5{ margin:0; padding:0 5px 11px 25px; background: url(../medias/interface/arr_gr.gif) no-repeat 8px 1px; color:#fff; font-size:10px; text-transform:uppercase; }
.sub p{ line-height:18px; padding:15px 10px 30px 26px; }
.sub a, .last a { line-height:18px; color:#5D5C5A; text-decoration:none;}
.sub p a{ color:#5D5C5A; text-decoration:none;}
.sub p a:hover{text-decoration:underline;}

#b_right .last{ margin-left:5px; width: 138px; background-image:url(../medias/interface/con_x_b.gif); height: 34px;}

.listheader {margin: 0px 23px}
.listheader .page {float:right}


#foot{ background:url(../medias/interface/mbg_b.gif); overflow:hidden; height:19px; clear:both; text-align: right; padding-top: 3px;}


ul.detail-list {margin: 0px; padding: 0px; margin-left: -15px}
ul.detail-list li {margin-bottom: 4px; padding-left: 32px}

form {padding: 0px; margin: 20px 2px; }
select {width: 80px; font-size: 10px;}
input {border: 0px solid;}

.full_prev .services form {position: relative; }
.full_prev .services h5 {font-size: 12px;}
.full_prev .services h5, .full_prev .services p {padding: 0px; margin: 5px 0px}
.full_prev .services h5, .full_prev .services p,.full_prev .services label {color: #ccc}
.full_prev .services form ol {list-style:none; margin-left: -40px;}
.full_prev .services form ol li {float: left; clear: left; width: 100%; margin: 2px 0; line-height: 18px;}
.full_prev .services form label {float: left; width: 93px;}
.full_prev .services form input {float: left; width: 95px; margin: 4px; font-size: 10px;}
.full_prev .services form input.radiob {width: auto}
.full_prev .services form .submit { border-style: none; text-align: center; margin: 12px 0px}