/* Le style 
================================================== */
.bloc100 {position: relative; float: left; width: 100%; }
.bloc98 {position: relative; float: left; width: 98%; margin-left: 1%;}
.inline {display: inline-block;}
.blocleft {position: relative; float: left; }
.blocright {position: relative; float: right; }
.calleft {text-align: left; }
.calright {text-align: right; }
.decleft {margin-left: 15px; }
.dec15sides {margin-left: 15px; margin-right: 15px;}
.dec5sides {margin-left: 5px; margin-right: 5px;}
.dectop {margin-top: 15px; }
.moinsgros {font-size: 80%; }
.plusgros {font-size: 120%; }
.tjustify {text-align: justify;}
.w100 {width: 100%; text-align: center;}
.centre {text-align: center;}
.centre_dv {margin: 0 auto;}
.content_bis {position: relative;} 
.content_bis img { width: 100%;}
.bloc_devis {width: 200px; padding : 10px; background: #9d0d21; color:  #fff; font-weight: bold; margin: 0 auto;}
.margtop20 {margin-top: 20px;}
.margtop30 {margin-top: 30px;}
.margtop40, .margtop40pasmob, .margtop40_bis {margin-top: 40px;}
.margtop50 {margin-top: 50px;}
.margbot20 {margin-bottom: 20px;}
.margbot30 {margin-bottom: 30px;}
.margbot50 {margin-bottom: 50px;}
.margbot60 {margin-bottom: 60px;}
.margtop50- {margin-top: -50px;}
.margbot50- {margin-bottom: -50px;}
.margbot100- {margin-bottom: -100px;}
.padbot50 {padding-bottom: 50px;}
.padtop50 {padding-top: 50px;}
.z10000 {z-index: 10000;}
.z10000- {z-index: -10000;}
.z20000 {z-index: 20000;}
.btn-group-bis {position: absolute; top: 10px; left: 10px; background-color:#000; padding:2px 5px 2px 5px; line-height:18px; color: fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px #fff solid; }
.btn-group-bis a:link { color: #f2f2f2; }
.dropdown-menu {padding:2px 5px 2px 5px;}
.fondrouge {background: #9d0d21;}
.bordure {border: 1px solid black;}
.fondgris {background: #cccccc;}
.fondblanc {background: #fff;}
.fondnoir {background: #000;}
.bloc46 {position: relative; float: left; width: 46%; margin-left: 2%; }
.bloc32 {position: relative; float: left; width: 32%; margin-left: 1%; }
.bloc18 {position: relative; float: left; width: 18%; margin-left: 1%; margin-right: 1%;}
.bloc23, .bloc23g, .bloc23d  {position: relative; float: left; width: 23%; margin-left: 1%; margin-right: 1%; }
.bloc31 {position: relative; float: left; width: 31%; margin-left: 1%; margin-right: 1%;}
.bloc80, .bloc80resp {position: relative; float: left; width: 80%; margin-left: 10%; margin-right: 10%;}
.bloc60, .bloc60resp {position: relative; float: left; width: 60%; margin-left: 20%; margin-right: 20%;}
.bloc70resp {position: relative; float: left; width: 75%; }
.bloc30resp {position: relative; float: left; width: 25%; }
.bloc100abs {position: absolute; width: 100%; bottom: -90px;}
.titreblanc {color: #FFF; padding-bottom: 20px; font-size: 19px; text-transform: none; letter-spacing: normal;}
.fondgris {background: #0b0b0b;}
.h100 {min-height: 220px; }
.blanc {color: #FFF; }
.rouge {color: #840012;}
.noir {color: #000; }
.lienblanc {color: #FFF; }
.lienblanc a:hover {color: #FFF;}
.u {text-decoration: underline;}
.gras {font-weight: bold;}
.blocminh200, .blocminh200_bis {height: 250px; min-height: 250px;}
.minh130 {min-height: 130px;}
.minh160 {min-height: 160px;}
.minh200 {min-height: 200px;}
.minw200 {width: 200px; min-width: 200px;}
.btnRed3{display: block; float: right; width:200px;color:#FFF; background-color:#840012; padding:10px;border:1px solid #FFF;font-size:1.0em; margin-right: 15px; margin-bottom: 15px;}
.btnRed2{display: block; width:200px;color:#FFF; background-color:#840012; padding:15px 20px;border:1px solid #FFF;font-size:1.0em; margin: 0 auto;}
.btnRed2:hover{color:#FFF;background-color:#960015;border:1px solid #FFF}

.btnDevis{display: block; width:250px;color:#FFF; background-color:#9d0d21; padding:10px 20px;border:1px solid #FFF;font-size:1.0em; margin: 0 auto;}
.btnDevis:hover{color:#FFF;background-color:#960015;border:1px solid #FFF}

.btnDevis2{display: block; width:200px;color:#FFF; background-color:#300000; padding:10px 20px;border:1px solid #FFF;font-weight:bold;font-size:1.0em; margin: 0 auto;}
.btnDevis2:hover{color:#FFF;background-color:#600000;border:1px solid #FFF}

.form-champs {height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.w50 {width: 50px;}

.popup-gallery {z-index: 500000;}
.wrap-gal {position: relative; margin-left: auto; margin-right: auto; width: 60%; min-height: 400px; }
.gal-vignette {width: 31%; float: left; margin-left: 2%; margin-bottom: 2%; min-width: 75px; z-index: 50000;}

.blocvideo {position: absolute; top: 200px; right: 10px; width: 360px; height: 240px; z-index: 10000;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#chf { position: relative; font-size: 0.9em ; line-height: 17px ; padding: 5px; margin-top: -35px; margin-left: 0px; z-index: 20000; text-align:center; width: 100%;}
#chf ul { display:inline; list-style-type:none;  margin: 0 auto; padding: 4px;}
#chf li { display:inline; margin-right:5px; list-style-type:none; padding:2; color: #f2f2f2;  }
#chf li.blancliste { color: #f2f2f2; }
#chf a:link { font-family: arial, verdana, sans-serif;  font-weight: normal; color: #f2f2f2; margin-right:5px; font-weight: bold;}
#chf a:visited { color: #f2f2f2; }

#chf2 { position: relative; font-size: 0.9em ; line-height: 17px ; padding: 5px; margin-top: 0px; margin-left: 0px; z-index: 20000; text-align:center; width: 100%;}
#chf2 ul { display:inline; list-style-type:none;  margin: 0 auto; padding: 4px;}
#chf2 li { display:inline; margin-right:5px; list-style-type:none; padding:2; color: #f2f2f2;  }
#chf2 li.blancliste { color: #f2f2f2; }
#chf2 a:link { font-family: arial, verdana, sans-serif;  font-weight: normal; color: #f2f2f2; margin-right:5px; font-weight: bold;}
#chf2 a:visited { color: #f2f2f2; }
.imgresp { width: 100%; height: auto; max-width: 100%; }


.titre1 {text-transform: uppercase; font-size: 22px; letter-spacing: 6px;color: #9d0d21;}
.titre1bis { font-size: 18px; letter-spacing: 5px;color: #9d0d21;}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.image2{
   display: none;
}

@media screen and (max-width: 1450px) {
.bloc80resp {max-width: 60%; min-width: 260px; margin-left: 20%; margin-right: 20%;}
.bloc70resp {width: 100%; }
.bloc30resp {width: 100%; }
.centre_mob {margin: auto; width:200px;}
.btnRed3{margin-right: 0px; margin-bottom: 15px;}
}

@media screen and (max-width: 1240px) {
.bloc18 {position: relative; float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px;}
}
@media screen and (max-width: 1048px) {
.blocminh200, .blocminh200_bis {height: 300px; min-height: 300px;}
.marglr10 {margin-left: 10%; margin-right: 10%;}
.bloc23 {position: relative; float: left; width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px;}
.bloc23g {position: relative; float: left; width: 38%; margin-left: 12%; margin-right: 0%; margin-bottom: 20px;}
.bloc23d  {position: relative; float: left; width: 38%; margin-left: 0%; margin-right: 12%; margin-bottom: 20px;}
.margtop40pasmob {margin-top: 0;}
.bloc80resp {max-width: 70%; min-width: 260px; margin-left: 15%; margin-right: 15%;}
}
@media screen and (max-width: 900px) {
.bloc32 {width: 96%; margin-left: 2%; }
.blocminh200 {height: 200px; min-height: 200px;}
.blocminh200_bis {height: 260px; min-height: 260px;}
.mob50 {margin-top: 60px;}
.mob30 {margin-top: 30px;}
.margtop40_bis {margin-top: 20px;}
.padbot20_mob {padding-bottom: 20px;}
.padtop20_mob {padding-top: 20px;}
.margtop20_mob {margin-top: 20px;}
}
@media screen and (max-width: 768px) {
.bloc23, .bloc23g, .bloc23d {position: relative; float: left; width: 100%; margin-bottom: 20px; margin-left: 0; margin-right: 0;}
.bloc80resp {max-width: 100%; width: 100%; min-width: 240px; margin-left: 0%; margin-right: 0%; }
.image1{display: none;}
.image2{display: block;}
}
@media screen and (max-width: 600px) {
.blocminh200 {height: 250px; min-height: 250px;}
#chf { margin-top: 0px; }
.bloc98 {position: relative; float: left; width: 96%; margin-left: 2%;}
.bloc60resp {width: 90%; margin-left: 5%; margin-right: 5%;}
}
@media screen and (max-width: 400px) {
.blocminh200 {height: 280px; min-height: 280px;}
.margtop40_bis {margin-top: 10px;}
}