*{box-sizing:border-box;margin:0;padding:0;font-family:"Open sans"}a{text-decoration:none;color:inherit}li{list-style:none}.progression{bottom:0;right:0;padding:10px}.container{margin:0 auto;max-width:1024px}.relative{display:relative}.absolute{position:absolute}.flex{display:flex}.space-between{justify-content:space-between}.wrapper{min-height:100vh}header{padding:1.5625%;border-bottom:1px solid #ccc;box-shadow:3px 3px 3px rgba(0,0,0,.2);position:fixed;z-index:9999;background:#fff;left:0;right:0;top:0}.logo{flex-grow:4}nav{flex-grow:1}nav ul{display:flex;position:relative}nav li{padding:0 3.125%;line-height:100px;text-transform:uppercase;flex-grow:1;text-align:center;position:static;z-index:1}nav li.current,nav li:hover{border-bottom:3px solid #888;font-weight:700}.progressionBar{position:absolute;height:3px;background:#ccc;bottom:0;left:0;right:0;padding:0;margin:0;z-index:0}body{background:url(/static/media/presentation-back.19541707.jpg) no-repeat fixed;background-size:cover}section{min-height:100vh;padding:3.125% 1.5625%;overflow:hidden}#accueil{padding:0}#accueil .container{overflow:hidden}#accueil button,#accueil h2,#accueil p{position:relative}.innerIntro{justify-content:flex-end}.introduction{width:50%;padding:0 3.125%;margin-top:20%;position:static;z-index:1}#accueil{position:relative;min-height:100vh}.fondBlanc{position:absolute;right:0;bottom:0;top:0;left:50%;background:#fff;z-index:-2;box-shadow:-25vw 0 25vw rgb(0 0 0/25%)}#accueil .triangle{width:0;height:100vh;border-color:transparent #fff transparent transparent;border-style:solid;border-width:0 25vw 100vh 0;position:absolute;bottom:0;right:50%;z-index:-1}#accueil h2{font-size:2.1em;line-height:1;margin-bottom:1em}#accueil p{line-height:1.5;margin-bottom:2em}#accueil button{background:#333;background:linear-gradient(126deg,#333,#000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#000000",GradientType=1);color:#fff;text-transform:uppercase;line-height:40px;padding:0 3.125%;border:none;border-radius:3px;cursor:pointer;box-shadow:3px 3px 3px rgba(0,0,0,.25)}#accueil button:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.fondWrap{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}#presentation{padding-top:calc(100px + 6.25%);z-index:1;position:relative}#presentation h2{font-size:2em;margin:0 0 1em}.specs{width:50%;padding:3.125% 12.5% 3.125% 3.125%;position:relative}.specs p{margin-bottom:1em}.listeTech{display:flex;flex-wrap:wrap}.listeTech li{width:50%;text-align:center;font-size:2em;margin-bottom:30px;-webkit-transform-origin:center;transform-origin:center}.listeTech i{font-size:4em}.techWrap{width:50%;padding:3.125%;background:#164f88;background:linear-gradient(126deg,#164f88,#0d3d6d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#164f88",endColorstr="#0d3d6d",GradientType=1);color:#fff;border-radius:3px;box-shadow:3px 3px 3px rgba(0,0,.25);z-index:-1;position:relative}.fondSpecs{background-color:#fff;top:0;left:0;width:40vw}.fondSpecs,.triangleSpecsA{position:absolute;bottom:0;z-index:-1}.triangleSpecsA{width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:100vh 0 0 20vw;left:40vw}#contact{min-height:0;padding:3.125% 0 0;position:relative;color:#fff}#contact h2{font-size:2.5em;margin:1em 0;color:#333}#contact>div{padding:6.25% 3.125%}.formWrapper{justify-content:flex-end}.formWrapper>div{width:50%;padding:3.125% 0 3.125% 3.125%;position:relative;z-index:4}#contact form{padding:3.125%;background:#fff;color:#333;max-width:580px}.fieldLine{display:flex;justify-content:flex-start;padding:1.5625% 3.125%}.fieldLine label{margin:0 3.125% 0 0;display:inline-block;line-height:36px;width:25%;flex-grow:1}.fieldLine input,.fieldLine select,.fieldLine textarea{flex-grow:1;width:75%}.fieldLine textarea{min-height:150px}.submitLine{display:flex;justify-content:flex-end;padding:3.125%}#submit{background:#000;color:#fff;line-height:40px;padding:0 3.125%;min-width:33.33333%;text-transform:uppercase;border-style:none;border-radius:3px;cursor:pointer;transition:background-color .3s}#submit:disabled{background-color:#888}#submit:hover{background-color:#2bc0db}#contact .creditPhoto{position:absolute;bottom:0;right:0;left:0;z-index:2;background:#333;padding:3.125%;background:#164f88;background:linear-gradient(126deg,#164f88,#0d3d6d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#164f88",endColorstr="#0d3d6d",GradientType=1);color:#fff;border-radius:3px;box-shadow:3px 3px 3px rgb(0 0 0)}.creditWrapper{width:50%;padding-right:3.125%}#contact .creditPhoto h3{font-size:1.5em;margin-bottom:1em}.triangleFondCredit{position:absolute;right:0;bottom:100%;width:0;left:0;height:0;border-color:transparent transparent #164f88;border-style:solid;border-width:0 0 12.5vh 50vw}#footerNav{background:#222;color:#fff;padding:3.125%;z-index:5;position:relative;box-shadow:0 -3px 3px rgba(0,0,0,.25)}#footerNav .flex{justify-content:space-between}#footerNav h3{font-size:1.5em;margin-bottom:20px}#footerNav ul{display:inline;display:initial}#footerNav li{list-style-type:none;margin:0 0 10px;line-height:normal;text-align:left;font-size:.8em}.footerLogo{text-align:center}.fondContact{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3}.triangleContactA{border-color:#fff transparent transparent;border-width:25vh 60vw 0 0;top:100%}.triangleContactA,.triangleContactB{width:0;height:0;border-style:solid;position:absolute;left:0}.triangleContactB{border-color:transparent transparent #fff;border-width:0 0 3.125vh 50vw;right:0;bottom:100%}.fondFormulaire{position:absolute;top:15.625vh;right:0;width:50%;background:#fff;bottom:0;z-index:3}footer{background-color:#000;color:#fff}footer p{font-size:.8em;line-height:50px;text-align:center}.messageModal{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8)}.messageModal>div{position:absolute;width:400px;height:200px;left:calc(50% - 200px);top:calc(50% - 100px);background-color:#fff;padding:3.125%;text-align:center;border-radius:3px;-webkit-animation:popUp .5s ease-out forwards;animation:popUp .5s ease-out forwards;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes popUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popUp{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.messageModal>div>p{position:absolute;height:50px;top:calc(50% - 12.5px);left:0;right:0}.close{position:absolute;top:0;right:0;padding:3.125%;cursor:pointer}@media screen and (max-width:960px){#accueil h2{font-size:1.75em}.introduction{margin-top:33.33333%}}@media screen and (max-width:500px){header{left:0;right:auto;bottom:0;width:100px}header nav ul{flex-direction:column}header .container .flex{flex-direction:column;justify-content:start}#accueil,#contact,#presentation{padding-left:calc(100px + 3.125%)}nav li{line-height:normal;margin:10px 0;font-size:.7em}.logo{text-align:center}.logo img{width:50px;height:auto}#accueil h2{font-size:1.5em}.introduction{width:auto;margin-top:66.66667%}.fondBlanc{position:absolute;right:0;bottom:0;top:16%;left:0;background:#fff;z-index:0;box-shadow:-25vw 0 25vw rgb(0 0 0/25%)}#accueil .triangle{display:none}}
/*# sourceMappingURL=main.c21b2c0e.chunk.css.map */