@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,900;1,800&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.3}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{scroll-behavior:smooth}body{background-size:contain;display:flex;font-family:Montserrat,sans-serif;justify-content:center;margin-inline:auto;position:relative}#root{width:100%}.home{overflow:hidden}#image-banner{min-width:1350px;position:fixed;width:100%}h1{font-size:55px}h1,h2{color:#000}h2{font-size:22px;&:hover{font-weight:600}}h3,li,p{color:#000;font-size:20px}.navigation{align-items:center;background-color:#fff;display:flex;height:65px;justify-content:flex-end;position:fixed;width:100%;z-index:6}.navigation ul{display:flex;gap:12px;padding-right:80px;width:-webkit-min-content;width:min-content}.navigation ul li{height:30px}.navigation ul li,.navigation ul li a{display:flex;justify-content:center;text-decoration:none;width:auto}.navigation ul li a{color:#000;flex-wrap:wrap;font-size:20px;min-width:150px}a:hover{color:#000;font-weight:600}@media screen and (max-width:1024px){.navigation{justify-content:center}.navigation ul{padding-inline:25px}}@media screen and (max-width:767px){.navigation{height:auto;width:100%}.navigation ul{display:grid;grid-template-columns:50% 50%;padding-bottom:15px;padding-top:25px;width:100%}.navigation ul li a{min-width:10px}}.banner{align-items:flex-start;background:none;height:600px;justify-content:space-between;margin-inline:auto;position:relative;z-index:2}.banner,.title_div{display:flex;width:100%}.title_div{flex-direction:column;height:100%;margin-left:8%}.defilement{align-items:center;background-color:rgba(30,24,86,0);border-bottom-left-radius:40px;border-top-left-radius:40px;display:flex;height:110px;margin-bottom:65px;margin-top:110px;overflow:hidden;position:relative}.defilement h1{-webkit-animation:defilement-rtl 8s linear infinite;animation:defilement-rtl 8s linear infinite;position:absolute;-webkit-transform:translateX(100%);transform:translateX(100%);white-space:nowrap}@-webkit-keyframes defilement-rtl{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes defilement-rtl{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.paragraphe{background-color:rgba(30,24,86,0);border-radius:40px;max-width:400px;padding:15px;text-align:center}.spacer{margin-top:20px}@media screen and (max-width:1024px){.banner{width:95%}}@media screen and (max-width:767px){.banner h1{font-size:44px}.banner h2{text-align:left}}@media screen and (max-width:400px){.banner h1{max-width:320px}}.competences{background:none;height:auto;justify-content:center;padding-bottom:40px;padding-top:65px;padding-inline:20px;position:relative;z-index:1}.competences,.competences .comp{display:flex;flex-direction:column}.competences .comp{height:80%;justify-content:space-between;margin-left:8%;margin-top:25px;width:100%}.competences .comp h1{margin-bottom:25px}.competences .comp h3{margin-bottom:15px;margin-top:30px}.competences .comp ul{padding-inline:25px}.competences .comp #langages,.competences .comp #logiciels{display:flex;flex-wrap:wrap;gap:25px;width:auto}.competences img{border-radius:8px;height:50px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;&:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}}.competences .react{background-color:#fff}@media screen and (max-width:767px){.competences h1{font-size:36px;width:90%}}.aboutMe{align-items:center;background-color:#fff;display:flex;justify-content:space-between;justify-content:center;opacity:.8;padding-bottom:40px;padding-top:65px;position:relative}.aboutMe h1{padding-bottom:35px}.a_propos{align-items:center;display:flex;flex-direction:column;margin-inline:10%}strong{font-weight:600}.liens{align-items:center;display:flex;justify-content:space-between;margin-top:65px;width:250px}.liens a{position:relative}.liens a:before{background-color:#000;border-radius:5px;bottom:-120%;color:#fff;content:attr(message);left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease;width:150px}.liens a:hover:before{opacity:1}a img{border-radius:8px;height:50px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;&:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}}@media screen and (max-width:767px){.aboutMe h1{font-size:44px;width:90%}}.tableau{align-items:center;display:flex;flex-direction:column;padding:15px;width:80%}.cards{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.card{margin-inline:15px;margin-bottom:45px;max-width:380px;min-width:350px;width:29%}.card a{position:relative}.card a:before{background-color:#000;border-radius:5px;bottom:250px;color:#fff;content:attr(message);left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease;width:150px;z-index:1}.card a:hover:before{opacity:1}.descriptif{padding:10px}.tableau img{border-radius:20px;box-shadow:10px 10px 5px 0 #888;height:560px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:100%;&:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}}.tableau h2{margin-bottom:15px;text-decoration:underline}.tableau h3{font-size:20px;font-weight:600;margin-bottom:9px}.tableau p{text-align:justify}.travaux{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:auto;justify-content:space-between;opacity:.8;padding-bottom:50px;padding-top:55px;position:relative;z-index:3}@media screen and (max-width:767px){.travaux h1{font-size:44px;width:90%}}:root{--cd-txt:#3a2d9a;--cd-danger:#b20a37;--cd-txt--invalid:#fff}.contact{align-items:center;background-color:#c6bebe;display:flex;flex-direction:column;height:auto;opacity:.8;padding-bottom:165px;padding-top:55px;position:relative}.contact h1{padding-bottom:35px}.contact p{font-size:20px;padding-bottom:25px}.contact a:hover{font-weight:400}form{align-items:left;color:#000;display:flex;flex-direction:column;padding-bottom:35px;position:relative;width:550px}label{font-size:19px;margin-bottom:10px}input{border-radius:13px;box-shadow:10px 10px 5px 0 #888;font-size:20px;height:35px;margin-bottom:20px;transition:background-color .2s;width:100%;&:focus{background-color:#3a2d9a;background-color:var(--cd-txt)}&:not(:focus):invalid{background:#b20a37;background:var(--cd-danger);border:2px solid #b20a37;border:2px solid var(--cd-danger);color:#fff;color:var(--cd-txt--invalid)}}textarea{border-radius:13px;box-shadow:10px 10px 5px 0 #888;height:180px;resize:none;width:100%}form div{display:flex;justify-content:center;width:100%}#submit{color:#000;cursor:pointer;margin-top:20px;width:140px}#message{font-family:MS Shell Dlg\ 2;font-size:20px}.alert{align-items:center;background-color:#fff;border:1px solid grey;border-radius:8px;box-shadow:inset 0 0 3px #000;display:flex;flex-direction:column;opacity:0;padding:15px;position:absolute;top:530px;transition:opacity .5s}.boutonSuppression{color:#000;cursor:pointer;font-size:18px;height:29px;width:100px}@media screen and (max-width:767px){.contact h1{font-size:44px;padding-top:85px;padding-inline:25px}.contact a{font-size:18px}form,p{width:80%}}
/*# sourceMappingURL=main.cba4e7ac.css.map*/