/* CSS RESET éà */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:lato;
	font-weight:400;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
#body-container, #header, #columns, #left_column, #right_column, #avis-legal, #footer_text, #footer_img img, #footer_slogan{float:left;}

/* #####################
		TEMPLATE
   #####################*/
.message_container {background: #ff5d5d;padding: 20px 0;position: relative;z-index: 100000;}
.message_container .message_content {display: flex; flex-wrap: wrap; align-items: center;}
.message_container .message_content .text {flex: 0 0 auto;}
.message_container .message_content .text p {color: #fff;font-size: 28px;line-height: 1.2em;margin: 0;}
.message_container .message_content .text p strong {color: inherit; font-weight: 700;}
.message_container .message_content .pdf_link {flex: 0 0 auto;margin-left: auto;}
.message_container .message_content .pdf_link .btn.contact {padding: 15px 20px;font-size: 18px;text-decoration: none;text-transform: uppercase;color: #fff;background: #0368b9;display: inline-block;}
@media (max-width: 767px) {
  .message_container .message_content {flex-direction: column;}
  .message_container .message_content .text p {text-align: center;}
  .message_container .message_content .pdf_link {margin: 10px auto 0;}
}


body{background:#fff; background-repeat: repeat-x}
#body-container{width:100%;}
#container{width:960px; margin:auto;}

.new{color:#fcff00;font-size:8px}

#header{width:100%;}
#logo_titre{float: left; width: 100%; height: 164px;}
#logo{float: left; width: 365px; height: 164px;}
#info_head{float: left; width: 595px;}
#menu{float: left; width: 545px; margin-top: 45px; margin-left: 40px}
#banniere{float: left; width: 100%; margin-top: 40px; height: 275px}
#slider{float: left; width: 550px; margin-bottom: 60px;}
#street_view{float: left; width: 100%;}
#shadow_banniere{float: left; width: 550px; height: 27px; position: relative; z-index: 1; margin-top: -75px; background-image: url(images/slider_shadow.png)}
#shadow_banniere_cp{float: left; width: 550px; height: 27px; position: relative; z-index: 1; margin-top: -15px; background-image: url(images/slider_shadow.png)}
#promo_produit_conseil{float: left; width: 395px; margin-left: 15px;}
#promo{float: left; width: 100%;}
#promoText{float: left; width: 116px; height: 38px; background-color: #004eff; text-align: center; padding-top: 90px}
#promoText span{font-family: 'Arial black'; font-size: 25px; color: #fff; font-weight: bold;}
#promo img{width: 278px;}
#columns {width:100%; margin-top: 60px}
#left_column{width:730px;}
#right_column{width:230px;}
#shadow{float: left; width: 6px; min-height: 419px; background-image: url(images/shadow_right.png); background-repeat: no-repeat}
#right_content{float: left; width: 232px; background-color: #fff; padding-left: 12px; padding-right: 10px}
#fb_tel{float: left; width: 100%; margin-top: 10px;}
#fb_tel a{margin-left: 10px; float: left; margin-top: 10px;}
#heures{float: left; width: 230px; border-top: dashed 1px #5e5e5e;border-bottom: dashed 1px #5e5e5e; margin-top: 15px; padding-bottom:8px;}
#heures1{float: left; width: 230px; margin-top: 15px}
#bottom_container{float: left; width: 100%;  padding-top: 15px; margin-top: 45px;}
#bottom_center{width: 100%; float: left; margin-top: 20px; background-color: #1c1c1c; padding-top: 53px;}
#bottom{width: 960px; margin: auto}
#bottom_right{float: left; width: 240px}
#benjamin_lauzon{float: left; width: 100%;}
#benjamin_lauzon img{float: left;width: 100px;margin-left: 8px;}
#couvre_plancher_produis, #services, #faq, #formulaire, #nouvelles{float: left; width: 100%; margin-top: 20px;}
#couvre_plancher_produis img, #services img{float: left; width: 160px; padding: 5px; background-color: #fff; border: solid 2px #d1d1d1; margin-right: 15px;}
#bottom_shadow{float: left; width: 100%; height: 12px; margin-top: 20px; background-image: url(images/bottom_shadow.png); background-repeat: no-repeat}
#map_contact{float: left; width: 220px; height: 118px}
#formulaire{float: left; width: 650px; padding-right: 50px; margin-top: 30px}
#formulaire input[type=text]{float: left; width: 100%; height: 25px; margin-top: 3px; border: solid 1px #bdbdbd; margin-bottom: 25px}
#formulaire input[type=radio]{float: left; margin-right: 5px; margin-top: -3px}
label{display: block; font-family: "bitter"; font-weight:900;  font-size: 14px; color: #Courgette; }
#prefer{float: left; width: 100%; margin-top: 0px;}
#prefer p{float: left; width: 293px; font-family: "bitter"; font-weight:900;  font-size: 14px; color: #000;}
#prefer span{float: left; width: 78px; font-family: Arial; font-size: 12px; color: #000;}
#desir{float: left; width: 100%; margin-top: 50px}
#desir p{float: left; width: 213px; font-family: "bitter"; font-weight:900;  font-size: 14px; color: #000;}
#desir select{float: left; width: 340px;}
#desir select span{font-size: 12px; color: #000; margin-bottom: 5px; margin-left: 10px}
#infos_sup{float: left; width: 100%; margin-top: 15px}
#infos_sup p{float: left; width: 440px; margin-left: 20px; font-size: 14px; color: #000; margin-bottom: 20px; margin-top: 10px}
#infos_sup select.width_comp{float: left; width: 190px;margin-top:7px; margin-bottom: 20px}
#infos_sup select.width_petit{float: left; margin-left: 10px; width: 101px; margin-top:7px; margin-bottom: 20px; margin-top: 5px!important}
#infos_sup input[type=text]{float: left; width: 75px!important; height: 28px; margin-bottom: 20px}
#grey{float: left; width: 100%; margin-top: 10px; height: 9px; background-color: #cdcdcd;}
#entendu_parle{float: left; width: 100%; margin-top: 20px}
#entendu_parle p{float: left; width: 390px; font-family: "bitter"; font-weight:900;  font-size: 14px; color: #000; margin-top: 10px}
#entendu_parle select{float: left; width: 260px; margin-top:7px;}
#entendu_parle textarea{float: left; width: 100%; margin-top: 10px; height: 80px;}
#formulaire input[type=submit]{float: left; width: 100px; cursor:pointer; padding-top: 6px; padding-bottom: 6px; margin-top: 20px; text-align: center; background-color: #003bc0; border: none; font-family: "bitter"; font-weight:900;  font-size: 16px; color: #fff;}
#images_prod{float: left; width: 100%; margin-top: 25px;}
#images_prod img{float: left; border: solid 1px #cfcfcf; width: 92px; height: 92px; padding: 3px; margin-right: 15px; margin-bottom: 10px}
img.beto{float: left; width: 49%;margin-top: 42px;}
img.mor{float: left; width: 23%; margin-top: 28px; margin-left: 20px}


#faq ul{float: left; width: 100%; margin-top: 30px;}
#faq li{display : list-item; list-style-image : url(images/puce_faq.png); margin-left: 30px; margin-bottom: 25px; font-family: "bitter"; font-weight:900;  font-size: 15px; color: #000;}
#faq li a{font-family: "bitter"; font-weight:900;  font-size: 15px; color: #000; text-decoration: none; cursor:pointer}



#reponse{float: left; width: 85%; margin-top: 10px; padding-right: 15%; padding-top: 20px}
#reponse p{float: left; width: 100%; margin-top: 20px; font-size: 12px; color: #626262; line-height: 16px}
.une_reponse{float: left; width: 100%; padding-top: 20px; padding-bottom: 5px}

a.prod{float: left; width: 90px; height: 149px; margin-right: 10px; text-align: center; display:block; text-decoration:none;}
.prod1{background-image: url(images/ceramique.jpg)}
.prod2{background-image: url(images/bois_franc.jpg)}
.prod3{background-image: url(images/tapis.jpg)}
.prod4{background-image: url(images/plancher_flottant.jpg)}
.prod5{background-image: url(images/vinyle.jpg)}
.prod6{background-image: url(images/tuile.jpg)}
.prod7{background-image: url(images/liege.jpg)}
.un_menu{float: left; width: 240px;  padding-bottom: 10px;}
.une_menu_1{float: left; width: 100%;}
.une_menu ul{float: left; width: 100%; margin-top: 20px}
.une_menu_1 ul{float: left; width: 50%!important; margin-bottom: 25px}
.un_prod, .un_service{float: left; width: 100%; margin-top: 20px;}
.un_prod p, .un_service p{font-size: 12px; color: #626262; line-height: 17px; margin-right: 45px; margin-top: 5px; padding-bottom: 8px}
.un_prod a, .un_service a{font-size: 12px; color: #004eff; text-decoration: none;}
.un_prod a{cursor: pointer}
.dashed{float: left; width: 100%; border-top: dashed 1px #5e5e5e; margin-top: 5px}
.reco_pro{float: left; width: 100%; margin-top: 10px;}
.reco_pro a{float: left; width: 100%; text-decoration: none}
.reco_pro img{float: left; width: 42px; height: 42px; margin-top: 8px; margin-right: 8px}
.reco_pro p{margin-top: 8px; margin-right: 8px; font-size: 15px; color: #626262; line-height: 20px; text-transform: uppercase}
.form_left{float: left; width: 290px;}
.form_right{float: left; width: 290px; margin-left: 40px;}
.form_left p, .form_right p{float: left; width: 100%; margin-top: 12px; font-size: 14px; color: #000;}
.form_left p span, .form_right p span{margin-top:2px; display:block; font-size: 14px; color: #000;}
.form_left input[type=checkbox], .form_right input[type=checkbox]{float: left; margin-left: 10px; margin-right: 8px; width: 11px; height: 11px;}
.errorHighlight{border: solid 1px red!important;}
.une_nouvelle{float: left; width: 100%; margin-top: 15px;}
.une_nouvelle img{float: left; width: 175px; height: 175px; border: solid 1px #d1d1d1; padding: 3px;}
.une_nouvelle span{float: left; width: 440px; font-family: "bitter"; font-weight:900;  font-size: 18px; color:#000; margin-top: 10px; margin-left: 20px;display:block;margin-bottom:15px;}
.une_nouvelle p{float: left; width: 440px; font-size: 12px; color:#626262; margin-top: 0px; margin-left: 20px; line-height: 16px;}
.une_nouvelle p a{margin-left: 0;}
.une_nouvelle h2{float:left; margin-left: 20px;}
.une_nouvelle a{float: left; width: 200px; font-size: 12px; color:#004eff; margin-top: 5px; margin-left: 20px}
.nouvelle{float: left; width: 100%; margin-top: 15px;}
.nouvelle img{border: solid 1px #d1d1d1; padding: 3px; margin-right: 20px; max-width: 100%}
.nouvelle span{font-family: "bitter"; font-weight:900;  font-size: 18px; color:#000; margin-top: 10px;display:block;margin-bottom:15px;}
.nouvelle p{font-size: 16px; color:#000; margin-top: 0px; line-height: 22px; margin-right: 50px}
.nouvelle a{float: left; font-size: 12px; color:#004eff; margin-top: 15px; margin-bottom:15px;}
.titrenouvelle2019{font-size: 22px!important; margin-left:0!important; width: auto!important;
    text-decoration: none!important;
    color: #000!important;
    line-height: 26px!important;}
.nouvelle ol{list-style-type:decimal; font-size:12px;}
.nouvelle ol li{margin-left:38px;}
#newsContent{float:left; width:100%; margin-top:10px;}
.cl p{float: none!important; margin-top: 10px!important}
.cl a{display: block;}
.otherwhychange{float: left; width: 100%; margin-top: -15px; text-align: right}
#comment_reno_other{float: right!important}
#bottom li{float: left; width: calc(100% - 15px); margin-left: 15px; display : list-item; list-style-image : url(images/puce_bottom.jpg); font-family: arial; font-size: 12px; color: #717171; margin-bottom: 8px}
#bottom li a{text-decoration: none; color:#717171;  font-family: arial; font-size: 12px; }
#entendu_other{float: right!important; width: 260px!important; margin-top: 7px!important}

img.first{float: left; width: 226px; height: 257px; margin-top: 30px; margin-right: 15px;}
img.shop{float: left; width: 220px; height: 118px; margin-top: 10px;}
img.fb_bottom{float: left; width: 30px; height: 33px;}
img.banniere_img{float: left; width: 100%; position: relative; z-index: 2}

h2.index{float: left; font-family: "bitter"; font-weight:900;  font-size: 24px; color: #004eff; margin-top:29px; width: 459px; margin-bottom: 10px; padding-right:25px;}

h4{float: left; width: 100%; font-family: "bitter"; font-weight:900;  font-size: 20px; color: #fcfcfc; margin-bottom: 10px; width: 100%}

p.head{float: left;margin-left: 25px;font-family: "bitter"; font-weight:900; font-size: 14px;color: #171717;margin-top: 5px;margin-right: 10px;}
p.index_left{float: left; font-family: arial; font-size: 13px; color: #626262; line-height: 19px; width: 424px; margin-top: 20px; margin-right: 35px; padding-right:25px;}
p.index_left.no-width{width: 100%;}
p.section_nav_top{float: left; margin-top: 0x; width: 100%; font-family: "bitter"; font-weight:900;  font-size: 24px; color: #004eff;}
p.extramargin{margin-top:20px;}
p.section_nav_top a{font-family: "bitter"; font-weight:900;  font-size: 24px; color: #004eff; text-decoration: none}
p.deja_50_desc{float: left; font-family: Arial; font-size: 12px; color: #626262; line-height: 16px; margin-top: 10px; margin-right: 15px;}
p.service_des{float: left; width: 100%; margin-top: 25px; font-family: Arial; font-size: 12px; color: #626262; margin-right: 50px; line-height: 19px;}
p.bande{float: left; width: 643px; margin-top: 30px; background-color: #cdcdcd; padding: 7px 0 7px 7px; font-family: Arial; font-size: 12px; color: #000; font-weight: normal; text-transform: uppercase}
p.poli{float: left; width: 100%; margin-top: 20px; font-family: Arial; font-size: 12px; color: #1c1c1c; line-height: 18px}
p.poli a{font-family: Arial; font-size: 12px; color: #003bc0;}
p.prod_desc{float: left;  margin-top: 30px; margin-right: 50px; font-family: Arial; font-size: 12px; color: #626262; line-height: 18px}
p.prod_desc strong{font-weight: 700;}
p.prod_marque_desc{float: left;  margin-top: 30px; margin-right: 0px; font-family: "bitter"; font-weight:900;  font-size: 18px; color: #626262; line-height: 18px;width:100%}
#prod_desc_b{float: left; margin-right:20px; font-family: Arial; font-size: 12px; color: #626262; line-height: 18px; width:470px;}
#ul_prod_desc_b{float: left;  margin-top: 0px; margin-right: 0px; width:170px }
#ul_prod_desc_b ul{float: left; font-family: Arial; font-size: 12px; color: #626262; line-height: 18px; list-style: url(images/puce_bottom.jpg); margin-left: 20px; margin-top: 10px;}
#ul_prod_desc_img{float: left; width:170px;margin-top: 30px;}
#ul_prod_desc_betonel{float: left; background-image:url(images/betonel.png); width:170px; height:46px;}
#ul_prod_desc_benj{float: left; background-image: url(images/benjamin_moore2.png); width:170px; height:90px;margin-top: 30px;}


a.logo{float: left; width: 365px; height: 164px; margin-right: 30px;}
a.facebook_english{font-family: Arial; font-size: 12px; color: #171717; font-weight: bold; text-transform: uppercase; text-decoration:none;}
a.absol{float: right; position: fixed; right: 0; width: 34px; height: 60px; top: 128px;}
a.produits{float: left; width: 190px; height: 134px; margin-top: 14px}
a.conseils{float: left; width: 190px; height: 134px; margin-left: 15px; margin-top: 14px}
a.btn_bottom_contact{float: left;width: 125px;margin-top: 15px;text-decoration: none;text-align: center;padding-top: 6px;padding-bottom: 6px;background-color: #003bc0;font-family: "bitter"; font-weight:900; font-size: 16px;color: #fff;}
a.btn_bottom_soumission{float: left; width: 206px; margin-top: 15px; text-decoration: none; text-align: center; padding-top: 6px; padding-bottom: 6px; background-color: #003bc0; font-family: "bitter"; font-weight:900;  font-size: 16px; color: #fff;}
a.fb_bottom{float: left;width: 30px;height: 30px;margin-left: 10px;margin-top: 15px;}
a.fb_bottom img{float: left; width: 30px; height: 30px;}
a.histo_suite{float: right; margin-top: 15px; width: 145px; text-align: center; padding-top: 8px; padding-bottom: 8px; background-color: #004eff; font-family: "bitter"; font-weight:900;  font-size: 14px; color: #fff; text-decoration: none}
a.top{float: right;  font-family: Arial; font-size: 12px; color: #004eff; text-decoration: none; cursor:pointer; margin-top: 10px}
a.promotion{float: left; width: 660px; height: 304px; margin-top: -5px; background-image: url(images/prom.jpg);}

span.adr{font-family: "bitter"; font-weight:900;  font-size: 14px; color: #171717;}
span.tel{font-family: Arial; font-size: 13px; color: #171717; font-weight: bold}
span.prod_name{display: block; margin-top: 115px; font-family: Arial; font-size: 11px; color: #fff; font-weight: bold; text-transform: uppercase}
span.nadon{font-family: "bitter"; font-weight:900;  font-size: 16px; color: #424242; line-height: 21px;}
span.nodon_et_fils{display: block; margin-top: 20px; font-family: "bitter"; font-weight:900;  font-size: 23px; color: #1c1c1c;}
span.adresse{float: left; margin-top: 15px; font-family: Arial; font-size: 13px; color: #1c1c1c; line-height: 17px}
span.tel1{float: left;width: 100%;margin-left: 10px;font-family: Arial;font-size: 19px;color: #004eff;font-size: 19px;margin-top: 10px;display: block;font-weight:  700;}
span.business_hours{display: block; margin-top: 10px; font-family: Arial; font-size: 14px; color: #3a3939; font-weight: bold; text-transform: uppercase}
span.business_hours_cp{display: block; margin-top: 10px; margin-bottom: 10px; font-family: "bitter"; font-weight:900;  font-size: 23px; color: #1c1c1c; font-weight: 400;}
span.days_hours{display: block; margin-top: 5px; font-family: Arial; font-size: 13px; color: #5e5e5e; }
span.days_hours.red{color: red; line-height: 16px; font-size: 12px;}
span.bold{font-weight: bold}
span.adr_bottom{float: left; margin-top: 10px;  font-family: Arial; font-size: 13px; color: #616161;}
span.produit_nom, .service_nom{display: block; margin-top: 8px; font-family: "bitter"; font-weight:900;  font-size: 18px; color: #000;}
span.produit_recomm, span.deja_50ans{float: left; margin-top: 20px; font-family: "bitter"; font-weight:900;  font-size: 23px; color: #004eff;}
span.reponse_t{float: left; width: 100%; font-family: "bitter"; font-weight:900;  font-size: 20px; color: #626262;}


#historique{width:660px; padding:20px; background:#fff; line-height:18px; font-size:12px;float:left}
#historique p{margin:0 0 10px 0; color:#626262;}
#historique h2{font-size:18px; font-family:Courgette; font-weight:400; margin-bottom:12px;}

.load-more{float:left;width:100%;cursor:pointer;background:#003bc0;text-align:center;color:#fff;font-size:20px;padding:15px 0;margin-top:20px}

#fox{width:435px; float:left; background:#d6d6d6; padding:15px;}
#fox h3{width:435px; float:left; margin-bottom:10px; font-size:18px; color:#3a3a3a;}
#fox_left{width:145px; float:left;}
#fox_left p{font-size:14px; margin-bottom:35px; color:#3a3a3a;}
#fox_right{width:280px; float:left;}
#fox_right input{width:278px; height:33px; border:1px solid #898989; background:#fff; margin-bottom:13px;}
#fox_right textarea{width:278px; height:135px; border:1px solid #898989; background:#fff; margin-bottom:15px;}
input#fox-submit{width:100px; background:#454545; padding:10px 15px; color:#fff; float:right; padding-top:8px;}
#form_errors{width:393px; padding:15px; background:#ababab; border:1px solid #4f4f4f; font-size:11px; font-weight:bold; margin:10px 0; float:left;}
#form_sent{font-size:15px; color:#000; font-weight:bold; margin-bottom:10px; border:1px solid #4f4f4f;background:#ababab; float:left; width:96%; padding:5px 0 5px 1%;}

#intact{margin-left:15px; width:366px; border:2px solid #d6d6d6; padding:15px; float:left;}
#intact h3{margin-bottom:10px; font-size:18px; color:#3a3a3a;}
#intact p{font-size:13px; line-height:21px; color:#666; font-weight:bold; margin-bottom:10px;}

#legal{width:920px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#legal p{margin:0 0 10px 0}
#politique{width:920px; padding:20px; background:#fff; line-height:18px; font-size:12px;}
#politique p{margin:0 0 10px 0}

#footer_box{width:100%; float:left; background:#151515; padding:0 0px 35px 0px; margin:0 0 0 0}
#footer{margin:auto; width: 960px; padding-top: 40px; color: #fff; font-size: 12px}
#footer_left{float: left; width: 380px;}
#footer_left p.nadon{float: left; width: 100%; font-family: Arial; font-size: 12px; color: #4a4a4a; line-height: 20px}
#footer_left p.avis_politique{float: left; width: 100%; font-family: Arial; font-size: 12px; color: #4a4a4a; line-height: 20px}
#footer_left a{font-family: Arial; font-size: 12px; color: #4a4a4a; line-height: 20px}
#footer_right{float: right; width: 301px;}
#footer_right a{float: left; width: 301px; height: 84px; background-image: url(images/yannick.png); margin-top: -20px}
#footer_text{text-align: left; width: 650px; line-height: 22px; margin: 10px 0 0 0}
#footer_text a{color: #fff}
#footer_img{float: right; width: 170px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px}
#footer_slogan a{color: #ddd; text-decoration: none}


/*Boite qui flotte newsletter*/
.nl_box{position: fixed;z-index: 999;width: 329px;background: #fff;right: 151px;bottom: 0px;float:left;background: linear-gradient(to bottom, #ffffff 77%,#cccccc 100%); }
.nl_box h4{font-size:21px;color:#0098ff;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif}
.nl_body{padding: 11px 15px;float:left;padding-top: 7px;height: 151px;}
.nl_body form input[type='text']{width: 95%;color:#575757;height: 25px;margin-top: 7px;padding: 0 0 0 3%;}
::-webkit-input-placeholder {color: #575757;}
:-moz-placeholder { /* Firefox 18- */ color: #575757;}
::-moz-placeholder {  /* Firefox 19+ */ color: #575757;}
:-ms-input-placeholder {color: #575757;}
input[type='submit'].nl_submit{text-transform:uppercase;background: linear-gradient(to bottom, #4265b1 38%,#053397 100%);  color:#fff;text-align:center;border: 0;font-size: 16px;width: 100%;padding: 8px 0;margin-top: 10px;}
.nl_box #subscribeForm label{display:inline;margin-right:50px;font-family:Arial, Helvetica, sans-serif}
.nl_box .close_box,.nl_box .open_box {position:absolute;margin-top: -17px;margin-left: 310px;cursor: pointer;}

/*===================================================MENU=================================================================*/
/*
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      {font-family: "bitter"; font-weight:900;  font-size: 21px; float: left; zoom: 1;}
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    {font-family: "bitter"; font-weight:900;  color: #fff; font-size: 21px; display: block; padding: 4px 15px; color: #fff; text-decoration: none}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background-image: url(images/menu_bck.jpg); color: black; position: relative; }
ul.dropdown li.hover a              { color: #fff; }


/*
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 1000; background-image: url(images/menu_bck.jpg); border-left: solid 1px #2c2c2c}
ul.dropdown ul li 					{ font-weight: normal; background-image: url(images/menu_bck.jpg); color: #717171!important; width: 100%;
									   border-bottom: 1px solid #2c2c2c; /*float:*/ none; padding-top: 10px; padding-bottom: 7px; position:relative; z-index: 10000}
ul.dropdown ul.thumbnail-menu-ul	{background-image:none; background-color:transparent; width:auto; border:none; margin-top:-28px; margin-left:-26px;}
ul.dropdown li.thumbnail-menu		{ background-image:none; background-color:transparent; position:relative; width:auto; border:none;}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; font-family: Arial; font-size: 14px; color: #717171!important; text-transform: uppercase}

ul.dropdown ul li a:hover	 {color: #fff!important}

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
/*=====================================================FIN MENU=======================================================================*/

/*=====================================================SLIDER===============================================================================*/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#banner-fade,
#banner-slide{
	margin-left: 0px;
	margin-top: 0px;
	position: relative; z-index: 2!important;
}


ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

.next{width: 43px; height: 52px; background-image: url(images/right.png); background-repeat: no-repeat; position:relative; z-index: 30;}
.prev{width: 43px; height: 52px; background-image: url(images/left.png); background-repeat: no-repeat;position:relative; z-index: 30;}
/*=====================================================FIN SLIDER===============================================================================*/


/* Page newsletter */
.subscribeForm{float:left; width:100%;margin-top: 8px;}
.subscribeForm .subscribeTable{float:left; width:100%;}
.subscribeForm .subscribeTable tbody{float:left; width:100%;}
.subscribeForm .subscribeTable tbody tr{float:left; width:100%;}
.subscribeForm .subscribeTable tbody tr td{float:left; width:90%; font-size:15px; line-height:20px; font-weight:400; color:#000; text-transform:uppercase; margin-bottom:5px;}
.subscribeForm .subscribeTable input[type=text]{float:left; width:80%; padding:0px 1%; margin-bottom:15px; height:29px; font-size:20px; line-height:20px; font-weight:400; color:#000;}
.subscribeForm .subscribeTable input[type=submit]{float:left; font-size:19px; line-height:20px; font-weight:400; text-transform:uppercase; color:#fff; padding:12px 18px; background:#014EFF; border:0px; -webkit-appearance: none; pointer:cursor}
.subscribeForm .subscribeTable input[type=radio]{margin-left:30px;}
.subscribeForm  .subscribeSalutInput{margin-bottom:20px !important; margin-left:-30px;}

.subscribeForm label{float:left; width:90%; font-size:15px; line-height:20px; font-weight:400; color:#000; text-transform:uppercase; margin-bottom:5px; font-family: 'Arial', sans-serif;}
.subscribeForm input[type=text]{float:left;width: 90%;padding: 5px 1%;margin-bottom:15px;height:29px;font-size:20px;line-height:20px;font-weight:400;color:#000;}
.subscribeForm  input[type=submit]{float:left;font-size:19px;line-height:20px;font-weight:400;text-transform:uppercase;color:#fff;padding:12px 18px;background:#014EFF;border:0px;-webkit-appearance: none;cursor: pointer;}

/* Pop Up Newsletter */
.overlay{position:fixed; z-index: 9999; width: 100%; height: 100%; left: 0; background: rgba(0,0,0,0.55);}
.close-popup{float: right; margin-bottom: -25px; cursor: pointer; padding: 5px; position:relative;}
.nl_popup{margin: 100px auto 0;display:  block;width: 440px;}
.nl_popup_body{float: left;padding: 20px 29px;background: url(images/popupnl-bg.jpg) center center / cover no-repeat;text-align: center;-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);}
.nl_popup_body h4{font-size: 32px;font-family: "Oswald", sans-serif;color: #004eff;}
.nl_popup_body p{font-size: 20px;}
.nl_popup_body p span{display: block; font-size: 25px; font-family: "Oswald", sans-serif; font-weight: 700; margin: 5px 0;}
.nl_popup_body ul{float: left; text-align: left; margin: 20px 0 0 50px;}
.nl_popup_body ul li{font-size: 17px;font-weight: 700;margin-bottom: 15px;}
.nl_popup_body ul li:before{content: url(images/popupnl-puce.png);margin: -4px 10px 0px 0;float:  left;}
.nl_popup_body .subscribeForm  input[type=submit]{float: right; border-radius: 5px; padding: 12px 40px; text-transform: none;}
.nl_popup_body .subscribeForm  input[type=text]{border-radius: 5px;border: none;padding: 5px 5%;}

/*---------------------------------------------------------------------------------------------*/

.width100{width:100%; float:left;}
.width960{width:960px; margin:0 auto;}
.top-bande{background:#414141; padding:4px 0;}
.btn-top-header:link, .btn-top-header:visited{display:block; float:right; color:#fff; font-size:12px; text-decoration: none; margin-right:22px;}
.btn-top-header:hover, .btn-top-header:active{display:block; float:right; color:#fff; font-size:12px; text-decoration: underline; margin-right:22px;}
.btn-top-header span{font-weight:900;}
.email-top{padding-left:18px; background:url(images/ico-courriel.png) no-repeat left center;}
.tel-top-header{display:block; float:right; padding-left:18px; background:url(images/ico-tel.png) no-repeat left center; color:#fff; font-size:12px;}
.header-logos{background:#fff;}
.header-logos-img{padding:15px 0;}
.new-logo{float:left;}
.new-deco{float:right; padding: 10px 25px; background-color: #2a2a2a; max-width: 240px; margin-top: 20px;}
.new-deco img{width: 100%; object-fit: contain; object-position: center;}
.header-nav{background:#0368b9;}
.new-nav{width:875px; float:left; padding:12px;}
.new-nav li{float:left; margin-right:28px; font-size:23px; text-transform:uppercase;margin-bottom: 6px;}
.new-nav li a:link, .new-nav li a:visited {font-size:14px; padding:15px 0; text-decoration:none; color:#fff; font-family:"bitter"; font-weight:400; }
.new-nav li a.drop-fleche:link, .new-nav li a.drop-fleche:visited{padding-right:15px;}

.new-nav li a:hover, .new-nav li a:active {padding:15px 0; font-size:14px; text-decoration:none; color:#a4d3f8; font-family:"bitter"; font-weight:400;text-shadow: 1px 1px 1px #04c; }
.drop-fleche{padding-right:15px; background:url(images/fleche-drop.png) no-repeat right 17px;}
li.produits_drop{position:relative}
li.produits_drop::before {content: '';height: 21px;width: 100%;display: block;position: absolute;bottom: -21px;}
.new-drop-down{width:210px; padding:12px; float:left; background:#000; color:#fff;position:absolute;visibility:hidden;margin-top:18px;}
.new-drop-down.different-height{min-height:310px;}
.new-drop-down:last-of-type{left:199px;}
.new-drop-down.concours{left:0;}
.new-nav li:hover > .new-drop-down{visibility:visible;z-index:99999999}
.new-drop-down:first-of-type{padding-bottom:28px;}
.new-drop-down li{list-style:none;  text-transform:none; margin-bottom:15px; font-size:15px;width:100%}
.new-drop-down li span{font-family:"bitter"; font-weight:900;}
.new-drop-down li span{color:#fff;}
.new-drop-down li a{text-decoration:none; color:#fff; margin-top:0;}
.ico-fb{float:right; margin: 16px 0 0 15px}
.ico-ig{float:right; margin: 16px 0 0 0}

.big-slider-cont{background:#b6b6b6;}
.barre-4icon-100{background:#666; margin-top: -2px;}
.btnbar{margin-right:15px; float:left; width:228px; background:#2a2a2a; text-align:center; height:141px;}
.last{margin-right:0!important;}
.icon4:link, .icon4:visited{margin:12px auto 13px; display: block;}
.icon4:hover, .icon4:active{margin:10px auto 15px; display: block;}
.txt4:link, .txt4:visited{color:#fff; text-decoration:none; font-weight:900; font-family:"bitter"; font-weight:900; margin-bottom:11px; display: block; font-size:22px;}
.txt4:hover, .txt4:active{color:#c6c6c6; text-decoration:none; font-weight:900; font-family:"bitter"; font-weight:900; margin-bottom:21px; display: block; font-size:22px;}
.bandeau-top{background:url(images/bg-floor.jpg) no-repeat center top;}
.titre-band h1{color:#fff; font-family:"bitter"; font-weight:400; padding:15px 0 15px 12px; margin:32px 0 20px; font-size:42px; border-left:5px solid #0368b9;}


.bx-wrapper{width:960px; margin:0 auto 63px !important; border:none!important; moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
.bx-wrapper a{display:block}
.bx-wrapper .bx-pager{margin-top: -71px!important; padding: 0!important; margin-bottom:0!important; position:relative!important; bottom: -44px!important;}





.bx-wrapper .bx-controls-direction a{margin-top: 36px!important}