.blocp{align-items:center;padding-inline:2%}.blocp,.blocp .presentation{display:flex;flex-direction:column}.blocp .presentation{font-family:kanit;gap:2em;margin-block:3em;width:85%}.blocp .presentation article{align-items:center;background-color:#7a92b8;border-radius:15px;display:flex;padding:2em}.blocp .presentation article img{border:5px solid #fff;border-radius:20%;height:12em;transform:translateX(-110px);width:11em}.blocp .presentation article p{display:flex;flex-direction:column;font-family:monospace;font-size:1.5em;gap:1em;text-align:center;transform:translateX(-30px)}.blocp .presentation article p span{font-family:kanit;font-weight:700}.blocp .presentation aside{align-items:center;background-color:#c4e7f9;border-radius:15px;display:flex;flex-direction:column;gap:1.5em;padding:2em}.blocp .presentation aside .technos{display:flex;flex-direction:column;gap:1.3em;width:90%}.blocp .presentation aside .technos div{align-items:center;display:flex;justify-content:space-between}.blocp .presentation aside .technos div h4{background-color:#000;border-radius:10px;color:#fff;text-align:center;transform:translateX(-50px);width:25%}.blocp .presentation aside .technos div ul{display:flex;gap:8%;justify-content:center;padding-inline-start:0;width:75%}.blocp .presentation aside .technos div ul li{align-items:center;display:flex;flex-direction:column;height:6em;justify-content:flex-end;list-style-type:none;width:20%}.blocp .presentation aside .technos div ul li img{height:4.5em;width:4em}.blocp .presentation aside .technos div ul li h5{font-family:monospace;margin-top:2px;text-align:center;width:90px}.blocp .presentation .onze{align-items:center;display:flex;flex-direction:row-reverse;padding:4em}.blocp .presentation .onze p{color:#385e9a;font-size:1.2em;padding:2em}.blocp .presentation .onze img{height:26em;width:15em}@media(max-width:1024px){.blocp .presentation article p{font-size:1.2em}.blocp .presentation aside .technos div h4{font-size:.8em}.blocp .presentation aside .technos div ul{gap:7%}.blocp .presentation aside .technos div ul li{height:4em;width:4em}.blocp .presentation aside .technos div ul li img{height:3.5em;width:4em}.blocp .presentation aside .technos div ul li h5{font-size:.7em}.blocp .presentation .onze{padding:2em}.blocp .presentation .onze p{font-size:1em;padding:1em}.blocp .presentation .onze img{height:18em;width:10em}}@media(max-width:767px){.blocp .presentation{gap:0;width:95%}.blocp .presentation article{flex-direction:column;margin-block:2em;padding:0;padding-inline:5%}.blocp .presentation article img{border-radius:50%;height:8em;transform:translateX(0) translateY(-75px);width:8em}.blocp .presentation article p{font-size:1em;text-align:center;transform:translateX(0) translateY(-60px)}.blocp .presentation aside{padding:0}.blocp .presentation aside .technos{gap:0}.blocp .presentation aside .technos div{flex-direction:column;margin-block-start:.5em}.blocp .presentation aside .technos div h4{font-size:.85em;margin-block-end:.5em;margin-block-start:0;padding-inline:3%;transform:translateX(0)}.blocp .presentation aside .technos div ul{gap:2%;justify-content:center;margin-block-end:0;width:90%}.blocp .presentation aside .technos div ul li{height:5em;width:23%}.blocp .presentation aside .technos div ul li img{height:2.8em;width:2.8em}.blocp .presentation aside .technos div ul li h5{font-size:.6em}.blocp .presentation .onze{flex-direction:column-reverse;padding:1em}.blocp .presentation .onze p{font-size:.9em;padding:1em;text-align:center}.blocp .presentation .onze img{height:14em;width:7em}}.backend,.frontend{border-bottom:1px solid #000}header{background:linear-gradient(180deg,#fff,#7a92b8 50%);border-bottom:10px solid #000;display:flex;flex-direction:column;font-family:kanit;height:18em;padding-inline:2%;padding-bottom:1em;width:100%}header .title{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-inline:1em}header .title img{height:5em}header h2{font-family:monospace;margin-block:2em;text-align:center}@media(max-width:767px){header{height:12em}header .title h1{font-size:1.2em}header .title img{height:3em}header h2{font-size:1.3em}}.blocMenu{display:flex;justify-content:flex-end;margin-inline:2%;margin-top:2em}.navMenu{height:100%;width:28px}.navMenu:hover{cursor:pointer}.navMenu>span{background-color:#000;border-radius:9999px;display:block;height:2px;width:100%}.navMenu>span:not(:last-child){margin-bottom:7px}.navMenu,.navMenu>span{transition:all .5s ease-in-out}.navMenu.active{transform:rotate(45deg);transition-delay:.8s}.navMenu.active>span:nth-child(2){opacity:0}.navMenu.active>span:first-child,.navMenu.active>span:nth-child(3){transition-delay:.5s}.navMenu.active>span:first-child{transform:translateY(9px)}.navMenu.active>span:nth-child(3){transform:translateY(-9px) rotate(90deg)}.menu{animation:drop .9s ease-in-out;height:3em;position:absolute;transform:translateX(-85%);width:28em}.menu ul{display:flex;gap:7%;list-style-type:none}.menu ul a{text-decoration:none}.menu ul a li{color:#000;transform:scale(1);transition-duration:.5s}.menu ul a li:hover{text-shadow:0 0 10px #fff;transform:scale(1.1)}.menu ul .active{color:#000;text-decoration:underline}.inactive{animation:close .9s ease-in-out;display:none}@keyframes drop{0%{opacity:0;transform:translateX(90%)}50%{opacity:0}}@keyframes close{0%{display:flex;opacity:1}50%{opacity:1}to{opacity:0;transform:translateX(90%)}}@media(max-width:767px){.menu{animation:drop2 .8s ease-in-out;transform:translateX(-102%) translateY(-35px);width:18em}.menu ul{padding-inline-start:0}.menu ul li{font-size:14px}}@keyframes drop2{0%{opacity:0;transform:translateX(90%) translateY(-30px)}50%{opacity:0}}.carte{align-items:center;animation:fade 1s ease-in-out;background:linear-gradient(180deg,#fff,#0000 42%,#00000036 99.99%,#ffffff80);background-color:#b0c4de;border-radius:15px;box-shadow:0 0 8px 2px #000;display:flex;flex-direction:column-reverse;height:14em;justify-content:space-evenly;margin-block:1em;transition-duration:.4s;width:12em}.carte .carte__title{text-align:center}.carte .carte__cover{border-radius:10px 10px 0 0;object-fit:contain;width:90%}.carte:hover{transform:scale(1.1)}@keyframes fade{0%{opacity:0}to{opacity:1}}.blocpage{display:flex;justify-content:center;margin-bottom:2em}.blocpage .travaux{align-items:center;display:flex;flex-direction:column;font-family:kanit;width:85%}.blocpage .travaux .filtres{display:flex;flex-wrap:wrap;gap:2%;justify-content:center;list-style-type:none;padding-inline-start:0}.blocpage .travaux .filtres li{align-items:center;border:4px solid;border-radius:10px;color:#4682b4;display:flex;font-weight:600;height:2em;justify-content:center;margin-block:5px;padding-inline:1%;transition-duration:.4s;width:9em}.blocpage .travaux .filtres li:hover{background-color:#4682b4;color:#fff;cursor:pointer}.blocpage .travaux .travaux__cartes{background-color:#4682b4;border-radius:15px;display:flex;flex-wrap:wrap;gap:3%;justify-content:center;padding-block:2em;padding-inline:2%;width:81%}a{color:#000;font-weight:500;text-decoration:none}@media(max-width:1024px){.carte{height:12em;width:10em}.carte .carte__cover{height:5.5em}}@media(max-width:767px){.blocpage .travaux{width:90%}.blocpage .travaux .filtres li{font-size:.85em;font-weight:500;width:9em}}.bloc{display:flex;justify-content:center;margin-bottom:2em}.bloc .fiche{align-items:center;display:flex;flex-direction:column;font-family:kanit;width:85%}.bloc .fiche .fiche__complete{display:flex;gap:1em;justify-content:center}.bloc .fiche .fiche__complete article{align-items:center;background-color:#c4e7f9;border-radius:15px;display:flex;flex-direction:column;gap:1em;padding-bottom:1em;width:75%}.bloc .fiche .fiche__complete article h2{font-size:1.3em}.bloc .fiche .fiche__complete article .fiche__cover{width:65%}.bloc .fiche .fiche__complete article .fiche__technologies{display:flex;gap:6em}.bloc .fiche .fiche__complete article .fiche__technologies .techno{align-items:center;display:flex;flex-direction:column}.bloc .fiche .fiche__complete article .fiche__technologies .techno img{height:5em}.bloc .fiche .fiche__complete article p{gap:1%;text-align:center;width:65%}.bloc .fiche .fiche__complete .fiche__images{padding-block:1em;width:85%}.bloc .fiche .fiche__complete .fiche__images div{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.bloc .fiche .fiche__complete .fiche__images div img{width:30%}.bloc .fiche .fiche__complete aside{align-items:center;background-color:#c4e7f9;border-radius:15px;display:flex;flex-direction:column;padding-inline:2%;width:25%}.bloc .fiche .fiche__complete aside ul{display:flex;flex-direction:column;gap:10px;padding-inline-start:20px}.bloc .fiche .fiche__selecteur ul{align-items:center;border-radius:5px;display:flex;gap:1em;height:2em;list-style-type:none;padding-inline-start:0}.bloc .fiche .fiche__selecteur ul li{align-items:center;background-color:#d3d3d3;border-radius:8px;display:flex;font-weight:200;height:100%;justify-content:center;width:6em}.bloc .fiche .fiche__selecteur ul li:hover{cursor:pointer}.actif{box-shadow:0 0 5px 3px #524d4d;color:#fff}.img{border-radius:0 5px 5px 0}@media(max-width:1024px){.bloc .fiche .fiche__complete article{width:70%}.bloc .fiche .fiche__complete aside{width:30%}.bloc .fiche .fiche__complete aside h3{font-size:1.05em}}@media(max-width:767px){.bloc .fiche{width:95%}.bloc .fiche .fiche__complete{flex-direction:column}.bloc .fiche .fiche__complete article{width:100%}.bloc .fiche .fiche__complete article .fiche__technologies{gap:3em;padding-inline:5px}.bloc .fiche .fiche__complete article .fiche__technologies .techno img{height:4em}.bloc .fiche .fiche__complete article .fiche__technologies .techno h4{font-size:.8em}.bloc .fiche .fiche__complete article p{width:75%}.bloc .fiche .fiche__complete aside{width:96%}.bloc .fiche .fiche__complete aside h3{font-size:1.17em}.bloc .fiche .fiche__complete .fiche__images{padding-block:1em;width:100%}.bloc .fiche .fiche__complete .fiche__images div{align-items:center;display:flex;flex-direction:column;gap:1em;gap:2em}.bloc .fiche .fiche__complete .fiche__images div img{width:90%}}footer{background-color:#000;color:#fff;display:grid;font-family:kanit;grid-template-columns:repeat(3,1fr);height:10em;justify-items:center;width:100%}footer section{align-items:center;display:flex;flex-direction:column}footer section .reseaux{display:flex;gap:2em}footer section div a{color:#fff}footer section div img{filter:invert(1);height:3em;width:3em}@media(max-width:767px){footer{align-items:center;display:flex;flex-direction:column;height:auto}footer section{align-items:center;flex-direction:row;gap:30%;width:85%}footer section .reseaux{gap:1.5em}footer section .droits{font-size:.8em}footer section div{display:flex}footer section div img{height:2em;width:2em}}.blocContact{background:linear-gradient(0deg,#abdee6,#0000 42%,#ffffff36 99.99%,#ffffff80);background-color:#4682b4;border-radius:10px;font-family:Kanit;margin-inline-start:15%;margin-top:3em;padding-block:1em;width:70%}.blocContact,.blocContact form{align-items:center;display:flex;flex-direction:column}.blocContact form{gap:1em}.blocContact form div{align-items:center;display:flex;flex-direction:column;gap:.2em}.blocContact form div input,.blocContact form textarea{font-family:Kanit;text-align:center}.blocContact form textarea{width:140%}.blocContact form .submit{border-radius:5px;font-family:Kanit}.contact{background:linear-gradient(0deg,#abdee6,#0000 42%,#ffffff36 99.99%,#ffffff80);background-color:#4682b4;border-radius:10px;flex-direction:column;font-family:monospace;gap:1.5em;margin-block:3em;margin-inline-start:15%;width:70%}.contact,.contact div{align-items:center;display:flex}.contact div{font-size:2em;gap:8%;justify-content:center;width:50%}@media(max-width:767px){.blocContact,.contact{margin-inline-start:6%;width:88%}.contact div{font-size:1.25em;gap:7%}}
/*# sourceMappingURL=main.3ab03e81.css.map*/