.logoMD{margin:10px 25px 25px 10px;max-width:200px;object-fit:cover;width:100%}@media (width:480px){.logoMD{max-width:150px}}.header .headerimg img{align-content:center;float:right;height:400px;margin:0 30px;object-fit:contain}@media (max-width:768px){.header .headerimg img{height:300px;margin:50px 0 0}}@media (max-width:480px){.header .headerimg img{height:200px;margin:0}}.header h4{color:#f1d276;font-size:20px;font-style:normal;font-weight:200;padding-left:50px;padding-top:50px;text-align:center;text-transform:capitalize}@media (max-width:768px){.header .headerimg img{height:200px;margin:0}}@media (max-width:480px){.header h4{font-size:18px;padding-left:0;padding-top:10px}}.nav{border-bottom:1px solid #6c6685;display:flex;max-width:2200px;width:100%}.logoheader{margin:0;max-width:1000px;width:100%}.menuheader{margin:0;max-width:1200px;width:100%}.header{display:flex}.headerText{margin:auto auto auto 300px;max-width:700px;width:100%}.headerText .titre{border:0}.titre{border-top:1px solid #9f7809;padding-left:50px;padding-top:120px}.headerimg{margin:auto;max-width:1400px;width:100%}.buttonHeader{display:flex;margin:auto;max-width:600px;padding:50px 0;width:100%}.buttonHeader button{background-color:#9f7809;border:0 solid;border-radius:5px;box-shadow:1px 4px 17px #06011c;font-size:14px;font-weight:500;margin:0 10px;max-width:250px;padding:10px;text-transform:capitalize;width:100%}.service{border-top:1px solid #9f7809}.buttonHeader button a{background-color:#9f7809;color:#e1e7ce;text-decoration:none;text-transform:uppercase}.buttonHeader button:hover{background-color:#cc9789}.monHistoire{background-color:#000;margin:0;max-width:2200px;width:100%}.monHistoire .titre{padding-bottom:70px;padding-top:30px}.imgApropos{background:#fbd6cd;border-radius:50%;padding:50px;width:500px}@media (max-width:1024 px){p{max-width:900px;width:100%}}@media (max-width:768px){.header{align-items:center;flex-direction:column;text-align:center}.headerimg{margin:0;max-width:100%;order:-1}.headerText{margin:0 10px;max-width:90%}.contactMe h2{padding-top:50px}.fade-in{margin:0}}@media (max-width:1024px){.headerText{margin-left:50px}.buttonHeader button{margin:30px;max-width:200px}.buttonHeader{flex-direction:column-reverse;padding:50px 200px}}@media(max-width:768px){.headerText{margin-left:0}.titre{padding-left:0;padding-top:0}}@media (max-width:480px){.header{align-items:center;flex-direction:column;text-align:center}.headerimg{margin-bottom:auto;max-width:100%;order:-1}.headerText{margin:0 10px;max-width:100%}.buttonHeader{padding:0 110px}.buttonHeader button{margin:10px 30px;max-width:200px}}.naviguation ul{list-style:none;margin:0;padding-top:80px}li{font-size:20px;font-weight:300;position:relative}.nav a,li{color:#f1d276}.nav a{text-decoration:none}.nav a:hover,li:hover{color:#cc9789}li:before{background-color:initial;content:"";height:2px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);transition:width .3s ease,background-color .3s ease;width:0}li:hover:before{background-color:#cc9789;width:100%}.menu-container{align-items:center;display:flex;justify-content:flex-end;padding:10px 20px;position:relative}.hamburger{align-items:center;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-between;width:30px}.hamburger .bar{background-color:#f1d276;height:3px;transition:.3s;width:100%}.naviguation{display:flex;list-style:none;margin:0;padding:0}.naviguation ul{display:flex;gap:20px}.naviguation li{color:#f1d276;font-size:20px;font-weight:300;position:relative}.naviguation a{color:#f1d276;text-decoration:none}.naviguation a:hover,.naviguation li:hover{color:#cc9789}.naviguation li:before{background-color:initial;content:"";height:2px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);transition:width .3s ease,background-color .3s ease;width:0}.naviguation li:hover:before{background-color:#cc9789;width:100%}@media (max-width:768px){.hamburger{display:flex;margin:10px}.naviguation{border-radius:5px;box-shadow:0 4px 8px #0003;display:none;flex-direction:column;padding:20px;position:absolute;right:20px;top:60px}.naviguation.open{display:flex}.naviguation ul{flex-direction:column;gap:15px}.naviguation li{text-align:center}}.footerBack{display:flex;margin:auto;max-width:1800px;width:100%}.footer{border-style:solid double double;border-top:3px double #cc9789;max-width:3500px;width:100%}.logofooter{margin:auto;max-width:800px;width:100%}.textfooter{margin:auto;max-width:1000px;width:100%}.textfooter a{color:#cc9789;font-family:Bodoni Moda,serif;font-size:22px;font-weight:700;text-decoration:none}.textfooter ul{display:flex;list-style-type:none;margin:0;max-width:300px;padding-top:30px;width:100%}.listReseaux li a:hover{border:0}.imgGithub img,.imgLinkedin img{margin:0;max-width:60px;width:100%}.service img{border:2px solid #9f7809;border-radius:15px;height:180px;max-width:200px;padding:20px;position:relative;right:23px;width:100%}.tirettitre{border:#cc9789;left:380px;width:28px}.pointtitre,.tirettitre{background-color:#cc9789;height:5px;position:relative}.pointtitre{border:1px solid #cc9789;left:400px;top:0;width:5px}.annotationtitre{align-items:center;display:flex;max-width:1000px;width:100%}.annotation h4{text-align:center}.titleservice h3{color:#9f7809;font-size:25px;left:0;position:relative;text-transform:uppercase}.containService{align-items:center;display:flex;justify-content:space-evenly;margin-top:100px;max-width:1200px;padding-bottom:100px;text-align:-webkit-center;width:100%}.developpement,.webdesign{display:flex;max-width:500px;overflow:hidden;position:relative;width:100%}.developpement:before,.webdesign:before{background-color:#f6b29a;content:"";height:100%;left:0;position:absolute;top:0;transition:width 1s ease;width:0;z-index:-1}.developpement.clicked:before,.webdesign.clicked:before{left:200px;width:350px}.projets{padding-top:50px}.projets h4 a{color:#9f7809;text-decoration:none}.projets h4 a:hover{color:#f1d276}@media (max-width:768px){.containService{flex-direction:column;gap:40px}.developpement,.webdesign{max-width:90%;text-align:center}.service img{height:auto;max-width:180px}.pointtitre,.tirettitre{display:none}.annotation h4{font-size:18px;padding-top:20px;text-align:center}}@media (max-width:1024px){.containService{gap:100px;max-width:700px}.developpement,.webdesign{display:flex;flex-direction:column;max-width:90%;text-align:center}.service img{max-width:200px;position:relative;right:0}.pointtitre,.tirettitre{display:none}.annotation h4{font-size:18px;text-align:center}}@media (max-width:480px){.containService{flex-direction:column;gap:50px;max-width:200px;padding:0 0 50px}.service img{max-width:100px}.developpement,.webdesign{max-width:100%}.pointtitre,.tirettitre{display:none}.annotation h4{font-size:16px;margin-left:20px;text-align:left}.projets{padding-top:0}.titleservice h3{font-size:16px}}form{align-items:center;border:1px solid #9f7709;border-radius:5px;box-shadow:2px 2px 3px #e4c66c;display:flex;flex-direction:column;margin-bottom:40px;margin-top:60px;max-width:1200px;padding:50px;width:100%}form,label,span{background-color:#9f7809}label,span{color:#09002e;font-family:Bodoni Moda,serif;font-size:18px;font-weight:700}input{border:.5px solid #9f7709;height:30px}input,textarea{background-color:#e1e7ce;padding-bottom:5px;padding-top:5px}textarea{border:.5px solid #09002e;height:80px}form button{background:#09002e;border:0;border-radius:7px;box-shadow:2px 2px 3px #e4c66d;color:#9f7809;font-size:14px;height:40px;margin-top:20px;max-width:200px;text-align:center;width:100%}form button:active{background-color:initial;border:2px solid #ff623e;color:#ff623e;font-weight:700}@media (max-width:768px){form{padding:40px}form button{font-size:13px;height:35px;max-width:180px}}@media (max-width:1024px){form{padding:40px;width:90%}form button{height:38px;max-width:200px}}@media (max-width:480px){form{padding:20px}form button{font-size:12px;height:35px;max-width:100%}}.portrait-margaux{display:flex;margin:auto;max-width:100vw;overflow-x:hidden;width:90%}.AboutMe a{text-decoration:none}.portrait-text{margin:0;max-width:800px;padding-top:100px;width:100%}.portrait-text p{color:#e1e7ce;font-size:15px;margin:0;max-width:100%;padding-top:20px;text-align:justify;width:100%}.portrait-img{align-content:center;display:contents;justify-content:center;margin:0;width:100%}.portrait-img,.portrait-img img{max-width:800px;position:relative}.portrait-img img{bottom:50px}.AboutMe h3{color:#f1d276;font-size:20px;font-weight:300;position:relative;text-align:center;vertical-align:text-top;width:100%;z-index:11111}.buttonCv{background:#9f7809;border:0;border-radius:5px;box-shadow:2px 2px 2px #291f01;color:#09002d;display:block;font-size:14px;font-weight:400;height:50px;margin:20px auto;text-align:center;text-transform:uppercase;width:250px}.buttonCv:active{background-color:initial;border:2px solid #9f7709;color:#9f7709}@keyframes zoomAnimation{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(.5)}}.zoom{animation:zoomAnimation 1s ease-in-out}@media (max-width:768px){.portrait-margaux{align-items:center;flex-direction:column}.portrait-img{margin-bottom:20px;max-width:100%}.portrait-img img{margin:auto;max-width:80%}.portrait-text{max-width:90%;padding:0 10px;text-align:center}.buttonCv{font-size:12px;height:45px;width:220px}}@media (max-width:1024px){.buttonCv{height:48px;margin:20px 250px;width:240px}.portrait-margaux{align-items:center;flex-direction:column}.portrait-img img{max-width:100%}.portrait-text{padding:0 20px;text-align:justify}.AboutMe h3{margin-left:50px;width:90%}}@media (max-width:480px){.portrait-margaux{align-items:center;flex-direction:column}.portrait-img{display:none}.portrait-text{font-size:14px;max-width:100%;padding:0 15px}.buttonCv{font-size:12px;height:40px;margin:20px 100px;width:200px}.AboutMe h3{bottom:20px;font-size:16px;margin-left:20px;position:relative;width:90%}.monHistoire .titre{padding-bottom:50px}}.containProjet{display:flex;justify-content:center;padding:40px}.main-projet{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);max-width:1200px;padding-top:50px;width:100%}.bloc-projet{border:1px solid #9f7809;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:2px 2px 3px #513e05;display:flex;flex-direction:column;height:350px;justify-content:space-between;overflow:hidden;transition:transform .2s ease-in-out}.bloc-projet:hover{transform:scale(1.05)}.imgProjet{align-items:center;display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;transition:height .3s ease-in-out}.imgProjet img{max-height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease-in-out}.bloc-projet:hover .imgProjet{height:100%}.bloc-projet:hover .imgProjet img{transform:scale(1.1)}.text-contain{flex:1 1;padding:15px;text-align:center}.text-contain h4{color:#9f7809;font-size:18px;margin:auto}.list-language ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0;padding:0}.list-language li{background-color:#9f7809;border-radius:5px;color:#09002d;font-size:14px;padding:5px 10px}.main-projet a{text-decoration:none}@media (max-width:992px){.main-projet{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.main-projet{grid-template-columns:1fr}}.containAPropos{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:0}.imageSection{display:flex;flex:0 0 50%;justify-content:flex-start;margin:0}.imageSection img{align-items:center;border-radius:400px 400px 0 0;height:auto;justify-content:center;margin-left:100px;max-width:500px;object-fit:cover;object-position:center;position:relative;width:100%}.headerHistory{max-width:700px;position:relative}.mainHistory{max-width:1000px}.textSection{display:flex;flex:0 0 100%;flex-direction:column;gap:20px}.textSection h2{font-size:28px;margin-bottom:10px}.textSection h3{color:#666;font-size:20px;margin-bottom:15px}.textSection p{font-size:16px;line-height:1.6;text-align:justify}.listService li,.listUsers li{color:#fff;margin-left:10px;text-transform:lowercase}.listService li:before,.listUsers li:before{height:0}.listService li:hover,.listUsers li:hover{color:#9f7809}@media (max-width:1024px){.containAPropos{flex-direction:column;gap:0}.imageSection{flex:0 0 100%;margin-bottom:20px}.imageSection img{width:100%}.textSection{flex:0 0 100%;padding:0 20px}}@media (max-width:480px){.containAPropos{flex-direction:column;padding:10px}.imageSection{display:none}.textSection{padding:0 10px;width:100%}.headerText h1{font-size:20px}.buttonHeader button{font-size:12px;padding:8px}.logoheader,.menuheader{max-width:100%}}.scroll-to-top{align-items:center;background-color:#007bff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease-in-out;width:50px}.scroll-to-top:hover{background-color:#0056b3;transform:scale(1.1)}.scroll-to-top svg{height:20px;width:20px}*{background-color:#010117;box-sizing:border-box;margin:auto;max-width:1800px;overflow-x:hidden;width:100%}button,h1,h2,h3,h4,li{font-family:"Noto Serif Display",serif;font-weight:400}h1{font-size:38px;font-weight:500}h1,h2{color:#f1d276;text-align:center}h2{font-size:32px;font-style:italic;text-transform:capitalize}h4{color:#9f7809;font-size:35px;margin-left:50px;max-width:1800px;padding-bottom:15px;text-transform:uppercase;width:100%}h3{font-size:20px;font-weight:600}p{font-family:Bodoni Moda,serif;font-weight:500}.contactMe .annotation h4{margin-left:85px}.containTitle h2{color:#cc9789;font-size:40px;margin:50px 0}.presentation h3{font-size:45px;margin-bottom:50px}.presentation p{color:#e1e7ce;font-size:16px;padding-bottom:50px;text-align:start;width:95%}.competences h4,.formation h4,.projets h4,.qualites h4{color:#cc9789;font-size:18px}.formation p,.projets p{color:#e1e7ce;margin-bottom:20px;margin-left:50px}.qualites p{color:#e1e7ce;margin-bottom:200px;margin-left:50px}.listService ul{margin-bottom:50px}@media (max-width:1024px){.qualites p{margin-left:10px;padding-right:10px}.containTitle h2{font-size:35px}}@media (max-width:768px){.competences h2,.formation h2,.projets h2,.qualites h2{text-align:left}.competences h4,.formation h4,.formation p,.listService li,.listUsers li,.projets h4,.projets p,.qualites h4{margin-left:10px}.imgGithub img,.imgLinkedin img{max-width:40px}}@media (max-width:480px){.listService li,.listUsers li{font-size:14px;margin-left:0}.presentation h2,.presentation h3{text-align:center}h2{font-size:20px;margin-left:20px;text-align:left}}.containTitle h2{font-size:25px}.competences h4,.formation h4,.projets h4,.qualites h4{font-size:16px}p{font-size:14px}.presentation h3{color:#9f7809;font-size:30px;margin-bottom:20px;text-align:center}
/*# sourceMappingURL=main.2692600a.css.map*/