
/* general*/

.clear{clear:both !important; display:block !important; float:none !important; width:100% !important; height:0px !important; margin:0 !important; 
padding:0 !important; border:none !important;}

.float_left, *[class*="float_left"]{float:left;}

.float_right, *[class*="float_right"]{float:right;}

.divForNormalMarginTop{height:1px; display:block; position:relative; margin-top:-1px;}

.fleche_bas{position:absolute; right:0px; z-index:9;}

.tablette, .smartphone{display:none !important;}

.position_relative{position:relative;}

.notDisplay{display:none;}

.displayBlock{display:block;}

.displayInLineBlock{display:inline-block; *display:inline; *zoom:1;}

.uppercase{text-transform:uppercase;}

.align_center{text-align:center;}

.align_left{text-align:left;}

.pointer, button, input[type="submit"], input[type="checkbox"]{cursor:pointer;}

.span{margin:0; float:none;}

.bold{font-weight:bold;}

.color_red{color:red;}

.color_orange{color:orange;}


/*------------------------- bootsrap ----------------------*/

.row{margin-left:0;}

.span12{width:100%; margin:0;}


/*------------------------- header ----------------------*/

.container_header{padding-top:10px;}

#header .span_{margin-left:0;}

#header .logo_parent{width:/*239px*/26.26539278131635%; padding-top:18px;}

#header .logo_parent span{color:#00306c; font-family:"Century Gothic"; font-size:12px;}

#header .logo{width:/*431px*/45.75371549893843%; text-align:center; padding-top:50px; margin-left:12px;}

#header .logo img{height:auto;}

#header .block_link_contact{width:/*239px*/25.37154989384289%; text-align:center; float:right;}

#header .block_link_contact a{font-family:"Century Gothic"; font-weight:bold; font-size:20px; color:#fff; line-height:42px; height:42px; width:100%; 
background:url(../images/bg_link_contact.png) no-repeat; display:block; background-size:100% 100%;}



/*----------- slider -------------------------*/

.fleche_slider{width:17px; height:44px; position:absolute; right:0; top:42%; z-index:99999; background:url(../images/fleche_slider.png) no-repeat;}


input:focus:invalid, textarea:focus:invalid, select:focus:invalid{color:#9a9a9a;}

body #top .text input.errorField{border:solid #eb1231 2px; background:#fcc6c6; color:#e81616;}

#top .text p.msg_good_contact{margin-top:80px;}



/*--------------------------------------- content - pictos --------------------------- */

.header_landing{background:#f7f7f4; padding:28px 0 30px 0}

.header_landing p{margin:0;}

.header_landing .pictos{text-align:center;}

.header_landing .pictos ul{margin:0; padding:0;}

.header_landing .pictos ul li{float:none; display:inline-block; *display:inline; *zoom:1; width:150px; margin-right:0; list-style:none; height:148px;
position:relative;}

.header_landing .pictos ul li.li1, .header_landing .pictos ul li.li3{margin-right:10px;}

.header_landing .pictos ul li .p{position:absolute; bottom:0; left:0; width:100%; height:40px; overflow:hidden; font-weight:bold; font-size:16px;
line-height:18px;}

.header_landing .pictos ul li .img{}



/*---------------------------- before_footer -------------------------------*/

.before_footer{}

.demander_devis{text-align:center;}

.demander_devis p{margin:0;}

.demander_devis .pastille_99{position:absolute; right:20px; top:-77px; background:url(../images/pastille_99.png) no-repeat;
width:134px; height:138px;}

.demander_devis h2{color:#2a2a2a; font-family:titillium_webbold; font-size:23px; line-height:30px; margin-bottom:23px; margin-top:0;}

.demander_devis .link_contact_devis a{display:inline-block; background:url(../images/demander_devis.png) no-repeat; width:291px; height:38px; line-height:38px;
overflow:hidden; white-space:nowrap; color:#fff; font-family:"Century Gothic"; font-weight:bold; font-size:14.18px; text-transform:uppercase;}


.liens_encarts_footer{background:#ef8a1b; margin-top:108px;}

.liens_encarts_footer .margin_container{width:/*851px*/90.33970276008493%; margin:0 auto;}

.liens_encarts_footer p{margin:0;}

.liens_encarts_footer ul{margin:0; margin-top:-80px; padding:0;}

.liens_encarts_footer ul li{list-style:none; float:left; margin-right:/*95px*/11.16333725029377%; margin-bottom:24px; width:136px; height:136px; padding:3px; 
border:solid 1px #d0d0d0; background:#fff;}

.liens_encarts_footer ul li .img{text-align:center; overflow:hidden; max-height:110px;}

.liens_encarts_footer ul li h3{font-family:"Century Gothic"; font-weight:bold; font-size:18px; text-transform:uppercase; color:#fff; background:#ef8a1b;
margin:0; line-height:24px; height:24px; white-space:nowrap; overflow:hidden; text-align:center;}

.liens_encarts_footer ul li.last{margin-right:0;}

.liens_encarts_footer ul li.last h3{font-size:12.5px; line-height:11px; padding-top:1px;}



/*----------- footer -------------------------*/

.scrollup{display:none;}

.footer-copyright .container .margin_container{margin:0 /*21px*/2.229299363057325% 0 /*47px*/4.989384288747346%; width:/*875px*/92.88747346072187%;}

.footer-copyright .title{font-family:"Century Gothic"; font-size:26px; margin-bottom:22px; text-align:center;}

.footer-copyright .span_{margin-left:0;}

.footer-copyright img{margin:0;}


.footer-copyright .img_cheque{width:/*242px*/27.65714285714286%; padding-top:16px;}

.footer-copyright .bloc_logo_footer{width:/*347px*/39.65714285714286%; text-align:center;}

.footer-copyright .social_links{width:/*286px*/32.68571428571429%; float:right; padding-top:46px; text-align:right;}

.footer-copyright .social_links ul li{float:none; list-style:none; margin-right:30px;}

.footer-copyright .social_links ul li.last{margin-right:0;}

.footer-copyright .social_links ul li a{display:block;}


.footer-copyright .copyright{margin-top:12px;}

.footer-copyright .copyright a{color:#fff; text-decoration:underline;}









