.fondsite1{background:url(../IMG/fondsite1.jpg) no-repeat center -400px fixed;}
.fondsite2{background:url(../IMG/fondsite2.jpg) no-repeat fixed;}
.fondsite3{background:url(../IMG/fondsite3.jpg) no-repeat fixed;}
.fondsite4{background:url(../IMG/fondsite4.jpg) no-repeat fixed;}
.fondsite5{background:url(../IMG/fondsite5.jpg) no-repeat fixed;}
.fondsite6{background:url(../IMG/fondsite6.jpg) no-repeat fixed;}
.fondsite7{background:url(../IMG/fondsite7.jpg) no-repeat fixed;}
.fondsite8{background:url(../IMG/fondsite8.jpg) no-repeat fixed;}
.fondsite9{background:url(../IMG/fondsite9.jpg) no-repeat fixed;}
.fondsite10{background:url(../IMG/fondsite10.jpg) no-repeat fixed;}

#contact_1 h2{font-size:1.5rem}
.fond1{position:relative;margin-top:-210px;height:600px;overflow:hidden;border-bottom:2px solid white;width:100%;}
.fond1{position:relative;margin-top:-210px;height:600px;overflow:hidden;border-bottom:1px solid white;width:100%;object-fit:cover;}
.fond1 img{width:100%;}

.fond5{background-image:url(../IMG/fond5.jpg);background-size: cover;background-repeat:no-repeat;width:100%;height:600px;box-shadow:0 10px 15px #cecece;border-bottom:2px solid white;border-top:1px solid white;}


#zoombox iframe,#zoombox img{border:none}
#zoombox .zoombox_mask{background-color:#000;position:fixed;width:100%;z-index:1051;height:100%;top:0;left:0}
#zoombox .zoombox_container{position:absolute;z-index:1052}
#zoombox .relative{position:relative}
#zoombox .zoombox_prev{position:absolute;top:0;left:0;width:50%;height:100%;-moz-opacity:0;opacity:0}
#zoombox .zoombox_prev:hover{-moz-opacity:1;opacity:1}
#zoombox .zoombox_next{position:absolute;top:0;right:0;width:50%;height:100%;-moz-opacity:0;opacity:0}
#zoombox .zoombox_close,#zoombox .zoombox_next,#zoombox .zoombox_prev{cursor:pointer}
#zoombox .multimedia .zoombox_next,#zoombox .multimedia .zoombox_prev{display:none}
#zoombox .zoombox_next:hover{-moz-opacity:1;opacity:1}
#zoombox .zoombox_gallery{position:fixed;z-index:1054;bottom:-60px;left:0;right:0;text-align:center;-moz-opacity:.85;opacity:.85;cursor:pointer;width:auto;background-color:#050505;height:60px;overflow:hidden;display:none}
#zoombox .zoombox_gallery img{height:50px;padding:5px;-moz-opacity:.3;opacity:.3}
#zoombox .zoombox_gallery img.current,#zoombox .zoombox_gallery img:hover{-moz-opacity:1;opacity:1}
#zoombox_loader{background:url(img/loader.png) left top no-repeat;position:absolute;height:40px;width:40px;cursor:pointer;top:50%;left:50%;margin:-20px 0 0 -20px;z-index:1053}0000000000000000000000000
.zoombox .zoombox_container{background:#fff;color:#666;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}
.zoombox .content{background:#000}
.zoombox .zoombox_title{color:#fff;position:absolute;left:-1px;top:-22px;-moz-text-shadow:1px 1px #000;-webkit-text-shadow:1px 1px #000;-o-text-shadow:1px 1px #000;-moz-text-shadow:1px 1px #000;-webkit-text-shadow:1px 1px #000;-o-text-shadow:1px 1px #000;text-shadow:1px 1px #000}
.zoombox .zoombox_close{background:url(img/close.png) no-repeat;width:30px;height:30px;position:absolute;right:-15px;top:-15px}
#zoombox.zoombox .zoombox_next{background:url(img/next.png) right center no-repeat}
#zoombox.zoombox .zoombox_prev{background:url(img/prev.png) left center no-repeat}

.chantier_bloc{display:flex;align-items:center;padding:30px;width:100%;max-width:1600px;margin:0 auto;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.bloc_chantier{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.chantier{display:flex;align-items:center;padding:0;width:24%;max-width:350px;margin:0;border:1px solid gray;flex-direction: column;margin-bottom:30px}
.chantier_nom{color:black;display:flex;flex-direction: column;text-align:center;min-height:90px;justify-content:flex-start;align-items: center;padding:10px 10px 0 10px}
.chantier_nom span{color:#8B181A;display:flex;font-size:1.3rem;font-weight:bold;justify-content:center;align-items: center;text-transform: uppercase;}
.chantier_img{object-fit: cover;height:250px;width:100%;object-position: center;}
.chantier_img img{object-fit: cover;height:250px;width:100%;object-position: center;}
.chantier_mini{display:flex;align-items:center;padding:0;width:100%;max-width:100%;margin:0 auto;flex-wrap:nowrap;justify-content:center;min-height:60px}
.chantier_mini span{object-fit: cover;height:50px;min-width:50px;object-position: center;margin:5px}
.chantier_mini img{object-fit: cover;height:50px;width:50px;object-position: center;border:1px solid gray;}

.fond16{position:absolute;margin-top:-210px;height:600px;overflow:hidden;box-shadow:0 10px 15px #cecece;border-bottom:2px solid white;width:100%;background:url(../IMG/fond6.jpg) no-repeat center -200px;background-size:cover;}
.fond17{position:absolute;margin-top:-210px;height:600px;overflow:hidden;box-shadow:0 10px 15px #cecece;border-bottom:2px solid white;width:100%;background:url(../IMG/fond7.jpg) no-repeat center -100px;background-size:cover;}
.fond18{position:absolute;margin-top:-210px;height:600px;overflow:hidden;box-shadow:0 10px 15px #cecece;border-bottom:2px solid white;width:100%;background:url(../IMG/fond8.jpg) no-repeat center -100px;background-size:cover;}

.news{display:flex;justify-content:center;max-width:1200px;margin:30px auto;border:1px solid gray;border-bottom:3px solid #8B181A;padding:25px;overflow:hidden}
.news h2 span{color:black;text-transform:none}
.news hr.hr2 {margin: 5px 0 30px 0;background: #3d3d3d;}
.news_txt{display:flex;flex-direction:column;padding:15px;margin:auto;justify-content:center;}
.news_visuel{display:flex;align-items:center;min-width:500px;align-items:center;padding:15px;margin:auto;}
.news li{}

.news h2 {font-size: 1.4em;}

#pageaccueil section{margin-bottom:20px}

.desc_news {font-size: 1.1rem; font-weight: bold; color: black;padding-bottom: 10px;}

p{padding:0;margin:10px 0 5px 0;}
#wowslider-container1{overflow:hidden;}

body{background:white;color:white;font-family: "Roboto", sans-serif;overflow-x:hidden;}
h1,h2,h3{font-family: "Roboto", sans-serif;}

#menu a{color:white;}

#accroche{font-size:1.1em;font-style:italic;color:#8B181A;text-align:right;margin-top:5px}
h2{color:#8B181A;font-size:1.7em;text-transform:uppercase;}
h2 i.fa{color:#3d3d3d;font-size:0.7em;position:relative;top:-4px;}
h2.slogan{color:white;text-shadow:2px 2px 2px #3d3d3d;}
h2.slogan span{color:white;text-shadow:2px 2px 2px #3d3d3d;font-size:0.8em;text-transform:none;}
#contact_form .no{color:white;}
#header{box-shadow:none;background:url(../IMG/opaheader.png) repeat;border-bottom:1px solid #8c8c8c;z-index:100;position:relative;}
a{color:white;}
a:hover{color:white;}
#logo img {max-height: 130px;}


#header .row{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}
.header_accueil{display:flex;align-items:center;height:100%;width:100%;overflow:hidden;}
.header_accueil_fond{display:flex;align-items:center;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../IMG/fond.jpg');background-size:cover;box-shadow:0 9px 15px #c1c1c1;border-bottom:2px solid white}


/* Navigation */
.navigation {
  position: absolute;
  width: 100%;
  height: 100px;
  padding: 0 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.navigation-left {
  margin-left: -33px;
}

.navigation-left a {
  text-decoration: none;
  text-transform: uppercase;
  color: #333745;
  font-size: 12px;
  font-weight: bold;
  width: 107px;
  height: 30px;
  border: 2px solid transparent;
  border-radius: 15px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  transition: all .2s;
}

.navigation-left a:hover,
.navigation-left a:focus {
  border-color: rgb(234, 46, 73);
  background-color: rgba(44, 45, 47, 0);
}

.navigation-center {
  margin-right: 85px;
}

.navigation-right {
  display: flex;
  align-items: center;
}

.login-btn {
  background-color: #b8b8b9;
  width: 97px;
  height: 30px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  border-radius: 15px;
  border: none;
  color: #333745;
  text-transform: uppercase;
  margin-left: 20px;
  transition: all .2s;
  cursor: pointer;
}
.login-btn:hover {
  transform: scale(1.06);
}

/* Slider wrapper*/
.css-slider-wrapper {
  display: block;
  background: #FFF;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Slider */
.slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  -webkit-transition: -webkit-transform 1600ms;
  transition: -webkit-transform 1600ms, transform 1600ms;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.css-slider-wrapper input{display:none}
.slider{margin:0}


.slide img{display:none}
/* Slides Background Color */
.slide-1 {
  background: #fbad99;
  background:url(../IMG/fond.jpg) no-repeat;
  left: 0;
}
.slide-2 {
  background: #a9785c;
  background:url(../IMG/diapo-2.jpg) no-repeat;
  left: 100%
}
.slide-3 {
  background: #9ea6b3;
  background:url(../IMG/diapo-3.jpg) no-repeat;
  left: 200%
}
.slide-4 {
  background: #b1a494;
  background:url(../IMG/diapo-4.jpg) no-repeat;
  left: 300%;
}
.slider {
  display: flex;
  justify-content: flex-start;
}
.slider-content {
  display:none;
  width: 635px;
  padding-left: 100px;
}


/* Slider Inner Slide Effect */
.slider h2 {
  color: #333333;
  font-weight: 900;
  text-transform: capitalize;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.2;
  opacity: 0;
  -webkit-transform: translateX(500px);
  transform: translateX(500px);
  margin-top: 0;
  letter-spacing: 2px;
}

.slider h4 {
  font-size: 22px;
  font-family: "Oswald";
  color: rgba(51, 51, 51, 0.349);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  opacity: 0;
  -webkit-transform: translateX(500px);
  transform: translateX(500px);
}

.slider > img {
  position: absolute;
  right: 10%;
  bottom: 0;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateX(500px);
  transform: translateX(500px);
}

.slide-1 > img {
  right: 0;
}

.buy-now-btn {
  background-color: #ea2e49;
  width: 220px;
  height: 50px;
  border-radius: 30px;
  border: none;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 100;
  color: #fff;
  text-align: left;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  transition: all .2s;
}

.buy-now-btn:hover {
  box-shadow: 0px 0px 60px -17px rgba(51,51,51,1);
}

.buy-now-btn:after {
  content: 'Buy Now';
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  right: 35px;
  top: 18px;
}

.slider .buy-now-btn:focus,
.navigation .login-btn:focus {
  outline: none;
}

/* Animations */
.slider h2 {
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}
.slider h4 {
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1.4s; /* Safari */
  transition-delay: 1.4s;
}
.slider > img {
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1.2s; /* Safari */
  transition-delay: 1.2s;
}

/* Number Pagination */
.number-pagination {
  position: absolute;
  bottom: 30px;
  right: 100px;
  font-family: "Oswald";
  font-weight: bold;
}

.number-pagination span {
  font-size: 30px;
  color: #ea2e49;
  letter-spacing: 4px;
}

.number-pagination span:after {
  content: "/4";
  font-size: 16px;
  color: #fff;
}

/* Slider Pagger */
.slider-pagination {
  position: absolute;
  bottom: 30px;
  width: 575px;
  left: 100px;
  z-index: 1000;
  display: flex;
  align-items: center;
}
.slider-pagination label {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 10px;
  cursor: pointer;
}

/* Slider Pagger Event */
.slide-radio1:checked ~ .slider-pagination .page1,
.slide-radio2:checked ~ .slider-pagination .page2,
.slide-radio3:checked ~ .slider-pagination .page3,
.slide-radio4:checked ~ .slider-pagination .page4 {
  width: 14px;
  height: 14px;
  border: 2px solid #ea2e49;
  background: transparent;
}

/* Slider Slide Effect */
.slide-radio1:checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.slide-radio2:checked ~ .slider {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.slide-radio3:checked ~ .slider {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
.slide-radio4:checked ~ .slider {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}

.slide-radio1:checked ~ .slide-1 h2,
.slide-radio2:checked ~ .slide-2 h2,
.slide-radio3:checked ~ .slide-3 h2,
.slide-radio4:checked ~ .slide-4 h2,
.slide-radio1:checked ~ .slide-1 h4,
.slide-radio2:checked ~ .slide-2 h4,
.slide-radio3:checked ~ .slide-3 h4,
.slide-radio4:checked ~ .slide-4 h4,
.slide-radio1:checked ~ .slide-1 > img,
.slide-radio2:checked ~ .slide-2 > img,
.slide-radio3:checked ~ .slide-3 > img,
.slide-radio4:checked ~ .slide-4 > img {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}

/* Responsive */
@media only screen and (max-width: 768px) {
  .slider h2 {
    font-size: 20px;
  }
  .slider h4 {
    font-size: 16px;
  }

  .slider-content {
    padding: 0 2%
  }

  .navigation {
    padding: 0 2%;
  }

  .navigation-left {
    display: none;
  }

  .number-pagination {
    right: 2%;
  }
  .slider-pagination {
    left: 2%;
  }

  .slider .buy-now-btn {
    padding: 0 15px;
    width: 175px;
    height: 42px;
  }

  .slider .buy-now-btn:after {
    top: 15px;
  }

  .slider > img {
    right: 2%;
  }

  .slide-1 > img {
    right: -110px;
  }
}


.header_accueil_fond_diapo_opa{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:rgb(0,0,0,0.2);}
.header_accueil_fond_diapo{display:flex;align-items:center;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.header_accueil_fond_diapo .cadre{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.header_accueil_fond img{}
.header_accueil_fond .cadre{position:absolute;top:0;left:0;background:rgb(0,0,0,0.5);width:100%;height:100%;z-index:10;}
.header_accueil_bandeau{display:flex;align-items:center;z-index:11;position:absolute;top:50px;right:50px;}
.header_accueil_logo{display:flex;align-items:center;z-index:1;position:relative;margin-right:15px}
.header_accueil_logo img{height:120px;}
.header_accueil_menu{display:flex;align-items:center;z-index:1;position:relative;background:rgb(0,0,0,0.4);padding:30px 30px;border-bottom:5px solid #8B181A;}
.header_accueil_menu a{margin-left:25px;font-size:1.4rem}
.header_accueil_message{text-align:center;}
.header_accueil_centre{justify-content:center;width:100%;min-width:100%;position: relative;z-index:10}
.header_accueil_titre{display:flex;align-items:center;font-size:4em;z-index:1;position:relative;text-align:center;justify-content:center;margin-bottom:0}
.header_accueil_titre span{color:white;font-weight:bold;text-transform:uppercase;font-family:'Oswald', sans-serif;padding:0 30px;min-width:800px;text-shadow:0 3px 5px #3d3d3d;}
.header_accueil_soustitre{display:flex;align-items:center;z-index:1;position:relative;text-align:center;justify-content:center;}
.header_accueil_soustitre h1{text-align:center;line-height:2.6rem}
.header_accueil_soustitre span, .header_accueil_soustitre h1{color:white;font-family: "Roboto", sans-serif;font-weight:bold;text-shadow:0 3px 5px #3d3d3d;font-size:1.3em}
.header_accueil_tel{z-index:1;position:relative;text-align:center;justify-content:center;display: inline-block;}
.header_accueil_tel{padding:10px 30px;background:rgb(134,29,26,0.8);color:white;margin-top:25px;font-weight:normal;font-size:1.8rem;font-family:'Oswald', sans-serif;border:1px solid #969696;margin:25px auto 0 auto}
@media only screen and (max-width: 40em) {
  .header_accueil_fond{background:url('../IMG/mobile/fond.jpg');}
  .header_accueil_logo {min-width:100%;margin:0;justify-content:center;text-align:center;}
  .header_accueil_menu{display:none}
  .header_accueil {height: 500px;position:relative;}
  .header_accueil_bandeau{min-width:100%;top:20px;right:0;}
  .header_accueil_soustitre span, .header_accueil_soustitre h1 {font-size: 1.1em;line-height:25px}
  .header_accueil_titre {font-size:2em;margin-top:40px}
  .header_accueil_tel a {padding: 10px 10px;font-size: 1.3rem;}
  }



h1{color:#3d3d3d;text-shadow:none;font-size:1.3em;margin-top:10px;margin-bottom:0;line-height:27px;width:100%;text-align:right;}

.width50{float:left;width:50%;padding:0 10px;}

.type li{font-family: "Roboto", sans-serif;color:#3d3d3d;font-size:1.1em;list-style:none;margin:0 0 10px 30px;}
.type li i.fa {color:#3d3d3d;margin-right:5px;}
.color1{color:#8B181A;}
.color2{color:#afafaf;}

.item_cat h2{font-family:'Oswald', sans-serif;font-size:1.5em;text-transform:uppercase;}
.item_cat{text-align:center;}
.item_cat span {background:black;color:white;float:none;display:block;padding:10px 10px;margin:0 auto;font-size:1.2em;text-transform:uppercase;}

#top{height:3px;width:100%;background:#8B181A;}
#menu ul li{text-align:right;margin-left:15px;}
.menu > li {display:inline-block;}
#menu ul li a{font-family: "Roboto", sans-serif;color:#8B181A;font-weight:normal;border:none;font-size:1.1em;padding:0;border-bottom:2px solid transparent;}
#menu ul li a:hover{border:none;border-bottom:2px solid #8B181A;color:#010101;}
#menu{margin-top:5px;text-align:right;}
#item a{display:none;}
#logo,#logo a{color:#8B181A;font-size:2em;padding-top:0;line-height:60px;text-shadow:2px 2px 2px #4F4F4F;font-family: "Roboto", sans-serif;text-align:center;}
#wowslider-container1{border-top:1px solid white;border-bottom:1px solid white;box-shadow:0 5px 10px gray;}
#wowslider-container1, #wowslider-container1 .ws_images,#wowslider-container1 .ws_images > div > img {max-height:600px;}
#tel{color:#8B181A;font-family: "Roboto", sans-serif;font-weight:normal;font-size:1.9em;text-shadow:none;float:none;margin:0 0 0 0;display:inline-block;}
#topinfo{text-align:right;margin:0;}
#pageaccueil #topinfo{text-align:right;margin:0 0 0 0;}
#facebook{display:block;margin:8px 0 0 5px;float:right;}
#facebook img{height:25px;}
.row{padding-top:10px;padding-bottom:10px;}


a.devis1{background:#8B181A;border: 1px solid white;border-radius:10px;box-shadow: 0 3px 5px #e0e0e0;color: white;display: inline-block;float: none;font-size: 1.2em; margin: 20px auto; padding: 8px 30px;text-align:center;font-family:'Oswald', sans-serif;font-weight:normal;}
a.devis2{background:#8B181A;border: 1px solid white;border-radius:10px;box-shadow: 0 3px 5px #e0e0e0;color: white;display: inline-block;float: none;font-size: 1.2em; margin: 20px auto; padding: 8px 30px;text-align:center;font-family:'Oswald', sans-serif;font-weight:normal;}

#avantages a.devis2{font-size:1.5em;}

.fb_iframe_widget span{text-align: center;}


.produit{font-family: "Roboto", sans-serif;color:white;}
a.produit h2{margin-bottom:15px;text-align:center;display:flex;align-items:center;justify-content:center}
#wowslider-container1 .ws-title span{font-family: "Roboto", sans-serif;color:white;}


.opa3{background:url(../IMG/opa3.png) repeat;}
.slogan{font-family:'Oswald', sans-serif;color:#8B181A;font-size:1.4em;line-height:35px;text-align:center;margin:15px 0 30px 0;}
.slogan span{font-family:'Oswald', sans-serif;color:#3d3d3d;font-size:0.7em;display:inline-block;line-height:35px;}

.slogan5{font-family: "Roboto", sans-serif;color:#8B181A;font-size:2.5em;line-height:45px;text-align:center;margin:35px 0 15px;}
.slogan5 span{font-family: "Roboto", sans-serif;color:#3d3d3d;font-size:0.7em;display:inline-block;line-height:35px;}



.slogan1{font-family: "Roboto", sans-serif;color:white;font-size:3em;line-height:60px;}
.imgillu{max-height:500px;top:-200px;position:relative;overflow:hidden;box-shadow:0 10px 15px #3d3d3d;}
.imgillu img{margin-top:-200px;}


.fiche h2{font-size:1.5em;display:inline;}
.fiche h3{display:inline-block;font-family: "Roboto", sans-serif;margin-top:10px;font-size:1.4em;}
.fiche ul{margin-left:15px;margin-top:10px;}
.fiche  hr{margin:0 0 0 0;border-color:;}
.fiche ul li{list-style:none;font-size:0.8em;margin-bottom:5px;text-align:left;}
.fiche ul li i{margin-right:5px;}
.fiche ul li span{background:;color:;padding:3px 8px;margin-right:5px;}
.fiche .slogan{font-size:1.7em;margin-top:10px;}
.fiche p{margin:10px 0 0 0;font-size:1.05em;}
.fiche a{border-bottom:5px solid #8B181A;border-radius:15px 0 15px 0;border-left:1px solid gray;border-top:1px solid gray;border-right:1px solid gray;box-shadow:0 3px 5px #3d3d3d;padding:5px 10px;}

#nav,.retour_accueil,.retour_precedent{display:inline-block;}
.fiche .retour_accueil a,.fiche .retour_precedent a{border-bottom:0;border-radius:none;}
.fiche .retour_precedent a:hover{color:white;}
#menu{text-align:right;font-size:1.3em;}

#fondcontact .retour_precedent a{color:#8B181A;}

.opawhite_95 .slogan{text-shadow:none;}
.fiche #nav a{border:none;box-shadow:none;}

#marquelogo div.column{margin-bottom:20px;}

.produit img.produit_mod{box-shadow:0 10px 25px #3d3d3d;border-radius:0 50px 0 50px;}

#Gammes{padding-top:50px;z-index:200;position:relative;}
#Gammes .row{padding:0;max-width:100%}
#gammes img{max-height:400px;}
#gammes .item_cat div.column{margin-bottom:20px;display:flex;text-align:center;}
#gammes .item_cat h2{}
#gammes .item_cat img{display:inline-block;margin-bottom:0;border-bottom:2px solid #c1c1c1}
.maxw1 img{max-width:270px;}
a.savoirplus2{background:#3d3d3d;text-transform:none;font-size:1.35em;font-family: "Roboto", sans-serif;}
a.savoirplus1{background:white;}
.italic{font-style:italic;}
hr.sepa{width:500px;margin:30px auto;border-color:#e0e0e0;}

.slogan_bandeau{font-size:2.5em;margin: 30px 0 30px 0; padding: 40px 20px; border-top: 2px solid white; border-bottom: 2px solid white; box-shadow: 0 5px 9px #cecece;background-image:radial-gradient(#282828,#000000);justify-content:center;display:flex;text-align: center;text-shadow:0 2px 2px black}
.slogan_bandeau b{color: #8B181A;font-family:'Oswald', sans-serif;text-transform:uppercase;}
.slogan_bandeau span {color: white;font-size: 0.6em;font-family: "Roboto", sans-serif;font-weight:normal;margin-top:10px;display:block;}

.slogan_bandeau2{font-size:2.5em;margin:0; padding: 40px 0; border-top: 2px solid white; border-bottom: 2px solid white; box-shadow: 0 5px 9px #cecece;background-image:radial-gradient(#282828,#000000);justify-content:center;display:flex;text-align: center;text-shadow:0 2px 2px black}
.slogan_bandeau2 b{color: #8B181A;font-family:'Oswald', sans-serif;text-transform:uppercase;}
.slogan_bandeau2 span {color: white;font-size: 0.6em;font-family: "Roboto", sans-serif;font-weight:normal;margin-top:10px;display:block;}

.slogan_bandeau3{font-size:2.5em;margin:0; padding:0;justify-content:center;display:flex;text-align: center;}
.slogan_bandeau3 b{color: #8B181A;font-family:'Oswald', sans-serif;text-transform:uppercase;}
.slogan_bandeau3 span {color: #3d3d3d;font-size: 0.6em;font-family: "Roboto", sans-serif;font-weight:normal;margin-top:10px;display:block;}


.slogan_header{font-size:2.5em;margin:0 0 30px 0; padding:0 0;justify-content:center;display:flex;text-align: center;line-height:35px;padding:20px 0;}
.slogan_header b{color: #8B181A;font-family:'Oswald', sans-serif;text-transform:uppercase;}
.slogan_header span {color:#3d3d3d;font-size: 0.6em;font-family: "Roboto", sans-serif;font-weight:normal;margin-top:10px;display:block;}

.slogan_header2{font-size:2.5em;margin:0 0 0 0; padding:0 0;justify-content:center;display:flex;text-align: center;line-height:35px;background-image:radial-gradient(#282828,#000000);padding:20px 0;box-shadow:0 7px 13px #c9c9c9;border-bottom:2px solid white}
.slogan_header2 b{color: #8B181A;font-family:'Oswald', sans-serif;text-transform:uppercase;text-shadow:0 2px 2px black;}
.slogan_header2 span {color:white;font-size: 0.6em;font-family: "Roboto", sans-serif;font-weight:normal;margin-top:10px;display:block;}

.fond_fonce_1{background-image:radial-gradient(#282828,#000000);}

p strong{color:#3d3d3d;}

.limit1{max-width:900px;margin:0 auto}

.txt_bandeau { background: #f4f4f4;padding:30px 0;}
.txt_bandeau p { color: #3d3d3d}

.slogan_petit {font-family: "Roboto", sans-serif;color: #8B181A;font-size: 1.3em;line-height:30px;text-align: justify;text-align-last:center;margin: 15px auto;max-width:90%}

.flex_row_center .row{display:flex;align-items:center;}


.txt_bandeau_white { background:white; padding: 30px;}
.txt_bandeau_white p { color: #3d3d3d}

#nav{float:left;}
#nav a{color:#545454;font-family:'Oswald', sans-serif }
#nav a i{color:black;font-size:1.3em}
#nav .retour_precedent i{color:#545454;margin-left:5px}
#wowslider-container1 .ws-title span {font-family: "Roboto", sans-serif;text-shadow:1px 3px 1px #3d3d3d;font-size:1.5em;}
#wowslider-container1 .ws-title {bottom:150px;}



.item_cat p{margin:15px 0;font-style:italic;text-align:justify;text-align-last:center;padding:0 15px;line-height:25px;font-size:1.1em}

.item_cat div.column{margin-bottom:30px;display:inline;}
.gammes .item_cat div.column{margin-bottom:30px;display:inline;padding-left:0;padding-right:0;}
.gammes img{max-height:250px;}
.item_cat h2{color:white;font-size:1.5em;background-image:radial-gradient(#8B181A,#6d090b);margin:0;border-radius:0 0 0 0;border:none;line-height:25px;text-align:center;padding: 10px;}
.item_cat h2:hover{color:white;}
.item_cat img,.item_cat div.bloc{border:none;box-shadow:none;}

#type_isolation .item_cat div.column{margin-bottom:30px;display:inline;padding-left:15px;padding-right:15px;}
#type_isolation .item_cat a{border:1px solid #d1d1d1;display:inline-block;}

#type_isolation .item_cat h2{color:white;font-size:1.3em;background:rad;}
#type_isolation .item_cat img{border-radius:0;box-shadow:none;border:1px solid white;border-top:none;border-top:3px solid #8B181A;}


#type_isolation .item_cat .tuile{padding:5px 15px;min-height:330px;}
#type_isolation .item_cat .tuile p{text-align:left;font-size:1.05em;line-height:25px;}

.item_cat{display:flex;align-items:stretch;}
.item_cat img{border-radius:0;border-top:3px solid #8B181A;width:100%}
.item_cat p{color:#7F7F7F;}
.item_cat img{display:inline-block;}

#type_isolation .item_cat{display:block;align-items:stretch;}

a.produit{margin:0 auto;display:block;max-width:500px}
a.savoirplus2{background:#3d3d3d;}
a.savoirplus1{background:white;}
.italic{font-style:italic;}


.padding1{padding:30px 0;}

.opawhite_95 h2{text-shadow:none;font-size:1.2em;}
.opawhite_95 .hr1{background:#8B181A;}

#catalogues{text-align:center;font-size:1.2em;}
#catalogues div.column{margin-bottom:30px;}
#catalogues a:hover{color:#8B181A;}
#catalogues img{border:1px solid white;box-shadow:0 3px 5px gray;margin-bottom:10px;max-height:340px;}
#catalogues h2{color:#3d3d3d;font-size:2em;margin-top:15px;}
#catalogues span{color:#8B181A;font-size:1.1em;font-family: "Roboto", sans-serif;text-transform:uppercase;}

#slide1{box-shadow:0 5px 10px gray;z-index:10;position:relative;background:url(../IMG/montagne.jpg) no-repeat fixed;}

p{color:#7f7f7f;font-size:1.2em;}
#avantages{border-top:1px solid #AFAFAF;background:transparent;background-image:url(../IMG/fond5.jpg);background-size: cover;background-repeat:no-repeat;width:100%;height:700px;box-shadow:0 10px 15px gray;border-bottom:1px solid white;border-top:1px solid white;padding:40px;display:flex;align-items:center;justify-content:center;}
#avantages .row{background:rgba(0, 0, 0, 0) url("../IMG/opaheader.png") repeat scroll 0 0;padding:20px;border:1px solid white;box-shadow:0 5px 15px #3d3d3d;border-radius:10px;max-width:90%}
#item {text-align:center;}
#item p{color:#3d3d3d;text-transform:uppercase;font-size:1.4rem;line-height:35px;font-family: 'Oswald', sans-serif}
#item i{color:#8B181A;}
.fondavantage{min-width: 100%}
.fondavantage .slogan {color:#8B181A;}
.fondavantage .slogan1{color: #8B181A;}

a.lien1{border: 1px solid white;border-radius:0 15px 0 15px;color:white;margin-bottom:15px;padding:10px 15px;text-transform: none;font-size:1.3em;background:#8B181A;text-shadow:2px 2px 2px #3d3d3d;font-family: "Roboto", sans-serif;box-shadow:0 4px 9px gray;}


ul.services li{font-size:1.1em;list-style-type:square; margin-left:50px;color:white;margin-bottom:0px;font-style:italic;font-style:normal;font-family: "Roboto", sans-serif;color:#8B181A; }
.color5{color:#17557F;}
h2.color5{font-family: "Roboto", sans-serif; font-size: 1.3em;margin: 0; text-transform:uppercase; color:#17557F;}

.shadow1{border-radius:12px;box-shadow:0 5px 9px gray;margin-bottom:20px;border:1px solid white;}


hr.hr2{margin:15px 0 30px 0;background:#3d3d3d;}
hr.hr3{margin:15px 0 30px 0;background:#3d3d3d;}

p.horaire{background:white;color:white;padding:10px 20px;text-align:justify;border-radius:0 15px 0 15px;text-align:center;font-size:1.1em;line-height:35px;max-width:90%;margin:0 auto;border:1px solid white;box-shadow:0 5px 9px gray;}

#footer .row{padding-top:15px;padding-bottom:15px;font-family:'Oswald', sans-serif;display:flex;align-items:center}
#footer{background-image:radial-gradient(#282828,#000000);border-top:1px solid white;}
#footer  #pub{margin-top:0;text-align:right;}
#footer  #pub a{color:white;font-size:0.9em}

#fondavis .row{margin:0 auto;}


.opa{background:url(../IMG/opa#3d3d3d_80.png) repeat;}

#contact_form .yes {color:white;}


#contact_info{margin-top:0;}
#contact_form li input, #contact_form li select,#contact_form li textarea {font-size:0.9em;color:gray;}

#contact p{color:white;font-family: "Roboto", sans-serif;}
#contact p a{color:white;font-family: "Roboto", sans-serif;font-weight:bold;}

#fondavis{background:url(../IMG/fond5.jpg) no-repeat center 0;padding:40px 0;background-size:cover;}
#fondcontact{background:transparent;margin:0;background:url(../IMG/fond1.jpg) no-repeat center 0;}
#contact{background:rgba(0, 0, 0, 0) url("../IMG/opaheader.png") repeat scroll 0 0;}

img.contactimg{border-radius:0;box-shadow:0 5px 10px #3d3d3d;border:1px solid gray;}

#contact{font-size:1.1em;font-family: "Roboto", sans-serif;}
#contact p{color:white;line-height:40px;}
#contact p a{color:white;font-family: "Roboto", sans-serif;font-size:0.8em;}
#contact_info p,#contact_info i,#contact_info p a{color:#8B181A;}
#contact_form li input[type="submit"]{text-shadow:none;font-size:1.2em;}
#fondavis .row{background:rgba(0, 0, 0, 0) url("../IMG/opaheader.png") repeat scroll 0 0;}


.row{max-width:1400px}

/* CONTACT ------------------------------------------------------------------------------------------------ */
.fonce .contact_1 .mod_bloc:first-child{display:flex;padding-top:25px}
.fonce .contact_1 .mod_bloc h2{color:#8B181A;}
#contact_1 #header_reseaux {align-items:flex-start;justify-content:flex-start;}
#contact_1 #header_reseaux span, #contact_1  #header_reseaux a {margin: 0 5px 0 0;}
.contact_1 .mod_bloc{padding-top:15px;padding-bottom:15px;}
.contact_adresse,.contact_postal,.contact_tel,.contact_port,.contact_email{margin-bottom:15px;font-size:1.2rem}

.champ_col{width:30%;margin:0 3% 20px 0;float:left;display:flex;}
.champ_col_large{width:48%;margin:0 2% 20px 0;float:left}
.champ_col_entier{width:100%;margin:0 0 20px 0;float:left}
.champ_picto{display:flex;width:35px;height:35px;margin-right:0;float:left;background:#8B181A;text-align:center;justify-content:center;align-items:center;}
.champ_picto_long{display:flex;width:35px;height:100px;margin-right:0;float:left;background:#8B181A;text-align:center;justify-content:center;align-items:center;}
.champ_picto i,.champ_picto_long i{color:#f7f4f4;font-size:1rem}
.champ_nom{display:none;height:30px;float:left;}
.champ_nom label{align-items:flex-start;font-size:1.1rem;margin-left:5px;height:30px;display:flex;line-height:1.5rem}
.champ_val{display:flex;width:auto;}
.champ_val input,.champ_val select{height:35px;padding:0 5px;width:100%;font-size:0.9rem;background:transparent;color:white;border:1px solid gray;}
.champ_val textarea{width:100%;padding:10px;min-height:100px;font-size:0.9rem;background:transparent;color:white;border:1px solid gray;}
.consentement{display:flex;align-items:flex-start;line-height:1.15rem;margin-top:0;font-size:0.9rem}
.consentement input{float:left;margin:5px 5px 5px 0;}
.contact_info i{font-size:1.2rem;color:#8B181A;margin-right:5px;width:20px;}
.contact_sepa{height:1px;margin:15px 0;border-top:1px solid #383838;}
.contact_mention{line-height:2rem}
.contact_mention a{color:#565656;font-size:1rem;font-weight:normal;}
.contact_form input[type='submit']{background:#8B181A;color:white;padding:5px 10px;width:100%;border:none;font-size:1.3rem;text-transform:uppercase;}
.contact_form .no{color:#f7f4f4;text-align:center;font-weight:bold;font-size:1.2rem}
.contact_form .yes{color:#8B181A;text-align:center;font-weight:bold;font-size:1.2rem}
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation:portrait){

  }
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation:landscape){

  }
@media only screen and (max-width:40em){
  .champ_col, .champ_col_large{width:100%;	margin: 0 0 10px 0; 	float: left; 	display: block;  }
  .contact_info{text-align:center;padding:20px 15px;min-width:100%}
  #contact_1 #header_reseaux {align-items:center;justify-content: center;}
  }



/* AVIS ------------------------------------------------------------------------------------------------ */

#avis_1 .mod_bloc {padding:20px 15px;}
#avis_1 h2{color:#383838;}
#avis_1 hr{border: none;width:100%;height: 1px;margin:15px 0;background:#494949}
.avis_1{min-width:100%}
.avis_1 .bloc_left{display:flex;align-items:center;}
.avis_1 .bloc_right{height:500px;overflow:auto;}
.avis_form{display:flex;align-items:center;margin:auto;}
.avis_form .flex{display:flex;justify-content:space-between;}
.avis_form input{height: 35px;padding: 0 5px;width:48%;font-size: 0.9rem;background: transparent;color: #383838;border: 1px solid #a5a5a5;}
.avis_form textarea{font-size: 0.9rem;background: transparent;color: #383838;border: 1px solid #a5a5a5;padding:5px;width:100%;}
.avis_form input:hover,.avis_form textarea:hover{border: 1px solid #8B181A;}
.avis_form  input[type='submit']{background:#8B181A;color:white;width:100%;margin-top:15px}
.clair .avis_form  hr, .fonce .avis_form hr {background:gray;margin:15px 0;width:100%;height:1px;}
.note{font-size:1.1rem;color:#383838;margin-bottom:5px;font-family:'Oswald', sans-serif}
.note00_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -80px 0;float:left;margin-top:0}
.note05_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -80px -20px;float:left;margin-top:0}
.note10_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -65px 0;float:left;margin-top:0}
.note15_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -65px -20px;float:left;margin-top:0}
.note20_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -49px 0;float:left;margin-top:0}
.note25_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -49px -20px;float:left;margin-top:0}
.note30_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -30px 0;float:left;margin-top:0}
.note35_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -33px -20px;float:left;margin-top:0}
.note40_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -17px 0;float:left;margin-top:0}
.note45_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -17px -20px;float:left;margin-top:0}
.note50_profil2{width:80px;height:20px;background:url(../IMG/avis/avis.png) no-repeat 0px 0;float:left;margin-top:0}
.sloganavis{text-transform:none;text-align:center;font-size:1.3rem}
.notremoyenne{font-size:.6rem;text-transform:none;font-style:italic}
.avis_note{float:right;padding:0 5px 4px 7px}
.avis_date{margin-right:10px;margin-top:0;float:right;font-size:.9rem;font-style:italic;padding-top:4px;display:none}
.avis_message{font-size:.9rem;line-height:17px;font-style:italic;color:#e8e8e8}
.avis_nom{text-transform:none;color:#ad0002;font-size:1.1rem;font-weight:bold;}
.avis_prenom{text-transform:capitalize;color:#ad0002;font-size:1.1rem;font-weight: bold;}
.eva_no{width:15px;height:20px;background:url(../IMG/avis/avispetit.png) no-repeat -15px 0;float:left;margin-right:10px}
.eva_no,.eva_yes{cursor:pointer}
.eva_yes{width:15px;height:20px;background:url(../IMG/avis/avispetit.png) no-repeat 0 0;float:left;margin-right:10px}
.eva{width:15px;height:20px;background:url(../IMG/avis/avis.png) no-repeat -80px 0;float:left;margin-right:10px}


.soin_titre,.soin_heure{margin-top:10px;display:block;}
.soin_tarif{margin-top:10px;text-align:right;display:block;font-weight:bold;color:#8B181A;font-size:0.95em;}
#tarifs h2, #tarifs h3{font-family: "Fredericka the Great";font-size:1.65em;text-align:left;text-transform:none;color:#8B181A;}
#tarifs h2.tac, #tarifs h3.tac{font-family: "Fredericka the Great";font-size:2.5em;text-align:center;text-transform:none;color:white;}
#tarifs hr{margin:0 0 15px 0;padding:0;}
#tarifs .column,#tarifs .columns{padding-left:10px;padding-right:5px;}

.galeriebs img{border-radius:10px;border:1px solid white;box-shadow:0 5px 9px gray;}

#contact_1 input[type="text"]:focus,#contact_1 input[type="tel"]:focus,#contact_1 input[type="email"]:focus{background:transparent}

.forfait{font-size:1.5em;}
.soin_tarif2{margin-top:10px;font-weight:bold;color:#8B181A;}
/* TAILLES ------------------------------------------------------------------------------------------------ */
.base{position:relative;width:100vw;overflow:hidden;}
.cadre_large{width: 100vw;max-width:100%;display: flex; flex-direction: row;flex-wrap:wrap;justify-content:center;position:relative;padding:20px 25px;z-index:2;}
.cadre_centre{max-width:1200px;margin:0 auto; width: 100vw; display: flex; flex-direction: row;flex-wrap:wrap;justify-content:center;z-index:2;position:relative;}
.w10{width:10%;} .w20{width:20%;} .w30{width:30%;} .w40{width:40%;} .w50{width:50%;} .w60{width:60%;} .w70{width:70%;} .w80{width:80%;} .w90{width:90%;} .w100{width:100%;min-width:100%}
.col_identique{flex: 1 1 0;display:flex;}
.cadre_video{display:block; position: absolute;width: 100%;  height: 100%}
.cadre_video iframe{width:100%;height:100%;}

/* FLEX  ------------------------------------------------------------------------------------------------ */
.flex_row{display:flex;flex-direction:row;flex-wrap:wrap;} .flex_row_rev{display:flex;flex-direction:row-reverse;flex-wrap:wrap;}
.flex_col{display:flex;flex-direction:column;} .flex_col_rev{display:flex;flex-direction:column-reverse;}
.flex_align_center{align-items:center;} .flex_align_stretch{align-items:stretch;} .flex_align_start{align-items:flex-start;} .flex_align_end{align-items:flex-end;}

/* CLASSES ------------------------------------------------------------------------------------------------ */
.padding_1_50{padding:50px;} .padding_2_50{padding:50px 0;} .padding_3_50{padding:0 50px;}
.padding_1_100{padding:100px;} .padding_2_100{padding:100px 0;} .padding_3_100{padding:0 100px;}
.padding_1_150{padding:150px;} .padding_2_150{padding:150px 0;} .padding_3_150{padding:0 150px;}
.padding_1_200{padding:200px;} .padding_2_200{padding:200px 0;} .padding_3_200{padding:0 200px;}
.tac{text-align:center;justify-content:center;}
.taj{text-align:justify;}
.tal{text-align:left;justify-content:flex-start;}
.tar{text-align:right;justify-content:flex-end;}
.jcc{justify-content:center;} .jcfe{justify-content:flex-end;} .jcfs{justify-content:flex-start;}  .jcsa{justify-content:space-around;}  .jcsb{justify-content:space-between;}
.clear{clear:both;} .clear10{clear:both;height:10px;} .clear15{clear:both;height:15px;} .clear20{clear:both;height:20px;}.clear35{clear:both;height:35px;}
.red{background:red} .yellow{background:yellow}  .blue{background:blue}
.dsmall_only{display:none} .dmed_por_only{display:none} .dmed_land_only{display:none}  .dlarge_only{display:none}





.tal{text-align:left;} .tar{text-align:right;} .tac{text-align:center;} .taj{text-align:justify;} .dnone{display:none;} .dinline{display:inline;} .dblock{display:block;} .dinlineblock{display:inline-block;} .fixed{background-attachment:fixed;}
.fz06{font-size:0.6em;} .fz07{font-size:0.7em;} .fz08{font-size:0.8em;} fz09{font-size:0.9em;} .fz10{font-size:1em;} .fz11{font-size:1.1em;} .fz12{font-size:1.2em;} .fz13{font-size:1.3em;} .fz14{font-size:1.4em;} .fz15{font-size:1.5em;} .fz16{font-size:1.6em;} .fz17{font-size:1.7em;} .fz18{font-size:1.8em;}  .fz19{font-size:1.9em;} .fz20{font-size:2em;}




.clear{clear:both;} .clear5{clear:both;height:5px;} .clear10{clear:both;height:10px;} .clear15{clear:both;height:15px;} .clear20{clear:both;height:20px;} .clear25{clear:both;height:25px;} .clear30{clear:both;height:30px;} .clear35{clear:both;height:35px;}  .clear40{clear:both;height:40px;} .clear45{clear:both;height:45px;} .clear50{clear:both;height:50px;}
.margauto{margin-left:auto;margin-right:auto;}
.m10{margin:10px;} .m15{margin:15px;} .m20{margin:20px;} .m25{margin:25px;} .m30{margin:30px;} .m40{margin:40px;} .m50{margin:50px;}
.p10{padding:10px;} .p15{padding:15px;} .p20{padding:20px;} .p25{padding:25px;} .p30{padding:30px;} .p40{padding:40px;} .p50{padding:50px;}
.lh15{line-height:15px;} .lh20{line-height:20px;} .lh25{line-height:25px;} .lh30{line-height:30px;} .lh35{line-height:35px;} .lh40{line-height:40px;} .lh45{line-height:14px;} .lh50{line-height:50px;}


.mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt25{margin-top:25px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;}
.mb10{margin-bottom:10px;} .mb15{margin-bottom:15px;} .mb20{margin-bottom:20px;} .mb25{margin-bottom:25px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}
.pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt20{padding-top:20px;} .pt25{padding-top:25px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;}
.pb10{padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20{padding-bottom:20px;} .pb25{padding-bottom:25px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb50{padding-bottom:50px;}

.width50{width:50%;margin-left:auto;margin-right:auto;} .width60{width:60%;margin-left:auto;margin-right:auto;} .width70{width:70%;margin-left:auto;margin-right:auto;} .width80{width:80%;margin-left:auto;margin-right:auto;} .width90{width:90%;margin-left:auto;margin-right:auto;}

#pub img{max-height:15px;}

#diapoaccueil{top:-220px;position:relative;width:100%;overflow-x:hidden;}

p.plimit1{margin:20px auto;text-align:justify;font-size:1.2em;}
.slogan span {max-width:80%;margin-left:auto;margin-right:auto; color: #3d3d3d;}

#wowslider_engine{display:none;}

.base {position: relative;width: 100vw;overflow: hidden;}
.cadre_centre {
	max-width: 1200px;
	margin: 0 auto;
	width: 100vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	z-index: 2;
	position: relative;
}

.module_10 .bloc_1 {
	border-right: 1px solid #8B181A;
}
.module_10 .bloc_2 {
	padding: 0 30px;
}

#menu_appli{display:none}

/* TAILLES ------------------------------------------------------------------------------------------------ */
.base{position:relative;width:100vw;overflow:hidden;}
.cadre_large{width: 100vw;max-width:100%;display: flex; flex-direction: row;flex-wrap:wrap;justify-content:center;position:relative;padding:20px 25px;z-index:2;}
.cadre_centre{max-width:1200px;margin:0 auto; width: 100vw; display: flex; flex-direction: row;flex-wrap:wrap;justify-content:center;z-index:2;position:relative;}
.w10{width:10%;} .w20{width:20%;} .w30{width:30%;} .w40{width:40%;} .w50{width:50%;} .w60{width:60%;} .w70{width:70%;} .w80{width:80%;} .w90{width:90%;} .w100{width:100%;min-width:100%}
.col_identique{flex: 1 1 0;display:flex;}
.cadre_video{display:block; position: absolute;width: 100%;  height: 100%}
.cadre_video iframe{width:100%;height:100%;}

/* FLEX  ------------------------------------------------------------------------------------------------ */
.flex_row{display:flex;flex-direction:row;flex-wrap:wrap;} .flex_row_rev{display:flex;flex-direction:row-reverse;flex-wrap:wrap;}
.flex_col{display:flex;flex-direction:column;} .flex_col_rev{display:flex;flex-direction:column-reverse;}
.flex_align_center{align-items:center;} .flex_align_stretch{align-items:stretch;} .flex_align_start{align-items:flex-start;} .flex_align_end{align-items:flex-end;}

/* CLASSES ------------------------------------------------------------------------------------------------ */
.padding_1_50{padding:50px;} .padding_2_50{padding:50px 0;} .padding_3_50{padding:0 50px;}
.padding_1_100{padding:100px;} .padding_2_100{padding:100px 0;} .padding_3_100{padding:0 100px;}
.padding_1_150{padding:150px;} .padding_2_150{padding:150px 0;} .padding_3_150{padding:0 150px;}
.padding_1_200{padding:200px;} .padding_2_200{padding:200px 0;} .padding_3_200{padding:0 200px;}
.tac{text-align:center;justify-content:center;}
.taj{text-align:justify;}
.tal{text-align:left;justify-content:flex-start;}
.tar{text-align:right;justify-content:flex-end;}
.jcc{justify-content:center;} .jcfe{justify-content:flex-end;} .jcfs{justify-content:flex-start;}  .jcsa{justify-content:space-around;}  .jcsb{justify-content:space-between;}
.clear{clear:both;} .clear10{clear:both;height:10px;} .clear15{clear:both;height:15px;} .clear20{clear:both;height:20px;}.clear35{clear:both;height:35px;}
.red{background:red} .yellow{background:yellow}  .blue{background:blue}
.dsmall_only{display:none} .dmed_por_only{display:none} .dmed_land_only{display:none}  .dlarge_only{display:none}



/* OPA & FONDS ------------------------------------------------------------------------------------------------ */
.opa{width:100%;height:100%;z-index:2;position:absolute;top:0;left:0;}
.opa_noir_95{background-color:rgba(0, 0, 0, 0.95)} .opa_noir_90{background-color:rgba(0, 0, 0, 0.9)} .opa_noir_80{background-color:rgba(0, 0, 0, 0.8)} .opa_noir_70{background-color:rgba(0, 0, 0, 0.7)} .opa_noir_60{background-color:rgba(0, 0, 0, 0.6)} .opa_noir_50{background-color:rgba(0, 0, 0, 0.5)} .opa_blanc_95{background-color:rgba(255, 255, 255, 0.95)} .opa_blanc_90{background-color:rgba(255, 255, 255, 0.9)} .opa_blanc_80{background-color:rgba(255, 255, 255, 0.8)} .opa_blanc_70{background-color:rgba(255, 255, 255, 0.7)} .opa_blanc_60{background-color:rgba(255, 255, 255, 0.6)} .opa_blanc_50{background-color:rgba(255, 255, 255, 0.5)}
.white{background:white} .gray{background:#dddddd}
.cadre_fond_1{background:url(https://klinger-renovation.fr/construction/fond.jpg) no-repeat center center;background-size: cover;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;}


.video_fond{position: absolute; right: 0; bottom: 0;min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(https://57informatique.fr/maquette/IMG/video_1.jpg) no-repeat; background-size: cover;z-index:1;}
/* --------------------------------------------------

/* MODULES BASES ------------------------------------------------------------------- ----------------------------- */
.mod_bloc{padding-left:25px;padding-right:25px; flex-wrap: wrap;}
.mod_col{display:flex;padding:0 15px;}
.clair .mod_col_cadre{border:1px solid #383838;}
.fonce .mod_col_cadre{border:1px solid #f7f4f4;}

.clair h1{}
.clair .mod_titre h2,.clair h2,.clair .mod_h3 h3,.clair  h3,.clair .mod_description p, .clair .mod_accroche, .clair .mod_description p, .clair .mod_accroche_txt, .clair #header_menu_hori li a, .clair .mod_soustitre, .clair p{color:#383838;}

.fonce .mod_titre h2,.fonce h2,.fonce .mod_h3 h3,.fonce  h3,.fonce .mod_lien a,.fonce .mod_description p,.fonce .mod_description p, .fonce .mod_a a, .fonce .mod_accroche_txt,.clair .mod_lien a.mod_lien_back, .fonce label, .fonce .consentement,.fonce #header_menu_hori li a, .fonce .mod_soustitre, .fonce p,.fonce .mod_a a{color:#f7f4f4;}

.clair .mod_lien a.mod_lien_transpa, .fonce #header_tel a,.fonce #header_info h1,.clair #header_tel a, .clair #header_info h1, .clair .mod_a a {color:#8B181A;}


.mod_soustitre{font-size:1.2rem;margin-bottom:20px}
.mod_hr{display:flex}

hr{border:none;width:120px;height:2px;margin:25px 0 30px 0}




.mod_lien{margin-top:35px;clear:both;display:block;width:100%;height:auto;min-height:35px}
.mod_lien a{margin:0 20px 0 0;min-width:130px;padding:5px 20px;}

.clair .mod_lien a.mod_lien_back,.clair .mod_a{background:#383838;}
.fonce .mod_lien a.mod_lien_back,.clair hr,.fonce hr,.fonce .mod_a{background:#8B181A;}

.clair .mod_lien a.mod_lien_transpa{border:1px solid #8B181A;}
.fonce .mod_lien a.mod_lien_transpa{border:1px solid #8B181A}

.mod_accroche{font-size:1.2rem;font-style:italic;margin:40px auto;padding:0 20px;line-height:1.5rem;clear:both;display:flex;}
.mod_accroche_visu{width:20px;border-left:3px solid #8B181A;height:auto;min-height:30px}
.mod_accroche_txt{display:inline-block;}

.mod_img{text-align:center;}
.mod_img i{font-size:5em}
.mod_p, .mod_h2, .mod_h3{padding:0 15px}
.mod_a{padding:10px 15px;margin:15px 0 0 0;background:#383838;text-align:center;font-size:1.3rem}


.mod_large_1{background:white;padding:50px 0 25px 0;}
.mod_large_2{background:#383838;padding:20px 0 20px 0;}

.mod_bloc_2 .mod_col{margin-bottom: 20px;width:50%;}
.mod_bloc_3 .mod_col{ margin-bottom: 20px;width:33.33%;}
.mod_bloc_4 .mod_col{margin-bottom: 20px;width:25%;}

h2{font-family:'Oswald', sans-serif;}


/* CONTACT ------------------------------------------------------------------------------------------------ */
.fonce .contact_1 .mod_bloc:first-child{display:flex;padding-top:25px}
.fonce .contact_1 .mod_bloc h2{color:#8B181A;}
#contact_1 #header_reseaux {align-items:flex-start;justify-content:flex-start;}
#contact_1 #header_reseaux span, #contact_1  #header_reseaux a {margin: 0 5px 0 0;}
.contact_1 .mod_bloc{padding-top:15px;padding-bottom:15px;}
.contact_adresse,.contact_postal,.contact_tel,.contact_port,.contact_email{margin-bottom:15px;font-size:1.2rem;color:#3d3d3d;}

.champ_col{width:30%;margin:0 3% 20px 0;float:left;display:flex;}
.champ_col_large{width:48%;margin:0 2% 20px 0;float:left}
.champ_col_entier{width:100%;margin:0 0 20px 0;float:left}
.champ_picto{display:flex;width:35px;height:35px;margin-right:0;float:left;background:#8B181A;text-align:center;justify-content:center;align-items:center;}
.champ_picto_long{display:flex;width:35px;height:100px;margin-right:0;float:left;background:#8B181A;text-align:center;justify-content:center;align-items:center;}
.champ_picto i,.champ_picto_long i{color:#f7f4f4;font-size:1rem}
.champ_nom{display:none;height:30px;float:left;}
.champ_nom label{align-items:flex-start;font-size:1.1rem;margin-left:5px;height:30px;display:flex;line-height:1.5rem}
.champ_val{display:flex;width:auto;}
.champ_val input,.champ_val select{height:35px;padding:0 5px;width:100%;font-size:0.9rem;background:transparent;color:white;border:1px solid gray;}
.champ_val textarea{width:100%;padding:10px;min-height:100px;font-size:0.9rem;background:transparent;color:white;border:1px solid gray;}
.consentement{display:flex;align-items:flex-start;line-height:1.15rem;margin-top:0;font-size:0.9rem}
.consentement input{float:left;margin:5px 5px 5px 0;}
.contact_info i{font-size:1.2rem;color:#8B181A;margin-right:5px;width:20px;}
.contact_sepa{height:1px;margin:15px 0;border-top:1px solid #383838;}
.contact_mention{line-height:2rem}
.contact_mention a{color:#565656;font-size:1rem;font-weight:normal;}
.contact_form input[type='submit']{background:#8B181A;color:white;padding:5px 10px;width:100%;border:none;font-size:1.3rem;text-transform:uppercase;}
.contact_form .no{color:#f7f4f4;text-align:center;font-weight:bold;font-size:1.2rem}
.contact_form .yes{color:#f7f4f4;text-align:center;font-weight:bold;font-size:1.2rem}
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation:portrait){

  }
@media only screen and (min-width:40.063em) and (max-width:64em) and (orientation:landscape){

  }
@media only screen and (max-width:40em){
  .champ_col, .champ_col_large{width:100%;	margin: 0 0 10px 0; 	float: left; 	display: flex; justify-content: center;}
  .contact_info{text-align:center;padding:20px 15px;min-width:100%}
  #contact_1 #header_reseaux {align-items:center;justify-content: center;}
  }

input[type='text']{margin:0}


/* MODULE 10 ------------------------------------------------------------------------------------------------ */
.module_10{background:radial-gradient(#282828,#000000);}
.module_10 .cadre_centre{padding:30px 0;align-items:center}
.module_10 .global{min-width:100%;}
.module_10 .bloc_1{border-right:1px solid #8B181A;}
.module_10 .bloc_2{padding:0 30px;}
.module_10 .mod_titre h2{text-transform:none;font-size:1.5rem}
.module_10 .mod_soustitre{text-transform:uppercase;font-size:1.5rem;line-height:1.8rem;color:#8B181A;font-weight:bold;font-family:'Oswald', sans-serif}
.module_10 .mod_description{font-size:1.2rem}
.module_10 .mod_accroche_txt p{text-align:justify;text-align-last:left;font-weight:bold;line-height:1.5rem}
.module_10 p{line-height:1.8rem;font-size:1.1rem}
.module_10 hr {margin-bottom: 10px;}
.module_10 .mod_a{margin-bottom:15px;border-radius:10px;border:1px solid white}
.module_10 .sepa{clear:both;height:30px;}
@media only screen and (max-width:40em){
  .module_10 #horaire_left{border:none}
  .module_10 .bloc_2 .mod_bloc{padding:0;}
  }



@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait){
	body{background:white;}
	.row{overflow-x:hidden}
	#tel{margin-top:5px;text-align:center;float:none}
	#facebook{float:none;position:relatived;display:inline-block;float: none;margin:0 0 0 5px;position: relative;top:-5px;}
	#avantage .medium-up-3 .column,#avantage .medium-up-3 .columns{width:100%}
	.presbloc{min-height:100px}
	#menu{line-height:25px;text-align:center}
	#logo{margin:0;text-align:center}
	h1{text-align:center;margin-bottom:15px}
	h2{font-size:2em}
	.illu3{height:auto}
	#force p{font-size:1.3em}
	#contact img{margin-bottom:20px}
	body#accueil #header{position:relative;height:auto;text-align:center}
	body#fond4 #header{position:relative;height:auto;text-align:center}
	body #header{height:auto}
	#header .row{display:flex;align-items:center;flex-direction: column;}
	#force .medium-up-3 .column{width:50%;clear:none}
	#copyright{text-align:center}
	#avisform,#avisliste {height:auto;padding-bottom:30px;}
	#pub,#accroche{text-align:center}
	#pub{color:gray}
	#footer img{max-height:20px}
	#contact_liste{font-size:1.7em;text-align:center}
	.item_cat div.column {padding-left:10px;padding-right:10px;}
	#Gammes .item_cat p{min-height:160px;}
	#pageaccueil #topinfo {margin:15px 0 15px 0;text-align:center;}
	.medium-1{width:100%}
	.medium-2{width:100%}
	.medium-3{width:100%}
	.medium-4{width:100%}
	.medium-5{width:100%}
	.medium-6{width:100%}
	.medium-7{width:100%}
	.medium-8{width:100%}
	.medium-9{width:100%}
	.item_cat h2 {font-size: 1.3em;}
  .slogan_header2 {font-size: 2em;}
	#item p {font-size: 1.4em;}
  .padding_1_50 {padding: 20px;}
  #accroche {font-size: 1.3em;}
  .contact_1 .w30,.contact_1 .w70{width:100%;}
  .champ_col_large {width:100%;margin: 0 0 20px 0;}
	#menu ul li a {font-size:1.1em;}
	#menu li{margin-bottom:0;}
	#tel{text-align:center;float:none;display:inline-block;margin:0;}
	#topinfo {text-align: center;}
	.medium-up-4 .column, .medium-up-4 .columns {float: left;width: 50%;}
	#avis, #fondcontact {height:auto;overflow: hidden;}
	hr.hr3 {margin: -5px auto 20px auto;width: 150px;}
	h2{text-align:center;font-size:1.6em;display:block;margin-top:0;}
	#item p {font-size: 1.4em;}
	.item_cat p {min-height:150px;}
	hr.hr3 {margin:15px 0 20px 0;width: 150px;}
	h2{text-align:left;font-size:1.6em;display:block;}
	#item p {font-size: 1.3em;}
	#item p br{display:none;}
	#type_isolation .item_cat img {border:none;}
	#item div.column {height:250px;}
	.slogan{max-width:90%;margin-left:auto;margin-right:auto;font-size:1.9em;line-height:40px}
	.slogan span{font-size:0.6em;}
  .slogan_bandeau span {font-size: 0.75em;}
	#diapoaccueil {top:-5px;position: relative;z-index: 9000;}
	#Gammes .item_cat p {min-height:80px;}
	#Gammes {margin-top:0;position: relative;z-index: 9999;}
  #Gammes .column{min-width:50%;}
  .item_cat {flex-wrap: wrap;}
	.fond1 {height:280px;margin-top:0;}
	.debut {margin-top:300px;position:relative;}
	a.devis2 {font-size: 1.4em;}
	a.produit h2{font-size:1.3em;}
  .header_accueil {flex-wrap: wrap;}
	#type_isolation .item_cat .tuile {min-height:360px;padding: 5px 15px;}
  #header #logo{width:100%;}
  .header_accueil_titre {font-size: 3em;}
  .header_accueil_menu{margin:20px auto;background:rgb(0,0,0,0.8);padding:15px 30px;}
  .header_accueil_centre {display:flex;}
  .header_accueil_bandeau {flex-wrap:wrap;position:relative;}
  .header_accueil_tel a {margin-top:0;}
  #avantages {height: 900px;}
  .slogan_bandeau{font-size:2em}
  .slogan_bandeau br{display:none;}
	.slogan5 {font-size: 2.6em;line-height: 55px;max-width:80%;margin:10px auto;}
	.slogan5 span {display:block;line-height:45px;max-width:80%;margin:0 auto;}
	.fond16 {background: rgba(0, 0, 0, 0) url("../IMG/fond6.jpg") no-repeat scroll center -100px / cover ;height:500px;
	margin-top:0;  overflow: hidden;height:280px;margin-top:0;}
	.fond17 {background: rgba(0, 0, 0, 0) url("../IMG/fond7.jpg") no-repeat scroll center 0 / cover ;height:500px;
	margin-top:-220px;  overflow: hidden;height:280px;margin-top:0;}
	.fond18 {background: rgba(0, 0, 0, 0) url("../IMG/fond8.jpg") no-repeat scroll center 0 / cover ;height:500px;
	margin-top:-220px;  overflow: hidden;height:280px;margin-top:0;}
  .header_accueil_logo {min-width:100%;margin-bottom:30px;text-align: center;justify-content:center}
  .header_accueil_bandeau {right: 0;}
  .header_accueil {height: 600px;position:relative;}
  .header_accueil_soustitre span, .header_accueil_soustitre h1 {font-size: 1.2em;line-height:40px}
	}

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape){
	body{background:white;}
	#menu ul li a {font-size:1.1em;}
	#menu li{margin-bottom:15px;}
	#logo{text-align:center;}
	#logo img{margin-top:20px;}
	h1{margin:0;}
	#item p {font-size: 1.4em;}
	.item_cat p {min-height:150px;}
	hr.hr3 {margin: -5px auto 20px auto;width: 150px;}
	h2{text-align:center;font-size:1.6em;display:block;}
	#item p {font-size: 1.1em;}
	#item p br{display:none;}
	#diapoaccueil {top: -260px;}
	.fond1 {height:500px;}
	.debut {margin-top:300px;position:relative;}
	a.devis2 {font-size: 1.4em;}
	#type_isolation .item_cat .tuile {min-height:360px;padding: 5px 15px;}
	.slogan5 {font-size: 2.9em;line-height: 55px;}
	.fond16 {background: rgba(0, 0, 0, 0) url("../IMG/fond6.jpg") no-repeat scroll center 0 / cover ;height:500px;
	margin-top:-220px;  overflow: hidden;}
	.fond17 {background: rgba(0, 0, 0, 0) url("../IMG/fond7.jpg") no-repeat scroll center 0 / cover ;height:500px;
	margin-top:-220px;  overflow: hidden;}
	.fond18 {background: rgba(0, 0, 0, 0) url("../IMG/fond8.jpg") no-repeat scroll center 0 / cover ;height:500px;
	margin-top:-220px;  overflow: hidden;}
	.medium-6 {width:50%;}
	}

@media only screen and (max-width: 40em) {
	#menucorps{display:block;}
	#menubouton:hover{cursor:pointer;}
	#aviscontact {text-align:center;margin:0 0 15px 0;}
	.clear15{height:5px;}
	.slogan br{display:none;}
	a.devis { padding:10px 10px;width:80%;margin:20px auto 5px auto;line-height:50px;}
	.force .slogan {font-size:2em;}
	hr.hr3 {}
	#type_isolation .item_cat .tuile {min-height:150px;padding: 5px 15px;}
	#menumobile{margin-bottom: 20px;}
	#menumobile li {background:#8B181A none repeat scroll 0 0; border-bottom: 1px solid #bb7cdd; font-size:1em; height:40px; line-height:40px; text-align: left; text-transform: uppercase; list-style:none; padding-left:30px;}
	#menumobile li:hover { background: #843ea8 none repeat scroll 0 0; }
	#menumobile li i { margin-right: 10px; font-size:0.7em;}
	#menumobile a {color:white;font-size:1.5em;text-transform:none;text-shadow:2px 2px 2px #3d3d3d;font-family: "Roboto", sans-serif; }
	#avisform p{line-height:50px;font-size:1.7em;}
	.slogan{clear:both;}
	#header,#pageaccueil #topinfo{text-align:center;}
	h1{text-align:center;font-size:1.3em;}
	h1 br{display:none;}
	h2{text-align:left;font-size:1.6em;display:block;}
	p{text-align:justify;}
	#avantages a.devis2 {font-size:1.3em;max-width:100%;}
	#avantages a.devis2 br{display:none;}
	#avantages .row {padding:10px;}
	#avantages {padding:10px;width: 100%;}
	.slogan {font-size: 1.5em;line-height:30px;text-align:left}
	#Gammes {margin-top:0;}
  .row {max-width:100%;}
  .limit1 {max-width:100%;}
	#accroche{text-align:center;margin:15px 0;}
	h3{display:inline-block;float:left;margin:10px 0 0 0;font-size:2em;}
	img.h3{display:inline;margin:0 0 0 0;float:left;display:none;}
	hr.h3 {margin:0;}
	#topinfo{text-align:center;margin-top:5px;}
	#menubouton{font-size:1.7em;margin:5px 5px 0 0;padding:0 0 0 0;position: relative; top:0;}
	#tel{float:none;font-size:2em;margin:0 0 0 0;text-align: center;}
	#facebook {display: inline-block;float: none;height: 30px;line-height: 10px;margin:0 0 0 5px;position: relative; top: -6px;}
	h1{margin-top:10px;width:100%;}
	p.horaire {margin-bottom:20px;}
	p.horaire br,.item_cat p br{display:none;}
	a.lien1 {display:block;}
	h2{margin-top:10px;}
	#slide1 {background: rgba(0, 0, 0, 0) url("../IMG/montagne.jpg") repeat scroll 0 0;}
	#diapoaccueil{top:0;position:static;}
	#wowslider-container1 .ws-title{bottom:15px;}
	.clear30 {height:10px;}
	.slogan1 {font-size: 2.5em;line-height: 50px;}
	.slogan1 br{display:none;}
	p.horaire{max-width:100%;}
	#logo,#logo a{font-size:2.1em;}
	#menubouton .fa {color: #00131F;}
	.fond1suiv {margin-top:0;}
	.row{padding:0 25px}
	#slide1 p{font-size:1.1em;line-height:30px;}
	#Gammes{padding-top:30px;}
	#item div.column{padding:0 0 0 0;}
	.fond1 {max-height:180px;margin-top: 0;overflow:hidden;position:relative;}
	.fond16 {max-height:180px;margin-top: 0;overflow:hidden;position:relative;background: rgba(0, 0, 0, 0) url("../IMG/fond6.jpg") no-repeat scroll center 0 / cover ;}
	.fond17 {max-height:180px;margin-top: 0;overflow:hidden;position:relative;background: rgba(0, 0, 0, 0) url("../IMG/fond7.jpg") no-repeat scroll center 0 / cover ;}
	.fond18 {max-height:180px;margin-top: 0;overflow:hidden;position:relative;background: rgba(0, 0, 0, 0) url("../IMG/fond8.jpg") no-repeat scroll center 0 / cover ;}
	.debut {margin-top:30px;position: relative;}
	.slogan5 {font-size:2.4em;line-height:45px;margin-bottom: 15px;margin-top:30px;text-align: center;}
	.slogan5 span {display:block;margin-top:5px;}
	#item p {font-size:1em;text-align:center;line-height:25px;text-transform:none;margin-top:-15px;}
	#header{background:white;}
	.produit img.produit_mod{margin:50px 0;}
	#nav{float:left;display:block;margin:20px 0;width:100%;}
	a.savoirplus2{margin-bottom:20px;}
	a.savoirplus2 br{display:none;}
	#footer #copyright{font-family: "Roboto", sans-serif;font-size:1.1em;margin-bottom:15px}
	#marquelogo{margin-top:20px;}
	#catalogues h2{font-size:1.5em;}
	#avisform,#avisliste {height:auto;padding-bottom:30px;}
	#contact_form{padding-top:20px;}

  #menu_appli{background:0 0;height:50px;position:fixed;z-index:9999;bottom:0;left:0;width:100%;cursor:pointer;font-size:1.2em;font-weight:bold}
  #menu_appli a,.menu_titre{color:#fff;font-family:'Oswald', sans-serif}
  #menu_appli_left{background:#8B181A;float:left;width:50%;height:50px;display:flex;align-items:center}
  #menu_appli_appel,#menu_appli_page,#menu_appli_plan{float:left;width:33.33%;color:#fff;font-size:.8em;text-align:center;font-weight:400;text-transform:uppercase}
  #menu_appli_appel img,#menu_appli_page img,#menu_appli_plan img{height:20px}
  #menu_appli_right{background:#070707;float:left;width:50%;height:50px;display:flex;align-items:center;text-transform:uppercase;text-align:center;color:#fff}
  #menu_appli_right a{color:#fff;margin:auto;display:block;width:100%;height:50px;line-height:50px}
  #menu_appli_contenu{display:none;width:100%;height:auto;background:#fff;z-index:9999;position:fixed;bottom:50px;left:0;padding:20px 0 60px 0;border-top:2px solid #8B181A}
  #menu_appli_contenu li.niv1{text-align:left;text-transform:none;border-bottom:1px solid #e5e5e5;line-height:20px;min-height:50px;font-size:1.3em;list-style:none;margin:0 20px 5px 20px;display:flex;align-items:center}
  #menu_appli_contenu li.niv2{text-align:left;text-transform:none;border-bottom:1px solid #e5e5e5;line-height:20px;min-height:40px;font-size:1.2em;list-style:none;margin:0 20px 0 30px;display:flex;align-items:center;padding:5px 0}
  #menu_appli_contenu li a{font-size:1.1em;font-weight:300;color:#070707;display:block;font-family:'Roboto',Arial,Tahoma,sans-serif;font-weight:700;margin:auto 0;width:100%;}
  #menu_appli_contenu li#home img{position:relative;top:-2px;height:14px;margin-right:3px}
  #menu_appli_fermer{position:absolute;bottom:10px;left:0;width:100%;text-align:center}
  #menu_appli_fermer span{height:40px;width:40px;line-height:40px;padding:5px 13px;background:#8B181A;color:#fff;font-weight:400;font-size:1.4em;cursor:pointer;margin:0 auto;text-align:center;border-radius:100%}
  .item_cat {display: block;}
  #avantages {background-image: url(../IMG/mobile/fond5.jpg);}
  #footer {padding-bottom:60px}
  #footer .row,#header .row {	display: block;}
  .slogan_bandeau {	font-size: 1.5em; 	margin: 15px 0 15px 0;  	padding: 20px 20px;line-height:35px}
  p {font-size: 1.2em;line-height:25px}
  #footer #pub,.fonce .contact_1 .mod_bloc h2 {text-align: center;}
  #topinfo{display:none}
  .slogan_header2,.slogan_bandeau3 {	font-size: 2em;  }
  .slogan_header2 span,.slogan_bandeau3 span {font-size: 0.8em;line-height:30px}
  .padding_1_50 {padding:30px 0;}
  .type li {margin: 0 0 15px 0;}
  .slogan_bandeau2 {font-size: 2em;}
  .column, .columns {padding-left:0;	padding-right: 0;}
  .slogan_bandeau span {font-size: 0.8em;line-height:25px}
  .slogan_bandeau br{display:none}
  .padding_2_100 {padding: 50px 0;}
  #menu_appli,.flex_row,.avis_1 .bloc_left,.avis_1 .bloc_right,.fonce .contact_1 .mod_bloc:first-child,.cadre_centre{display: block;}
  .w30, .w70, .w40 ,.w60{width:100%;}
  .avis_1 .bloc_right {height: auto;}
  .fonce .contact_1 .mod_bloc h2{font-size:1.5em;margin-bottom:20px;margin-top:0}
  .contact_1 form{display:block;width:100%;}
  .contact_1 fieldset{display:flex;flex-direction: column;min-width:100%}
  .champ_val {display: block;	width: auto;float:left;width: 90%;}
  .contact_1 input[type="text"],.contact_1 input[type="tel"],.contact_1 input[type="email"],.contact_1 textarea{width:100%;}
  [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="tel"], [type="time"], [type="url"], [type="color"], [type="number"], [type="search"], textarea{margin:0;}
  .consentement{margin:15px 0;}
  .contact_form .yes,.contact_form .no {font-size: 1rem;}
  #footer #copyright {text-align:center;}
  .header_accueil_centre {padding:0 20px;}
  #Gammes .row {padding: 0 20px;}
  .champ_picto {width: 10%;}
  .champ_picto_long {width: 10%;}
  .news{display:block;max-width:100%;margin:0; padding: 0px 10px;}
  .txt_bandeau_white {padding: 0;}
  .flex_row_center .row {display: block;}
  .news_visuel,.news_txt{display:block;max-width:100%;min-width:300px}

  .chantier{display:flex;align-items:center;padding:0;width:100%;max-width:100%;margin:0;border:1px solid gray;flex-direction: column;margin-bottom:30px}

}