@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;700&family=Nothing+You+Could+Do&family=Roboto:wght@300;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{position:relative;margin:1rem auto;max-width:1200px;font-family:"Roboto",sans-serif;color:#333}button{cursor:pointer}li{list-style-type:none}a{text-decoration:none;cursor:pointer}a,a:visited{color:#333}.article,.catalogue,.contact,.create,.culturel,.home,.mentorat,.readCreateArticles{margin:10vh auto;border:1px solid rgba(22,22,22,.2);border-radius:15px 0 15px 0;box-shadow:0 1px 2px rgba(51,51,51,.5)}@media screen and (max-width:850px){.article,.catalogue,.contact,.create,.culturel,.home,.mentorat,.readCreateArticles{display:block!important;border:none;box-shadow:none;position:relative}}.articleContent,.catalogueContent,.contactContent,.culturelContent,.homeContent,.mentoratContent,.readCreateArticlesContent{margin-left:.5rem;margin-top:.4rem}@media screen and (max-width:850px){.articleContent,.catalogueContent,.contactContent,.culturelContent,.homeContent,.mentoratContent,.readCreateArticlesContent{margin-top:0!important;padding-top:2.5rem}}.test{border:1px solid #dc143c}.navContent{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.navContent .navbar{width:60%;margin:0 auto}.navContent .navbar ul{margin-top:1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-wrap:wrap;flex-wrap:wrap}.navContent .navbar ul li{padding:.4rem .6rem;position:relative;transition:.2s}.navContent .navbar ul li:hover i{-webkit-transform:scale(1.2);transform:scale(1.2)}.navContent .navbar ul li i{text-align:center;margin:.4rem}.navContent .navbar ul li a{color:#333}.navContent .navbar ul li .navActive{color:orange}.navContent .navbar ul li:hover{box-shadow:0 1px 2px rgba(51,51,51,.5)}@media screen and (max-width:850px){.navContent .navbar{margin:0;position:fixed;left:0;bottom:0;width:100%;background-color:hsla(0,1%,81%,.7);text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navContent .navbar ul{-webkit-justify-content:space-around;justify-content:space-around;margin:0}.navContent .navbar ul li{padding:.2rem}.navContent .navbar ul li:hover{box-shadow:none}.navContent .navbar ul i{font-size:1.4rem!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.navContent .navbar ul span{display:none}}@media screen and (max-width:580px){.navContent .navbar ul{-webkit-justify-content:space-around!important;justify-content:space-around!important}.navContent .navbar ul li{padding:1rem 0!important}.navContent .navbar ul i{font-size:1.4rem!important;-webkit-transform:translateY(-10px)!important;transform:translateY(-10px)!important}.navContent .navbar ul span{display:none}}.logo{margin:0 auto;height:160px}.logo .container{position:relative;width:300px;height:130px}.logo .container .colorLogoLight{position:absolute;transition:4s}.logo .container .colorLogoLight2{position:absolute;opacity:.3;transition:4s}.logo .container .textLogoWhite{z-index:1;position:absolute}.logo .animColorBlue,.logo .animColorGreen,.logo .animColorOrange,.logo .animColorPurple,.logo .animColorRed,.logo .animColorYellow{-webkit-animation:wave 5s ease infinite;animation:wave 5s ease infinite}@-webkit-keyframes wave{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@keyframes wave{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.logo .slogan{display:-webkit-flex;display:flex;-webkit-flex-flow:row;flex-flow:row;margin-bottom:5rem}.logo .slogan p{position:absolute;font-family:"Roboto",sans-serif;font-weight:700;font-size:1.3rem;margin-top:1.5rem;margin-left:9rem;width:100%}@media screen and (max-width:850px){.logo .slogan p{position:relative;text-align:center}}.catalogueContent,.contactContent,.culturelContent,.homeContent,.mentoratContent,.readCreateArticlesContent{display:-webkit-flex;display:flex}.catalogueContent .blocText,.contactContent .blocText,.culturelContent .blocText,.homeContent .blocText,.mentoratContent .blocText,.readCreateArticlesContent .blocText{max-width:50%;margin:0 10px}.catalogueContent .blocText h1,.contactContent .blocText h1,.culturelContent .blocText h1,.homeContent .blocText h1,.mentoratContent .blocText h1,.readCreateArticlesContent .blocText h1{font-size:2.5rem;font-family:"Nothing You Could Do",cursive;margin:2rem 0}.catalogueContent .blocText h3,.contactContent .blocText h3,.culturelContent .blocText h3,.homeContent .blocText h3,.mentoratContent .blocText h3,.readCreateArticlesContent .blocText h3{margin:1rem;font-family:"Nothing You Could Do",cursive}.catalogueContent .blocText p,.contactContent .blocText p,.culturelContent .blocText p,.homeContent .blocText p,.mentoratContent .blocText p,.readCreateArticlesContent .blocText p{margin:1rem;font-family:"Josefin Sans",sans-serif;font-size:1.5rem}.catalogueContent .blocText p span,.contactContent .blocText p span,.culturelContent .blocText p span,.homeContent .blocText p span,.mentoratContent .blocText p span,.readCreateArticlesContent .blocText p span{font-weight:700;color:#000;font-family:"Nothing You Could Do",cursive}.catalogueContent .image,.contactContent .image,.culturelContent .image,.homeContent .image,.mentoratContent .image,.readCreateArticlesContent .image{width:100%;margin-top:5rem}.catalogueContent .image img,.contactContent .image img,.culturelContent .image img,.homeContent .image img,.mentoratContent .image img,.readCreateArticlesContent .image img{padding-right:5px;max-width:100%;border-radius:0 0 15px}@media screen and (max-width:850px){.contactContent,.culturelContent,.homeContent,.mentoratContent,.readCreateArticlesContent{display:block}.contactContent .blocText,.culturelContent .blocText,.homeContent .blocText,.mentoratContent .blocText,.readCreateArticlesContent .blocText{max-width:100%}.image img{margin:.2rem 0;padding-right:0;width:100%}}.contact-form{margin:3rem auto 2rem;max-width:50%;max-width:350px;font-family:"Nothing You Could Do",cursive;border:1px solid rgba(22,22,22,.2);background:#fff;padding:0 30px 10px;box-shadow:0 4px 10px rgba(51,51,51,.637)}.contact-form h2{margin-top:35px;text-align:center}.contact-form .form-content{display:grid;grid-template-rows:repeat(4,1fr) 105px}.contact-form .form-content input,.contact-form .form-content textarea{background:none;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.9rem;border:none;border-bottom:1px solid #333;color:#333}.contact-form .form-content input::-webkit-input-placeholder,.contact-form .form-content textarea::-webkit-input-placeholder{color:#bebcbc;padding-left:.5rem}.contact-form .form-content input:-ms-input-placeholder,.contact-form .form-content textarea:-ms-input-placeholder{color:#bebcbc;padding-left:.5rem}.contact-form .form-content input::placeholder,.contact-form .form-content textarea::placeholder{color:#bebcbc;padding-left:.5rem}.contact-form .form-content .email-content,.contact-form .form-content input,.contact-form .form-content textarea{width:90%;margin:0 auto}.contact-form .form-content input{padding:24px 0 12px}.contact-form .form-content .email-content{position:relative}.contact-form .form-content .email-content input{width:100%}.contact-form .form-content #not-mail{display:none;position:absolute;top:4px;color:#ff4d4d;right:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes dongle{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-10px);transform:translate(-10px)}20%{-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-transform:translate(-10px);transform:translate(-10px)}40%{-webkit-transform:translate(10px);transform:translate(10px)}50%{-webkit-transform:translate(-10px);transform:translate(-10px)}60%{-webkit-transform:translate(10px);transform:translate(10px)}70%{-webkit-transform:translate(-10px);transform:translate(-10px)}80%{-webkit-transform:translate(10px);transform:translate(10px)}90%{-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes dongle{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-10px);transform:translate(-10px)}20%{-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-transform:translate(-10px);transform:translate(-10px)}40%{-webkit-transform:translate(10px);transform:translate(10px)}50%{-webkit-transform:translate(-10px);transform:translate(-10px)}60%{-webkit-transform:translate(10px);transform:translate(10px)}70%{-webkit-transform:translate(-10px);transform:translate(-10px)}80%{-webkit-transform:translate(10px);transform:translate(10px)}90%{-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}.contact-form .form-content textarea{resize:none;padding:24px 0}.contact-form .button{font-family:"Nothing You Could Do",cursive;font-size:1.3rem;margin-top:15px;color:#333;border:none;cursor:pointer;transition:.2s;width:100%;background-color:#fff;border:1px solid rgba(22,22,22,.2);border-radius:5px;padding:.5rem}.contact-form .button:hover{letter-spacing:2px}.contact-form .error::-webkit-input-placeholder{color:#ff4d4d}.contact-form .error:-ms-input-placeholder{color:#ff4d4d}.contact-form .error::placeholder{color:#ff4d4d}.contact-form .form-message{margin-top:10px;padding:12px;opacity:0;transition:.2s ease;color:#000;border-radius:4px;box-shadow:0 0 2px rgba(51,51,51,.3)}.contact .contactContent{margin:0 auto}.contact .contactContent .blocText{width:100%}.contact .contactContent .blocText h1{text-align:center}.contact .contactContent .image{margin-top:8rem;height:450px}.contact .contactContent .image img{height:98%}.catalogue h1{margin:2rem 1rem 1rem;font-family:"Nothing You Could Do",cursive;font-size:2.5rem;padding-top:2rem}.catalogue .readContent{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:1rem}.catalogue .readContent .blocText{width:100%;margin:1rem}.catalogue .readContent .blocText h3{font-family:"Nothing You Could Do",cursive;font-size:2rem}.catalogue .readContent .blocText p{font-family:"Josefin Sans",sans-serif;font-size:1.2rem}.catalogue .readContent .image,.catalogue .readContent .image img{width:100%}@media screen and (max-width:850px){.catalogue .readContent{-webkit-flex-direction:column;flex-direction:column;width:100%}.catalogue .readContent .image,.catalogue .readContent .image img{width:100%}.catalogue .readContent .blocText{margin:1rem!important;padding:1rem}.catalogue .readContent .blocText p{margin:0;width:100%}}.login{width:400px;margin:50px auto;padding:2.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border:1px solid rgba(22,22,22,.2);border-radius:15px 0;box-shadow:0 1px 2px rgba(51,51,51,.5);-webkit-align-items:center;align-items:center}.login .loginLogo{padding-right:3.5rem}.login .loginForm{width:100%;margin-top:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.login .loginForm label{padding-top:1rem}.login .loginForm input{font-size:1rem;width:100%;height:2rem;border:none;border-bottom:1px solid #333}.login .loginForm button{font-family:"Nothing You Could Do",cursive;font-size:1.5rem;height:2.5rem;margin:2rem 0;background-color:#fff;border:1px solid rgba(22,22,22,.2)}.login .loginForm button .btn-co{width:100%}@media screen and (max-width:400px){.login{border:none;box-shadow:none}}.create{width:100%}.create h3{margin-top:2rem;text-align:center;font-family:"Nothing You Could Do",cursive;font-size:2rem}.create .formCreateArticle{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:2rem}.create .formCreateArticle .createTitreArticle{margin-top:.5rem;width:60%;height:2rem;border:none;border-bottom:1px solid #333}.create .formCreateArticle .importFile{margin-top:.5rem;width:60%;height:2rem}.create .formCreateArticle textarea{margin-top:.5rem;height:500px;width:60%;border:1px solid rgba(22,22,22,.2)}.create .formCreateArticle p{width:60%;margin:1rem 0;font-size:.8rem}.create .formCreateArticle button{width:60%;height:3rem;margin-bottom:1rem;border-radius:5px;background-color:#f5f8f8;border:1px solid rgba(22,22,22,.2)}.createPage .codeco{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.createPage .codeco .createArticle{margin-top:5rem;text-align:center}.createPage .codeco .createArticle h1{font-family:"Nothing You Could Do",cursive}.createPage .codeco .createArticle button{height:3rem;width:100%}.readCreateArticles .readCreateArticlesContent{display:-webkit-flex;display:flex}.readCreateArticles .readCreateArticlesContent .blocText{width:100%}.readCreateArticles .readCreateArticlesContent .image{margin:8rem 5rem 5rem}.readCreateArticles .readCreateArticlesContent .image img{padding:0 auto;max-height:600px}.updateDelete .item-container-update input{background-color:#eceae4;margin:2rem 0;height:2rem;font-size:1.5rem;width:100%}.updateDelete .item-container-update textarea{background-color:#eeece8;width:100%;min-height:550px;margin-top:3rem;font-size:1.2rem}.updateDelete .item-container-update button{width:100%;font-size:1.5rem}
/*# sourceMappingURL=main.2f948cce.chunk.css.map */