@charset "UTF-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i');*/

html{font-size: 62.5%;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;height:100%;background:#fff;font-family: 'Montserrat', sans-serif;font-weight:400;font-size:14px;color:#555}

.container{position:relative;max-width:1400px;display:block;margin:0 auto;padding:0 80px;width:100%;}
.contDemi{position:relative;max-width:700px;display:block;margin:0 auto;padding:0 80px;width:100%;}
.pad{padding-top:40px;padding-bottom:40px}
.Bigpad{padding-top:80px;padding-bottom:80px}
.Bigpad.first{padding-top:40px;padding-bottom:40px}

img{max-width:100%;}img.center, .center img{display:block;margin:auto}
img.picto{margin-bottom:20px}

a[href^=tel]{color:inherit;text-decoration:none;}	
a{text-decoration:none;color:inherit;cursor:pointer;}
a:focus{outline:0;}

hr{border:0;border-bottom:1px dotted #ccc;margin:40px 0}

.m-auto {
    margin: auto;
}
.mt-auto {
    margin-top: auto;
}
.m-10px-r {
    margin-right: 10px;
}
.m-10px-b {
    margin-bottom: 10px;
}
.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
  }
.w-100 {
    width: 100%;
}
.pastille {
    width: 200px;
}
.middle {
    align-self: center;
}
.w-100 {
    width: 100%;
}

.font-w-500 {font-weight: 500;}

.promo {
    padding: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    
}
.promo p, .promo h3 {
    font-size: 22px;
}
.promo img{
    margin: auto;
    width: 40%;
}

.cookies-banner {
    background: #fff;
    color: #101f2b;
    padding: 10px;
    font-size: 13px;
    text-align: center;
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 30%;
    z-index: 10;
    border-radius: 5px;
    border: 1px solid #0092C1;
  }
  @media (max-width:768px){
    .cookies-banner{
        width: 87%;
    }
  }

  .hidden {
    display: none;
  }
  
  .cookies-banner button {
    text-decoration: none;
    background: transparent;
    color: #0092c1;
    border: 3px solid #0092c1;
    cursor: pointer;
    margin: 2px 0;
    font-size: 13px;
    font-weight: 800;
    transition: background 0.07s, color 0.07s, border-color 0.07s;
  }
  
  .cookies-banner button:hover {
    background: transparent;
    color: #000;
  }

  .border-theme {
    border: 1px solid #0092C1;
  }
  .p-20px {
    padding: 20px;
  }
/* TEXT ALIGN */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.uppercase{text-transform:uppercase;font-weight:800;margin-top:0}

.display{display:none;}
.show{display:block;}

.down{margin-bottom:30px;}
/*.up{margin-top:30px;}*/
.up {
    margin-top: -90px;
}

.go-up{margin-top:-30px;}

.flt-left{float:left}
.flt-right{float:right}
.clear{clear:both;}


/* COULEUR */

.blanc{color:#fff;}
.charcoal{color:#333333;}

.bleuCG{color:#093580}
.bleu{color:#0092c1}
.bleuMarin{color:#101f2b}
.bckorange  {background-color: #ff6a38;}
.orange {color: #ff6a38;}

.bckblanc, .bckpale, bckbleuMarin, bckbleu{position:relative}
.bckblanc{background-color:#fff;}
.bckpale{background-color:#eaebec;}
.bckbleuMarin, .bt a.bckbleuMarin{background-color:#101f2b;color:#fff}
.bckbleu, .bt a.bckbleu{background-color:#0092c1;color:#fff}


/* TEXTE */

h1, h2, h3, .home h3, h4, h5, h6, .serie-soum h3{margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:0.5px}
h1, .home h2, .serie-soum h3{font-size:36px;font-weight:300;color:#101f2b;} h1 span, .home h2 span, .serie-soum h3 span{font-weight:800}
h2, .home h3{font-size:28px;font-weight:600;color:#0092C1}
h3{font-size:26px;font-weight:300;text-transform:none;color:#101f2b;}
h4{font-size:20px;font-weight:300;color:#0092C1; text-transform: inherit;} h4 strong{color:#0092C1;}
h5{font-size:18px;font-weight:600;text-transform:none;color:#101f2b;}
h6{font-size:15px;font-weight:800;color:#0092C1;margin-top:25px}
.fit-content {width: fit-content;margin: 0 auto;}
.blue-bg {background-color: rgb(0 146 193 / 50%);}
.text-center {text-align: center;}

p, li{font-size:14px;line-height:1.6;margin:0 0 10px 0;letter-spacing:0.4px} div p:first-child{margin-top:0px}
ul{margin:20px 0} li{margin:3px 0;margin-left:15px}

.bckbleuMarin h1, .bckbleuMarin h3,  .bckbleuMarin h5, .bckbleuMarin h4 strong, .blanc h3{color:#fff;}
.bckbleuMarin h4{color:#0092C1;}

p.retour{margin:0 0 30px;float:right;text-align:right;text-transform:uppercase;color:#101f2b;}
p.retour:hover{color:#0092c1;}
p.retour::after{content:"";clear:both}

/* BOUTON */

.bt{display:block;font-weight:800}
.bt a{font-weight:800;text-transform:uppercase;display:inline-block;padding:10px 15px;text-align:center;line-height:1;border-radius:5px;border:3px solid #101f2b;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;  }
.bt-slider {font-weight:800;text-transform:uppercase;display:inline-block;padding:10px 15px;text-align:center;line-height:1;border:none;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;  }

.bt.bleuMarin a, .bt a.bckbleuMarin{border-color:#101f2b;} .bt.bleu a, .bt a.bckbleu{border-color:#0092c1;}
.bt.blanc a{border-color:#fff; color:#fff;}
.bt a.bckbleuMarin, .bt a.bckbleu{border-radius:5px;}

.bt.blanc a:hover{opacity:0.8}
.bt.bleuMarin a:hover{border-color:#0092c1;color:#0092c1;}
.bt.bleu a:hover{border-color:#101f2b;color:#101f2b;}
.bt a.bckbleuMarin:hover{background-color:#0092c1;border-color:#0092c1;}
.bt a.bckbleu:hover{background-color:#101f2b;border-color:#101f2b;}

/* PAGE D'ACCUEIL - INTRO  */

.intro h2{font-size:30px;font-weight:600;color:#0092C1}

.cycle-slideshow.pub a{margin:0 auto;display:block;width:100%;}
.cycle-slideshow.pub img{border:1px solid #ccc;margin:0 auto;display:block;}
.cycle-slideshow.pub img:first-child {position: static; z-index: 100;}
.pub .cycle-pager {position:absolute;right:10px;bottom:10px;text-align: right; width: 100%; z-index: 500; overflow: hidden;margin-top:0px}


/* SECTION ACCUEIL SÉRIE */

.effectHover.Prestige {background:#0092C1;}
.effectHover.Signature {background:#101f2b;}
.effectHover{color:#fff;background: #000;position:relative;height:auto;line-height:0;height:440px;overflow:hidden;cursor:pointer}
.effectHover .content{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;padding:60px;z-index:1}.effectHover.Prestige .content{left:0;right:0}
.effectHover > img{opacity: 0.3;-webkit-transition: all 0.35s;transition: all 0.35s;min-width:100%; margin: 0 0 0 0;} .effectHover:hover > img {opacity: 0.2;transform:scale(1.1)}

@media only screen and (max-width: 1560px) {.effectHover > img{min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content;}}

.serie{text-align:center}
.serie h1, .serie h2, .serie-soum h3{color:#fff;background:url(../img/picto/carre-bleu.svg) no-repeat center center ;background-size:75px;line-height:75px;}
.serie .effectHover h2{margin-bottom:40px;} 
.serie .effectHover p{font-size:20px;margin-bottom:40px}
.serie .effectHover a p{font-weight:400}

.serie .bloc h3{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:20px;padding:20px 0;font-weight:900}
.Prestige a:hover h3{color:#101f2b} .Signature a:hover h3{color:#0092C1}

.serie .bloc .ligne{width:20px;height:4px;background:#fff;text-align:center;display:block;margin:0 auto}
.serie .bloc a:hover img{-webkit-transition: all 0.35s;transition: all 0.35s;transform:scale(1.1)}


/* GAMME PRODUIT / SOUMISION  HOME */

.homeProd img{margin-bottom:-3px}

.soumHome{margin-bottom:100px}
/*.soumHome .contDemi {padding-left:0;}*/
.soumHome img{margin:0 auto 20px;display:block;}
.soumHome .ipad{position:absolute;top:-100px;left:0;width:100%}
.m-0 {margin: 0;}
#etiquette {margin: 0 auto 20px;}
#soum-accueil {margin-right: 0;}


/* NOUVELLES */

.news .thumb{max-height:300px;overflow:hidden;margin-bottom:20px}
.news .thumb img{display:block;margin:0 auto;vertical-align:middle}
.news .date{width: 13.33%;}
.news .date p{margin:0;background:#0092c1;padding:5px;text-align:right;font-weight:800;text-transform:uppercase;line-height:1.3;color:#fff}
.news .prevNews{width: 78.66%;}
.news .prevNews h4{color:#0092c1}
.news .prevNews h4 {min-height: 50px;}
.news .prevNews p {min-height: 150px;} 

/* conseils */

.conseils .thumb{max-height:300px;overflow:hidden;margin-bottom:20px}
.conseils .thumb img{display:block;margin:0 auto;vertical-align:middle}
.conseils .date{width: 13.33%;}
.conseils .date p{margin:0;background:#0092c1;padding:5px;text-align:right;font-weight:800;text-transform:uppercase;line-height:1.3;color:#fff}
.conseils .prevNews{width: 78.66%;}
.conseils .prevNews h4{color:#0092c1}
.conseils .prevNews h4 {min-height: 50px;}
.conseils .prevNews p {min-height: 150px;} 
.m-0px-tb {margin-top: 0px;margin-bottom: 0px;}

.real{background:url(../img/home/fond-realisation.jpg) no-repeat center center / cover fixed;padding:60px 0}
.real h2, .real h3{color:#fff}


/* SUIVI DE COMMANDE */

.suivi{background:url(../img/fond/suivi-commande.jpg) no-repeat center center / cover fixed;color:#fff}
.suivi h3{font-size:22px;font-weight:600;text-transform:uppercase;color:#fff;letter-spacing:1px;margin-bottom:15px}
.suivi .bt, .suivi p{margin:0;}
.suivi .bckBleuOpacity{background:rgba(0,155,220,0.8);}
.suivi .bckMarinOpacity{background:rgba(30,30,30,0.9);}
.suivi input{margin:15px 0}
.suivi .phoneBig{font-size:30px;font-weight:800;line-height:1;margin:15px 0 20px;text-decoration:none;}


/* ACCREDITATIONS PIED DE PAGE  - CAROUSEL */

.slider{width:100%}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;z-index:1;}
.slick-list:focus{outline: none;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.regular .slick-slide{-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: all 0.35s;transition: all 0.35s}
.regular .slick-slide:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.slick-slide img{display: block;width: 100%;}.regular .slick-slide img{padding:20px;}
.slick-initialized .slick-slide{display: block;margin: 0px 10px;}

.slick-slider button{margin:0;z-index:2;}
.slick-prev, .slick-next{position: absolute;top: 50%;display: block;width: 20px;font-weight:300;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}
.slick-prev:before,.slick-next:before{line-height: 1;height:30px;display:block;}
.slick-prev{left: 25px;}[dir='rtl'] .slick-prev{right: 25px;left: auto;}
.slick-prev:before{content: '';background:url(../img/picto/prev.svg) no-repeat center center / 100%;} [dir='rtl'] .slick-prev:before{content: '';background:url(../img/picto/prev.svg) no-repeat center center / 100%;}
.slick-next{right: 25px;}[dir='rtl'] .slick-next{right: auto;left: 25px;}
.slick-next:before{content: '';background:url(../img/picto/next.svg) no-repeat center center / 100%;} [dir='rtl'] .slick-next:before{content: '';background:url(../img/picto/next.svg) no-repeat center center / 100%;}


#myVideo {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    overflow-x: hidden !important;
}

/* HEAD PAGE */

.head{position:relative;height:600px;overflow:hidden;text-align:center;padding-top:280px;}.head h1{color:#fff;letter-spacing:2px}.head.serie{padding-top:240px}
.head > img{position:absolute;top:0;left:0;width:100%;}
.head p{font-size:20px;color:#fff;line-height:1.1}


/* MENU - SECONDAIRE */

.sousMenu ul {position:relative;display:block;margin:0 0 30px ;width:100%;}
.sousMenu ul li {display:block;margin:0 0 20px 0;}.sousMenu ul li a{padding-right:20px;text-transform:uppercase;letter-spacing:0.5px;margin:5px 20px 5px 0;color:#101f2b;-webkit-transition: all 0.35s;transition: all 0.35s}
.sousMenu li a.current{color:#0092c1;border-color:#0092c1}
.sousMenu li a:hover{color:#555;border-color:#555}

/* PAGE STATIQUE */

.imgAbsoluteBottomRight{  max-width:45%;max-height:600px;position: absolute;right: 0;bottom:-4px;}
.imgAbsoluteTopRight{ max-width:45%;position: absolute;right: 0;top:-18px;z-index:2}


/* IMAGE COIN QUALITÉ TOTALE*/
.coin{margin-bottom:100px;display:block;overflow:visible}
.imgcoin{position:absolute;top:-90px;left:0;width:100%}
.imgcoin img{display:block;margin:0 auto}

/* GARANTIE */
/*.garantie{background:url(../img/fond/fond-garantie.jpg) no-repeat center center / 100%} */
.garantie{background:#101f2b} 
.garantie h1{color:#fff}.garantie h4{color:#0092C1}
.garantie div p:first-child{margin-top:20px}
.garantiePage .garantie .span_10_of_12{width:100%}

/* ONGLET */

.content-wrap {position: relative}
.content-wrap section {display: none;}
.content-wrap section.content-current {display: block;}
.no-js .content-wrap section {display: block;border-bottom: 1px solid rgba(255,255,255,0.6);}

.tabs.bloc nav ul {margin: 20px auto 30px;border-bottom:3px solid #101f2b;line-height: 0;}
.tabs.bloc nav ul li {position:relative;display:inline-block;margin:3px 0 0 0 ;line-height:1.1}
.tabs.bloc nav a {position: relative;display: block;padding:10px 15px;overflow: hidden;background-color:#fff;color:#0092C1;text-transform:uppercase;letter-spacing:2px;}
.tabs.bloc nav li.tab-current a{background-color:#101f2b; color: #fff;}


/* FAQ */
.faq table{width:100%}
.faq table tr:nth-child(odd){background:#eaebec;width:100%}
.faq table td{max-width:1400px;margin:0 auto;display:block;padding:60px 80px 40px}


/* EQUIPE */
.equipe table{width:100%;margin-top:40px}
.equipe table tr {display:block;margin-bottom:30px}
.equipe table tr td{ vertical-align:middle }
.equipe table tr td:first-child{width:25%;padding-right:5%}
.equipe table tr td:last-child{width:75%}
.equipe table img{border:1px solid #ccc;}
.equipe table h5{margin-bottom:10px}.equipe table p{margin-top:10px}
.equipe table h6{background:url(../img/picto/mobile.svg) no-repeat left center / 20px;line-height:20px;padding-left:35px;font-size:18px;margin-top:15px}
.equipe table p{background:url(../img/picto/mail.svg) no-repeat left  center / 20px;line-height:20px;padding-left:35px}



/* PRIX DISTINCTIONS */

.timeline {margin: 60px 0;padding: 0;list-style: none;position: relative;} 
.timeline:before {content: '';position: absolute;top: 0;bottom: 0;width: 5px;background: #0092c1;left: 20%;margin-left: -20px;}
.timeline > li{margin:30px 0}
.timeline > li .date {display: block;width: 25%;padding-right: 100px;position: absolute;}.timeline time{text-align:right}.timeline p{margin:0!important}
.timeline > li .date span {display: block;text-align: right;color: #0092c1;font-size:20px;letter-spacing:-1px;line-height:1; margin-right: 10px;}
.timeline > li .tag {margin: 0 0 15px 25%;background: #f6f6f6;padding: 30px;position: relative;border-radius: 5px;}
.timeline > li:nth-child(odd) .tag {background: #eaebec;}
.timeline > li .tag:after {right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-right-color: #f6f6f6;border-width: 10px;top: 10px;}
.timeline > li:nth-child(odd) .tag:after {border-right-color: #eaebec;}
.timeline > li .circle {width: 25px;height: 25px;position: absolute;background: #fff;border-radius: 50%;box-shadow: 0 0 0 8px #0092c1;text-align: center;left: 19.3%;margin: 0 0 0 -25px;}


/* MEUBLAGE ENTREPRISE */
.alain img{position:absolute;bottom:0;right:0;max-width:100%}
video{width:100%;height:auto;border:1px solid #ccc;padding:5px}


/* PAGE NOUS JOINDRE */

#coord table{width:100%;margin-top:20px}
#coord table tr td{vertical-align:top}
#coord table tr td:nth-child(1){width:30%;padding-right:4%}
#coord table tr td:nth-child(2){width:40%;padding-right:4%}
#coord iframe{width:100%;height:200px}
#coord h6, #coord h5{margin:10px 0;font-size:20px;font-weight:600}
#coord h5{background:url(../img/picto/phone.svg) no-repeat left  center / 20px;line-height:20px;padding-left:30px;color:#101f2b;}
#coord h6{background:url(../img/picto/fax.svg) no-repeat left  center / 20px;line-height:20px;padding-left:30px;color:#0092c1;font-weight:600}

.voirplus span:after {content: 'Faire une demande de renseignements »'}
.voirplusthermos span:after {content: 'Faire une demande de service après-vente »'}
.voirplusthermos.active span:after {content: 'Fermer'}
.voirplus.active span:after {content: 'Fermer'}
.littlePad {padding-bottom: 20px;padding-top: 20px;}

.google-mapsProd {position:relative;width:100%;height:100%;overflow: hidden;min-height:100%;padding-bottom:700px;border:none;}
.google-mapsProd iframe {	position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;border:none;}

/* PAGE OPTION ACCESSOIRE */
.finition img{margin:20px auto 0 ;display:block}
.porteFinition img{position:absolute;bottom:0;max-width:100%}
.porteFinition{overflow:hidden}

.couleur table{width:100%;}
.couleur table img{border:1px solid #ccc}
.couleur table tr td{padding:0;width:25%;vertical-align:top;padding:5px;display:block;float:left}
.couleur table p{margin:5px 0 15px;text-transform:uppercase;font-weight:800}

.verre table{width:100%}
.verre table p{margin:10px 0}
.verre table h5{min-height:36px;margin-bottom:25px}
.verre table h4 strong{color:#fff;display:block;margin-bottom:10px;font-size:1.1em}
.verre table img{margin:20px auto 0;display:block;-webkit-transition: all 0.35s;transition: all 0.35s;}
.verre table img:hover{transform:scale(1.1)}


.quincaillerie table{width:100%;}
.quincaillerie table tr td:nth-child(2){width:83%;padding-left:20px}
.quincaillerie table tr td{padding-bottom:20px}

.parallax-serrure{background:url(../img/meublage/serrure.jpg) no-repeat center center / cover fixed;padding:60px 0}

.poignee .col.span_2_of_12:nth-child(6n+0){margin-right:0}
.poignee .col p{margin: 0 ;text-transform:uppercase;line-height:1;min-height:42px;text-align:center}



.carrelage table{width:100%;}
.carrelage table tr td{padding:0;width:25%;vertical-align:top;padding:5px;float:left}
.carrelage table p{margin:5px 0 15px;text-transform:uppercase}

.vitrerie h3 {margin-top: 1em;margin-bottom: 1em;}


/* NOUVELLES */
.page .news .date{max-width:60px;width:13.33%}
.page .news img{padding:15px;border:1px solid #ccc}.page .news.fiche img{padding:0;border:0}
.page .news .prevNews{width: 82.66%;}
.page .news  .bt{margin-bottom:0}
.page .news .section{margin:30px 0;}

/* BLOG */
.blog img{padding:15px;border:1px solid #ccc;margin-right: 10px;width: 90%;margin-bottom: 10px;}
.blog .date{width: 13.33%;}
.blog .date p{margin:0;background:#0092c1;padding:5px;text-align:right;font-weight:800;text-transform:uppercase;line-height:1.3;color:#fff;font-size:13px; width: fit-content}

/* REALISATION */
.realisation {margin:0px auto;max-width:1800px;display:block}
.realisation .col{position:relative;height:250px;overflow:hidden;background:#333;margin:0 1% 1% 0 ;width: 32.66%;}.realisation .col:nth-child(3n+0){margin-right:0}
/*.realisation .col img{position:absolute;max-width:none;min-width: 100%;top:-45%;left: -45%; -webkit-transition: all 0.35s;transition: all 0.35s}*/
.realisation .col h4{z-index:99;position:absolute;top:45%;width:100%;text-align:center;color:#fff;opacity:0;-webkit-transition: all 0.35s;transition: all 0.35s}
.realisation .col a:hover img{opacity:0.2}
.realisation .col a:hover h4{opacity:1;}

.album .tabs {margin-bottom: 30px;}
.album .tabs nav {border-bottom: 1px solid #000; margin-top: 30px; margin-bottom: 30px;}
.album .tabs nav ul {position:relative;display:block;margin:0 0 10px;width:100%;line-height: 0; margin-bottom: 0;}
.album .tabs nav ul li {display:inline-block;padding-right:20px;text-transform:uppercase;letter-spacing:0.5px;margin:5px 2px 0px 0;padding: 0.5em 2em;background-color: #fff; color:#0092C1}
.album .tabs nav li.tab-current{/*color:#0092C1;border-color:#0092C1; background-color: #fff;*/display:inline-block;padding-right:20px;text-transform:uppercase;letter-spacing:0.5px;margin:5px 2px 0px 0;padding: 0.5em 2em;background-color: #101f2b; color:#fff}
 
.album .tumbnail .col .imgProd{height:180px} 
.album .tumbnail .col.span_4_of_12:nth-child(3n+0){margin-right:0}

.video h5{min-height:36px}
.video .col.span_3_of_12:nth-child(4n+0){margin-right:0}

/* FOOTER */

footer{background:#101f2b;width:100%;color:#fff;}
footer p{margin:0}
footer h4{color:#0092C1;}
footer .phoneBig{font-size:24px;text-decoration:none;}
footer .fb{margin:15px 0 25px;-webkit-transition: all 0.35s;transition: all 0.35s;}footer .fb img{display:inline-block;vertical-align:middle;margin-right:10px}
footer a:hover h4.fb{color:#fff;}
footer .bt a:hover{padding:10px 15px;border-color:#0092C1}

.navFoot > ul{width:30.66%;margin:0 4% 0 0;float:left}
.navFoot > ul:last-child{margin-right:0}
.navFoot > ul li{background:none;padding:0;text-align:left;text-transform:uppercase;font-weight:800;margin:0 0 20px 0;line-height:1}
.navFoot > ul li > ul li a{text-transform:none;font-weight:400}
.navFoot > ul li > ul li{margin-bottom:8px}.navFoot > ul li > ul li:first-child{margin-top:10px}
.navFoot li.serie{font-size:17px;background:url(../img/picto/carre-bleu.svg) no-repeat left 60px top ;background-size:30px;line-height:30px}
.navFoot > ul li a:hover{color:#0092C1;}

footer .division{margin:20px 0}
footer .division img{margin:15px 0;-webkit-transition: all 0.35s;transition: all 0.35s;}
footer .division img:hover{transform:scale(1.15)}

#credits p{text-align:center;margin:0;font-size:12px;color:#aaa;background:#333;padding:10px 0}

@media only screen and (max-width: 1260px) {
		
.imgAbsoluteTopRight{max-width:33%;top:0}

.timeline > li .date{padding-right:90px;}
.timeline > li .date span {font-size:20px;}
}
	
@media only screen and (max-width: 1100px) {

.container, .contDemi{padding-left:50px;padding-right:50px}
.garantie{background-size:130% auto;background-position:left center}

.alain img{right:-80px;max-width:560px}
.porteFinition img{max-width:340px;left:-70px}

.timeline > li .date{padding-right:75px;}
.timeline > li .date span {font-size:18px;}
}


@media only screen and (max-width: 1024px) {
h1, .home h2{font-size:34px;}
h2, .home h3{font-size:26px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:17px;}
h6{font-size:14px;}


/* ACCUEIL */

.serie .effectHover p, .serie .bloc h3{font-size:18px;}
.soumHome{margin-bottom:20px}
.soumHome .ipad {top:-40px}
.soumHome .ipad img{width:400px}

.news .thumb{max-height:130px;overflow:hidden;margin-bottom:20px}
.news .date p{font-size:13px}
.news .prevNews h4{font-size:16px}

.phoneBig{font-size:24px;font-weight:900}

footer .container{padding-left:25px;padding-right:25px;}
footer .phoneBig{font-size:20px}
.navFoot > ul li, .navFoot > ul li > ul li{font-size:13px}
.navFoot li.serie{font-size:15px;background:url(../img/picto/carre-bleu.svg) no-repeat left 40px center;background-size:30px;line-height:30px}

/*  HEAD PAGE */
.head {height: 300px;padding-top: 40px;}
.head.serie {padding-top: 40px;}

}


@media only screen and (max-width: 850px) {
	
footer .span_7_of_12{width:74%;margin-right:0}	
footer .span_3_of_12{width:22%;}		
footer .span_2_of_12{width:100%;clear:both;margin:30px 0}
footer .division img{margin-right:20px;height:80px;display:inline-block}

.garantie{background-size:200% auto;background-position:left -200px center}

.timeline > li .date span {font-size:14px;}
}


@media only screen and (max-width: 768px) {	

.container, .contDemi{padding-left:40px;padding-right:40px} .contDemi{max-width:100%}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:60px;padding-bottom:60px}

.ancre{padding-top:30px;margin-top:-30px;}
img{display:block;margin:0 auto}

.flt-right, .flt-left{float:none}

h1, h2, h3, .home h3, h4, h5, h6{letter-spacing:0px}
h1, .home h2{font-size:30px;}
h2, .home h3{font-size:22px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

p, li{font-size:12px;margin:15px 0;}li{margin:3px 0;margin-left:15px}
.bt a{padding:8px 10px}

.picto{max-width:50px;margin-bottom:15px}
    
    .up {
        margin-top: 0;
    }

/* ACCUEIL */
.serie h1, .serie h2, .serie-soum h3{background-size:50px;line-height:50px}
.serie .effectHover p, .serie .bloc h3{font-size:16px;}
.homeProd .down{margin:0}
.homeProd img{margin-bottom:0px}

.soumHome{margin-bottom:0px}
/*.soumHome .contDemi {padding-left:40px;}*/
.soumHome .ipad{position:relative; top:auto}
.soumHome .pad{padding-top:40px;padding-bottom:40px}

.news .col{margin-right:4%}.news .col.prevNews{margin:0}
.news .bt{display: block;margin: 0 auto;text-align: center;}

.suivi h3{font-size:22px}
.suivi .right{text-align:left}
.suivi input{width:90%}
.suivi p{margin:0}
.suivi .bckbleuMarin{text-align:center}
    
.effectHover {
    height: auto;
}
.effectHover .content {
    position: static;
}
#fond-produits {
    display: none;
}


footer .span_7_of_12, footer .span_3_of_12, .video footer .col.span_3_of_12{width:100%;margin-right:0}	
footer .span_3_of_12{margin-bottom:50px}
footer .division img{margin-right:20px;height:80px;}
#credits p{font-size:10px;}

/* head page */
.head {height: 250px;padding-top: 50px;}
.head.serie {padding-top: 50px;}
.head p {font-size:15px}

.imgAbsoluteRight, .imgAbsoluteTopRight{max-width:100%;max-height:auto;position: relative;bottom:auto;display:block}
.imgAbsoluteTopRight img{position:absolute;right:0;margin:0;padding-left:30px}/* IMG SERVICE */
.imgAbsoluteTopRight{height: 360px;margin-top: -70px;}/* IMG SERVICE */

/* MENU SECONDAIRE */
.sousMenu ul li{margin-bottom:13px;font-size:11px}
.tabs.bloc nav a{padding:10px;font-size:11px;letter-spacing: 1px;}

/* PAGE QUALITÉ TOTALE */
.coin{margin:0}
.imgcoin{position:relative;top:0;left:0;width:100%;margin-bottom:30px}

.garantie .col{margin:0}
.garantie div p:first-child{margin:10px 0 0}
.garantie ul{margin:5px 0 10px}


/* PAGE GARANTIE */
.fondGarantie .col.span_8_of_12{width:60%}
.fondGarantie .imgAbsoluteBottomRight {right:-60px;bottom:0}

/* TME LINE */
.timeline:before {display: none;}
.timeline > li .date {width: 100%;position: relative;padding: 0 0 20px 0;}
.timeline > li .date span {text-align: left;font-size:28px}.timeline > li time{text-align:left}
.timeline > li .tag {margin: 0 0 30px 0;padding: 30px;}
.timeline > li .tag:after {right: auto;left: 20px;border-right-color: transparent;border-bottom-color: #f6f6f6;top: -20px;}
.timeline > li:nth-child(odd) .tag:after {border-right-color: transparent;border-bottom-color: #eaeaea;}
.timeline > li .circle {display:none}	

.faq table td{padding:60px 40px 40px }

.alain img{right:0;max-width:100%;position:relative}
.alain .col{margin-bottom:0}.alain .Bigpad{padding-bottom:20px}

.porteFinition img{max-width:300px;left:-150px}
.porteFinition .span_7_of_12{width:70%;float:right}


/* RÉALISATION */
.realisation .col{width:49.5%;height:250px}
.realisation .col:nth-child(3n+0){margin-right:1%}
.realisation .col:nth-child(2n+0){margin-right:0}

.video .col.span_3_of_12{width: 30.66%;}
.video h5{min-height:28px}
.video .col.span_3_of_12, .video .col.span_3_of_12:nth-child(4n+0){margin-right:4%}
.video .col.span_3_of_12:nth-child(3n+0){margin-right:0%}
/* PAGE NOUS JOINDRE */

#coord table tr td:last-child{width:100%;display:block}
#coord table tr td:nth-child(1), #coord table tr td:nth-child(2){display:inline-block;width:48%}
#coord table{margin-top:10px}
#coord h5, #coord h6{font-size:15px;background-size:15px;padding-left:20px}

.google-mapsProd {padding-bottom:500px;}

/* QUINCAILLERIE */
.poignee .col.span_2_of_12{width: 22%;}
.poignee .col.span_2_of_12:nth-child(6n+0), .poignee .col.span_2_of_12{margin-right:4%}
.poignee .col.span_2_of_12:nth-child(4n+0){margin-right:0%}

}



@media only screen and (max-width: 480px) {

.container, .contDemi{padding:0 25px;}
.pad{padding-top:25px;padding-bottom:25px}
.Bigpad{padding-top:40px;padding-bottom:40px}


h1, .home h2, .serie-soum h3{font-size:20px;}
h2, .home h3{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:12px;}
h6{font-size:11px;}

p, li{font-size:11.5px;margin:15px 0;line-height:1.3;letter-spacing:0.2px}li{margin:3px 0;margin-left:10px}
.bt{font-size:10px}


/* ACCUEIL */
.serie .effectHover p, .serie .bloc h3{font-size:16px;}
/*.soumHome .contDemi {padding-left:25px;}*/
.newsBloc .slick-slide{padding:25px}

.suivi h3{font-size:16px}
.suivi .right, .suivi{text-align:center}
.suivi .span_2_of_12 img{width:30px;margin-bottom:10px}
.suivi input{width:100%;margin-bottom:25px}
.suivi .bt {display: block;margin: 0 auto ;text-align: center;}
.suivi .phoneBig{font-size:20px}

footer{text-align:center}
footer .span_3_of_12{margin-bottom:0px}
footer .span_7_of_12{display:none}
footer .division img{width:100px;height:auto}
footer .division img{margin:auto 5px}


/* HEAD PAGE */
/*.head{height:220px}*/
.head h1 {letter-spacing: 1px;}
.head.serie {padding-top: 40px;}
.tabs.bloc nav a{padding:8px;font-size:10px;letter-spacing: 0.5px;}


.garantie{background:#101f2b}
.imgAbsoluteTopRight {height: 260px;margin-top: -50px;} /* IMG SERVICE */

/* PAGE GARANTIE */
.fondGarantie .col.span_8_of_12{width:100%}
.fondGarantie .imgAbsoluteBottomRight {display:none}

/* PAGE ÉQUIPE */
.equipe table tr {display:block;margin-bottom:30px;border:1px solid #ccc;padding:30px}
.equipe table tr td{ display:block;}
.equipe table tr td:first-child, .equipe table tr td:last-child{width:100%;padding-right:0%;}
.equipe table tr img{width:240px;width:100%;margin-bottom:20px}
.equipe table h6{font-size:16px}
.equipe table h6, .equipe table p{background-size:15px;padding-left:25px}

.faq table td{padding:40px 25px 30px }

.porteFinition img{max-width:300px;left:-200px}
.porteFinition .span_7_of_12{width:65%;float:right}

.couleur table p, .carrelage table p{font-size:10px;letter-spacing:0}

.quincaillerie table tr td:nth-child(2), .quincaillerie table tr td{width:100%;padding-left:0;display:block;text-align:center}
.quincaillerie table tr td{padding-bottom:20px}

.poignee .col.span_2_of_12{width: 30.66%;}
.poignee .col.span_2_of_12:nth-child(6n+0), .poignee .col.span_2_of_12, .poignee .col.span_2_of_12:nth-child(4n+0){margin-right:4%}
.poignee .col.span_2_of_12:nth-child(3n+0){margin-right:0%}


#coord h6{margin:0 0 10px}
#coord table tr td:nth-child(1), #coord table tr td:nth-child(2){display:block;width:100%}
.google-mapsProd {padding-bottom:400px}

.realisation .col{width:100%;height:200px;margin-right:0}
.realisation .col img{max-width: 500px;}
.realisation .col:nth-child(3n+0){margin-right:0}
.realisation .col:nth-child(2n+0){margin-right:0}

.video .col.span_3_of_12{width: 48%;}
.video h5{min-height:24px}
.video .col.span_3_of_12, .video .col.span_3_of_12:nth-child(4n+0), .video .col.span_3_of_12:nth-child(3n+0){margin-right:4%}
.video .col.span_3_of_12:nth-child(2n+0){margin-right:0%}
}

.middle {
    line-height: 3;
    padding-right: 20px;
}

#radio_sondage label.error {
  color: #c30;
  /*font-weight: bold; */
}

.title {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #0092C1 !important;
}

.active {
    background-color: #0092C1;
    border: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#navMenu a.vitrerie.active {background-color: #fff;}

strong.option {
    text-decoration: underline;
}

.partenaire {
    text-transform: uppercase;
    font-size: 20px;
}