@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-_ZJd4Sbe.ttf)}*{padding:0;margin:0;box-sizing:border-box}:root,body,html{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}@media (min-width: 576px) and (max-width: 992px){body{margin-top:clamp(50px,15vw,150px)}}a{text-decoration:inherit;color:inherit}img.detail{width:100%}.card{overflow:visible;width:190px;height:254px;margin:10px auto;position:relative}@media (max-width: 768px){.card{width:clamp(70px,35vw,150px);height:auto;aspect-ratio:500/667}}.absoluteBottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.active{text-decoration:underline;font-weight:bolder}.content{border:#e19b3c solid 2px;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s;border-radius:5px}.front,.back{position:absolute;background-color:#151515;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;color:#fff}.front figure,.back figure{position:relative;width:100%;height:100%}.front figure img,.back figure img{width:100%;height:100%;object-fit:cover}.front figure figcaption,.back figure figcaption{text-align:center;width:100%;font-size:clamp(16px,3vw,22px);text-shadow:black 0 0 1px;background-color:#2424244f}@media (min-width: 776px){.card:hover .content{transform:rotateY(180deg)}}@media (max-width: 775.98px){.card .content{animation:changeFace 8s linear infinite}.card .content figcaption{font-size:clamp(16px,2.5vw,18px)}}.front{transform:rotateY(180deg)}h1{font-family:Roboto;color:#e19b3c;font-weight:700;text-decoration:underline;font-size:clamp(32px,5vw,55px);margin:15px 0}h2.app{font-family:Roboto;color:#e19b3c;font-weight:700;font-size:clamp(25px,4vw,45px)}#footer{width:100%;height:30vh;display:flex;align-items:center;justify-content:space-evenly;margin:30px 0 15px}#footer section{border-radius:15px 0 0 15px/15px 0px 0px 15px;height:100%;flex:1;background-color:#e19b3c;color:#2b2f38;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly}#footer section h2{font-size:clamp(20px,4vw,35px)}#footer section ul{width:fit-content;margin:0 auto}#footer section ul li,#footer section ul a{font-size:clamp(16px,3vw,25px);list-style:none;display:flex;align-items:center}#footer section ul li a,#footer section ul a a{text-decoration:underline}#footer section ul li a:hover,#footer section ul a a:hover{color:#424b5c}#footer section ul li svg,#footer section ul a svg{width:30px;height:30px;margin-right:10px}#footer iframe{flex:1;height:100%;width:50%;border-radius:0 15px 15px 0/0px 15px 15px 0px;display:block;border:none}@media (max-width: 776px){#footer{margin:15px 0;flex-direction:column}#footer section{border-bottom-left-radius:0;border-bottom-right-radius:0;height:fit-content;width:100%}#footer iframe{width:100%;height:50%;display:block;margin-left:0;border-radius:0}}figcaption{color:#e19b3c;font-weight:700}@keyframes changeFace{0%{transform:rotateY(180deg)}5%{transform:rotateY(0)}49%{transform:rotateY(0)}54%{transform:rotateY(180deg)}to{transform:rotateY(180deg)}}nav{display:flex;color:#2b2f38;background-color:#e19b3c;border:#2b2f38 solid 1px;border-radius:5px}@media (min-width: 576px) and (max-width: 991.98px){nav{position:fixed;top:0;left:0;right:0;z-index:1000}}nav section.nav{display:flex;align-items:center;justify-content:space-around;flex:1}nav h2.nav{font-size:clamp(20px,3vw,32px)}nav figure.nav{width:clamp(50px,10vw,100px);aspect-ratio:1/1}nav figure.nav img{width:100%;height:100%;object-fit:contain;display:block}#liste1,#liste2,#liste3{display:flex;margin:0 15px}#liste1 #listesChantiers1,#liste1 #listesChantiers2,#liste1 #listesChantiers3,#liste2 #listesChantiers1,#liste2 #listesChantiers2,#liste2 #listesChantiers3,#liste3 #listesChantiers1,#liste3 #listesChantiers2,#liste3 #listesChantiers3{max-width:90vw;display:flex;margin:0 auto}#liste1 #listesChantiers1 .card,#liste1 #listesChantiers2 .card,#liste1 #listesChantiers3 .card,#liste2 #listesChantiers1 .card,#liste2 #listesChantiers2 .card,#liste2 #listesChantiers3 .card,#liste3 #listesChantiers1 .card,#liste3 #listesChantiers2 .card,#liste3 #listesChantiers3 .card{margin:10px 15px}@media (min-width: 768px){#listesChantiers1,#listesChantiers2,#listesChantiers3{overflow:hidden}}#rightArrow1,#leftArrow1,#rightArrow2,#leftArrow2,#rightArrow3,#leftArrow3{background-color:transparent;border:none}#rightArrow1 svg,#leftArrow1 svg,#rightArrow2 svg,#leftArrow2 svg,#rightArrow3 svg,#leftArrow3 svg{cursor:pointer;width:100px;height:100px}@media (max-width: 768px){#rightArrow1,#leftArrow1,#rightArrow2,#leftArrow2,#rightArrow3,#leftArrow3{display:none}#listesChantiers1,#listesChantiers2,#listesChantiers3{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}h1.real{margin:0 15px}h2.real{margin:15px;text-decoration:underline;font-size:clamp(32px,3vw,55px);color:#e19b3c;font-weight:700}section.photo{background-image:url(/assets/PP-Ds_ZvJBU.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:bottom;height:80vh;width:90vw;margin:auto;border-radius:15px;border:#e19b3c solid 5px;display:flex;align-items:end}p.presentation{color:#e19b3c;font-size:clamp(20px,2vw,32px);font-weight:700;line-height:clamp(25px,6vw,50px);border:#e19b3c solid 5px;border-radius:15px;width:90vw;margin:15px auto}section#reviews{margin:20px 0}section#reviews figure svg{width:5vw;height:5vw}section#reviews i{font-size:clamp(16px,3vw,25px)}h2.contacts{color:#e19b3c;margin:15px 0 30px}h2.contacts span{font-size:clamp(32px,5vw,55px)}form{display:flex;flex-direction:column;align-items:center;border:#E19B3C solid 5px;color:#e19b3c;font-size:clamp(16px,3vw,32px);width:fit-content;padding:30px 50px;border-radius:15px;margin:auto}form fieldset{border:none;display:flex;flex-direction:column;align-items:center}form #bouton{margin:10px 0;padding:10px;background-color:#e19b3c;color:#000;border:none;border-radius:5px;cursor:pointer}form #bouton:hover{background-color:#d88b20}
