:root{--black:#000}@font-face{font-family:Sora;src:url(fonts/Sora/Sora-VariableFont_wght.ttf)}*{font-family:Sora}a{cursor:pointer}.text-white{color:#fff}body{padding-top:60px}.w-400{width:400px!important}.wrapper{display:flex;justify-content:center;overflow:hidden;padding-left:30px;padding-right:30px}.wrapper>*{max-width:1200px;max-width:1600px;width:100%}.wrapper.wrapper_column{flex-direction:column;align-items:center}.bg_black{background-color:var(--black);box-shadow:#fff 0 4px 4px 0;position:relative;z-index:2}.bg_grey{background-color:#d9d9d9}header{display:flex;align-items:center;width:100%;max-width:1200px;justify-content:space-between}#logo{width:60px}header a{color:#fff;font-family:Sora;font-size:16px;padding-left:80;padding-right:80px;text-decoration:none}#wrapper_menu{position:fixed;width:100%;top:0;z-index:50}#burger{display:none}#close_menu{display:none}#main{background:var(--black);padding-top:80px}h1::before{content:''}h1{color:#fff;font-size:48px;font-family:Sora;position:relative;margin-bottom:80px}h1 img{position:absolute;left:-10px;bottom:-10px}#main a{color:#fff;text-decoration:none;background:hsl(0deg 30% 50%);padding:10px 20px;border-radius:10px;display:block;width:100px;z-index:5;position:relative;margin-bottom:220px}h2{font-family:Sora;margin-top:40px;margin-bottom:50px}#main #vague{position:absolute;top:0;left:0;width:100%}#wrapper_description{background:linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25)),url(../img/vague_noire.svg)}#description{display:flex;position:relative;margin-top:70px;margin-bottom:70px}#description>*{flex:1;position:relative}#description .left-col{padding-right:80px}#description .right-col{padding-left:80px}#description .right-col img{max-width:580px}#description h2{position:relative;font-family:Sora;font-size:32px}#description h2 img{position:absolute;bottom:0;left:0;transform:translate(-50%,50%)}#description .vague{position:absolute;bottom:0;left:0;transform:translateY(50%)}#description_paysage{display:none}#description p{font-family:Sora}#offres{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:65px}#offres h2{font-size:32px;color:#fff;width:260px;position:relative;text-align:center}#offres h2 img{position:absolute}#offres h2 img:nth-child(1){top:0;left:0;transform:rotateZ(90deg) translate(-50%)}#offres h2 img:nth-child(2){transform:scaleX(-1) translateY(50%);bottom:0;right:0}.wrapper_offres{display:flex;justify-content:space-around;flex-wrap:wrap}.wrapper_offres .offre{width:350px;color:#fff;cursor:pointer;position:relative;margin-bottom:30px;background-color:#fff;padding-bottom:118px}.wrapper_offres .offre img{width:100%}#offres .wrapper_offres h2{width:100%;text-align:left;margin:0;padding-left:15px;object-fit:cover;padding-top:26px;color:#000;display:block;height:92px;margin-top:0;font-size:28px}#offres .content{height:118px;overflow:hidden;background-color:#fff;position:absolute;top:calc(100% - 118px);background:rgba(250,250,250,.8);color:#000}#offres .offre:hover .content{top:0;height:100%;transition:all 50ms linear}#offres .content .fleche{width:30px;transform:none;top:25px;right:20px;left:auto}#offres .description{font-family:Sora;padding-left:15px;padding-right:15px}form{margin-bottom:100px}label{font-size:32px;font-family:Sora;display:block;padding-bottom:15px;padding-top:40px}input,textarea{width:100%;padding:5px}textarea{height:200px}input{height:50px}form button{margin-top:65px;margin-left:auto;margin-right:auto;display:block;font-size:32px;line-height:32px;padding:24px 30px 24px 30px;border:0;color:#fff;background:#000;font-family:Sora}#contact h2{font-size:32px;text-align:center;position:relative;width:260px;align-self:center}#contact{display:flex;flex-direction:column}#contact h2 img{position:absolute;bottom:0}#contact h2 img:nth-child(1){left:0;transform:translate(-50%,50%)}#contact h2 img:nth-child(2){right:0;transform:scaleX(-1) translate(-50%,50%)}#confirmationPopin{display:none}#confirmationPopin.visible{display:block;opacity:1;right:20%;bottom:0;top:auto}.popin{position:absolute;background-color:#2ecc71;color:#fff;padding:10px 15px;border-radius:8px;right:-230px;top:50%;transform:translateY(-50%);box-shadow:0 0 8px rgba(0,0,0,.3);transition:opacity .4s ease;opacity:0;pointer-events:none}.popin.visible{opacity:1;pointer-events:auto}.hidden{display:none}#contactForm{position:relative}footer img{width:76px}footer,footer nav{display:flex;align-items:center}footer{justify-content:space-between}#linkedin{width:50px}footer a,footer a:active,footer a:focus{font-size:16px;font-family:Sora;text-decoration:none;color:#fff;margin-left:40px}@media(max-width:1600px){#main #vague{transform:translateY(70px)}}@media(max-width:1450px){#main #vague{transform:translateY(120px);top:0;bottom:auto}}@media(max-width:1200px){#main #vague{transform:translateY(160px)}#description .left-col{padding-right:40px}#description .right-col{padding-left:40px}}@media(max-width:1010px){#wrapper_menu nav{position:fixed;left:0;top:0;height:100vh;background:#000;width:100vw;flex-direction:column;display:flex;align-items:center;justify-content:center;display:none}#wrapper_menu nav.visible{display:flex}#wrapper_menu nav a{padding:40px 0}#burger{display:block;width:50px}#burger img{width:100%}#close_menu{display:block;position:absolute;top:0;right:50;font-size:2em}}@media (max-width:992px){#description{flex-direction:column;align-items:center}#description_carre{display:none}#description_paysage{display:block}#description .left-col,#description .right-col{padding:0;width:100%;position:static}#description .right-col img{width:100%;max-width:max-content;z-index:5;position:relative;padding-top:40px}}@media(max-width:950px){#main #vague{transform:translateY(200px)}}@media(max-width:700px){#main #vague{transform:translate(20%,-100%) rotateZ(-90deg) scaleX(1.5);transform-origin:bottom right;opacity:.8;width:100%;top:0}}