.roboto-thin    { font-weight: 100; font-family:"Roboto", Arial, sans-serif; }
.roboto-light   { font-weight: 300; font-family:"Roboto", Arial, sans-serif; }
.roboto-regular { font-weight: 400; font-family:"Roboto", Arial, sans-serif; }
.roboto-medium  { font-weight: 500; font-family:"Roboto", Arial, sans-serif; }
.roboto-bold    { font-weight: 700; font-family:"Roboto", Arial, sans-serif; }
.roboto-black   { font-weight: 900; font-family:"Roboto", Arial, sans-serif; }
/* Alignement */
.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

.blue       { color: #05619F; }
.violet     { color: #BD51A2; }
.darkViolet { color: #9F4788; }
.grey       { color: #A1A1A1; }
.darkGrey   { color: #333F48; }
.darkerGrey { color: #1C2227; }
.red        { color: #EF3354; }
.darkRed    { color: #821E30; }
.green      { color: #97D700; }
.darkGreen  { color: #547512; }
/*
  *  Position
  */
.level-1 { z-index: 1; }
.level-2 { z-index: 2; }
.level-3 { z-index: 3; }
.level-4 { z-index: 4; }
/*
 *  Structure
 */
/* Background */
.bg-blue       { background: #05619F; }
.bg-violet, .residentiel     {background: #BD51A2;}
.bg-darkViolet { background: #9F4788; }
.bg-grey, .tertiaire       { background: #A1A1A1; }
.bg-darkGrey, .sportif   { background: #333F48; }
.bg-darkerGrey { background: #1C2227; }
.bg-red, .industriel        { background: #EF3354; }
.bg-darkRed    { background: #821E30; }
.bg-green, .agricole      { background: #97D700; }
.bg-darkGreen  { background: #547512; }

.menu-haut .icone.residentiel {background-image: url(../img/icone-batiment-residentiel.svg);background-color: #BD51A2;}
.icone.mixte { background-image: url(../img/icone-mixte.svg);}
.icone.tertiaire {background-image: url(../img/icone-batiment-tertiaire.svg);}
.menu-haut .icone.industriel {background-image: url(../img/icone-batiment-industriel.svg);background-color: #EF3354;}
.icone.agricole {background-image: url(../img/icone-batiment-agricole.svg);}

/* Sizes */
.w100   { width: 100%; }
.mw100  { max-width: 100%; }
.h100   { height: 100%; }
.mh100  { max-height: 100%; }
/* Display */
.flex           { display: -ms-flexbox; display: -webkit-box; display: flex; }
.block          { display: block; }
.inline-block   { display: inline-block; }
/* Position */p
.absolute   { position: absolute; }
.relative   { position: relative; }
.fixed      { position: fixed; }
/* Overflow */
.no-overflow { overflow: hidden; }

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Thin/Roboto-Thin.eot");
    src: url("../fonts/Roboto-Thin/Roboto-Thin.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Roboto-Thin/Roboto-Thin.woff") format('woff'),
       url("../fonts/Roboto-Thin/Roboto-Thin.ttf") format('truetype'),
       url("../fonts/Roboto-Thin/Roboto-Thin.svg") format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Light/Roboto-Light.eot");
    src: url("../fonts/Roboto-Light/Roboto-Light.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Roboto-Light/Roboto-Light.woff") format('woff'),
       url("../fonts/Roboto-Light/Roboto-Light.ttf") format('truetype'),
       url("../fonts/Roboto-Light/Roboto-Light.svg") format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Regular/Roboto-Regular.eot");
    src: url("../fonts/Roboto-Regular/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Roboto-Regular/Roboto-Regular.woff") format('woff'),
       url("../fonts/Roboto-Regular/Roboto-Regular.ttf") format('truetype'),
       url("../fonts/Roboto-Regular/Roboto-Regular.svg") format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Medium/Roboto-Medium.eot");
    src: url("../fonts/Roboto-Medium/Roboto-Medium.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Roboto-Medium/Roboto-Medium.woff") format('woff'),
       url("../fonts/Roboto-Medium/Roboto-Medium.ttf") format('truetype'),
       url("../fonts/Roboto-Medium/Roboto-Medium.svg") format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Bold/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold/Roboto-Bold.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Roboto-Bold/Roboto-Bold.woff") format('woff'),
       url("../fonts/Roboto-Bold/Roboto-Bold.ttf") format('truetype'),
       url("../fonts/Roboto-Bold/Roboto-Bold.svg") format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url("../fonts/Roboto-Black/Roboto-Black.eot");
    src: url("../fonts/Roboto-Black/Roboto-Black.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Roboto-Black/Roboto-Black.woff") format('woff'),
       url("../fonts/Roboto-Black/Roboto-Black.ttf") format('truetype'),
       url("../fonts/Roboto-Black/Roboto-Black.svg") format('svg');
    font-weight: 900;
    font-style: normal;
}

html {font-size: 10px;min-height: 600px;padding: 0;margin: 0;}

html body {width: 100%;min-height: 600px;/* background: #313131; */}
/*# sourceMappingURL=base.css.map */

.menu-element-full-width {
    transform: translate3d(100%,0,0);
    transition: all cubic-bezier(0.42, 0, 0.06, 0.83) 0.2s;
}
.menu-element-full-width#element-full-width-6 { top: 83.33333%;
}.menu-element-full-width#element-full-width-5 { top: 66.66667%;
}.menu-element-full-width#element-full-width-4 { top: 50%;
}.menu-element-full-width#element-full-width-3 { top: 33.33333%;
}#hamburger {
    top: 9px;
    right: 34px;
    z-index: 3;
    position: fixed;
    /* background: red; */
    width: 60px;
    height: 56px;
    cursor: pointer;
    transition: all ease .5s;
    z-index: 3;
}

#close { 
    top: 23px;
    right: 51px;
    display: none;
    z-index: 3;
}

#side-menu {top: 0;right: 0px;height: 100%;z-index: 4;transition: all ease-in-out 0.1s;}

#side-menu .menu-element {height: 16.66667%;font-size: 12.8px;font-size: .8rem;width: 24px;color: white;}

#side-menu .menu-element .menu-element-container {width: 100%;height: 100%;position: absolute;text-transform: uppercase;right: 0px;}

#side-menu .menu-element .menu-element-container p, #side-menu .menu-element .menu-element-container svg { display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}

#side-menu .menu-element .menu-element-container p { position: absolute; bottom: 25px; right: 0px; width: 100%; margin: 0;
}

#side-menu .menu-element .menu-element-container svg { position: absolute; bottom: 4px; right: 4px; max-height: 14px; max-width: 14px;
}

#side-menu .menu-element .menu-element-expand {position: absolute;z-index: -2;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility: hidden;transition: opacity linear 100ms;top: 0;margin: 0;right: 100%;height: 100%;padding-left: 0;list-style-type: none;width: 155px;text-transform: none;font-size: 17.6px;font-size: 17.6px;font-size: 1.1rem;}

#side-menu .menu-element .menu-element-expand li {/* padding: 5% 10%; */border-bottom: 1px solid rgba(255, 255, 255, .3);}

#side-menu .menu-element .menu-element-expand div { width: 100%; height: 100%;
}

#side-menu .menu-element .menu-element-expand div span { position: absolute; top: 39%; left: 50%; font-size: 22.4px; font-size: 22.4px; font-size: 1.4rem; text-transform: uppercase; -webkit-transform: rotate(-10deg) translate(-50%, -50%); transform: rotate(-10deg) translate(-50%, -50%);
}

#side-menu .menu-element .menu-element-expand.active, #side-menu .menu-element-container:hover .menu-element-expand {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";z-index: 10000;visibility: visible;}

.menu-element-full-width {height: 16.66667%;width: 100%;display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-box-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;color: #fff;z-index: 5;}

.menu-element-full-width > *:not(img) {height: 100%;display: -ms-flexbox;display: -webkit-box;display: flex;}

.menu-element-full-width > * a span, .menu-element-full-width .title span {display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-item-align: center;align-self: center;
/* Maison individuelle: */color: #FFFFFF;/* height: 100%; *//* width: 100%; */padding-left: 25px;padding-right: 25px;}

.menu-element-full-width .title {border-right: 1px solid rgba(255, 255, 255, .3);
/* Résidentiel: */font-weight: 300;font-size: 30px;min-width: 200px;color: #FFFFFF;}

.menu-element-full-width .button {font-size: 1.7rem;border-right: 1px solid rgba(255, 255, 255, .3);width: calc((100vw - 271px) / 4);}

.menu-element-full-width#element-full-width-2 { top: 16.66667%;
}
/*# sourceMappingURL=menu.css.map */

nav.menu-principal {
    padding: 0;
    width: 24px;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    transition-delay: 0.9s;
}

.menu-element-expand a {
    color: #FFF;
    display: block;
    /* background: red; */
    padding: 5% 10%;
    position: relative;
}

.menu-element-expand a:hover {
    background: rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

#hamburger.active #r1 {
    transform: translate3d(-50%,0px,0) rotate(40deg);
    /* height: 3px; */
}

#hamburger rect#r2 {
}

#hamburger rect {
    transition: all ease .5s;
}

#hamburger.active #r2 {
    /* width: 0px; */
    /* position: absolute; */
    /* left: 50%; */
    transform: translate3d(-50%,0px,0) rotate(40deg);
    opacity: 0;
}

#hamburger.active #r3 {
    transform: translate3d(-50%,0px,0) rotate(-40deg);
    /* width: 30px; */
    /* height: 3px; */
}

#hamburger div {
    width: 35px;
    height: 3px;
    background: #FFF;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
    transition: all cubic-bezier(0.62, -0.5, 0.15, 1.71) 0.5s;
}

#r2 {
    top: 25px;
    transform-origin: 25px 4px;
}

#r3 {
    top: 35px;
    transform-origin: 0px -10px;
}

#r1 {
    top: 15px;
    transform-origin: 10px 10px;
}

.menu-element-full-width.active {
    transform: translate3d(0,0,0);
}
#element-full-width-2 {transition-delay: .025s;}
#element-full-width-3 {transition-delay: .05s;}
#element-full-width-4 {transition-delay: .075s;}
#element-full-width-5 {transition-delay: .1s;}
#element-full-width-6 {transition-delay: .125s;}
.icon-menu {
    width: 50px;
    margin-left: 20px;
}
.menu-element-full-width.bientot-disponible .button, .menu-element-full-width.bientot-disponible .title, .menu-element-full-width.bientot-disponible .icon-menu {
    opacity: .3;
}
.menu-element-full-width > * a {
    display: flex;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.3); */
    text-decoration: none;
    position: relative;
}
.menu-element-full-width > * a:hover {
    background: rgba(0, 0, 0, 0.2);
}
#hamburger.active {
    transform: translate3d(0,10px,0);
}

#hamburger {}

.menu-element-full-width.bientot-disponible:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/bientot-disponible.svg);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-element-full-width.bientot-disponible {
    /* opacity: .2; */
}

a.button-cctp {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    color: #FFF;
    /* margin-top: 20px; */
    /* line-height: 60px; */
    height: calc(100% - 40px);
    width: 100%;
    color: #fff;
    z-index: 2;
    display: block;
    padding: 0;
    margin: 0;
    margin-top: -3%;
}

a:focus, a:hover {
    color: inherit;
    text-decoration: none;
}

*[data-href] {
    cursor: pointer;
}

.menutions-legales-menu {
    position: absolute;
    top: 0;
}

.mentions-legales-menu {
    top: calc(100% - 0px);
    position: absolute;
    z-index: 3;
    width: 100%;
    background: #3E3E3E;
    height: 0px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    /* transform: translate3d(0,100%,0); */
    z-index: 7;
    /* visibility: hidden; */
    overflow: hidden;
    transition: all ease 0.2s;
}

.mentions-legales-menu a {
    color: #FFF;
}
.menu-principal, .menu-principal * {
    font-family: "Roboto", sans-serif;
}
.mentions-legales-menu a:not(.last) {
    margin-right: 20px;
}

.mentions-legales-menu a:not(.last):after {
    content: "—";
    margin-left: 20px;
}

.active.mentions-legales-menu {
    /* transform: translate3d(0,0,0); */
    height: 40px;
    top: calc(100% - 40px);
}

#side-menu .notif-ccp {
    width: 16px;
    height: 16px;
    background: #F65E23;
    border-radius: 100%;
    line-height: 15px;
    border: 1px solid;
    text-align: center;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 3px;
    left: 4px;
    /* border-color: transparent; */
}

.notif-ccp.val0 {
    background: none !important;
    border-color: transparent !important;
}
.page {
    display: none;
    padding-top: 85px;
    height: 600px;
    /* min-height: 100vh; */
    position: relative;
    background-color: #FFF;
}

.menu-haut {
    position: absolute;
    position: fixed;
    width: 100%;
    height: 75px;
    background: #3E3E3E;
    top: 0px;
    display: none;
    /* z-index: 2; */
}

section.page > h1:not(.accueil):not(.exportpdf) {
    position: fixed;
    font-family: "Roboto", sans-serif;
    color: #FFF;
    z-index: 3;
    font-weight: 300;
    font-size: 27px;
    top: -8px;
    left: 80px;
}

.menu-haut .icone {
    width: 46px;
    height: 46px;
    background-color: #4c4c4c;
    border-radius: 100%;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 15px;
    /* background-image: url(../img/icone-maison-individuelle.svg); */
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    float: left;
}

.menu-haut:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #F5A623;
    top: 0px;
}

.menu-haut .uponor {
    text-align: right;
    right: 123px;
    position: absolute;
    top: 26px;
}

.menu-haut .uponor a {
    font-size: 15px;
    color: #FFF;
    text-decoration: underline;
    font-family: Roboto, sans-serif;
    display: block;
    background-image: url(../img/logo-blanc.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 20px;
}

.milcimg {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 140px;
}

nav.menu-principal.active {
    width: 100%;
    transition-delay: 0s;
    /* height: 100vh; */
    /* width: 100vh; */
}

.milcdesc h2 {/* Performance & Santé: */
    font-family: Roboto;
    font-size: 17px;
    color: #0A1331;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0;
    margin: 0;
    min-height: auto;
}

section p {
    color: #0A1331;
    font-family: Arial, sans-serif;
    font-size: 15px;
    opacity: 0.56;
    font-size: 15px;
    color: #3E3E3E;
    letter-spacing: 0;
    line-height: 19px;
}

.btn {/* Voir tout: */
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #313131;
    letter-spacing: 0;
    border: 1px solid #979797;
    padding: 4px 10px;
}

.milcdesc {
    position: absolute;
    /* transform: translate(-100%,0); */
}

.milcdesc.milcdesc1 {
    top: 140px;
    left: calc(20% - 150px);
}

.milcdesc.milcdesc2 {
    left: calc(20% - 150px);
    top: 299px;
}

.milcdesc.milcdesc3 {
    top: 173px;
    left: calc(63% + 156px);
}

.btn-uponor:before {
    content: "";
    width: 24px;
    height: 24px;
    /* background: red; */
    display: inline-block;
    margin-right: 13px;
    vertical-align: inherit;
    background-image: url(../img/icone-dl.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#mi .btn-uponor, #lc .btn-uponor, #ho .btn-uponor, #pu .btn-uponor, #sc .btn-uponor, #cc .btn-uponor, #up .btn-uponor, #me .btn-uponor, #en .btn-uponor {
    position: absolute;
    bottom: 30px;
    right: 53px;
}

.btn:hover {
    background: #fbfafa;
}
section {
    padding: 0;
    margin: 0;
    margin-top: -20px;
    width: calc(100% - 24px);
}

.image-accueil {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.11) 30%, rgba(0, 0, 0, 0.65)), url(../img/accueil.jpg);
    background-size: cover;
    /* height: 260px; */
    /* position: relative; */
    position: relative;
}

h1.accueil {
    bottom: 10px;
    color: #FFF;
    /* z-index: 61; */
    position: relative;
    padding-top: 240px;
    padding-bottom: 20px;
/* Bâtir avec Uponor: */
    font-family: Roboto;
    font-size: 59px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 57px;
    font-weight: 400;
    padding-left: 30px;
    margin-bottom: 0;
}

.image-accueil:after {
    /* content: ""; */
    /* display: block; */
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 50%; */
    /* background-image: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.11) 30%, rgba(0, 0, 0, 0.65)); */
}

.bande-accueil {
    display: block;
    
/* Bâtiment Tertiaires: */
    font-family: Roboto;
    font-size: 39px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 100;
}

img.accueil-icone {height: 30px;vertical-align: initial;padding-left: 30px;}

.bande-accueil:hover, .bande-accueil:focus {
    color: #FFF;
}

section#accueil {
    background-color: #313131;
    min-height: 100vh;
}

h1:not(.accueil) span {
    font-weight: 100;
    font-size: 21px;
}

h1:not(.accueil) span:before {
    content: "";
    width: 10px;
    height: 1px;
    background: #FFF;
    display: inline-block;
    margin-left: 5px;
    margin-right: 10px;
    transform: translateY(-7px);
}

.photo-principale {
    height: calc(100vh * (175/600));
    background: rgb(1, 79, 132);
    background-size: cover;
    background-position: center;
}

.descriptif {
    height: calc(100vh * (75/600));
    background: #05619F;
    color: #FFF;
/* Pour répondre aux ex: */
    font-family: Arial;
    font-style: italic;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    display: flex;
}

.descriptif-contenu {
    display: flex;
    align-self: center;
    max-width: 910px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}

h2 {/* Titre: */
    font-family: Roboto;
    font-weight: 100;
    font-size: 22px;
    color: #05619F;
    letter-spacing: 0;
    line-height: 24px;
    /* text-shadow: 0 40px 40px rgba(26,11,52,0.50); */
    margin: 0;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 7px;
    min-height: 58px;
    padding-top: 10px;
}

.image {
    min-height: calc(100vh * (76/600));
    background: rgba(5, 97, 159, 0.11);
    background-size: cover;
    background-position: center;
    margin-bottom: 5px;
}

.texte {
    min-height: calc(100vh * (76/600));
/* Texte: */
    opacity: 0.56;
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #3E3E3E;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 5px;
}

.btnlarge {
    width: 100%;
    text-align: center;
    display: block;
/* Rectangle: */
    background: #FFFFFF;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.05) 100%);
    border: 1px solid rgba(104,104,104,0.2);
    border-radius: 4px;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #686868;
    margin-bottom: 10px;
    margin-top: 10px;
}

nav.menu-principal.active #side-menu {
    transform: translate3d(100%,0%,0);
}

.gabarit-col4 .image, .gabarit-col4 .texte {
    min-height: calc(100vh * (130/600));
}

.gabarit-col4 .image {
    width: calc(100vw * (144/1024));
    float: left;
}

.gabarit-col4 .texte {
    width: calc(100vw * (309/1024));
    /* width: 10px; */
    float: left;
    margin-left: 10px;
}

.texte:after {
}

.texteimage {
    overflow: hidden;
}

.gabarit-col4 #col3, .gabarit-col4 #col4, .gabarit-col4 #col7, .gabarit-col4 #col8 {
    background: #F3F3F3;
}

.gabarit-col3 .texte {
    /* min-height: calc(100vh * (75/600)); */
    /* height: calc(100vh * (90/600)); */
}

h2.accueil {
    font-weight: 300;
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    text-shadow: 0 2px 6px rgba(26, 11, 52, 0.89);
    margin-top: 13px;
}
.col-sm-3 > h2.accueil {
    font-size: 20px;
}

p.accueil {/* Uponor propose des i: */
    opacity: 0.56;
    font-family: Roboto;
    font-weight: 100;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 22px;
    min-height: 71px;
    display: none;
}

#accueil .btn {/* Rectangle: */
    background: #FFFFFF;
    box-shadow: 0 8px 24px 0 #541F5F;
    border-radius: 4px;
/* Fiche produit: */
    font-family: Arial;
    font-size: 16px;
    color: #B669C6;
    letter-spacing: 0;
    line-height: 18px;
    padding: 10px 18px;
    margin-top: 30px;
    margin-bottom: 180px;
}

.intro-mi {background-image: url(../img/accueil-mi.png);}

.intro-lc {
    background-image: url(../img/accueil-lc.png);
}

.panel-body .col-sm-6 {
    background-position: center 120%;
    background-repeat: no-repeat;
}

.ariane {
    margin-top: 42px;
    font-family: Roboto, sans-serif;
    font-weight: 100;
}

.ariane * {
    color: #F6A623;
    margin-right: 5px;
}

.ariane *:hover {
    color: #ffe2b2;
}

.ariane *:not(:last-child):after {
    content: "/";
    margin-left: 5px;
}

.exportpdf h1 {
    position: inherit !important;
    color: #0070bc !important;
}

.exportpdf table {
    width: 100%;
}

.btn-ajouter-cctp {/* Ajouter au CCTP: */
    font-family: Roboto;
    font-weight: 300;
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #0171BB;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    user-select: none;
    /* transition: all ease-in-out .2s; */
}

.btn-ajouter-cctp:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 17px;
    background-image: url(../img/icon-shop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

.btn-ajouter-cctp.active {
    background: #009688;
    transition: all ease-in-out .2s;
}

.btn-ajouter-cctp.error {
    background: #F44336;
    animation: shake ease-in-out 0.2s 2;
}
@keyframes shake {
    0%,50%,100% {transform: translate3d(0,0,0);}
    25% {transform: translate3d(5px,0,0);}
    75% {transform: translate3d(-5px,0,0);}
}
#cctp {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: 100%;
}

h2.cctp {/* Liste des produits a: */
    font-family: Roboto;
    font-weight: 100;
    font-size: 35px;
    color: #0A1331;
    letter-spacing: 0;
    margin-top: 40px;
}

.cctp-contenu-liste {/* Aucun produit de cet: */
    font-family: Roboto;
    font-size: 13px;
    color: #0A1331;
    letter-spacing: 0;
    line-height: 15px;
    font-weight: 100;
}

.cctp-contenu {
    max-width: 799px;
/* Rectangle 2: */
    background: #FFFFFF;
    border: 1px solid #0171BB;
    box-shadow: 0 2px 9px 0 rgba(0,0,0,0.14);
    height: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 215px;
}

.bande-bleu-cctp {/* Rectangle 4: */
    background: #0171BB;
    height: 35px;
    text-align: right;
    padding: 5px;
    user-select: none;
}

.cctp-contenu-contenu {
    padding: 10px;
    height: 628px;
    overflow: scroll;
    font-family: "Arial", arial, sans-serif;
}

.cctp-mail, .cctp-pdf, .cctp-print {
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.cctp-mail {
    background-image: url(../img/cctp-mail.svg);
}

.cctp-pdf {
    background-image: url(../img/cctp-pdf.svg);
}

.cctp-print {
    background-image: url(../img/cctp-print.svg);
    display: none;
}

.cctp-contenu {
}

#cctp-form {
    position: absolute;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    display: none;
    transition: background ease-in-out 0.2s;
}

.cctp-form-contenu {
    position: absolute;
    width: 236px;
    padding: 10px;
    border: 4px solid #0171BB;
    background: #FFF;
    top: 200px;
    left: 20px;
    opacity: 0;
    transition: all ease-in-out .5s;
    transform: translate(-50%,35px);
    margin-left: 10px;
}

.cctp-form-contenu input[type=submit] {
    width: 100%;
    margin-top: 16px;
    margin-bottom: -10px;
}

.cctp-form-close {
    position: absolute;
    top: -25px;
    right: -25px;
}

.cctp-form-triangle {
    position: absolute;
    top: -12px;
    left: 111px;
}

#cctp-form.active {
    background: rgba(0, 0, 0, 0.29);
}

.active > .cctp-form-contenu {
    opacity: 1;
}

.cctp-form-ferme {
    position: absolute;
    /* background: red; */
    width: 100%;
    height: 100%;
}

.cctp-item-image {
    width: 100px;
    height: 50px;
    background-size: contain;
    background-position: center;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 20px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.14);
}

.cctp-item-texte {
    width: calc(100% - 210px);
    height: 50px;
    overflow: hidden;
    display: inline-block;
}

.cctp-item-texte * {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    line-height: 16px;
    color: #000 !important;
    display: inline;
    margin-right: 3px !important;
    font-weight: normal !important;
    opacity: 1;
    background: none;
    border: none;
    box-shadow: none;
}

.cctp-item-btn {
    float: right;
    margin-right: 10px;
    width: 70px;
    margin-top: 13px;
}

.cctp-item {
    padding: 10px;
    /* margin-left: -10px; */
    /* margin-right: -10px; */
    overflow: hidden;
    height: 73px;
    transition: all ease-in-out .5s;
    background: #FFF;
}

.cctp-item:nth-child(even) {
    background: rgba(62, 62, 62, 0.02);
}

.cctp-item.disparait {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.cctp-contenu-contenu h1.cctp-pdf-titre-rubrique {
    background: #0171bb;
    color: #FFF;
    padding: 10px;
    font-size: 11px;
}
.cctp-contenu-contenu h1 {
    font-size: 15px;
    border-bottom: 1px solid;
    color: #000;
}
.cctp-contenu-contenu h2 {
    font-family: arial;
    color: #000;
    margin: 0px;
    padding: 0;
    height: auto;
    min-height: auto;
    margin-bottom: 4px;
    margin-top: 10px;
    font-size: 16px;
}
.cctp-contenu-contenu h3 {
    font-family: arial, sans-serif;
    font-size: 12px;
    margin: 0px;
    margin-bottom: 3px;
    font-weight: bold;
}
.cctp-contenu-contenu p {
    color: #000;
    opacity: 1;
    font-size: 11px;
    margin: 0px;
}
.cctp-contenu-contenu p + ul {
}
.cctp-contenu-contenu ul {
    font-size: 11px;
}
.cctp-contenu-contenu li {}
.cctp-contenu-contenu table {
    width: 100%;
}
.contactez-nous {
    position: fixed;
    top: 90px;
    right: 49px;
}
.contactez-nous .cntitre {
    background: #3E3E3E;
    border: 1px solid #FFF;
    box-sizing: border-box;
    border-radius: 32px;
    font-family: Roboto;
    font-size: 17px;
    color: #FFFFFF;
    display: inline-block;
    float: right;
    cursor: pointer;
}
.contactez-nous .cntitre .cntitretexte {}
.contactez-nous .cntitre .cntitre1, .contactez-nous .cntitre .cntitre2 {
    overflow: hidden;
    display: inline-block;
    letter-spacing: 0;
    width: 0;
    transition: all ease-out 0.5s;
    /* transition: none; */
}
.contactez-nous.active .cntitre .cntitre1 {width: 113Px;padding-left: 10px;}
.contactez-nous.active .cntitre .cntitre2 {
    width: 140px;
}
.contactez-nous.active .cntitre .cntitre2 {
    transition-delay: 0.7s;
}
.contactez-nous .cncontenu {
    display: none;
}
.contactez-nous .cntitre .cntitre1 .ctntitretexte {
    width: 120px;
    margin-top: 3px;
}
.contactez-nous .cntitre .cntitre2 .ctntitretexte {
    width: 150px;
}

.cntitrep {
    display: inline-block;
    width: 33px;
    text-align: center;
    transform: translate(0,-5px);
}

.contactez-nous.active .cncontenu {
    visibility: visible;
    width: 490px;
    transition: opacity linear 0s 1.2s;
    transition: none;
    opacity: 1;
    display: block;
    background: #FFF;
    border: 4px solid #0171BB;
    padding: 10px;
    margin-top: 10px;
}

.clear {
    clear: both;
}

.cn-triangle {
    position: absolute;
    top: 35px;
    left: 312px;
}

.contactez-nous input[type=submit] {
    width: 100%;
    margin-bottom: -10px;
}


.page.classique h2 {
    font-size: 32px;
    min-height: auto;
}

page.classique *[data-href] {
    text-decoration: underline;
}

.page.classique *:not(.btn)[data-href] {
    text-decoration: underline;
}

img.cn-close {
    position: absolute;
    top: -15px;
    RIGHT: -15px;
}

.row.classique {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}

.btn-ajouter-fullscreen {
    width: 100%;
    text-align: center;
/* Rectangle 8: */
    background-image: linear-gradient(0deg, #0171BB 0%, #05619F 100%);
    box-shadow: 0 1px 0 0 rgba(62,62,62,0.57);
    position: fixed;
    z-index: 1;
}

.fpimg {
    width: 100%;
    height: 390px;
    height: calc(100vh - 166px);
    max-height: 500px;
    background-color: rgba(5, 97, 159, 0.11);
    margin-top: 57px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
    position: relative;
}

.fpavantages {
    background-color: #05619F;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 20px;
}

.fpavantages h2 {
    color: #FFF;
    font-size: 30px;
    margin-bottom: 13px;
}

.fpcontenu {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.fpavantages ul {
    padding-left: 12px;
    margin-top: -16px;
    font-size: 13px;
    line-height: 22px;
}

.fpavantages li {
    margin-bottom: 10px;
}

.fpplusproduit {
    background: #3e3e3e;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px;
    font-style: italic;
}

.fpdescriptif {
    padding-top: 20px;
    padding-bottom: 20px;
}

.fpimage {
    height: 190px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.fpimages {
    margin-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #eaeaea;
}

.fpcta .btn-ajouter-cctp {
    margin-right: 20px;
    font-size: 12px;
    display: block;
    float: left;
    margin-top: -4px;
}

.fpcta {
    margin-left: auto;
    margin-right: auto;
    width: 399px;
    margin-bottom: 30px;
}

h1.fptitre {
    position: absolute;
    bottom: 20px;
    font-family: "Roboto", sans-serif;
    color: #FFF;
    font-weight: 100;
    font-size: 40px;
}

.fpcontenu iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.accessoires {}

.accessoirestitre {/* bg: */
    /* opacity: 0.2; */
    background: rgba(246, 246, 246, 0.3);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px 10px 0 0;
/* Rectangle 4: */
    box-shadow: 0 1px 14px 0 rgba(0,0,0,0.10);
}

.accessoireitems {
    background: #FFF;
    margin-top: 1px;
    overflow: hidden;
    padding-top: 20px;
}

.accessoireimg {
    width: 60px;
    height: 60px;
    border: 1px solid #979797;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-right: 10px;
}

.accessoire {
    overflow: hidden;
}

.accessoirecontenu {padding-bottom: 20px;}

.accessoiretitre {
    font-size: 12px;
    line-height: 13px;
}

.accessoiredesc {
    font-size: 11px;
    height: 43px;
    line-height: 14px;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 12px;
}

.accessoirecontenu .btn + .btn {
    margin-left: 10px;
}

.modplusproduit {
    /* background: #eaeaea; */
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
}

.modimg {
    width: 30%;
    height: auto;
    /* float: left; */
    margin-bottom: 0px;
    margin-right: 20px;
    display: inline-block;
}

.accessoiredesc * {
    display: inline;
    padding: 0;
    margin: 0;
    font-weight: normal;
    background: none;
}

.accessoiredesc br, .accessoiredesc img, .accessoiredesc table {
    display: none;
}

.cctp-item-texte img, .cctp-item-texte br, .cctp-item-texte
 table {
    display: none;
}
@media (min-width: 1000px) {
.modal-dialog {
    width: 987px;
    margin: 30px auto;
}
}
.modtxt {
    margin-bottom: 50px;
}

.deuxcol {
    overflow: hidden;
}

.modimage {
    background-color: #fff;
    height: 310px;
    margin-top: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.modimages {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.modavantage ul {margin-left: -24px;}

.modimgdroite {
    display: inline-block;
    width: 67%;
}

.modal-body .btn-ajouter-cctp {
    margin-top: 20px;
    margin-bottom: 20px;
}

.fpdescriptif .fpcontenu table td {
    padding: 10px;
    /* border: 1px solid rgb(0, 0, 0); */
    /* background: #f9f9f9; */
}

.fpcontenu table p {
    margin: 0 0 10px 0;
    padding: 0;
}

.fpcontenu p {
    opacity: 1;
}


#version {
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
    font-size: 8px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.62);
    padding: 1px 5px;
    border-radius: 5px;
    color: #767575;
    line-height: 8px;
}

.fplogo {
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 20%;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid gainsboro;
    margin-right: 5px;
}

.fplogos {
    background: rgba(0, 0, 0, 0.03);
}

.fpcontenulogo {
    /* overflow: hidden; */
    /* display: inline-block; */
    margin-left: auto;
    /* background: blue; */
    margin-top: auto;
    text-align: center;
}

.fplogo:last-child {
    margin-right: 0px;
}

.fpavantages ul ul {
    margin-top: 9px;
    margin-left: 40px;
}

.modimage.active {
    /* position: fixed; */
    /* width: 310px; */
    /* height: 310px; */
    /* top: 0; */
    /* left: 0; */
}

.espaceavant {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#accueil > .pannel-group img.bientot-disponible {}

#accueil > .panel-group img.bientot-disponible {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

#accueil > .panel-group {
    background: #6f6f6f;
}

#collapseOne {
    background: #313131;
}

body.creerpdf {
    background: #313131;
    /* padding: 20px; */
    /* font-weight: 100; */
    /* font-family: Roboto; */
}

body.creerpdf h1 {
    color: #FFF;
    font-weight: 100;
    font-family: Roboto;
    margin-bottom: 31px;
    padding-left: 10px;
}

body.creerpdf .btncreerpdf {
    font-family: Roboto;
    font-weight: 300;
    /* font-size: 13px; */
    color: #FFFFFF;
    letter-spacing: 0;
    background: #0171BB;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    user-select: none;
    /* transition: all ease-in-out .2s; */
    border: none;
}

img.logocreerpdf {
    /* position: absolute; */
    /* right: 10px; */
    /* width: 120px; */
}

.bandecreerpdf {
    background-image: linear-gradient(0deg, #0171BB 0%, #05619F 100%);
    padding-top: 30px;
    padding-left: 10px;
    padding-bottom: 20px;
}

.bandecreerpdf img {
    width: 120px;
    /* padding-top: 32px; */
    /* padding-left: 10px; */
}

body.creerpdf form {
    padding-left: 10px;
}

body.creerpdf div.btncreerpdf {
    background: #c3c3c3;
    color: #0465a6;
    /* opacity: .5; */
}

body.creerpdf div.btncreerpdf:hover {
    /* opacity: 1; */
    background: #FFF;
}

body.creerpdf input.btncreerpdf:hover {
    background: #075d96;
}

#planDuSite li {
    text-decoration: underline;
    cursor: pointer;
}

.menu-principal-conteneur {
    width: 100vw;
    height: calc(100vh - 40px);
}

@media all and (max-width:768px) {
.menu-principal-conteneur {
        overflow: scroll;
        height: calc(100vh - 35px);
    }
h1.accueil {
    font-size: 30px;
    padding-left: 10px;
}

.contactez-nous {
    display: none;
}

.bande-accueil {
    font-size: 20px;
}

img.accueil-icone {
    height: 20px;
    margin-top: 10px;
    padding-left: 10px;
}

.image-accueil {
    background-position: center;
}

h2.accueil {
    font-size: 13px;
    margin-top: -6px;
    line-height: 33px;
    min-height: auto;
    margin-left: 0px;
}

p.accueil {
    font-size: 14px;
    line-height: 18px;
    min-height: auto;
    margin-bottom: -11px;
}

.panel-body {
    padding: 0px;
}

#accueil .btn {
}

.intro-mi {
    margin-bottom: 20px;
}

#hamburger {
    top: auto;
    bottom: 10px;
    background: rgba(62, 62, 62, 0.3);
    border-radius: 100%;
}

#hamburger.active {
    transform: translate3d(0,-20px,0);
    border-radius: 0%;
    background: rgba(62, 62, 62, 0);
}

.menu-element-full-width {
    height: auto;
    display: block;
}

.menu-element-full-width .button {
    display: block;
    border-right: none;
    width: 100%;
}

.icon-menu {
    width: 30px;
    margin-top: 10px;
    float: left;
}

.menu-element-full-width .title {
    border-right: none;
    padding-top: 9px;
}

.menu-element-full-width > * a span, .menu-element-full-width .title span {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.menu-element-full-width > * a {
    font-size: 14px;
}

.menu-element-full-width > * a span br, .menu-element-full-width .title span br {
    display: none;
}

.mentions-legales-menu a {
    display: inline-block;
    width: 24%;
    font-size: 9px;
    padding: 0;
    /* height: 60px; */
    margin: 0;
    line-height: normal;
    position: relative;
}

.mentions-legales-menu a:not(.last):after {
    display: none;
}

.mentions-legales-menu a:not(.last) {
    margin-right: 0px;
}

.active.mentions-legales-menu {
    height: 35px;
    top: calc(100% - 35px);
    line-height: 30px;
}
    .menu-element-full-width.bientot-disponible:after {
        display: none;
    }
    section.page > h1:not(.accueil):not(.exportpdf) {
    left: 0px;
    font-size: 18px;
    position: inherit;
    background: #3E3E3E;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -8px;
    line-height: 23px;
}

.menu-haut .icone {
    display: none !important;
}

.ariane {
    display: none;
}

.menu-haut .uponor {
    display: none;
}

.menu-haut {
    height: 43px;
    display: none !important;
}

img.milcimg {
    width: 100%;
    top: 60px;
    display: none;
}

.milcdesc.milcdesc1, .milcdesc.milcdesc2, .milcdesc.milcdesc3 {
    position: initial;
    top: inherit;
    left: inherit;
    padding-left: 10px;
    width: calc(100% - 20px);
    margin-bottom: 21px;
    margin-top: 20px;
}

#mi .btn-uponor, #lc .btn-uponor {
    position: static;
    margin-left: 10px;
    margin-top: 0px;
    bottom: inherit;
    right: inherit;
    margin-bottom: 60px;
}
    
.page {
    padding-top: 0px;
    height: auto;
}

h1:not(.accueil) span {
    font-size: 18px;
}

.descriptif {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 19px;
    /* text-align: left; */
}

.gabarit-col4 .texte {
    width: auto;
    font-size: 15px;
    min-height: auto;
}

.gabarit-col4 .image {
    width: auto;
    float: none;
    margin-bottom: 20px;
}

h2 {
    min-height: auto;
}

.descriptif-contenu {
    text-align: justify;
    text-align-last: center;
}

.btnlarge {
    /* padding-bottom: 20px; */
    /* margin-bottom: 20px; */
}

.gabarit-col4 #col3, .gabarit-col4 #col4, .gabarit-col4 #col7, .gabarit-col4 #col8 {
}
    
    
.photo-principale {
    /* background-position: center; */
}

.gabarit-col4 #col1, .gabarit-col4 #col3, .gabarit-col4 #col5, .gabarit-col4 #col7 {
    background: #FFF;
}

.gabarit-col4 #col2, .gabarit-col4 #col4, .gabarit-col4 #col6, .gabarit-col4 #col8 {
    background: #F3F3F3;
}

.gabarit-col4 .col-sm-6 {
    padding-bottom: 20px;
}

.btn-ajouter-fullscreen {
    display: none;
}

.fpimg {
    margin-top: 0px;
    height: calc(100vh * (175/600));
}

.fpcontenu {
    padding-left: 10px;
    padding-right: 10px;
}

h1.fptitre {
    display: none;
}

.fpplusproduit {
    text-align: left;
    font-size: 10px;
}

.fpcta .btn-ajouter-cctp {
    float: none;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.fpcta {
    width: 100% !important;
    text-align: center;
}

.fpcta .btn {
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: inline-block; */
}

.cctp-form-contenu {
    left: 50% !important;
    margin-left: 2px;
    width: 96%;
}

.cctp-form-triangle {
    left: 50%;
    transform: translate(-50%,0);
}

h2.cctp {
    margin-top: 0px;
    font-size: 22px;
    line-height: 26px;
}

#cctp h1 {
    margin-left: -10px;
    margin-right: -10px;
}

.fpavantages h2 {
    margin-bottom: 33px;
}

.modimgdroite {
    display: block;
    width: 100%;
}

.modimg {
    width: 50%;
    margin-left: auto;
    display: block;
    margin-right: auto;
}

.fpcontenu iframe {
    width: 100%;
    height: 1;
}
h3 {
    font-size: 19px;
}

.retour-accueil {
    bottom: 10px;
    background: url(../img/icone-accueil.svg), rgba(62, 62, 62, 0.3);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    width: 60px;
    height: 56px;
    position: fixed;
    z-index: 10;
    left: 10px;
    cursor: pointer;
    }
    #mi, #lc {
    min-height: 100vh;
}
}





.photosnoncontract {
    text-align: center;
    margin-bottom: 30px;
    font-style: italic;
    font-size: 10px;
}



.marge-bas-mobile {
    height: 80px;
    background-color: #333f48;
}

.img-modal-zoom {
    margin-left: auto;
    margin-right: auto;
}

*[data-zoom]:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: rgba(5, 97, 159, 0.52);
    border-radius: 100%;
    padding: 10px;
    border: 1px solid #FFF;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../img/icone-zoom.svg);
    background-size: 70% auto;
    background-position: center;
    background-repeat: no-repeat;
}

*[data-zoom] {
    cursor: pointer;
}

section#recherche .recherche-bloc {
    position: fixed;
    width: 800px;
    max-width: calc(100% - 20px);
    max-height: 363px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* Mask: */
    background: #F6F6F6;
    border: 1px solid rgba(136,135,134,0.52);
    box-shadow: 9px -3px 13px 2px rgba(0, 0, 0, 0.25);
    border-radius: 13px;
    box-sizing: border-box;
    padding: 10px 0 0px 0;
    overflow: scroll;
}

input#rechercheInput {
    width: calc(100% - 60px);
    height: 70px;
/* Bâtiment résidentiel: */
    font-weight: 100;
    font-size: 32px;
    color: #565656;
    letter-spacing: 0;
    background: none;
    border: none;
    background-image: url(../img/loupe.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 63px;
    margin-left: 30px;
    outline: none;
}

.categorie-recherche {
    width: 100%;
    background: #757575;
    height: 30px;
    line-height: 30px;
/* Fiches produits: */
    font-weight: 100;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0;
    letter-spacing: 1px;
    padding-left: 35px;
    padding-right: 35px;
}

.categorie-resultat {
    padding-left: 35px;
    padding-right: 35px;
    /* min-height: 40px; */
    line-height: 40px;
}

section#recherche {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    /* background: #00000036; */
    display: none;
    z-index: 99999999;
}

.recherche-resultat {
    display: block;
    margin-left: -35px;
    margin-right: -35px;
    padding-left: 35px;
    padding-right: 35px;
    height: 40px;
    line-height: 41px;
    color: #525252;
    cursor: pointer;
}

.liste-recherche-resultats li:nth-child(2n
 + 1) a {
    background: rgba(0,0,0,.05);
}

a.recherche-resultat.active {
    background: #F5A623 !important;
    color: #FFF;
}

ul.liste-recherche-resultats {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a.recherche-resultat input {
    /* display: none; */
    height: 1px;
    width: 1px;
    border: none;
    background: none;
    outline: none;
}
.btn-recherche {
        right: 91px;
        position: absolute;
        top: 21px;
        width: 28px;
        z-index: 98;
        cursor: pointer;
}
#recherche.active {
    display: block;
}
.recherche-ferme {
    background: #0000005c;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
.image-accueil .btn-recherche {
    top: 23px;
    position: fixed;
}
body.noscroll {
    height: 100vh;
    overflow: hidden;
}
.recherche-mobile {
    display: none;
}
@media all and (max-width:768px) {
section#recherche .recherche-bloc {
    border-radius: 5px;
    padding-top: 0px;
}
    input#rechercheInput {
    /* padding-left: 30px; */
    width: calc(100% - 20px);
    margin-left: 5px;
}
    .image-accueil .btn-recherche {
    right: 40px;
    top: 10px;
    display: none;
}
    .categorie-resultat {
    padding-left: 10px;
    padding-right: 10px;
}
    .categorie-recherche {
    padding-left: 10px;
    padding-right: 10px;
}
    .recherche-resultat {}
    .recherche-mobile {
    bottom: 10px;
    background: url(../img/loupe-blanche.svg), rgba(62, 62, 62, 0.3);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    width: 60px;
    height: 56px;
    position: fixed;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    display: block;
}
}
.intro-ho {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-ho.png);
    background-position: center 106%;
    background-repeat: no-repeat;
    background-size: contain,70%;
    background-size: contain, 50%;
}

.intro-sa {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-cc.png);
    background-position: 5px 0px, center 113%;
    background-repeat: no-repeat;
    background-size: contain,70%;
    background-size: contain, 50%;
}

.intro-pu {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-pu.png);
    background-position: 5px 0px,center 110%;
    background-repeat: no-repeat;
    background-size: contain, 70%;
    background-size: contain, 50%;
}

.intro-sc {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-sc.png);
    background-position: 5px, 10px 103%;
    background-repeat: no-repeat;
    background-size: calc(100% - 5px) 100%, 70%;
    background-size: contain, 50%;
}
.panel-body .intro-en {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-up.png);
    background-position: 0px 0px,center 110%;
    background-repeat: no-repeat;
    background-size: 100%, 50%;
}
.panel-body .intro-up {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-up.png);
    background-position: 5px 0px,center 110%;
    background-repeat: no-repeat;
    background-size: 50%;
}
.panel-body .intro-me {
    background-image: linear-gradient(#00000014, transparent 63%), url(../img/accueil-me.png);
    background-position: 5px 0px,center 119%;
    background-repeat: no-repeat;
    background-size: 100%, 50%;
}
#collapseTwo .btn {
    /* margin-bottom: 50px; */
}
#collapseTwo p.accueil, #collapseTrois p.accueil, #collapseQuatre p.accueil {
    color: #a0a0a0;
    text-shadow: 1px 1px 0px #000;
    opacity: 1;
}
.bientot-disponible-after:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.8;
    /* z-index: -1; */
    top: 0;
    left: 0;
    background-image: url(../img/bientot-disponible.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bientot-disponible-after * {
    opacity: 0.2 !important;
}
#side-menu .bientot-disponible-after:after {
    background-size: 80%;
}
.menu-principal .bientot-disponible-after * {
    opacity: .8 !important;
}
.menu-principal-conteneur .bientot-disponible-after:after {
    opacity: .4;
    background-size: 80%;
}
.menu-principal .button a {
    position: relative;
}
.bientot-disponible-after * {
    opacity: 0.6 !important;
}
#planDuSite h3 {
    font-size: 20px;
}

#planDuSite ul {
    padding-left: 20px;
}
#planDuSite li {}

#planDuSite .row {
    margin: 0;
}
.fpctalong {
    width: 774px;
}
.btn-ajouter-fullscreen-moitie {
    width: 50%;
}
.btn-ajouter-fullscreen-moitie + .btn-ajouter-fullscreen-moitie {
    left: 50%;
    border-left: 1px solid #FFF;
}