@import url(blocs.css);

/* RESET */
*{
margin:0;
padding:0;
font-size:100%;
}
.clearfix:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.clearfix{
display:inline-block;
}
html[xmlns] .clearfix{
display:block;
}
* html .clearfix{
height:1%;
}
a img, fieldset{
border:0;
}
label, a *{
cursor:pointer;
}
ol{
list-style-position:inside;
}
ul{list-style:none;
}
ul li{
zoom:1;
}
textarea, input{
font:12px Arial, Helvetica, sans-serif;
}
sup{
vertical-align:top;
color:#ab0000;
}
strong{
font-weight:bold;
}
em{
font-style:italic;
}
html,
body{
background:#f4f0e9;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
}
/* GENERIQUE */
.tous a,
a.tous{
font-size:13px;
color:darkred;
text-decoration:none;
}
.champs_obl{
font-size:10px;
}
.a_ib_aide{
display:block;
background:url(../../../images/common/pictos/aide.png) no-repeat;
width:16px;
height:16px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#ib_aide{
position:absolute;
width:392px;
background:url(../../../images/common/f_ib_aide.png) no-repeat;
padding:0 0 0 8px;
}
#ib_aide .b{
background:url(../../../images/common/b_ib_aide.png) no-repeat right bottom;
padding:0 0 5px 0;
}
#ib_aide .h{
background:url(../../../images/common/h_ib_aide.png) no-repeat;
padding:5px 0 0 0;
}
#ib_aide .f{
font-size:11px;
padding:10px 25px;
}
#ib_aide .f p{
margin-bottom:4px;
}
#bulle_info{
position:absolute;
display:none;
width:242px;
padding:8px 0 0 0;
}
#bulle_info p{
background:#fff5e1;
font-size:11px;
border:1px solid #d3d2d0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:7px 15px;
}
#bulle_info span{
position:absolute;
display:block;
top:0;
left:30px;
width:17px;
height:9px;
background:url(../../../images/common/h_bulle.png) no-repeat left top;
}
/* BANDEAU */
#bandeau{
background: url(../../../images-v2/commun/bandeau1.png) no-repeat center top;
}
#bandeau .bandeau{
width:1000px;
height:176px;
margin:0 auto;
}
#bandeau .bandeau-1{
position:relative;
float:right;
height:46px;
}
#bandeau .bandeau-1 ul{
float:right;
overflow:hidden;
zoom:1;
}
#bandeau .bandeau-1 li{
float:left;
background: url(../../../images-v2/commun/sep1.png) no-repeat right top;
padding:24px 20px 0 0;
margin:0 20px 0 0;
}
#bandeau .bandeau-1 li.langue{
margin:0 6px 0 0;
}
#bandeau .bandeau-1 li.last{
margin:0;
}
#bandeau .bandeau-1 li a{
font-size:11px;
float:left;
text-decoration:none;
color:#fff;
text-transform:uppercase;
text-shadow:1px 1px 1px #8d0f1c;
}
#bandeau .bandeau-1 li.langue a{
display:block;
background:url(../../../images/common/langues.png) no-repeat;
width:16px;
height:13px;
line-height:13px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
}
#bandeau .bandeau-1 li.fr a{
background-position:0 0;
}
#bandeau .bandeau-1 li.fr a:hover,
#bandeau .bandeau-1 li.fr a.in{
background-position:0 bottom;
}
#bandeau .bandeau-1 li.en a{
background-position:-16px 0;
}
#bandeau .bandeau-1 li.en a:hover,
#bandeau .bandeau-1 li.en a.in{
background-position:-16px bottom;
}
/* BANDEAU 2 */
#bandeau .bandeau-2{
clear:both;
overflow:hidden;
zoom:1;
}
#bandeau .bandeau-2 .logo{
float:left;
padding:0 0 0 11px;
}
#bandeau .bandeau-2 img{
display:block;
}
#bandeau .bandeau-2-1 h3{
float:left;
}

/* MENU */
#menu{
background: url(../../../images-v2/commun/bandeau2.png) no-repeat center top;
height:105px;
}
#menu .c{
width:980px;
padding:0 20px 0 0;
margin:0 auto;
}
#menu .menu{
float:left;
width:570px;
}
#menu .bloc-contact{
float:right;
width:173px;
padding:21px 0 0 12px;
}
#menu .bloc-contact h3{
padding:0 0 0 10px;
margin:0 0 18px 0;
}
#menu .bloc-contact img{
display:block;
}
#menu .bloc-contact p{
background: url(../../../images-v2/commun/f-tel.png) no-repeat center top;
width:135px;
height:20px;
line-height:20px;
font-size:13px;
font-weight:bold;
color:#797672;
padding:0 0 0 27px;
}

/* CHEMIN */
.homepage #chemin{display:none;}
#chemin .c{
background:#fff;
width:960px;
padding:0 20px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
#chemin a,
#chemin span,
#chemin strong{
float:left;
font-size:12px;
color:#69655c;
text-decoration:none;
height:40px;
line-height:40px;
}
#chemin .retour{
float:left;
background: url(../../../images-v2/commun/retour.png) no-repeat left center;
padding:0 0 0 15px;
}
#chemin .sep1{padding:0 16px;}
#chemin .sep2{padding:0 8px;}
#chemin .rub{font-weight:bold;}
#chemin strong{font-weight:normal;}

/* STRUCTURE */
#contenu{}
#contenu .contenu-1,
#contenu .contenu-2,
#contenu .contenu-3,
#contenu .contenu-4{
width:1000px;
background:#fff;
margin:0 auto;
}
#contenu .contenu-1{
background: url(../../../images-v2/commun/f1.png);
padding:0 0 20px 0;
}
#contenu .contenu-1-1{
float:left;
width:775px;
background:#fff;
}
#contenu .contenu-1-2{
float:right;
width:205px;
padding:0 20px 0 0;
margin:104px 0 0 0;
}
#contenu .contenu-2-1{
}
#contenu .contenu-3-1{
float:left;
width:230px;
}
#contenu .contenu-3-2{
float:right;
width:700px;
}
#contenu .contenu-4{
margin-top:-30px;
}
#contenu .contenu-4-1{
float:left;
margin:0 30px 0 0;
width:145px;
}
#contenu .contenu-4-2{
float:left;
width:435px;
}
#contenu .contenu-4-3{
float:right;
margin-top:30px;
}

/* HOME */
.home-2{
margin:0 0 30px 0;
}
.home-1-1,
.home-2-1{
float:left;
width:570px;
}
.home-1-2,
.home-2-2{
float:right;
}
.home-1-2{
background: url(../../../images-v2/commun/f-offres.png) no-repeat center top;
width:390px;
height:164px;
padding:26px 20px 0 20px;
}
.home-2-2{
width:380px;
padding:12px 20px 0 30px;
}

/* FOOTER */
#footer{
clear:both;
}
#footer .footer-0,
#footer .footer-1,
#footer .footer-2,
#footer .footer-3,
#footer .footer-4{
background:url(../../../images/common/sep1.png) repeat-x left top;
width:960px;
padding:20px 0;
margin:0 auto;
overflow:hidden;
zoom:1;
}
#footer .footer-0{
background:none;
padding:0 0 16px 0;
}
#footer .footer-0-1,
#footer .footer-0-2{
float:left;
width:300px;
margin:0 20px 0 0;
}
#footer .footer-0-2{
margin:0;
}
#footer .footer-0-3{
float:right;
width:310px;
}
#footer .footer-0 .t{
background:url(../../../images/common/sep1.png) repeat-x bottom;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:23px;
font-weight:normal;
color:#336886;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
#footer .footer-1{}
#footer .footer-1-1{
float:left;
width:368px;
margin:0 30px 0 0;
}
#footer .footer-1-2{
float:left;
width:222px;
}
#footer .footer-1-3{
float:right;
width:310px;
}
#footer .pourquoi h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#741f19;
}
#footer .pourquoi h3{
font-size:21px;
margin:0 0 10px 0;
}
#footer .pourquoi .visu{
float:left;
margin:0 13px 0 0;
}
#footer .pourquoi .args li{
font-style:italic;
background:url(../../../images/common/puces/8.png) no-repeat left 5px;
padding:0 0 5px 16px;
}
#footer .pourquoi p{
margin: 0 0 10px 0;
}
#footer .pourquoi .paiement{
clear:both;
padding:10px 0 0 0;
overflow:hidden;
zoom:1;
}
#footer .pourquoi .paiement p{
float:left;
font-weight:bold;
color:#336886;
margin:0 10px 0 0;
}
#footer .pourquoi .paiement ul{
float:left;
overflow:hidden;
zoom:1;
}
#footer .pourquoi .paiement li{
float:left;
margin:0 10px 0 0;
}
#footer .social li{
padding:0 0 0 4px;
margin:0 0 5px 0;
}
#footer .social a{
font-size:13px;
color:#336886;
text-decoration:none;
padding:0 0 0 26px;
}
#footer .social .facebook{
background:url(../../../images/common/pictos/facebook.png) no-repeat left center;
}
#footer .social .rss{
background:url(../../../images/common/pictos/rss.png) no-repeat left center;
}
#footer .social .twitter{
background:url(../../../images/common/pictos/twitter.png) no-repeat left center;
}
#footer .footer-2 .f{
background:url(../../../images/common/sep3.png) repeat-y 170px 0;
overflow:hidden;
zoom:1;
}
#footer .footer-2-1{
float:left;
width:155px;
}
#footer .footer-2-1 h3{
font-size:12px;
margin:0 0 10px 0;
}
#footer .footer-2-1 li{
margin:0 0 5px 0;
}
#footer .footer-2-1 a{
font-size:11px;
color:#333333;
text-decoration:none;
}
#footer .footer-2-2{
float:right;
width:765px;
color:#7a7a7a;
}
#footer .seo-1{
font-size:11px;
margin:0 0 20px 0;
}
#footer .seo-2{
font-size:11px;
overflow:hidden;
zoom:1;
}
#footer .seo-2 .col{
float:left;
width:170px;
margin:0 20px 0 0;
}
#footer .seo-2 .col.last{
margin:0;
}
#footer .seo-2 h3{
margin:0 0 8px 0;
}
#footer .seo-2 a{
font-size:11px;
color:#7a7a7a;
text-decoration:none;
}
#footer .footer-3{
font-size:11px;
padding:5px 0;
}
#footer .footer-3 a{
color:#333333;
text-decoration:none;
}
#footer .footer-4{
text-align:center;
padding:10px 0 5px 0;
}
#footer .footer-4 h3{
font-size:12px;
margin:0 0 10px 0;
}
#footer .footer-4 ul{
margin-left:300px;
}
#footer .footer-4 li{
float:left;
margin:0 10px 5px 0;
}
#footer .footer-4 a{
font-size:11px;
color:#333333;
text-decoration:none;
}