body{margin:0;padding:0;font-family:breaking;width:100%}.text_white{color:#fff}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:breaking;src:url(/assets/texgyreadventor-regular--t6TyMTC.otf)}@font-face{font-family:AntipastoProL;src:url(/assets/AntipastoPro-Thin_trial-Dlh82PWX.ttf)}@font-face{font-family:AntipastoProB;src:url(/assets/AntipastoPro-Bold_trial-wFNtef6d.ttf)}@font-face{font-family:breakingb;src:url(/assets/texgyreadventor-bold-B9_AhTQo.otf)}@font-face{font-family:Aleo-Regular;src:url(/assets/Aleo-Regular-HgHI39ks.otf)}@font-face{font-family:clip;src:url(/assets/Clip-B0-qObOt.ttf)}.container{position:relative;width:100%;height:100vh;overflow:hidden;padding:0;margin:0;background-color:#fff}.container-fluid{position:relative;width:100%;margin:0;padding:0}.finger-print{position:absolute;z-index:2;width:100%;height:80vh;left:0;top:10%;display:flex}.container .slid-left,.container .slid-right{width:50%;cursor:pointer}.container ul{margin:0 0 40px;padding:0;position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-end}.container ul li{list-style:none}.container ul li .slide{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform 1.2s;transform:rotateY(90deg);transform-origin:right;overflow:hidden}.projet button{background:transparent;color:#fff;border:1px solid #fff;padding:5px 10px;outline:#f9b233;text-align:center}.container ul li input[type=radio]{position:relative;z-index:1;height:20px;width:20px;display:none}.container ul li .check{position:relative;z-index:1;width:20px;height:20px;border:2px solid rgb(167,166,166);margin:0 5px 30px;cursor:pointer}.container ul li .check.active{border:2px solid #f9b233}.container ul li input[type=radio]:checked~.slide{transition:transform 1.5s;transform:rotateY(0);transform-origin:right}.container ul li .slide .img-slide{width:100%;height:100vh;overflow:hidden;background-size:cover;background-position:center;background-attachment:fixed}.container ul li .slide .mask{background-image:linear-gradient(#fff3,#000000b3);width:100%;position:absolute;height:100%;z-index:1}.container ul li input[type=radio]:checked~.slide .img-slide{animation:animate 30s linear infinite}.navbar{position:absolute;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 50px}.log{width:8%;height:80px;display:flex;align-items:center;padding:0 30px}.log img{width:150px}.log-menu{z-index:2;width:100px;height:60px;display:flex;justify-content:center;align-items:center}.log-menu .menu{font-size:36px;cursor:pointer}@keyframes animate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.menu-view{width:100%;position:fixed;left:0;top:0;height:60vh;background:#212121e1}.menu-view .ul{width:100%;height:100%;margin:-50px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px}.menu-view .ul li{list-style:square;font-size:1.8em;text-transform:uppercase;line-height:2em;margin-left:10%;color:#eee;transition:all .4s;cursor:pointer}.menu-view .ul li:hover{color:#f9b233}.menu.i{text-align:right;position:absolute;right:5%;top:20px;font-size:22px}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding:40px;z-index:2;text-align:center}ul li .slide .content p{font-size:24px;font-style:italic}ul li .slide .content .signature{color:#f9b233;font-weight:700;font-style:normal;text-align:right;margin-top:5px}ul li .slide .img-slide{object-fit:cover;position:fixed;top:0;left:0}.about{width:100%;background:#fff;height:100vh;display:flex;justify-content:flex-end;align-items:center;position:relative;padding-right:50px;overflow:hidden}.about .img-about{width:60%;height:1000px;left:0;top:0;position:absolute;z-index:0;background-image:url(http://api.koema-drc.com/us.jpg);background-size:contain;background-attachment:fixed;transform:scale(1)}.about-content{width:50%;z-index:2}.about-content p{font-size:14px;line-height:25px;margin-bottom:20px}.about-content h3{font-size:2.5em;color:#f9b233;font-weight:700;margin-top:20px;margin-bottom:20px;line-height:38px;font-family:breakingb}.divers{width:100%;background-color:#141414;position:relative}.divers .ombre{width:80px;background:#f9b233;height:100vh;position:absolute;right:0;top:0}.contenu{padding-left:50px;padding-top:60px;margin-right:50px;position:relative}.contenu p{color:#eee;width:60%;padding-bottom:20px}.contenu h1{font-size:3em;margin-bottom:25px;color:#fff}.contenu .after{content:"";width:180px;background:#f9b233;height:1px;margin-left:5px;margin-bottom:30px}.grid-container{margin:0 auto;padding:0 0 40px;width:95vw;position:relative;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(auto-fill,47%);grid-auto-rows:10px;justify-content:center;transition:all .3s ease-in-out}.annee{font-family:Arial,Helvetica,sans-serif;font-weight:lighter}.grid-container .grid-item{background-color:#f9b233;margin:3%;padding:0;background-size:cover;position:relative;transition:all 2s ease-in-out}.projet-texte{position:absolute;left:10%;z-index:2;bottom:5%;transition:all .5s ease-in-out;font-weight:lighter;font-family:Arial,Helvetica,sans-serif;font-size:14px;width:fit-content}.mask-prj{visibility:hidden;opacity:0;position:absolute;width:100%;height:100%;transform-origin:bottom;z-index:1;background:#00000073;transition:all .5s ease-in-out}.icon-change{color:#fff;visibility:visible;opacity:1;position:absolute;right:5%;top:5%;transition:all .5s ease-in-out;text-align:center;margin:0;cursor:pointer;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.icon-change:hover{color:#f9b233;border-radius:50%}.grid-container .grid-item:hover .icon-change{opacity:1;top:5%;visibility:visible;z-index:2}.grid-container .grid-item:hover .mask-prj{visibility:visible;opacity:1}.small{grid-row-end:span 26}.medium{grid-row-end:span 46}.large{grid-row-end:span 55}.projet-texte p{opacity:0;visibility:hidden;width:fit-content;transition:all .2s ease-in-out}.projet-texte h2{fill:#0000001a;stroke-width:1px;stroke:#fff;font-size:24px;transition:all .3s ease-in-out}.grid-container .grid-item:hover .projet-texte h2{fill:#fff}.text{height:40px;padding:0;width:fit-content;text-align:left}.grid-container .grid-item:hover .projet-texte p{opacity:1;font-weight:700;visibility:visible;font-size:16px;width:fit-content}.contenu ul li.active{color:#f9b233;font-weight:700}.active{color:#f9b233}.projet{width:65%;padding-top:160px;z-index:4}.projet .projet-item{width:100%;height:550px;background-size:cover}.how{width:100%;height:fit-content;position:relative;padding:100px}.cont{position:relative;width:90%;margin:0 auto}.how .how-ombre{width:100%;height:100%;position:absolute;background-color:#eee;background-attachment:fixed;background-size:cover;top:0;left:0;z-index:1;opacity:.05}.how .how-contenu{position:relative;width:80%;text-align:center;margin:0 auto 60px}.how .how-contenu h3{font-weight:700;font-size:2.5em;color:#f9b233;margin-bottom:30px}.how .how-contenu p{font-size:14px;line-height:23px}.cont h3{text-align:center}.cont .cards{width:100%;display:flex;height:100%;position:relative;right:10px;align-items:center;justify-content:center;margin-bottom:50px;margin-top:30px}.cards .card-item .img-card{width:100%;height:150px;background-size:cover;margin-bottom:20px}.cards .card-item:nth-child(2) .img-card{margin-top:20px;margin-bottom:0}.cards .card-item .card-cont{padding:10px 20px}.cards .card-item{width:27%;padding:0;background:#000;border:none;margin:0 2%;text-align:left;color:#fff;box-shadow:0 0 5px #000}.cards .card-item h4{font-size:1.5em;margin-bottom:10px}.cards .card-item p{font-size:13px;margin:10px 0}.contact{width:100%;height:100vh;position:relative;background-image:url(http://api.koema-drc.com/Contact.jpg);background-size:cover;background-attachment:fixed;display:flex;align-items:center;padding:40px;overflow:hidden}.contact .form-contact{width:40%;padding:30px;background:#f9b033e5}.contact .form-contact form .form-group{display:flex;flex-direction:column}.contact .form-contact form .form-group input,.contact .form-contact form .form-group textarea{outline:none;border:1px solid #000;margin-top:10px;margin-bottom:5px;border-radius:5px;padding:10px;background:transparent;color:#fff}.contact .form-contact form .form-group input::placeholder,.contact .form-contact form .form-group textarea::placeholder{color:#212121}.contact .form-contact form button{border:0;background:#000;color:#fff;padding:10px 20px;text-align:center;transition:all .3s;transform-origin:right}.contact .form-contact form button:hover{background:transparent;color:#fff;border:2px solid #000}.info{width:100%;height:400px;background-color:#141414;display:flex;color:#fff}.info .info-logo{width:30%;height:inherit;display:flex;justify-content:center;align-items:center;background:#eee;padding:20px}.info .info-logo img{width:100%}.info .info-info{margin-left:50px;height:inherit;display:flex;flex-direction:column;justify-content:center}.info .info-info h4{font-size:1.5em;text-transform:uppercase;margin-bottom:30px}.info .info-info h5{color:#f9b233}.info ul{margin-left:0}.info ul li{list-style:none;padding:0;margin:5px 0;color:#eee;display:flex}.info ul li .active{width:30px;height:30px;border-radius:15px;background:#fff;margin-right:10px;display:flex;align-items:center;justify-content:center}.ii{display:flex}.info-info div{margin-right:20px}.about .img-about .img-mask{background:#020024;background:linear-gradient(90deg,#020024,#f7f7f700 0%,#f8eeeeb5 33%,#fcf7f7ed 53%,#fff 70%);width:100%;height:100%;position:absolute;z-index:3}@media screen and (max-width: 1320px){.how{width:100%;position:relative;overflow:hidden}.how .how-ombre{width:100%;height:100%;position:absolute;background-color:#eee;background-attachment:fixed;background-size:cover;top:0;left:0;z-index:1;opacity:.05}.how .how-contenu{position:static;z-index:2;top:20%;left:8%;width:50%}.how .how-contenu h3{font-weight:700;font-size:1.8em;color:#f9b233}.how .how-contenu p{font-size:12px;line-height:23px}.cards{width:fit-content;display:flex;height:100%;position:static;margin-left:20px;align-items:center;justify-content:center}.cards .card-item .img-card{width:100%;height:150px;background-size:cover;margin-bottom:20px}.cards .card-item:nth-child(2) .img-card{margin-top:10px;margin-bottom:0}.cards .card-item .card-cont{padding:10px 20px}.cards .card-item{padding:0;background:#000;border:none;text-align:left;color:#fff;box-shadow:0 0 5px #000}.cards .card-item h4{font-size:1em;margin-bottom:10px}.cards .card-item p{font-size:11px;margin:10px 0}.divers{width:100%;background-color:#141414;margin:0;position:relative;display:flex}.divers .ombre{width:80px;background:#f9b233;height:100vh;position:absolute;right:0;top:0}.contenu{padding-left:50px;padding-top:60px;margin-right:50px}.contenu h1{font-size:3em;margin-bottom:25px;color:#fff}.contenu .after{content:"";width:180px;background:#f9b233;height:1px;margin-left:5px;margin-bottom:30px}.contenu ul{width:fit-content;padding:0;margin:0 0 0 10px}.contenu ul li{list-style:none;font-size:14px;margin:0;line-height:30px;color:#686868;cursor:pointer;transition:all .3s}.contenu ul li:hover{color:#f9b233}.contenu ul li.active{color:#f9b233;font-weight:700}.active{color:#f9b233}.projet{width:65%;padding-top:160px;z-index:2}.projet .projet-item{width:100%;height:450px;background-size:cover}}@media screen and (max-width: 760px){.projet-texte{bottom:3%}.menu.i{text-align:right;position:absolute;right:10%;top:20px;font-size:26px}.grid-container{grid-template-columns:repeat(auto-fill,97%)}.contenu p{width:100%}.medium,.large{grid-row-end:span 40}.about .img-about .img-mask{display:none}.projet button{margin-left:15px}.menu-view .ul li{font-size:1.3em}.ii{flex-direction:column}.navbar{padding:0 10px;align-items:center}.log{width:23%}.log-menu{z-index:2;cursor:pointer}.content{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%);color:#fff;padding:40px;z-index:2}ul li .slide .content p{font-size:20px}.about{width:100%;height:fit-content;flex-direction:column;align-items:center;padding-bottom:40px}.about .img-about:before{display:none}.about .img-about{width:90%;height:350px;margin-left:13%;position:static;z-index:0;background-image:url(http://api.koema-drc.com/us.jpg);background-size:cover;background-attachment:fixed;background-position:center;margin-top:30px}.about-content{width:90%}.about-content p{font-size:14px}.about-content h3{font-size:22px;color:#f9b233;font-weight:700}.grid-container .grid-item:hover .projet-texte{font-size:16px;width:fit-content}.divers{height:fit-content;flex-direction:column}.divers .ombre{width:80px;background:#f9b233;height:150px;position:absolute;right:0;top:0}.projet{width:100%;padding-top:100px;margin-bottom:100px}.projet .projet-item{width:95%;margin:0 auto;height:250px;background-size:cover}.how{width:100%;height:auto;position:relative;flex-direction:column;justify-content:center;padding:40px}.how .how-ombre{width:20%;height:150px;position:absolute;background-color:#eee;top:0;left:0;z-index:1}.how .how-contenu{position:relative;z-index:2;top:30%;left:0;width:360px}.how .how-contenu h3{font-weight:700;font-size:2.5em;color:#f9b233}.how .how-contenu p{font-size:14px;line-height:23px;margin-bottom:40px}.cards{width:100%;display:flex;flex-direction:column;height:100%;position:relative;right:0;align-items:center;padding:0 1%;justify-content:center}.projet-texte{font-size:13px}.cards .card-item{width:90%;padding:10px 20px;border:1px solid #f9b233;margin:10px 0;text-align:center}.projet-texte p{width:80%;margin-bottom:-10px}.contact{width:100%;height:100vh;position:relative;background-image:url(http://api.koema-drc.com/Contact.jpg);background-size:cover;background-attachment:scroll;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.contact .form-contact{width:80%;padding:30px;background:#f9b033e5}.contact .form-contact form .form-group{display:flex;flex-direction:column}.contact .form-contact form .form-group input,.contact .form-contact form .form-group textarea{outline:none;border:1px solid #000;margin-top:10px;margin-bottom:5px;border-radius:5px;padding:10px;background:transparent;color:#fff}.contact .form-contact form .form-group input::placeholder,.contact .form-contact form .form-group textarea::placeholder{color:#212121}.contact .form-contact form button{border:0;background:#000;color:#fff;padding:10px 20px;text-align:center;transition:all .3s;transform-origin:right}.contact .form-contact form button:hover{background:transparent;color:#fff;border:2px solid #000}.info .info-info{margin-left:20px}}@media screen and (max-width: 468px){.menu.i{text-align:right;position:absolute;right:20%;top:20px;font-size:26px}body{overflow-x:hidden}.medium,.large{grid-row-end:span 30}.log{width:100%}.log-menu{position:absolute;top:0;right:0;z-index:2}.content{position:absolute;top:50%;left:50%;width:95%;transform:translate(-50%,-50%);color:#fff;padding:40px;z-index:2}ul li .slide .content p{font-size:16px}.container ul li .slide .img-slide{width:100%;height:100vh;overflow:hidden;background-size:cover;background-attachment:scroll}.about{width:100%;height:fit-content;flex-direction:column;padding-bottom:40px}.about .img-about:before{display:none}.about .img-about{width:95%;height:250px;margin:5% 0 0 15%;position:relative;background-image:url(http://api.koema-drc.com/us.jpg);background-size:cover;background-position:center;background-attachment:fixed}.about-content{width:90%;margin-left:10%}.about-content p{font-size:14px}.about-content h3{font-size:22px;color:#f9b233;font-weight:700}.divers{width:100%;height:fit-content;display:block;margin:0}.divers .ombre{width:80px;background:#f9b233;height:150px;position:absolute;right:0;top:0}.divers .contenu{width:100%;margin:0 auto;overflow-x:hidden;padding-left:20px}.divers .contenu h1{margin-left:-auto}.grid-container{margin:0 auto;padding:0 0 40px;width:100vw;position:relative;left:46%;display:grid;grid-template-columns:repeat(auto-fill,95%);grid-auto-rows:10px;justify-content:center;transition:all .3s ease-in-out}.how{width:100%;height:auto;position:relative;padding:20px 0}.how .how-ombre{width:100%;height:100%;position:absolute;background-color:#eee;top:0;left:0;z-index:1;background-size:cover;background-attachment:scroll}.how .how-contenu{position:relative;z-index:2;top:30%;left:0;width:300px}.how .how-contenu h3{font-weight:700;font-size:1.5em;color:#f9b233;padding:40px 0}.how .how-contenu p{font-size:14px;line-height:23px;padding-bottom:20px}.cards{width:100%;display:flex;flex-direction:column;height:auto;position:relative;left:-7%;align-items:center;padding:0 1%;overflow-x:hidden;justify-content:center}.cards .card-item{width:90%;padding:10px 20px;border:1px solid #f9b233;margin:10px 0;text-align:center}.contact{width:100%;height:100vh;position:relative;background-image:url(http://api.koema-drc.com/Contact.jpg);background-size:cover;background-attachment:scroll;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.contact .form-contact{width:100%;padding:30px;background:#f9b033e5}.contact .form-contact form .form-group{display:flex;flex-direction:column}.contact .form-contact form .form-group input,.contact .form-contact form .form-group textarea{outline:none;border:1px solid #000;margin-top:10px;margin-bottom:5px;border-radius:5px;padding:10px;background:transparent;color:#fff}.contact .form-contact form .form-group input::placeholder,.contact .form-contact form .form-group textarea::placeholder{color:#212121}.contact .form-contact form button{border:0;background:#000;color:#fff;padding:10px 20px;text-align:center;transition:all .3s;transform-origin:right}.contact .form-contact form button:hover{background:transparent;color:#fff;border:2px solid #000}.projet-texte p{width:80%}.menu-view .ul{width:100%;height:100%;margin:-50px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:120px 20px 20px 40px}}