.welcome{position:relative}.welcome .welcome__img{height:100vh;object-fit:cover;width:100%}.welcome__bloc__title{align-items:center;display:flex;flex-direction:column;justify-content:center;left:10%;position:absolute;top:40%;z-index:1}@media screen and (max-width:765px){.welcome__bloc__title{top:20%}}.welcome__bloc__title .letter-by-letter{align-content:center;color:#fff;line-height:48px;text-align:left;width:100%}.welcome__bloc__title .letter-by-letter .hello{font-size:20px;font-weight:200;margin:0}@media screen and (max-width:765px){.welcome__bloc__title .letter-by-letter .hello{font-size:30px}}.welcome__bloc__title .letter-by-letter .tap-bar{animation:typing 1s ease-in-out infinite;animation-delay:.5s}.welcome .welcome__cover{background-color:#000;height:100vh;left:0;opacity:.5;position:absolute;top:0;width:100%}.welcome .welcome__down__page{border:2px solid #0000;border-radius:13px;bottom:5%;color:#fff;height:50px;padding:4px;position:absolute;right:49%;text-align:center;width:3%;z-index:10}.welcome .welcome__down__page i{animation:move 1s ease-in-out 0s infinite alternate;font-size:20px}.welcome .welcome__link{align-self:baseline;display:flex;gap:20px;opacity:0;transform:translateY(-20px);transition:all .7s ease-in-out}@media screen and (max-width:765px){.welcome .welcome__link{gap:50px;margin-top:40px}}.welcome .welcome__link a{color:#fff;font-size:22px;text-decoration:none}@media screen and (max-width:765px){.welcome .welcome__link a{font-size:30px}}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes typing{0%{display:none}50%{display:inline-block}to{opacity:0}}.a-propos .me__contacter{display:flex;justify-content:center;margin-top:40px}.a-propos .me__contacter .btn{align-content:center;background-image:linear-gradient(120deg,#166397,#3f9cdb);border:none;border-radius:5px;color:#fff;font-weight:400;padding:10px 20px;text-align:center;text-decoration:none;vertical-align:middle}@media screen and (max-width:765px){.a-propos .me__contacter .btn{height:50px;width:60%}}.a-propos .placeholder{display:flex;gap:30px}@media screen and (max-width:765px){.a-propos .placeholder{align-items:center;flex-direction:column}}.a-propos .placeholder img{object-fit:contain;width:45%}@media screen and (max-width:765px){.a-propos .placeholder img{order:1;width:100%}}.a-propos .placeholder p{line-height:30px;text-align:justify}.logiciel{border-radius:12px;height:100px;overflow:hidden;position:relative;width:10%}@media screen and (max-width:765px){.logiciel{height:100px;width:30%}}.logiciel>*{align-items:center;display:flex;height:100%;justify-content:center;transition:all .5s ease-in-out;width:100%}.logiciel__bg{background:#f1f5f9;opacity:1;transform:scale(1)}.logiciel__bg img{object-fit:contain;width:30%}.logiciel__cover{background-color:#094975;color:#fff;font-weight:500;left:0;position:absolute;top:0}.logiciel:hover .logiciel__bg,.logiciel__cover{opacity:0;transform:scale(1.2)}.logiciel:hover .logiciel__cover{opacity:1;transform:scale(1)}.competences .competences__logiciels{display:flex;gap:20px;justify-content:center}@media screen and (max-width:765px){.competences .competences__logiciels{flex-wrap:wrap}}.projet{border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:300px;overflow:hidden}.projet .projet__cover{height:70%;overflow:hidden;width:100%}.projet .projet__cover img{height:100%;object-fit:cover;transition:all .3s ease-in-out;width:100%}@media screen and (max-width:766px){.projet .projet__cover img{transform:scale(1.1)}}.projet .projet__footer{background-color:#001624;color:#fff;height:30%;padding:5%}.projet .projet__footer *{margin:0;padding:0}.projet .projet__footer .projet__footer__title{margin-bottom:10px}.projet .projet__footer .projet__footer__link{display:flex;font-size:12px;font-weight:400;gap:18px;opacity:0;padding:1% 0;transition:all .3s ease-in-out}@media screen and (max-width:766px){.projet .projet__footer .projet__footer__link{opacity:1}}.projet .projet__footer .projet__footer__link a,.projet .projet__footer .projet__footer__link button{color:#fff;text-decoration:none}.projet .projet__footer .projet__footer__link a i,.projet .projet__footer .projet__footer__link button i{font-size:16px}.projet .projet__footer .projet__footer__link button{background:none;border:none}.projet .projet__footer .projet__footer__tag{font-size:12px;font-weight:400;transition:all .3s ease-in-out}@media screen and (max-width:766px){.projet .projet__footer .projet__footer__tag{display:none}}.projet:hover img{transform:scale(1.1)}.projet:hover .projet__footer__tag{opacity:0;transform:translateY(-20px)}.projet:hover .projet__footer__link{opacity:1;transform:translateY(-20px)}@media screen and (min-width:766px){.projet:nth-of-type(4){grid-column:span 2;grid-row:span 2;height:630px}.projet:nth-of-type(4) .projet__cover{height:80%}.projet:nth-of-type(4) .projet__footer{height:20%}.projet:nth-of-type(4) .projet__footer__title{margin-bottom:10px}}.ReactModal__Overlay,.ReactModal__Overlay--after-open{background-color:#09497599!important;z-index:30}.ReactModal__Content,.ReactModal__Content--after-open{height:80%;left:10%!important;padding:0!important;top:20%!important;width:80%}@media screen and (max-width:766px){.ReactModal__Content,.ReactModal__Content--after-open{border-radius:20px 20px 0 0!important;left:0!important;width:100%}}.modal__header{left:2%;position:absolute;top:4%}@media screen and (max-width:766px){.modal__header{top:2%}}.modal__header .btn__close{align-content:center;background:#fff;border:none;border-radius:20px;font-size:22px;height:40px;padding:0!important;text-align:center;width:40px}.details{display:flex;gap:4%;height:100%;overflow:hidden}@media screen and (max-width:766px){.details{flex-direction:column}}.details .details__cover{height:100%;order:1;overflow:hidden;width:56%}@media screen and (max-width:766px){.details .details__cover{height:30%;order:-1;width:100%}}.details .details__cover img{height:100%;object-fit:cover;width:100%}.details .details__body{padding:8% 2% 2%;width:60%}@media screen and (max-width:766px){.details .details__body{padding:4%;width:100%}}.details .details__body .details__body__title{font-size:28px;margin:0 0 4%}.details .details__body .details__body__subtitle{font-size:15px;margin:0}.details .details__body .details__body__subtitle:first-of-type{margin-bottom:4%}.details .details__body .details__body__subtitle span{font-size:14px;font-weight:400}.details .details__body p{font-size:14px;text-align:justify}.details .details__body .details__body__block{display:flex;gap:14px;padding-bottom:16px}@media screen and (max-width:766px){.details .details__body .details__body__block{gap:8px}}.details .details__body .details__body__block .details__body__block__tags{background:#094975;border:none;border-radius:4px;color:#fff;padding:4px 6px}@media screen and (max-width:766px){.details .details__body .details__body__block .details__body__block__tags{font-size:10px}}.projets .projets__list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:765px){.projets .projets__list{grid-template-columns:1fr}}.coordonnee{align-items:center;background:#001624;border:1px solid #cbd5e1;border-radius:5px;color:#fff;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:22px 15px!important}.coordonnee div{display:flex;flex-direction:column;gap:10px}.coordonnee p{color:#94a3b8;font-size:14px}.coordonnee i{color:#94a3b8;font-size:24px;margin-left:5%}.contact *{margin:0;padding:0}.contact .contact__body{display:flex;justify-content:space-between}@media screen and (max-width:765px){.contact .contact__body{flex-direction:column;gap:30px}}.contact .contact__body .coordonnees{display:flex;flex-direction:column;gap:13px;justify-content:space-between;width:30%}@media screen and (max-width:765px){.contact .contact__body .coordonnees{width:100%}}.form{background:#001624;border:1px solid #cbd5e1;display:flex;flex-direction:column;gap:10px;padding:3%;position:relative;width:68%}@media screen and (max-width:765px){.form{width:100%}}.form .loader{background:#094975cc!important;display:none;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:10}.form .loader img{height:100%;object-fit:cover;width:100%}.form .floating__label{position:relative}.form .floating__label input,.form .floating__label textarea{border:1px solid #cbd5e1;border-radius:4px;height:50px;padding-left:2%;padding-top:3%;width:100%}.form .floating__label input:focus+label,.form .floating__label input:not(:placeholder-shown)+label,.form .floating__label textarea:focus+label,.form .floating__label textarea:not(:placeholder-shown)+label{color:#475569;font-size:12px;font-weight:400;transform:translateY(-10px)}.form .floating__label label{font-size:14px;font-weight:600;left:2%;position:absolute;top:35%;transition:all .3s ease-in-out}.form .floating__label textarea{height:90px;padding-top:8%}@media screen and (max-width:765px){.form .floating__label textarea{padding-top:12%}}.form .form__row{align-items:center;display:flex;justify-content:space-between}.form .form__row .form__row__col{width:49%}.form .form__row .form__submit{background-color:#094975;border:none;border-radius:2px;color:#fff;padding:10px 30px}.form .form__row .form__submit:disabled{background-color:#94a3b8;cursor:not-allowed}.form .form__row .mail__success{color:#fff;display:none;font-size:14px;margin:0}.form .form__row .mail__error{color:#faa;display:none;font-size:14px;margin:0}header{background-color:#fff;left:0;position:fixed;top:0;width:100%;z-index:10}@media screen and (max-width:765px){header{background:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}header #nav-menu{display:none}}header .nav__menu_bg{background:#001624;display:none;height:100vh;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:22}@media screen and (max-width:765px){header .nav__menu_bg{display:block}}header .nav__menu__btn{display:none}@media screen and (max-width:765px){header .nav__menu__btn{background:none;border:none;display:block;font-size:25px;left:20px;position:absolute;top:20px}}header .nav__menu__btn--open{color:#fff;z-index:20}header .nav__menu__btn--close{color:#001624;z-index:30}header .nav__header{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:765px){header .nav__header{align-items:center;background:#fff;flex-direction:column;gap:20%;height:70vh;justify-content:start;left:0;padding-top:80px;position:fixed;top:0;width:70%;z-index:25}}header .nav__header .logo{display:flex;justify-content:center}header .nav__header .logo .logo--blanc{display:none}header .nav__header .logo img{object-fit:contain;width:36%}@media screen and (max-width:765px){header .nav__header .logo img{width:44%}header .nav__header .logo{bottom:5%;order:1;position:absolute}}header .nav__header .menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}@media screen and (max-width:765px){header .nav__header .menu{flex-direction:column;gap:40px}}header .nav__header .menu .menu__item{background-image:linear-gradient(120deg,#166397,#3f9cdb);background-position:0 88%;background-repeat:no-repeat;background-size:100% 0;font-weight:400;padding:10px 20px;transition:background-size .25s ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}header .nav__header .menu .menu__item:hover{background-size:100% 100%;border-radius:5px}header .nav__header .menu .menu__item *{color:#001624;text-decoration:none}@media screen and (max-width:765px){header .nav__header .menu .menu__item *{font-size:22px}}header .nav__header .menu .menu__item:hover *{color:#fff;cursor:pointer}header .nav__header .menu .menu__item--selected{background-size:100% .2em}.fade-in{animation:fadeInHeader 1s ease-in-out forwards;display:block;opacity:0}@media screen and (max-width:765px){.fade-in{opacity:1}}.fade-out{display:none}@media screen and (max-width:765px){.fade-out{display:block}}@keyframes fadeInHeader{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}footer{align-items:center;background:#001624;display:flex;flex-direction:column;gap:20px;margin-top:50px}footer .footer__logo{object-fit:contain;width:5%}@media screen and (max-width:765px){footer .footer__logo{width:10%}}footer .nav__footer{display:flex;font-size:12px;gap:30px;list-style:none;padding:0}@media screen and (max-width:765px){footer .nav__footer{gap:14px}}footer .nav__footer *{color:#94a3b8;text-decoration:none}footer .footer_reseau{align-items:center;display:flex;justify-content:space-between;width:100%}@media screen and (max-width:765px){footer .footer_reseau{flex-wrap:wrap;justify-content:flex-start}}footer .footer_reseau *{color:#94a3b8}footer .footer_reseau .footer__link{display:flex;gap:20px}@media screen and (max-width:765px){footer .footer_reseau .footer__link{justify-content:center;order:-1;width:100%}}footer .footer_reseau span{font-size:12px;width:20%}@media screen and (max-width:765px){footer .footer_reseau span{width:60%}footer .footer_reseau span:nth-last-of-type(2){width:32%}}footer .footer_reseau span .dark__mode__btn{background:none;border:1px solid #94a3b8;border-radius:20px;height:30px;width:30px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto}footer,header,section{padding:2% 8%}.section__title{font-size:32px;font-weight:500;margin:70px auto;position:relative;text-align:center}.section__title span{font-size:80px;font-weight:700;left:0;opacity:.03;position:absolute;right:0;text-align:center;top:-34px;z-index:0}@media screen and (max-width:765px){.section__title span{font-size:52px;top:-15px}}.dark .nav__header,.dark>*{background:#001624!important;color:#fff!important}.dark .nav__menu_bg{background:#fff}.dark header a{color:#fff!important}.dark form label{color:#001624}.dark .logo--blanc{display:block!important}.dark .logo--noir{display:none!important}.error{display:flex;height:70vh;justify-content:center;position:relative}@media screen and (max-width:765px){.error{height:78vh}}.error img{object-fit:contain;width:50%}.error .back__home{bottom:10%;color:#000;font-weight:bolder;padding:10px!important;position:absolute}
/*# sourceMappingURL=main.9e8cade5.css.map*/