*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{max-height:100vh}body,section{background:linear-gradient(180deg,#1d1d21,#0c1621 22.4%,#001e3a 48.96%,#051422 73.96%,#1d1d21)}section{min-height:100vh;width:100%}.profile{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1vh;justify-content:center;margin:0;position:absolute;top:0}h2{font-size:2vh}.liste_profile{display:flex;gap:25px;height:200px;justify-content:space-evenly;margin-top:30px;min-width:200px;text-align:center}.image_profile{background-position:50%;background-size:cover;border-radius:5px;min-height:100%;transition:.2s;width:100%}.image_profile:hover{box-shadow:0 0 20px #ffffff7e;outline:2px solid #e5e5e5}.nom_profile{font-size:2vh;font-weight:lighter;opacity:.3;transition:.2s}.profil a:hover+.nom_profile{opacity:1}.profil{height:150px;width:150px}.burger{display:none}.container_connexion{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,85%,.103);border:1px solid #fff;border-radius:17px;box-shadow:12px 17px 51px #00000038;box-sizing:border-box;color:#000;font-weight:bolder;justify-content:center;min-height:70vh;min-width:80%;text-align:center;transition:all .5s;-webkit-user-select:none;user-select:none}.container_connexion,.form_connexion{align-items:center;display:flex;flex-direction:column}.form_connexion{height:70%;justify-content:space-around;width:80%}.form_connexion h2{color:#fff;font-weight:bolder}.btn-inscription{align-self:center;background:none;border:none;color:#e1e1e16c;cursor:pointer;font-family:inherit;font-size:.8em;font-style:italic;position:relative;text-align:center;text-decoration:none;transition-duration:.4s;transition-property:color;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn-inscription:focus,.btn-inscription:hover{color:#e1e1e1}.btn-inscription:focus:after,.btn-inscription:hover:after{left:0;width:100%}.btn-inscription:after{background-color:#fff;bottom:-2px;content:"";height:1px;left:50%;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:width,left;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:0}.form-control{margin:20px 0 40px;position:relative;width:70%}.form-control input{background-color:initial;border:0;border-bottom:2px solid #fff;color:#ffffffc4;display:block;font-size:.8em;margin-bottom:10px;padding:15px 0;width:100%}.form-control input:focus,.form-control input:valid{border-bottom-color:#add8e6;outline:0}.form-control label{left:0;pointer-events:none;position:absolute;top:15px}.form-control label span{color:#fff;display:inline-block;font-size:18px;min-width:5px;transition:.3s cubic-bezier(.68,-.55,.265,1.55)}.form-control input:focus+label span,.form-control input:valid+label span{color:#add8e6;transform:translateY(-30px)}.button{background-color:#fff0;border:.2em solid #add8e6;border-radius:11px;color:#fff;height:2.9em;text-align:right;transition:all .6s ease;width:11em}.button:hover{background-color:#add8e6;color:#000;cursor:pointer}.button svg{display:flex;margin:-.2em .8em 1em;position:absolute;transition:all .6s ease;width:1.6em}.button:hover svg{color:#000;transform:translateX(5px)}.text{margin:0 1.5em}header{max-height:100vh;position:relative;width:100%}.menu{box-shadow:12px 17px 51px #00000038;flex-direction:column;height:100%;justify-content:space-between;position:fixed;width:180px;z-index:10}.button-menu,.menu{background:hsla(0,0%,85%,.103);display:flex}.button-menu{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:10px;color:#fff;cursor:pointer;gap:10px;height:35px;justify-content:flex-start;padding:0 15px;position:relative;text-decoration:none;transition-duration:.2s;width:150px}li{list-style-type:none}.button-menu a{color:#fff;text-decoration:none}.arrow{align-items:center;color:#add8e6;display:flex;font-size:18px;height:100%;justify-content:center;position:absolute;right:0;width:30px}.button-menu:hover{background:rgba(73,73,73,.158);transform:translateX(5px);transition-duration:.2s}.button-menu:hover .arrow{animation:slide-right .6s ease-out both}@keyframes slide-right{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.button-menu:active{transform:translate(1px,1px);transition-duration:.2s}.nav{height:55%;justify-content:space-between}.nav,.nav2{align-items:center;display:flex;flex-direction:column}.nav2{height:10%;justify-content:space-evenly}.picture_profile_menu{background-position:50%;background-size:cover;border-radius:5px;height:25px;width:25px}.btn-profile,.notif{display:relative}.profile_menu{align-items:center;display:flex;justify-content:space-evenly;width:90%}.extension_profile,.notification-dropdown{color:#fff;height:0;left:100%;opacity:0;overflow:hidden;position:absolute;transition:opacity .2s ease-in,height .2s ease-in;width:360px}.notification-dropdown{width:0}.notification-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,85%,.103);border-radius:10px;margin:10px;padding:5px}.notification-item:hover{background:#494949;color:#fff;transform:translateX(5px);transition-duration:.2s}.ext_open{margin:10px}.ext_open,.notification-dropdown{padding:15px}.ext_open li{margin-bottom:5px}.unread{background:#f5f5f5;color:#000}.read{background:rgba(73,73,73,.158);color:#fff}.btn-profile:hover .extension_profile,.notif:hover .notification-dropdown{height:auto;opacity:1}.notif:hover .notification-dropdown{width:360px}.notification-dropdown p{margin-left:10px}.bluebar{background-color:#fff}.bluebar,.redbar{height:30px;left:5px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.redbar{background-color:#16a8d8}.red_point{align-items:center;border-radius:50px;color:#add8e6;display:flex;font-size:.9em;font-weight:bolder;height:10px;justify-content:center;width:10px}.btn-disconnect{--black:#000;--ch-black:#141414;--eer-black:#1b1b1b;--night-rider:#2e2e2e;--white:#fff;--af-white:#f3f3f3;--ch-white:#e1e1e1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--night-rider);background:hsla(0,0%,85%,.103);border:none;border-radius:5px;border-radius:10px;box-shadow:2px 2px 10px rgba(0,0,0,.199);cursor:pointer;height:30px;justify-content:flex-start;overflow:hidden;position:relative;width:30px}.btn-disconnect,.sign-disconnect{align-items:center;display:flex;transition-duration:.3s}.sign-disconnect{justify-content:center;width:100%}.sign-disconnect svg{width:17px}.sign-disconnect svg path{fill:var(--af-white)}.text-disconnect{color:var(--af-white);font-size:1.2em;font-weight:600;opacity:0;position:absolute;right:0;transition-duration:.3s;width:0}.btn-disconnect:hover{background:#add8e6;border-radius:5px;transition-duration:.3s;width:100%}.btn-disconnect:hover .sign-disconnect{padding-left:0;transition-duration:.3s;width:20%}.btn-disconnect:hover .sign-disconnect svg path{fill:var(--black)}.btn-disconnect:hover .text-disconnect{color:#000;opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.btn-disconnect:active{transform:translate(2px,2px)}.content{list-style:none;position:relative}.content h2{color:#fff;font-size:3em;position:absolute;transform:translate(-50%,50%)}.content h2:first-child{-webkit-text-stroke:1px #add8e6;color:#0000}.content h2:nth-child(2){animation:animate 4s ease-in-out infinite;color:#add8e6}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.menu_nav li{margin-bottom:25px;z-index:9}.carte{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;box-shadow:0 0 10px #000;flex-basis:250px;flex-grow:0;flex-shrink:0;font-size:.85em;height:150px;margin:10px 10px 5px 0;position:relative;transition:all .2s ease}.carte h3{text-shadow:0 0 10px #000;width:100%}.carte:hover{border:1px solid #fff;scale:.95;transform:translateY(-5px);z-index:1}.overlay{align-items:center;background-color:#00000080;color:#e5e5e5;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.overlay img{transition:.2s;width:75px}.overlay img:hover{scale:1.1}.carte:hover .overlay{opacity:1}.carte h3{bottom:2px;color:#e5e5e5;filter:drop-shadow(0 0 10px rgb(0,0,0));left:50%;padding:5px;text-align:center;transform:translateX(-50%)}.carte h3,.heart{position:absolute}.heart{fill:#fff;right:10px;top:10px;transition:color .4s ease;width:20px}.heart:hover{scale:1.1;width:20px}.heart:active{fill:red;position:absolute;width:20px}.like{fill:red}.btn-previous{left:15px}.btn-next,.btn-previous{position:absolute;top:180px}.btn-next{right:15px}.liste{display:flex;overflow-x:scroll;padding:10px;position:relative;width:100%}::-webkit-scrollbar{border:.5px;border-radius:50px;height:8px;width:4px}::-webkit-scrollbar-thumb:horizontal{background:#add8e6;border-radius:250px}::-webkit-scrollbar-thumb:horizontal:hover{background:gray}.container_news{align-items:start;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin-left:180px;padding:5px;width:100%-180px}.back{align-self:center;background:linear-gradient(90deg,#141e30,#243b55);border-radius:10px;box-shadow:0 0 20px #add8e65e;height:auto;width:90%}.film_back,video{width:70%}video{border-radius:10px 0 0 10px}.desc,.film-back{display:flex;justify-content:space-between}.desc{align-items:center;flex-direction:column;padding:25px;width:30%}.categories{margin-top:-10px}.btn-lecture{align-items:center;background:#add8e6;border-radius:10px;color:#000;cursor:pointer;display:flex;height:3vh;justify-content:center;min-width:8vw;text-decoration:none;transition:.2s}.btn-lecture:hover{background:#aeebff;box-shadow:0 0 10px rgba(173,216,230,.459)}.btn-infos{align-items:center;background:rgba(0,0,0,.226);border-radius:10px;color:#fff;display:flex;height:3vh;justify-content:center;min-width:8vw;text-decoration:none;transition:.2s}.btn-infos:hover{background:rgba(99,99,99,.226);box-shadow:0 0 10px rgba(173,216,230,.459)}.lecture{display:flex;justify-content:space-around;width:100%}.home{height:26vh;margin-bottom:50px}.favs{justify-content:flex-start;padding:25px 0}.favsList{flex-wrap:wrap;justify-content:center}.log{margin:0;padding:0}.log,.screen{align-items:center}.screen{display:flex;height:50vh;justify-content:center;margin-bottom:100px;padding-left:180px;padding-top:50px;position:relative;transition:.2s;width:100%}.screen:hover{scale:.99}.back-home{border-radius:50%/10%;filter:drop-shadow(0 0 10px lightblue);height:100%;overflow:hidden;width:95%}.back-home,.vid{position:relative}.vid{display:block;height:auto;object-fit:cover;width:70%;z-index:1}.home-back{width:100%}.back-home:before{background:#0006;border-radius:50%/10%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.back-home h3{color:#fff;text-shadow:0 0 10px #000;top:70%;transform:rotate(1deg)}.back-home a,.back-home h3{left:5%;position:absolute;z-index:2}.back-home a{top:80%}.btn-curved{background:none;padding:5px 10px}.btn-curved img{width:30px}.input{background-color:#f3f3f3;border:2px solid #0000;border-radius:10px;height:1.5em;outline:none;overflow:hidden;padding-left:.8em;transition:all .5s;width:150px}.input:focus,.input:hover{background-color:#fff;border:2px solid #4a9dec;box-shadow:0 0 0 7px #4a9dec33;height:2.5em}.searchMedia{background:linear-gradient(180deg,#1d1d21,#0c1621 22.4%,#001e3a 48.96%,#051422 73.96%,#1d1d21);height:0;opacity:0;overflow:hidden;padding:0 25px;position:fixed;right:0;top:0;transition:.4s;width:100%;z-index:8}.searchMediaVisible{height:auto;opacity:1;width:100%}.searchMediaHidden{height:0;opacity:0;width:0}.log,.profile{z-index:10}.log{position:absolute}.list_profile{align-items:center;color:#fff;display:flex;gap:50px;height:100vh;justify-content:center;text-align:center;width:100%}.btn-delete{background:none;border:1px solid rgba(255,0,0,.425);border-radius:25px;box-shadow:0 0 10px #000;color:#fff;font-size:.7em;height:20px;margin-top:15px;transition:.4s;width:80px}.btn-delete:hover{background:#f08080;border:none;color:#000;cursor:pointer}.create{align-items:center;margin:0;padding-left:180px}.create,.create-profile{justify-content:space-around}.create-profile{color:#fff}.create-form{display:flex;flex-direction:column;height:400px;justify-content:space-around;width:70%}.create-form input{border-radius:25px;height:30px;text-align:center;width:250px}.create-form input:focus{border:none;box-shadow:0 0 10px #add8e6;outline:none}.preview{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-around;width:100%}.preview img{border-radius:10px;width:150px}.preview input,h5{align-items:center;display:flex;height:30px;justify-content:center;width:150px}.image-options img{margin:10px;width:100px}.image-options img:hover{scale:1.05}.image-options{background-color:#1d1d21;border-radius:25px;padding:15px;position:absolute;top:30%}.btn-over-prof{background:#424242}.btn-over-prof:hover{background:#929292;color:#000}.delete-notif{background:none;border:1px solid rgba(255,0,0,.425);border-radius:25px;color:red;color:#fff;font-size:1.1em;font-size:.7em;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:.4s;width:30px}.delete-notif:hover{background:#f08080;border:none;color:#000;cursor:pointer}.media-preview{align-self:center;background-color:#add8e6;background-position:50%;background-size:cover;border-radius:10px;box-shadow:4px 4px 30px rgba(173,216,230,.473);height:250px;width:400px}.champ-desc h4{margin-bottom:15px}.champ-desc p{color:#add8e6;letter-spacing:1px;width:80%}.mini-card{background:#f5f5f5;background-position:50%;background-size:cover;border-radius:5px;height:200px;perspective:1000px;position:relative;transform:rotateY(30deg) rotateX(0deg);transform-style:preserve-3d;transition:.4s;width:10%}.mini-card:hover{flex-grow:4;margin-right:0;transform:rotateY(0deg) rotateX(0deg);width:300px;z-index:9}.mini-card:before{-webkit-backface-visibility:hidden;backface-visibility:hidden}.mini-card:after,.mini-card:before{border-radius:5px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.mini-card:after{background:linear-gradient(90deg,#d9d9d900,#000 80%);transition:.2s}.mini-card:hover:after{background:linear-gradient(180deg,#d9d9d900,#000000a6);border:2px solid #add8e6;box-shadow:0 0 50px #000}.mini-card p{bottom:5px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transform:.2s;z-index:8}.mini-card:hover>p{opacity:1}.list-mini-card{align-items:stretch;display:flex;justify-content:center;width:95%}.other{width:95%}.info{align-items:center;background:#f5f5f5;border-radius:25px;color:#1d1d21;display:flex;font-size:1em;font-weight:bolder;height:25px;justify-content:center;left:10px;position:absolute;text-decoration:none;top:10px;transition:.2s;width:25px}.info:hover{background:#cfcfcf}.title-media{font-size:2em}.message{color:#f5f5f5}.spin{background:linear-gradient(180deg,#1d1d21,#0c1621 22.4%,#001e3a 48.96%,#051422 73.96%,#1d1d21);height:100vh;left:0;position:absolute;top:0;z-index:9}.spinner{border:3px inset #add8e6;border-radius:50%;height:100px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100px;z-index:100}.spinner,.spinner>div{animation:spin 1.5s linear infinite}.spinner>div{background-color:#fff;border-radius:50%;height:50px;width:50px}@media (max-width:1024px){.film-back{flex-direction:column;justify-content:space-around}#vid{border-radius:10px 10px 0 0;width:100%}.desc{gap:15px;width:100%}.container_news{gap:25px;justify-content:flex-start}.section_l .liste{flex-wrap:wrap;gap:10px;justify-content:center;overflow:visible}.btn-infos,.btn-lecture{width:15vw}.carte{flex-basis:200px;width:200px}.back-home{height:auto}.home,.screen{height:auto;margin-bottom:25px}.home{gap:5px}.create{justify-content:center;margin:0;padding-left:180px}.create-form{align-items:center}}@media (max-width:391px){.profil{height:100px;width:100px}.burger{align-items:center;background:#1d1d21;border-radius:0 15px 15px 0;color:#add8e6;cursor:pointer;display:block;display:flex;font-size:1.5em;height:100px;justify-content:center;left:0;position:absolute;top:50vh;transition:.2s ease;width:20px;z-index:11}.menu{background-color:#1d1d21}.burger div{animation:slide-right 2s infinite}.open{left:180px}.screen{padding-left:0}.home{margin-left:0}.liste .carte{flex-basis:100px}.play{height:30px;width:30px}.play img{height:100%;width:100%}@keyframes slide-right{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}}
/*# sourceMappingURL=main.dc9a5135.css.map*/