:root{--bleu:#162440;--bleuClair:#66a2d7;--blanc:#ffffff;--jaune:#e9b90a;--widthCentre:70%;--marginTB:8vh}@font-face{src:url(../fonts/Titillium-Regular.ttf);font-family:tt}@font-face{src:url(../fonts/Titillium-Light.ttf);font-family:ttL}@font-face{src:url(../fonts/Titillium-Bold.ttf);font-family:ttB}*{margin:0;padding:0;font-family:tt;font-size:18px}#logoMobile{display:none}nav{padding:1.5em 10%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 4px rgba(0,0,0,.25);position:relative;z-index:2}nav a img{height:2em}nav a{color:#000;text-decoration:none;font-family:ttB;font-size:20px}#burger{display:none}header{height:25vh;position:relative;background-size:cover}header h2{width:37%;background:url(../images/fond-titre.svg) no-repeat left;background-size:100%;color:#fff;text-indent:15vw;position:absolute;bottom:-.75em;left:0;line-height:1.6em;font-size:2em}article{width:var(--widthCentre);margin:0 auto var(--marginTB)}footer{text-align:center;background:var(--bleu);color:var(--blanc);padding:1em 20%;text-align:center}footer a{text-decoration:none;color:var(--blanc)}footer img{height:2.4em}#home header{height:55vh;display:flex;position:relative}#home header>header{background:url(../images/bgheader.svg) no-repeat left top;background-size:cover;height:45vh;width:40%;position:absolute;top:0;left:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;padding:5vh 0 5vh 10%}#home header>header h1{text-transform:uppercase;font-family:ttL;font-weight:lighter}header h1 img{width:60%}#home header>header ul{list-style-image:url(../images/puce.svg);list-style-position:inside;width:100%}#home header>header ul li{line-height:2.4em;height:2.4em;font-size:1.2em}#home header>header>a{display:block;background:var(--bleu);color:var(--blanc);width:20%;text-align:center;text-decoration:none;padding:.2em 0}header>div{background-color:var(--bleu);width:70%;height:100%;position:absolute;top:0;right:0;z-index:-1;overflow:hidden}header>div img{height:auto;width:100%;position:absolute;z-index:1;top:0;left:0}#home article{display:flex;flex-wrap:wrap}#home article#surmesure{margin-bottom:5vh;align-items:stretch}#home article#surmesure h2{width:100%;text-align:center;font-size:3em;color:var(--bleu);padding:10vh 0}#home article#surmesure section article{margin:0 0 5vh}#home article#surmesure section:first-of-type{width:37%}#home article#surmesure section:first-of-type h3{font-size:1.5em;line-height:1.05em}#home article#surmesure section:first-of-type h3.active{color:var(--jaune)}#home article#surmesure section:last-of-type{width:52%;padding:0 5%;position:relative}#home article#surmesure section:last-of-type article{width:100%;opacity:0;position:absolute;top:0;left:0}#home article#surmesure section:last-of-type article:first-of-type{display:block;opacity:1}#home article#surmesure section article>img{width:100%;margin-bottom:1vh}#home article#surmesure section div{display:flex;align-items:stretch;justify-content:space-between;height:14em;overflow:hidden}#home article#surmesure section div div{display:block;width:55%;padding-right:5%}#home article#surmesure section div img{display:block}#home article#surmesure section div p{padding:0;margin:0}#home article#famille{margin-top:20vh}#home article#famille img{width:37%}#home article#famille div{width:52%;padding:0 5%}#home article div p{margin-top:5em;line-height:1.9em}article#clients{padding:0 15%;color:var(--blanc);background-color:var(--bleu)}#realisations header{background:url(../images/bgrealisations.png) no-repeat center;background-size:cover}#realisations main{display:flex;justify-content:space-between;flex-wrap:wrap;width:70%;margin:5vh auto}#realisations article{width:28%;margin:5vh 0 0}.categorie{text-transform:uppercase;color:var(--bleuClair)}#realisations article img{width:100%}#savoirsfaire header{background-image:url(../images/bgsavoirsfaire.jpg)}#savoirsfaire article{width:70%;padding:2% 15%;display:flex;flex-wrap:wrap;justify-content:space-between}#savoirsfaire article p{font-size:1.2rem;line-height:1.6em}#savoirsfaire article ul{list-style-position:inside;margin-left:3em}#savoirsfaire article:nth-child(even){background:var(--bleu);color:var(--blanc)}#savoirsfaire article h3{width:100%;margin:5vh 0;text-align:center;font-size:2.2em;color:var(--bleu)}#savoirsfaire article:nth-child(even) h3{color:var(--blanc)}#savoirsfaire article>*{width:48%}#contact header{background-image:url(../images/bgheader.png)}#contact main{width:70%;margin:5vh auto;display:flex;align-items:center;justify-content:space-between}#contact form{display:flex;flex-wrap:wrap;justify-content:space-between;width:65%;margin-top:8vh}form label{width:49%;margin-bottom:1vh}span.obligatoire::after{content:"*";color:red}form label input{width:99%;padding:.8em 0;border:1pt solid #d9d9d9;padding-left:1%;margin-top:.5em}form label:last-of-type{width:100%}textarea{width:98%;height:15vh;border:1pt solid #d9d9d9;padding-left:2%;padding-top:2%}form>p{color:#d9d9d9;font-size:.8em}[type=submit]{padding:1em;width:23%;display:block;margin:5vh auto;background:var(--bleu);border:none;color:var(--blanc)}[name=control]{background:#ffffe0}address{width:25%;color:var(--bleu)}address p{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:2em;font-weight:700}address p:last-of-type{font-weight:400}address p img{margin-right:1.5em}address a{text-decoration:none;color:var(--bleu)}figure{overflow:hidden;position:relative;height:40vh}figure div{max-height:40vh;background:purple;position:relative;z-index:0}figure div img,figure div video{width:100%;min-height:40vh;float:left;position:absolute;top:0;left:0}#realisations article img.next,#realisations article img.previous,figure img.next,figure img.previous{position:absolute;top:45%;right:2%;left:auto;z-index:10;height:2em;width:auto;max-height:2em;min-width:0;height:auto;background:rgba(255,255,255,.7)}figure img.next:hover,figure img.previous:hover{cursor:pointer;box-sizing:0 0 3px #555;transform:scale(1.05)}#realisations article img.previous,figure img.previous{right:auto;left:2%}#mentions main{display:block;width:70%;margin:auto;padding:3em 0}#mentions main h3{margin:1em 0 3em}