*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Roboto',sans-serif;background:#f1f1f1}.nav-gauche{width:300px;height:100vh;min-height:800px;background:#023E8A;position:fixed;top:0;left:-300px;border-right:1px dashed #f1f1f1;z-index:5;transition:all .2s ease-in-out}.blocs-menu{width:100%;height:10%;display:flex;justify-content:center;align-items:center}.blocs-menu span{font-size:19px;text-align:center;position:relative;font-weight:700;cursor:pointer}.blocs-menu span a{text-decoration:none;color:#f1f1f1}.blocs-menu span::after{content:'';display:block;width:0;margin:5px auto 0;height:2px;border-radius:2px;background:#aaa;transition:all .2s ease-out}.blocs-menu span:hover::after{width:100%}.blocs-menu:nth-child(1){width:100%;height:25%;background:#023E8A}.cercle-portrait{margin:20px 0;width:150px;height:150px;border-radius:50%;position:relative;box-shadow:26px 26px 53px #03045E,-26px -26px 53px #03045E}.cercle-portrait img{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-cercle{width:100px;height:100px;border-radius:50%;position:absolute;bottom:40px;cursor:pointer}.logo-cercle img{width:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 1300px){.nav-gauche{left:-300px!important;width:250px;min-height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column}.menu-visible{left:0!important}.blocs-menu:nth-child(1){display:none}.blocs-menu:nth-child(7){display:none}.btn-rond-menu{width:70px;height:70px;border:1px solid #f1f1f1;border-radius:50%;background:#023E8A;position:fixed;top:10px;left:10px;z-index:10}.cont-ligne{width:36px;height:36px;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ligne-unique{width:100%;height:4px;border-radius:5px;background:#f1f1f1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ligne-unique::before{content:'';position:absolute;bottom:10px;background:#f1f1f1;width:100%;height:4px;border-radius:5px}.ligne-unique::after{content:'';position:absolute;top:10px;background:#f1f1f1;width:100%;height:4px;border-radius:5px}.cont-ligne.active .ligne-unique::after{top:0;transform:rotate(45deg);transition:top 300ms ease,transform 300ms 300ms ease}.cont-ligne.active .ligne-unique{background:transparent}.cont-ligne.active .ligne-unique::before{bottom:0;transform:rotate(-45deg);transition:bottom 300ms ease,transform 300ms 300ms ease}}.accueil{background:url(../img/accueilsw.jpg);background-repeat:no-repeat;background-size:cover;background-position:right;height:100vh;min-height:900px;width:calc(100% - 300px);margin-left:auto;position:relative}h1{font-size:70px;color:#660708;font-family:'Luckiest Guy',cursive;font-weight:900;letter-spacing:1px;margin:0 60px;padding-top:210px}.txt-animation{font-size:30px;margin:10px 0 10px 60px}.btn-acc{display:inline-flex;width:200px;height:50px;text-decoration:none;background:#023E8A;justify-content:center;align-items:center;color:#f1f1f1;margin:10px 0 0;border-radius:2px;font-size:18px;transition:transform .2s ease-in-out}.btn-acc1{margin:10px 0 0 60px}.btn-acc2{background:transparent;border:2px solid #023E8A;color:#023E8A;font-weight:700}.medias{display:flex;margin-left:60px;margin-top:30px}.media{width:60px;height:60px;background:#660708;border-radius:50%;margin-right:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.media2{background:transparent;border:2px solid #660708}.icone-medias{width:30px}.btn-rond{width:70px;height:70px;position:absolute;bottom:20px;left:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 0 0 #333;background:#333;animation:pulse 1.3s infinite}@keyframes pulse{to{box-shadow:0 0 0 8px rgba(255,255,255,0.01)}}.logo-btn-rond-acc{width:35px}@media screen and (max-width: 1300px){.accueil{width:100%;background-position:center}}@media screen and (max-width: 1000px){.accueil{height:700px;min-height:0}h1{font-size:70px;margin:0 30px;padding-top:100px}.accueil p{margin:20px 0 20px 30px}.btn-acc1{margin:10px 0 0 30px}.medias{margin-left:30px}.btn-rond{display:none}}@media screen and (max-width: 700px){.accueil{height:600px}h1{font-size:50px;margin:0 30px}.accueil p{font-size:20px}.btn-rond-menu{width:60px;height:60px}}@media screen and (max-width: 500px){h1{font-size:35px}.accueil p{font-size:16px}.btn-acc{width:120px;font-size:13px;height:40px;margin:10px 0 0 5px}.btn-acc1{margin:10px 0 0 30px}.media{width:40px;height:40px}.icone-medias{width:20px}}@media screen and (max-width: 450px){.btn-rond-menu{width:50px;height:50px}.cont-ligne{width:20px;height:38px}.ligne-unique{height:3px}.ligne-unique::before{bottom:8px;height:3px}.ligne-unique::after{top:8px;height:3px}.accueil{height:500px}h1{margin:0 30px 0 5px;padding-top:120px}.accueil p{margin:30px 0 0 5px}.btn-acc{width:100px;font-size:12px;height:35px;margin:30px 0 0 5px}.medias{margin-top:30px;margin-left:5px}.icone-medias{width:20px}}@media screen and (max-width: 380px){.txt-animation{font-size:15px!important}}@media screen and (max-width: 370px){.txt-animation{font-size:13px!important}}.presentation{width:100%;position:relative;overflow:hidden;border-top:1px dashed #333;border-bottom:1px dashed #333;color:#660708}.fond-forme{background:#D3D3D3;background-image:linear-gradient(to right,#D3D3D3,#B8B8B8);width:2300px;height:1000px;position:absolute;transform:rotate(-45deg) translateX(100px) translateY(-15px);z-index:-1}.titre-pres{font-size:40px;text-align:center;margin:50px 0 70px;padding-left:300px}.container-presentation{display:flex;width:100%;justify-content:center;align-items:center;margin:50px 0 130px;flex-shrink:0;padding-left:300px}.pres-gauche{width:600px;flex-shrink:0;margin-bottom:50px;padding-left:120px;padding-top:20px}.pres-gauche h3{text-align:center;font-size:25px;letter-spacing:2px}.pres-gauche hr{width:60px;margin:0 auto 20px}.pres-gauche p{text-align:justify}.pres-droite{width:600px;flex-shrink:0;display:flex;justify-content:flex-start}.liste-presentation{list-style-type:none;padding:10px 0 50px 110px}.chiffre-style{font-family:'Abril Fatface',sans-serif;font-size:40px}.txt-liste{font-size:27px;display:inline}@media screen and (max-width: 1300px){.container-presentation{padding-left:0}.titre-pres{padding-left:0}}@media screen and (max-width: 1100px){.fond-forme{width:100%;height:150%;transform:rotate(0) translateY(0) translateX(0)}.titre-pres{margin:0 0 20px;padding-top:50px}.container-presentation{flex-direction:column}.pres-gauche{width:80%;flex-shrink:1;margin-bottom:10px;padding:20px 0}.pres-gauche h3{font-size:20px;letter-spacing:0}.pres-gauche p{font-size:16px}.pres-droite{width:80%;flex-shrink:1}.liste-presentation{padding:0}}@media screen and (max-width: 700px){.container-presentation{margin-top:10px;margin-bottom:70px}.titre-pres{font-size:24px;margin:0 10px}.pres-gauche h3{font-size:20px}.chiffre-style{font-size:30px}.txt-liste{font-size:17px}}.portfolio{width:100%}.titre-port{text-align:center;color:#023E8A;padding:50px 0;font-size:50px;padding-left:300px}.cont-portfolio{width:100%;height:auto;margin:0 auto 100px;padding-left:300px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.item{margin:20px;width:420px;height:400px;background:#f0f2f0;color:#333;transition:transform .3s ease-out;box-shadow:0 0 10px rgba(0,0,0,0.5)}.item:hover{transform:translateY(-5px)}.cont-img-port{width:100%;height:220px;overflow:hidden}.cont-img-port img{width:100%;height:auto}.item h3{padding:10px 10px 0;font-size:22px}.item p{padding:10px 10px 0}.btn-projets{display:block;margin:10px;width:180px;height:50px;line-height:50px;text-align:center;color:#333;text-decoration:none;border:1px solid #333;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.btn-projets::after{content:'';height:240px;width:100px;background:rgba(255,255,255,0.4);display:block;position:absolute;left:-150px;top:-50px;transform:rotate(-45deg)}.btn-projets:hover::after{transition:transform .3s .1s linear;transform:translateX(400px)}@media screen and (max-width: 1300px){.cont-portfolio{padding-left:0}.titre-port{font-size:40px;margin:50px 0 70px;padding-left:0}}@media screen and (max-width: 500px){.titre-port{margin:10px 0;padding:30px 0}.item{height:420px}.cont-img-port{height:auto}}@media screen and (max-width: 340px){.item{height:380px}}.section-range{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:200px;border:1px dashed #333;background:#D3D3D3;background-image:linear-gradient(to right,#D3D3D3,#B8B8B8);color:#660708;position:relative;z-index:-1}.range-cont{position:relative}.titre-exp{font-size:40px;text-align:center;margin:80px 0 90px;padding-left:300px}.grille-skill{display:grid;grid-template:repeat(3,80px) / repeat(2,500px);grid-gap:50px;padding-left:300px}.barre-skill{height:15px;background:#023e8a;border-radius:5px;position:absolute;left:0;bottom:0}.barres-grises{position:absolute;z-index:-1;left:0;bottom:0;width:500px;height:15px;background:#d8d8d8;border-radius:5px}.b1{width:90%}.b2{width:80%;background:#023e8a}.b3{width:70%;background:#023e8a}.b4{width:80%}.b5{width:80%}.b6{width:75%;background:#023e8a}.label-skill{font-size:24px}@media screen and (max-width: 1400px){.grille-skill{grid-template:repeat(3,80px) / repeat(2,450px)}.barres-grises{width:450px}}@media screen and (max-width: 1300px){.section-range{padding-left:0}.titre-exp{padding-left:0}.grille-skill{grid-template:repeat(6,80px) / 600px;padding-left:0}.barres-grises{width:600px}}@media screen and (max-width: 700px){.grille-skill{grid-template:repeat(6,80px) / 400px}.barres-grises{width:400px}}@media screen and (max-width: 450px){.section-range{padding-bottom:100px}.titre-exp{font-size:30px;margin:50px 0 60px}.label-skill{font-size:20px}.grille-skill{grid-template:repeat(6,80px) / 300px;grid-gap:40px}.barres-grises{width:300px}}.travail-exp{width:calc(100% - 300px);height:auto;margin-left:auto;padding-bottom:100px}.titre-travail-exp{text-align:center;margin:70px 0;font-size:40px;color:#023E8A}.cont-exp-travail{position:relative;display:flex;justify-content:center}.barre-verticale{height:1150px;width:5px;background:#023E8A;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;left:-30px}.boule-ico{width:50px;height:50px;border-radius:50%;border:1px solid #023E8A;background:#f1f1f1;display:flex;justify-content:center;align-items:center}.boule-ico img{width:25px}.flex-cont-bloc-exp{width:800px;flex-shrink:1;height:1100px;position:relative}.bloc{width:100%;height:200px;margin-bottom:37.5px;cursor:pointer;border:1px solid #023E8A;position:relative}.contenu-bloc{padding:20px;width:100%;height:100%;border:2px solid #023E8A;background:#fff;transition:transform .25s ease-in-out;position:relative;transform:translate(10px,-10px)}.contenu-bloc:hover{transform:translate(0,0)}.bloc1{background:#023E8A}.bloc2{background:#023E8A}.bloc3{background:#023E8A}.bloc4{background:#023E8A}.bloc5{background:#023E8A}.titre-section-bloc{font-family:'Abril Fatface',sans-serif;font-size:25px;padding-bottom:10px}@media screen and (max-width: 1300px){.travail-exp{width:100%}}@media screen and (max-width: 950px){ 
.barre-verticale{height:1200px}.bloc{height:210px;margin-bottom:37.5px}.barre-verticale{margin-left:60px}.flex-cont-bloc-exp{margin-right:30px}}@media screen and (max-width: 520px){.txt-section{font-size:15px}.bloc{height:400px}.barre-verticale{height:2100px}}@media screen and (max-width: 390px){.titre-section-bloc{font-size:18px}.txt-section{font-size:14px}}.section-parallax{width:100%;height:250px;background:url(../img/accueilsw.jpg) no-repeat right / cover fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px dashed #333;border-bottom:1px dashed #333}.section-parallax h2{font-size:2rem;color:#023E8A;margin:0 0 0 300px}.txt-par{font-size:30px;font-weight:700;margin:10px 0 0 300px;color:#660708}.txt-par a{text-decoration:none;color:#fff;text-shadow:2px 2px 5px #000}.txt-par a:hover{color:#e4e2e2}@media screen and (max-width: 1300px){.section-parallax h2{font-size:2rem;color:#fff;margin:0 0 10px;text-shadow:2px 2px 5px #000}.txt-par{font-size:25px;margin:5px 30px}.txt-par:nth-child(1){padding-left:0}}@media screen and (max-width: 700px){.section-parallax h2{font-size:2rem;color:#fff;margin:0 0 10px 30px;text-shadow:2px 2px 5px #000}.txt-par{font-size:22px;margin:10px 25px}}@media screen and (max-width: 550px){.section-parallax h2{font-size:2rem;color:#fff;margin:20px 0 0;text-shadow:2px 2px 5px #000}.section-parallax{flex-direction:column}.txt-par{font-size:25px;margin:10px}}@media screen and (max-width: 380px){.section-parallax h2{color:#FFF;text-shadow:2px 2px 5px #000}}.item-ressources{margin:20px;width:420px;height:825px;background:#cfd1cf;color:#333;transition:transform .3s ease-out;box-shadow:0 0 10px rgba(0,0,0,0.5);border-radius:7px}.item-ressources ul li{padding:10px 10px 0;text-align:center;list-style-type:none}.item-ressources ul li a{color:#333;text-decoration:none}.item-ressources ul li a:hover{color:#000;font-weight:900}.item-ressources img{border-top-left-radius:5px;border-top-right-radius:5px}.item-ressources h3{padding:20px 0 0;font-size:26px;text-align:center;color:#023E8A}.item-ressources h4{padding:10px 10px 0;font-size:18px;color:#660708;text-align:center}.item-ressources p{padding:10px 10px 0;text-align:center;font-size:15px}footer{width:100%;text-align:center;padding-top:100px;padding-left:300px;padding-bottom:10px;}@media screen and (max-width: 1300px){footer{padding-left:0}}