@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto:300);.fiche .createPostPage{font-family:Arial,Helvetica,sans-serif;padding:3rem;width:80vw;margin-top:2rem;transform:translate(-50% -50%);display:flex;justify-content:center;align-items:center;border:1px solid red;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(3,16,91,.5));border-radius:10%}.changemdp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;margin:0;padding:3vw;border-radius:10% 0 10% 0;background-color:red;border:1px solid #000;word-wrap:normal;display:flex;flex-direction:column;align-items:center;outline:none;grid-gap:2vw;gap:2vw;color:#f7fdfd;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;font-size:1.7rem;text-shadow:2px 2px 5px #02000a;box-shadow:.5px .5px #36a0ec,.2em 0 .2em #0719db}.changemdp button,.changemdp input{width:95%;height:2vw}.changemdp button{border-radius:20%;box-shadow:.5px .5px #36a0ec,.2em 0 .2em #0719db}.changemdp button:hover{transform:scale(1.1);background-color:#28ec6d;text-shadow:2px 2px 5px #0a8c58;cursor:pointer}.administration{display:flex;flex-direction:column;margin-top:7vw}.passwordchange{height:70px;border-radius:10% 0 10% 0;background-color:red;border:1px solid #000;padding:.4vw;color:#f7fdfd;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;font-size:1.7rem;text-shadow:2px 2px 5px #02000a;box-shadow:1px 1px #36a0ec,-.5em 0 .4em #0d0d0d}.passwordchange:hover{cursor:pointer;transform:scale(1.1);background-color:#44e623}.bookfiche{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;font-size:1.7rem;text-shadow:2px 2px 5px #02000a}.Booknumber{margin-top:2vw}.Booknumber .livrenumber{box-shadow:1px 1px #36a0ec,-.5em 0 .4em #0d0d0d;width:auto;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;font-size:1.5rem;background-color:#122441;border-radius:20%;margin:2%;color:#f7fdfd;padding:1vw}.Booknumber .livrenumber input{width:auto;margin-top:10vw;background-color:#83050e}.Booknumber select{text-align:center;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;width:auto;border:2px solid #122441;border-radius:5px;outline:none;margin-top:1rem;cursor:pointer}.Booknumber select,.Booknumber select option{font-size:1.2rem;padding:.5rem;background-color:#f7fdfd;color:#122441}.Booknumber select option{border:none}.Booknumber select option:hover{background-color:#83050e;color:#f7fdfd}.ficheAdmin{display:flex;background-color:#548787;flex-direction:column;border:2px solid #474444;background-attachment:fixed;background-size:cover;padding:2%;box-shadow:2px 2px #5d80f5,.5em .5em 1.5em #13538f;text-shadow:.4px .4px .4px #b39e9e;width:100vw;height:100vw}.ficheAdmin .lien:hover{box-shadow:1px -1px 1px .5px #000;color:#fff;text-shadow:1px 1px .5px #fff}.ficheAdmin p:first-child{display:inherit;-webkit-text-stroke:.2px rgba(172,9,9,.658);color:#1d6dee;font-size:1rem;background-color:#fff}.ficheAdmin .ficheAdmin_haut{justify-content:space-around;margin-bottom:2rem}.ficheAdmin .administration,.ficheAdmin .ficheAdmin_haut{width:100%;display:flex;align-items:flex-start}.ficheAdmin .createPostPage{font-family:Arial,Helvetica,sans-serif;padding:1rem;margin-top:2rem;transform:translate(-50% -50%);display:flex;flex-direction:column;border:1px solid red;background:linear-gradient(180deg,rgba(91,163,250,.5),rgba(3,16,91,.5));border-radius:10%}.ficheAdmin .createPostPage .formContainer2{display:flex;flex-direction:column;justify-content:flex-start;align-content:center;max-width:100vw;box-shadow:0 1px 1px #111;font-weight:700;padding:3%;border:5px solid #d1525a;border-radius:10%;background-color:#fff;font-size:25px;margin-top:3%;margin-bottom:3%}.ficheAdmin .createPostPage .formContainer2 .titleform{color:#f7fdfd;background-color:#153e80;border-radius:20%;border:1px solid #121111;-webkit-text-stroke:.5px hsla(0,0%,97.3%,.658);text-shadow:.4px .4px .4px #0a0a99}.ficheAdmin .createPostPage .formContainer2 .titre{font-size:2rem;margin-bottom:2%;background-color:#f8f6f2}.ficheAdmin .createPostPage .formContainer2 span{color:red;font-size:1rem}.ficheAdmin .createPostPage .formContainer2 label{font-size:1.5rem;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.ficheAdmin .createPostPage .formContainer2 form input{margin-bottom:3%;box-shadow:0 1px .2px #111;border:.1px solid #2069dd}.ficheAdmin .createPostPage .formContainer2 form{display:flex;flex-direction:column;text-align:center;align-content:center}.ficheAdmin .createPostPage .formContainer2 button{height:15%;width:100%;border-color:#d1515a solid 2px;background-color:#2069dd;border-radius:5px;color:#fff;font-size:17px;justify-content:center;margin-top:5%}.ficheAdmin .createPostPage .formContainer2 button :hover{background-color:#153e80}.ficheAdmin .createPostPage .formContainer2 .formContainer2 button:hover{cursor:pointer;background-color:#1e90ff}.ficheAdmin .createPostPage .formContainer2.formContainer2 button:active{background-color:#66f859}.ficheAdmin .indivi{display:flex;flex-direction:column;place-items:center;width:100%;margin-right:2%;margin-left:2%}.ficheAdmin .indivi .renseignement{color:#fff}.ficheAdmin .indivi #retour{background-color:#0d11e9;width:20vw;margin-top:0}.ficheAdmin .indivi button{color:#fff}.ficheAdmin .indivi .post2{width:100%;height:auto;word-wrap:break-word;border-radius:10px;margin:.5%;border:1px solid #d1515a;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 8px 0 #0f0f0c;border-radius:15px;background-color:#fff}.ficheAdmin .indivi .post2 .boutonsupr{height:10%;width:auto}.ficheAdmin .indivi .post2 .title{background-color:#122441;display:block;place-content:center;color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;padding-bottom:2%;padding-top:2%;box-shadow:0 7px 29px 0 rgba(13,13,14,.2);font-size:20px}.ficheAdmin .indivi .post2 .body{display:flex;flex-direction:column;margin-left:0;margin-right:0;font-weight:500;background-color:#f7fdfd;color:#000;white-space:pre-line}.ficheAdmin .indivi .post2 .body .lien,.ficheAdmin .indivi .post2 .body .lien img{width:100%;height:100%}.ficheAdmin .indivi .post2 .footer{display:flex;flex-direction:column;padding-bottom:2%;padding-top:2%;align-items:center;color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.ficheAdmin .indivi .post2:hover{box-shadow:0 7px 29px 0 rgba(248,248,250,.2);cursor:pointer}.ficheAdmin .indivi .addCommentContainer input,.ficheAdmin .indivi button{margin-top:2%;width:50%;height:100%;border-radius:8px;color:#f8f0f0}.ficheAdmin .indivi .addCommentContainer input :hover,.ficheAdmin .indivi button :hover{background-color:#a9a2eb}.ficheAdmin .indivi button{background-color:#d1515a;width:100%}.ficheAdmin .indivi button :hover{background-color:#83050e;width:110%}.ficheAdmin .indivi .addCommentContainer button{background-color:#1e90ff;color:#fff;width:100%}.ficheAdmin .indivi .addCommentContainer input{border:2px solid #1e90ff}.ficheAdmin .indivi .listOfComments{display:flex;flex-direction:column-reverse}.ficheAdmin .indivi .listOfComments .comment{width:100%;height:100%;padding:30px;white-space:pre-line;border:1px solid #d1515a;border-radius:5px;margin-top:20px;background-color:#f0f8ff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:25px;grid-gap:15px;gap:15px;background-color:#1a50a7;background-position:bottom,0 0;background-repeat:repeat;color:#fff}.ficheAdmin .indivi #individual .footer{font-size:30px;display:flex;justify-content:space-around;align-items:center;height:100%;width:100%}.ficheAdmin .indivi #individual .body{display:flex;height:100%;width:100%;text-align:center}.photo{border:4px solid #e7e1e1}.photo,.photo img{height:8rem;width:6rem}.photo img{border:4px solid red}#image{text-align:center}#image,.fichier{color:#fff}@keyframes content2{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotateArrow{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotateArrowBack{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes apparition{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.loader{animation:fadeIn .5s ease-in-out}@keyframes changementcolorlogin{0%{background:radial-gradient(circle,rgba(22,22,22,.9),rgba(7,43,161,.5),#0d5dce,#0606a8),url() no-repeat 50%}25%{background:radial-gradient(circle,rgba(22,22,22,.9),rgba(7,43,161,.5),#0d5dce,#020235),url() no-repeat 50%}to{background:radial-gradient(circle,rgba(22,22,22,.9),rgba(7,43,161,.5),rgba(4,44,100,.5),rgba(2,2,53,.6)),url() no-repeat 50%}}@keyframes pulseplanelogin{0%{background-size:100vw;background-color:#030356;opacity:1}5%{background-size:100vw}25%{background-size:100vw;background-color:#070f9f}35%{background-size:110vw;opacity:1}50%{background-size:120vw;background-color:#3030dd}75%{background-size:115vw}to{background-size:110vw;opacity:.7}}@keyframes pulseplane{5%{transform:scale(1.2);font-weight:700}35%{transform:scale(1)}50%{color:#11b267}75%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shadowScan{0%{box-shadow:-10px 0 20px rgba(255,0,0,.1)}50%{box-shadow:0 0 40px rgba(255,0,0,.7)}to{box-shadow:10px 0 20px rgba(255,0,0,.1)}}@keyframes scanEffect{0%{left:-20%;opacity:.1}50%{left:20%;opacity:.7}to{left:-30%;opacity:.1}}@keyframes pageTurn{0%{transform:rotateY(0deg)}20%{background:#4b1e77}40%{background:#639;transform:rotateY(-180deg)}to{background:#639;transform:rotateY(-180deg)}}@keyframes scrollText{0%{transform:translateX(-120%)}50%{transform:translateX(50%)}to{transform:translateX(50%)}}@keyframes waveText{0%,to{transform:rotate(0deg)}50%{transform:rotate(5deg)}}@keyframes shakeText{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes Dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes infinite_rotate{0%{transform:rotate(0deg);border:.1px solid #3211d8}to{transform:rotate(1turn);border:.5px solid #3211d8}}@keyframes bouton{0%{background-color:#7fffd4;filter:blur(0) hue-rotate(0deg)}50%{background-color:#ea6b21;filter:blur(.5px) hue-rotate(1turn)}to{background-color:#1dea43;filter:blur(0) hue-rotate(1turn)}}@keyframes bouton_login{0%{top:5px;left:10px;filter:blur(0) hue-rotate(0deg) saturate(1);transform:rotate(0deg)}25%{filter:blur(.5px) hue-rotate(90deg) saturate(1.5)}50%{top:10px;left:20px;filter:blur(1px) hue-rotate(180deg) saturate(2);transform:rotate(180deg)}75%{filter:blur(.5px) hue-rotate(270deg) saturate(1.5)}to{left:5vw;top:5px;filter:blur(0) hue-rotate(1turn) saturate(1);transform:rotate(1turn)}}@keyframes boutonlogin_portrait{0%{left:5px;width:1vw;height:1vw;filter:blur(0) hue-rotate(0deg)}50%{left:5px;width:5px;height:5px;filter:blur(.5px) hue-rotate(1turn)}to{left:20vw;width:50px;height:50px;filter:blur(0) hue-rotate(1turn)}}@keyframes boutonlogin_landscape{0%{left:5px;width:1vw;height:1vw;filter:blur(0) hue-rotate(0deg)}50%{left:5px;width:5px;height:5px;filter:blur(.5px) hue-rotate(1turn)}to{left:12vw;width:50px;height:50px;filter:blur(0) hue-rotate(1turn)}}@keyframes loginboutonhover{0%{right:0;filter:blur(0) hue-rotate(0deg)}50%{filter:blur(.5px) hue-rotate(1turn)}to{filter:blur(0) hue-rotate(1turn)}}@keyframes bouton_background_portrait{0%{top:5px;right:10px;filter:blur(0) hue-rotate(0deg);height:0;width:0}75%{top:5px;right:10px;filter:blur(0) hue-rotate(100deg)}to{top:5px;right:60vw;filter:blur(0) hue-rotate(0deg);height:50px;width:50px}}@keyframes bouton_background_landscape{0%{position:absolute;top:150px;right:15px;filter:blur(0) hue-rotate(0deg);opacity:0}to{position:absolute;top:150px;right:15px;filter:blur(0) hue-rotate(0deg);width:4.8vw;height:4.8vw;opacity:1}}@keyframes bouton_background{0%{top:5px;right:0;filter:blur(0) hue-rotate(0deg)}50%{right:10px;filter:blur(.1px) hue-rotate(15deg)}to{top:200px;right:10px;filter:blur(0) hue-rotate(0deg)}}@keyframes bouton_menu_paysage{0%{position:absolute;top:5px;right:15px;filter:blur(0) hue-rotate(0deg);opacity:0}to{position:absolute;top:80px;right:15px;filter:blur(0) hue-rotate(0deg);width:4.8vw;height:4.8vw;opacity:1}}@keyframes bouton_title{0%{top:5px;right:8px;filter:blur(0) hue-rotate(0deg)}50%{filter:blur(.5px) hue-rotate(15deg)}to{right:8px;top:100px;filter:blur(0) hue-rotate(0deg)}}@keyframes bouton_portrait_title{0%{top:5px;right:8px;filter:blur(0) hue-rotate(0deg);height:0;width:0}to{height:50px;width:50px;top:5px;right:114px;filter:blur(0) hue-rotate(0deg)}}#lecture{position:absolute;top:35px;left:20%;transform:translate(-50%,-50%)}@media only screen and (orientation:landscape) and (max-width:1500px){#lecture{position:absolute;top:5px;left:200px;transform:none}}@media only screen and (orientation:portrait) and (max-width:1500px){#lecture{position:absolute;top:33px;left:50%;transform:translateX(-50%)}}#lecture{z-index:500;width:clamp(2.5rem,3vw,4rem);height:clamp(2.5rem,3vw,4rem);display:flex;align-items:center;justify-content:center;background-color:rgba(30,84,193,.4);border-radius:50%;box-shadow:1px 2px 5px 1px #000;cursor:pointer;font-size:clamp(1rem,2vw,2rem)}#lecture:hover{background-color:#89cef7;transition:1s ease-in-out;box-shadow:0 0 5px rgba(13,152,233,.5),0 0 10px rgba(13,152,233,.2),0 0 20px rgba(13,152,233,.1),0 0 30px rgba(13,152,233,.1)}.x{display:inline-block;padding:.25rem .5rem;margin-bottom:5px;font-size:1rem;border-radius:.5rem;border-radius:50%;background-image:radial-gradient(circle,rgba(25,220,250,.2),rgba(27,204,195,.5),rgba(107,182,252,.4),rgba(224,231,240,.7),rgba(208,208,240,.7));color:#fff;border:none;cursor:pointer}.x:hover{transition:background .3s ease,color .3s ease;color:red;background:#7dbfef}@media only screen and (max-width:1101px){.boutonagrandissementpage{margin-top:-30px}}.boutonagrandissementpage{position:fixed;top:0;left:5%;color:#fff;border:none;border-radius:80%;padding:5px 10px;cursor:pointer;z-index:10;margin-top:-8%}.boutonagrandissementpage:hover{background-color:#faebd7;color:red;transform:scale(1.1);transition:all .3s ease}#cacherboutonplay{position:absolute;top:5px;right:5px;width:50px;height:50px;z-index:503;border-radius:50%;border:1px solid #0d98e9;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;font-family:monospace;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7));background-position:50%;box-shadow:0 0 5px rgba(13,152,233,.5),0 0 10px rgba(13,152,233,.2),0 0 20px rgba(13,152,233,.1),0 0 30px rgba(13,152,233,.1);cursor:pointer;transition:transform .3s ease,background-color .3s ease}#cacherboutonplay:hover{transform:scale(1.1);background-color:#0d98e9;color:#fff}#cacherboutonplay:active{animation:bouton 1s linear backwards}#precedent{position:fixed;left:0;top:50%;transform:translateY(-50%);width:clamp(2.5rem,3vw,4rem);height:clamp(2.5rem,3vw,4rem);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:1px 2px 5px 1px #000;background-color:rgba(30,84,193,.4);font-size:clamp(1rem,2vw,2rem);z-index:999;cursor:pointer}#precedent:hover{background-color:#89cef7;transition:1s ease-in-out;box-shadow:0 0 5px rgba(13,152,233,.5),0 0 10px rgba(13,152,233,.2),0 0 20px rgba(13,152,233,.1),0 0 30px rgba(13,152,233,.1)}#suivant{position:fixed;right:0;top:50%;transform:translateY(-50%);width:clamp(2.5rem,3vw,4rem);height:clamp(2.5rem,3vw,4rem);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:1px 2px 5px 1px #000;background-color:rgba(30,84,193,.4);font-size:clamp(1rem,2vw,2rem);z-index:999;cursor:pointer}#suivant:hover{background-color:#89cef7;transition:1s ease-in-out;box-shadow:0 0 5px rgba(13,152,233,.5),0 0 10px rgba(13,152,233,.2),0 0 20px rgba(13,152,233,.1),0 0 30px rgba(13,152,233,.1)}.playandtitle{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:503;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:10px;gap:10px}@media only screen and (orientation:landscape) and (max-width:800px){.playandtitle .titretest{font-size:clamp(.7rem,1vw,1rem);margin-top:1px}}.playandtitle .titretest{z-index:506}.playandtitle .csstitretest,.playandtitle .titretest{font-size:clamp(.8rem,1.5vw,2rem);text-align:center;background-color:rgba(0,119,204,.2);border:.2px solid #22047a;color:#243be7;text-shadow:#0e0f0e 1px 1px 1px;padding:4px 8px;border-radius:10% 0 10% 0;box-shadow:.5px .5px .5px #0e0d0d;max-width:70vw;cursor:pointer}.playandtitle .csstitretest{background-color:#fff}@media only screen and (orientation:portrait) and (max-width:1201px){.media{flex-direction:row;justify-content:center;grid-gap:1rem;gap:1rem;transform:none}}.media{z-index:501;border-radius:10%;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;justify-items:center}.media .navigation_button{width:100%;display:flex}@media only screen and (orientation:landscape) and (max-width:1201px){.media .navigation_button{flex-direction:column}}.media button{cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:1px 2px 5px 1px #000;background-color:rgba(30,84,193,.4);font-size:clamp(1rem,2.5vw,2rem);width:clamp(2.5rem,6vw,4rem);height:clamp(2.5rem,6vw,4rem);z-index:501}.active{height:70px;width:70px;margin:5px;border-radius:50%;background-color:#07c}.active:hover{cursor:pointer}.inactive{height:70px;width:70px;margin:5px;border-radius:50%;background-color:#91c2e5}.inactive:hover{cursor:pointer}.buttondeck_css{height:70px;width:70px;margin:5px;border:1px solid red;text-shadow:.2px .2px .5px #000,1px 1px 2.5px #7777eb;padding:10px;border-radius:50%;background:radial-gradient(circle,rgba(25,220,250,.2),rgba(27,204,195,.5),rgba(107,182,252,.4),rgba(224,231,240,.7),rgba(208,208,240,.7))}.buttondeck_css:hover{background-color:#07c;cursor:pointer}.toggleNavbarre{cursor:pointer}.boutonchoix{z-index:9001;position:absolute;left:25%;padding:10px}.BoutonMenuBooktitre{line-height:1;font-size:2rem!important;z-index:499;width:50px;height:50px;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;border:1px solid #0d98e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:1rem;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7));background-position:50%}.BoutonMenuBooktitre:hover{cursor:pointer;transform:scale(1.1);transition:transform .3s ease,background-color .3s ease;background-color:#0d98e9}.BoutonMenuBooktitre:active{animation-duration:1s;animation:bouton;animation-timing-function:linear;animation-fill-mode:backwards}.BoutonMenuBook{line-height:1;font-size:2rem!important;z-index:499;width:50px;height:50px;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;border:1px solid #0d98e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:1rem;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7));background-position:50%}.BoutonMenuBook:hover{cursor:pointer;transform:scale(1.1);transition:transform .3s ease,background-color .3s ease;background-color:#0d98e9}.BoutonMenuBook:active{animation-duration:1s;animation:bouton;animation-timing-function:linear;animation-fill-mode:backwards}#couverture{background-color:#0871bc}#annuler{background-color:#28eb28}.north{width:50px;height:50px;z-index:1}.north button{all:unset}.north button img{height:40px;width:40px}.north{display:flex;background-size:contain;background-repeat:no-repeat;background-position:50%;animation-name:Title;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:backwards;text-align:center;align-items:center;animation:bouton_title 1s forwards;border-radius:15%;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;border:1px solid #0d98e9;border-radius:50%;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7))}.north:hover{transform:scale(.9);cursor:pointer}.north:hover:hover{transition:background .3s ease,color .3s ease;background-color:#07c}.north img{height:2vw;width:2vw;filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}.north button{width:100%;background:none;border:none}.selectbacurl{z-index:999;position:absolute;top:50%;left:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transform:translate(-50%,-50%);background-color:#000;color:#fff;text-align:center;padding:10vw}.selectbacurl li{margin:.2vw;padding:.5vw}.selectbacurl button{margin:.5vw;cursor:pointer}.south{height:50px;width:50px}@media only screen and (max-width:1200px) and (orientation:portrait){.south{animation-name:bouton_background_portrait}}@media only screen and (max-width:1000px) and (orientation:landscape){.south{animation-name:bouton_background_landscape}}.south{animation-name:bouton_background_landscape;text-align:center;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:backwards;box-shadow:1px 1px #44e0eb,-.5em 0 .4em #0d0d0d;border:1px solid #0d98e9;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(4,223,247,.5),rgba(32,221,242,.4),rgba(26,233,247,.7))}.south button{all:unset}.south .fonds{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;color:#8bd2fb;text-shadow:#171819;-webkit-text-stroke:#000 1px 1px 1px}.south:hover{transform:scale(1.05);cursor:pointer;background:radial-gradient(circle,rgba(24,53,218,.5),rgba(6,200,161,.4),rgba(53,200,9,.7))}.south #coeur{width:80%}.south img{width:50%;z-index:1;border-radius:50%}.south{animation:bouton_background 2s forwards;z-index:1;right:10px;top:130px}#envoyer{background-color:#03507d;width:40%}#envoyer:hover{transform:scale(1.02);background-color:#1cda22;cursor:pointer}.oubliid{display:flex;flex-direction:column;align-items:center;align-content:center}.oubliid button{z-index:9999;margin:1vw;color:#000}#Choixfondecran{left:18%;top:5px;min-height:5vw}#Choixfondecran,.BoutonMenuBooksetbackground{position:absolute;border-radius:10%;min-width:3vw}.BoutonMenuBooksetbackground{z-index:900;right:5px;top:80px;max-height:5vw;padding:.5vw}.BoutonMenuBooksetbackground:hover{cursor:pointer;background-color:#1cda22}.load-more{position:absolute;top:0;width:50vw;z-index:9000}#backdrop-root{background-color:rgba(0,0,0,.753);width:100%;height:100%}.card{z-index:2;position:fixed;top:15rem;flex-direction:column;border:2px solid #f7b231;height:30rem;width:100vw;z-index:100;background:linear-gradient(#997648,#e68609);border-radius:15px;box-shadow:10px 5px 8px 2px #000}.ajuste_image h2,.card{animation:content2 3s;animation-fill-mode:forwards}.ajuste_image h2{background-color:#a5a3a1;padding:1rem;border:2px solid #b3b0ab;color:#fcf4f4;text-shadow:#131212 2px 2px;-webkit-text-stroke:.4px #161515;box-shadow:1px 1px 1px 1px #000;margin:1rem}.backdropt{top:0;left:0;width:100%;height:100vh}section .ajust_image{display:flex;align-items:center;height:20rem}section .ajust_image img{margin-left:1rem;animation:content2 3s;animation-fill-mode:forwards;width:10rem;height:10rem;box-shadow:1px 1px 1px 1px #000;border-radius:10%}.bandeau{padding:2rem;opacity:.4;background:linear-gradient(45deg,#00f 12.5%,#fff 0,#fff 37.5%,#00f 0,#00f 62.5%,#fff 0,#fff 87.5%,#00f 0);background-size:100px 100px;background-position:50px 50px}.alignement2{width:100%;align-items:flex-end}.alignement2,.content2{display:flex;flex-direction:column}.content2{margin-right:2.5rem;margin-top:-2.5rem;width:50%;height:20rem;animation:content2 3s;animation-fill-mode:forwards;border:2px solid #b3b0ab;box-shadow:3px 2px 10px #020202;padding:1rem;border-radius:5%;align-items:center;-webkit-text-stroke:.4px #f80808;text-shadow:#131212 2px 2px}.content2 .content_bouton{display:flex;justify-content:center}.content2 p{background-color:#797674;padding:1rem;border:2px solid #b3b0ab;color:#fcf4f4;text-shadow:#131212 2px 2px;-webkit-text-stroke:.4px #161515;box-shadow:1px 1px 1px 1px #000;margin:1rem}.content2 div,.content2 p{animation:content2 3s;animation-fill-mode:forwards}.content2 div{display:flex;flex-direction:row}.actions{display:flex;justify-content:flex-end;margin-right:2rem;padding:1rem}.conteneur{flex-direction:column;justify-content:top;width:100vw}.conteneur,.lignedeck{display:flex;align-items:center}.lignedeck{color:#fff;text-shadow:1px 1px 2px #000;margin:10px;background:radial-gradient(circle,#79ecf4,rgba(95,219,247,.9),#178acc,rgba(78,141,230,.8),rgba(161,227,235,.5)),url();box-shadow:2px 2px #bcecef,-.2em -.2em 1em #000;border-left:6px solid #cfc7b8;border-top:2px solid #eae6d8}.lignedeck .alignement{animation:content2 3s;animation-fill-mode:forwards;display:flex;flex-direction:row}.lignedeck form{display:flex;flex-direction:column;align-items:center}.lignedeck form p{margin-bottom:.4rem;font-size:1.2rem;color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.3);border:.1px solid rgba(223,249,255,.2);box-shadow:1px 1px 3px rgba(0,0,0,.3);width:100%;text-align:center;background-color:#fff}.lignedeck form .description{color:#333;font-style:italic}.lignedeck form img{border-radius:6px;border-left:3px solid #cfc7b8;padding:.1vw}.lignedeckbackground,.lignedeck form img{box-shadow:2px 4px 8px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.1);border-top:2px solid #eae6d8}.lignedeckbackground{display:flex;color:#fff;text-shadow:1px 1px 2px #000;align-items:center;background-color:#1c24ff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:1000;border-left:6px solid #cfc7b8}.lignedeckbackground .alignement{animation:content2 3s;animation-fill-mode:forwards;display:flex;flex-direction:row}.lignedeckbackground input,.lignedeckbackground textarea{width:100%;min-height:50px;text-align:center}.lignedeckbackground form{display:flex;flex-direction:column;align-items:center}.lignedeckbackground form p{padding:1%;margin-bottom:.4rem;font-size:1.2rem;color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.3);border:.1px solid rgba(223,249,255,.2);box-shadow:1px 1px 3px rgba(0,0,0,.3);width:100%;text-align:center;background-color:#fff}.lignedeckbackground form .description{color:#333;font-style:italic}.lignedeckbackground form img{border-radius:6px;box-shadow:2px 4px 8px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.1);border-left:3px solid #cfc7b8;border-top:2px solid #eae6d8;padding:.1vw;margin:.5vw}.autourdespages{flex-wrap:wrap;justify-content:center;justify-items:center;align-items:center;display:flex;text-align:center;font-size:2rem;text-shadow:1px 1px 1px #fff;-webkit-text-stroke-color:#0ff 1px;box-shadow:.5px .5px #36a0ec,.2em 0 .2em #0719db}.autourdespages form{display:flex;flex-direction:column;align-items:center;margin:1vw}.autourdespages form button{margin:.5vw}.autourdespages span{padding:.5rem;border-radius:5%;background-color:#faebd7;box-shadow:2px 4px 8px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.1)}.imagedeck{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;font-size:1rem;font-weight:700}.imagedeck img{border-radius:20%;margin-top:.5rem;max-height:25vw;max-width:30vw;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}.imagedeck li{list-style-type:decimal}.imagedeckhorizontale{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;font-size:1rem;font-weight:700}.imagedeckhorizontale #image{display:flex;width:100%;height:100%;padding:2rem}.imagedeckhorizontale img{border-radius:20%;margin-top:.5rem;height:24vw;width:34vw;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}.imagedeckhorizontale li{list-style-type:decimal}.imagedeckfond{flex-wrap:wrap;justify-content:center;font-size:1rem;font-weight:700}.imagedeckfond img{border-radius:20%;height:10rem;width:14rem;box-shadow:2px 2px #fff,-.2em -.2em .9em #000}.imagedeckfond input{width:10rem;margin:.4rem}.scroll-to-top{position:fixed;top:80px;right:0;background-color:#0d11e9;color:#fff;padding:1rem 1.2rem;border-radius:0 10% 0 10%;font-size:1.2rem;box-shadow:0 0 10px hsla(0,0%,100%,.6);cursor:pointer;z-index:1000;transition:opacity .3s ease;border:1px solid gold;border-right:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:55px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:1.5rem;-webkit-text-stroke:1px silver;color:silver;border-radius:20% 0 0 20%;background:transparent}.scroll-to-top:hover{background-color:#1c24ff;-webkit-backdrop-filter:blur(100px)}.fromdicalques{z-index:2;max-width:100vw}.FormandPage{display:flex;justify-content:center}.FormandPage .deck-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));width:100vw;margin:0}.navbarre,.picture{cursor:pointer}.navbarre{z-index:10;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1002;background-color:#1c24ff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1vw;border-radius:10px;display:flex}#creation{position:absolute;top:70px;left:0}.audio{width:90%;min-width:90%;max-width:90%;height:40px;margin-top:22px;border-radius:8px;background-color:initial}.audio,.audio-Wrapper .audiobook{display:flex;align-items:center;align-content:center;justify-content:center;justify-items:center}.audio-Wrapper .audiobook{width:100%;margin-top:20px}.page-vide-fin{background:#f8f1e9;background-image:radial-gradient(circle at 2px 2px,#e0d0c0 1px,transparent 0),radial-gradient(circle at 12px 12px,#e0d0c0 1px,transparent 0);background-size:24px 24px}.shadow{position:relative;box-shadow:12px 0 20px -8px rgba(0,0,0,.45),-12px 0 20px -8px rgba(0,0,0,.35),0 15px 35px rgba(0,0,0,.25)}.shadow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent);pointer-events:none}.covshadow-premium{box-shadow:12px 0 25px -5px rgba(0,0,0,.35),-5px 0 15px -3px rgba(0,0,0,.25),0 8px 15px rgba(0,0,0,.2),inset 0 0 0 1px rgba(218,165,32,.3)}.shadow .audio-container{border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 -2px 8px rgba(0,0,0,.3)}.pagecontaineraccueil{min-height:100vh;height:100vh;display:flex;justify-content:center;align-items:center;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.flipbook-container-book{z-index:999;display:flex;align-items:center;background-color:initial;min-height:50vw;min-width:60vw;padding-right:5vw;padding-left:5vw}.flipbook-container-book img{width:100%!important;height:100%!important;border-radius:2px}.containerhorizontale{display:flex;align-items:center;width:88vw!important;max-width:88vw;height:82vh!important;max-height:82vh;margin:0 auto;padding-right:5vw;padding-left:5vw}.containerhorizontale img{width:100%!important;height:100%!important;border-radius:2px}.blackbackground{position:fixed;inset:0;z-index:499;background:rgba(0,0,0,.95)}.firstpage{width:10vw;height:100%;display:flex;justify-content:center;align-items:center;display:none}.deploy-button-fixed{position:fixed;top:0;right:0;background-color:initial;border:none;border-bottom-left-radius:15px;color:#fff;font-size:20px;padding:12px 9px 5px 10px;cursor:pointer;z-index:1001;transition:all .4s ease;line-height:1;-webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%)}.deploy-button-fixed.hidden{opacity:0;pointer-events:none;transform:translateX(20px)}.deploy-button-fixed.initial-pulse,.deploy-button-fixed.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.deploy-button-fixed.initial-pulse{background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,20,20,.9) 50%,rgba(0,0,0,.95));animation:pulseGlow 1.2s ease-in-out infinite,borderRotate 2s linear infinite,scaleAttention 3s ease-in-out infinite,fadeOut 5s ease-out forwards;border-style:solid}.deploy-button-fixed.initial-pulse:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,rgba(13,152,233,.8),rgba(255,215,0,.8),rgba(13,152,233,.8),rgba(255,215,0,.8));background-size:400% 400%;animation:gradientShift 2s ease infinite;border-radius:inherit;z-index:-1;filter:blur(8px);opacity:.7;-webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%)}.deploy-button-fixed:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 35px 35px;background-color:rgba(190,180,180,.2);box-shadow:-1px 1px 3px #000;transition:all .3s ease}.deploy-button-fixed:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.deploy-button-fixed:active{transform:scale(.95)}.deploy-button-fixed-left{position:fixed;top:10px;left:10px;width:50px;height:50px;background-color:rgba(0,0,0,.7);color:#fff;font-size:20px;border:none;border-radius:8px;z-index:3000;cursor:pointer;transition:all .3s ease}.deploy-button-fixed-left.hidden{opacity:0;pointer-events:none;transform:translateX(-20px)}.deploy-button-fixed-left.visible{opacity:1;pointer-events:auto;transform:translateX(0)}.deploy-button-fixed-left.initial-pulse{background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,20,20,.9) 50%,rgba(0,0,0,.95));animation:pulseGlowLeft 1.2s ease-in-out infinite,scaleAttention 3s ease-in-out infinite,fadeOut 5s ease-out forwards;border:2px solid transparent}.deploy-button-fixed-left.initial-pulse:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,rgba(13,152,233,.8),rgba(255,215,0,.8),rgba(13,152,233,.8),rgba(255,215,0,.8));background-size:400% 400%;animation:gradientShift 2s ease infinite;border-radius:inherit;z-index:-1;filter:blur(8px);opacity:.7}.navbar-container-left{top:0;z-index:2500;transition:all .3s ease}.corner-backdrop{background:radial-gradient(circle at top right,rgba(0,0,0,.95) 0,rgba(0,0,0,.85) 40%,rgba(0,0,0,.5) 70%,transparent 100%);animation:fadeOut 5s ease-out forwards}.corner-backdrop,.corner-backdrop-deployed{position:fixed;top:0;right:0;width:40px;height:40px;z-index:1000;pointer-events:none;-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%)}.corner-backdrop-deployed{background:radial-gradient(circle at top right,rgba(0,0,0,.9) 0,rgba(0,0,0,.8) 50%,rgba(0,0,0,.4) 80%,transparent 100%);transition:opacity .4s ease}.corner-backdrop-left{width:40px;height:40px;background:radial-gradient(circle at top left,rgba(0,0,0,.95) 0,rgba(0,0,0,.85) 40%,rgba(0,0,0,.5) 70%,transparent 100%);animation:fadeOut 5s ease-out forwards}.corner-backdrop-deployed-left,.corner-backdrop-left{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.corner-backdrop-deployed-left{width:100px;height:100px;background:radial-gradient(circle at top left,rgba(0,0,0,.9) 0,rgba(0,0,0,.8) 50%,rgba(0,0,0,.4) 80%,transparent 100%);transition:opacity .4s ease}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #0d98e9,0 0 30px rgba(13,152,233,.8),0 0 45px rgba(13,152,233,.6),inset 0 0 20px rgba(13,152,233,.4);background:radial-gradient(circle at top right,rgba(13,152,233,.4),rgba(13,152,233,.2),transparent)}50%{box-shadow:0 0 30px gold,0 0 60px rgba(255,215,0,.8),0 0 90px rgba(255,215,0,.6),inset 0 0 35px rgba(255,215,0,.5);background:radial-gradient(circle at top right,rgba(255,215,0,.5),rgba(255,215,0,.3),transparent)}}@keyframes pulseGlowLeft{0%,to{box-shadow:0 0 15px rgba(13,152,233,.8),inset 0 0 20px rgba(13,152,233,.4)}50%{box-shadow:0 0 30px rgba(255,215,0,.9),inset 0 0 30px rgba(255,215,0,.5)}}@keyframes borderRotate{0%{border-color:rgba(13,152,233,0);border-width:0}10%{border-color:#0d98e9 rgba(13,152,233,0) rgba(13,152,233,0);border-width:3px}25%{border-color:gold gold rgba(13,152,233,0) rgba(13,152,233,0);border-width:4px}40%{border-color:rgba(13,152,233,0) gold gold rgba(13,152,233,0);border-width:4px}55%{border-color:rgba(13,152,233,0) rgba(13,152,233,0) gold gold;border-width:4px}70%{border-color:gold rgba(13,152,233,0) rgba(13,152,233,0) gold;border-width:3px}85%{border-color:gold;border-width:5px}to{border-color:#0d98e9 rgba(13,152,233,0) rgba(13,152,233,0);border-width:3px}}@keyframes scaleAttention{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.corner-indicator{right:20px}.corner-indicator,.corner-indicator-left{position:fixed;top:40px;display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;z-index:1002;animation:fadeOut 5s ease-out forwards;pointer-events:none}.corner-indicator-left{left:20px}.arrow-pointer{animation:arrowBounce 1s ease-in-out infinite,arrowRotate 2s linear infinite}.arrow-pointer,.arrow-pointer-left{font-size:40px;color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(13,152,233,.6));transform-origin:center}.arrow-pointer-left{animation:arrowBounceLeft 1s ease-in-out infinite,arrowRotate 2s linear infinite}@keyframes arrowBounce{0%,to{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-10px) rotate(-45deg)}}@keyframes arrowBounceLeft{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-10px) rotate(45deg)}}@keyframes arrowRotate{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(13,152,233,.6))}50%{filter:drop-shadow(0 0 20px rgb(13,152,233)) drop-shadow(0 0 30px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 10px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(13,152,233,.6))}}.hint-text{font-size:14px;font-weight:700;color:#fff;background:rgba(0,0,0,.8);padding:8px 16px;border-radius:20px;border:2px solid rgba(255,215,0,.8);box-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(13,152,233,.3);animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{transform:scale(1);box-shadow:0 0 10px rgba(255,215,0,.5),0 0 20px rgba(13,152,233,.3)}50%{transform:scale(1.1);box-shadow:0 0 20px rgba(255,215,0,.8),0 0 30px rgba(13,152,233,.6)}}.navbar-container-right{position:fixed;top:2px;right:70px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar-container-right.hidden .navbar-content{opacity:0;pointer-events:none;transform:translateX(100%)}.navbar-container-right.deployed .navbar-content{margin:0;transform:translateX(0);display:flex;opacity:1;pointer-events:auto}.navbar-container-left{position:fixed;top:2px;left:70px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar-container-left.hidden .navbar-content{opacity:0;pointer-events:none;transform:translateX(-100%)}.navbar-container-left.deployed .navbar-content{margin:0;transform:translateX(0);display:flex;opacity:1;pointer-events:auto}.navbar-container-center{position:fixed;top:2px;left:50%;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar-container-center .navbar-content{margin:0;display:flex;opacity:1;pointer-events:auto}.navbar-content{grid-gap:12px;gap:12px;margin:0;background:rgba(0,0,0,.7);padding:15px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);min-width:120px;transition:all .4s cubic-bezier(.4,0,.2,1)}#create,.navbar-content{display:flex;align-items:center}#create{justify-content:center;text-align:center;width:50px;height:50px;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7));font-size:.8rem;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;border:1px solid #0d98e9;color:#000;border-radius:50%;cursor:pointer;transition:all .3s ease}#create:hover{background-color:rgba(44,164,234,.2);transform:scale(1.05)}#create span{font-size:1.3rem}#identi{text-align:center;padding:5px;height:40px;font-size:.7rem;display:flex;align-items:center;justify-content:center;border:1px solid #af3f0a;box-shadow:1px 1px gold,-.5em 0 .4em #000;border-radius:20%;cursor:pointer;background:transparent}#identi:before{content:"🪶";font-size:24px;color:#ff0;margin-right:5px}#identi:hover{background-color:rgba(43,168,240,.2)}.bouton-animation_spectrale{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;text-shadow:.2px .2px .5px #000,1px 1px 2.5px #7777eb;font-size:1.5rem;margin:0;cursor:pointer;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;border:1px solid #0d98e9;border-radius:50%;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7));transition:all .3s ease}.bouton-animation_spectrale:hover{background-color:#4ff02b;transition:1s ease-in-out;box-shadow:0 0 5px rgba(13,152,233,.5),0 0 10px rgba(225,231,234,.2),0 0 20px rgba(212,232,243,.1),0 0 30px rgba(159,213,240,.945)}.bouton-animation_spectrale:active{box-shadow:1px 1px 1px gold}.tooltipaccount{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1002}.background-selector-container{background:rgba(0,0,0,.85);border-radius:16px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px}.background-title{color:#fff;font-size:20px;margin:0 0 20px;text-align:center;font-weight:600}.background-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.background-btn{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:12px;color:#fff;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;font-size:14px;font-weight:500}.background-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.background-btn.active{background:rgba(100,200,255,.3);border-color:rgba(100,200,255,.8);box-shadow:0 0 20px rgba(100,200,255,.4)}.background-emoji{font-size:32px}.background-label{font-size:13px;text-align:center}.custom-background-wrapper{position:relative;display:flex;flex-direction:column}.delete-btn{position:absolute;top:-6px;right:-6px;background:rgba(255,0,0,.8);border:2px solid hsla(0,0%,100%,.5);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;z-index:10}.delete-btn:hover{background:red;transform:scale(1.1)}.add-btn{background:rgba(0,255,100,.1);border-color:rgba(0,255,100,.4)}.add-btn:hover{background:rgba(0,255,100,.2)}.custom-form-container{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.2)}.custom-form{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.custom-input{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;padding:12px;font-size:14px;outline:none;transition:all .3s ease}.custom-input:focus{background:hsla(0,0%,100%,.15);border-color:rgba(100,200,255,.6)}.custom-input::placeholder{color:hsla(0,0%,100%,.5)}.form-buttons{display:flex;grid-gap:8px;gap:8px}.cancel-btn,.submit-btn{flex:1 1;padding:10px;border-radius:8px;border:2px solid hsla(0,0%,100%,.3);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.submit-btn{background:rgba(0,255,100,.3);color:#fff}.submit-btn:hover{background:rgba(0,255,100,.5)}.cancel-btn{background:rgba(255,50,50,.3);color:#fff}.cancel-btn:hover{background:rgba(255,50,50,.5)}.book-scene{z-index:9999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);perspective:2400px}.book{position:relative;width:min(90vw,460px);min-height:480px;transform-style:preserve-3d}.book-spine{position:absolute;top:0;left:0;width:14px;height:100%;background:linear-gradient(180deg,#0d98e9,#021d68);border-radius:4px 0 0 4px;box-shadow:inset -3px 0 6px rgba(0,0,0,.5);z-index:2}.book-cover{position:absolute;inset:0;border-radius:4px 20px 20px 4px;background:radial-gradient(circle at 30% 20%,rgba(22,22,22,.97),rgba(7,43,161,.9) 60%,rgba(2,2,53,.97));border:1px solid rgba(112,220,224,.6);box-shadow:4px 4px 24px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:12px;gap:12px;color:gold;transform-origin:left center;transition:transform 1s cubic-bezier(.65,0,.35,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:3;cursor:pointer}.book-cover:hover{filter:brightness(1.15)}.book-cover-title{font-family:fantasy;font-size:2.4rem;text-shadow:2px 2px 5px #120367;letter-spacing:2px}.book-cover-sub{opacity:.75;text-transform:uppercase}.book-cover-hint{margin-top:20px;font-size:.7rem;opacity:.5;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.8}}.book-open .book-cover{transform:rotateY(-160deg)}.book-pages{inset:8px 8px 8px 16px;border-radius:2px 16px 16px 2px;background:radial-gradient(circle,rgba(22,22,22,.92),rgba(4,44,100,.6),rgba(2,2,53,.75));opacity:0;transition:opacity .4s ease .5s}.book-open .book-pages{opacity:1}.page{padding:2rem 1.75rem;grid-gap:1rem;gap:1rem;animation:pageTurnIn .55s cubic-bezier(.65,0,.35,1)}.page:after{content:"";position:absolute;bottom:0;right:0;width:28px;height:28px;background:linear-gradient(135deg,transparent 50%,hsla(0,0%,100%,.08) 0);border-radius:0 0 16px 0;pointer-events:none}.book-cover-sub{font-size:.8rem;opacity:.7;letter-spacing:1px}.book-open .book-cover{transform:rotateY(-150deg);pointer-events:none}.book-pages{position:absolute;inset:6px 6px 6px 14px;border-radius:2px 10px 10px 2px;background:radial-gradient(circle,rgba(22,22,22,.92),rgba(4,44,100,.6),rgba(2,2,53,.7));box-shadow:inset 0 0 30px rgba(0,0,0,.6);overflow:hidden;z-index:1}.page{position:absolute;inset:0;padding:2vw 2.5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1vw;gap:1vw;transform-origin:left center;animation:pageTurnIn .6s cubic-bezier(.65,0,.35,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pageTurnIn{0%{transform:rotateY(90deg);opacity:.2}60%{transform:rotateY(-8deg);opacity:1}to{transform:rotateY(0deg);opacity:1}}.login-mode-switch{margin-bottom:8px}.login-message{font-size:.75rem;padding:4px 10px;margin-bottom:6px}.login-fields,.recovery-fields,.register-fields{max-width:320px}.login-fields input,.recovery-fields input,.register-fields input{background:hsla(0,0%,100%,.05)}.containerlogin{z-index:9999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,420px);max-height:90vh;overflow-y:auto;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;border-radius:20px;border:.3px solid #70dce0;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;color:#fff;text-align:center;background:radial-gradient(circle,rgba(22,22,22,.9),rgba(7,43,161,.5),rgba(4,44,100,.5),rgba(2,2,53,.6))}.containerlogin:hover{background:radial-gradient(circle,rgba(108,131,233,.9),rgba(95,219,247,.5),#4e8de6,#030356)}.login-orbit-title{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.login-orbit-title span{font-family:fantasy;font-size:2rem;text-shadow:2px 2px 5px #120367}.login-orbit-title small{font-size:.75rem;opacity:.8}.login-mode-switch{display:flex;grid-gap:8px;gap:8px}.login-mode-switch button{background:transparent;border:1px solid rgba(255,215,0,.5);color:#eee;padding:6px 14px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .25s ease}.login-mode-switch button.active{background:rgba(255,215,0,.85);color:#021d68;font-weight:700}.login-mode-switch button:hover{border-color:gold}.login-message{color:#ffdca0;font-size:.8rem;background:rgba(0,0,0,.4);padding:6px 12px;border-radius:8px}.login-fields,.recovery-fields,.register-fields{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%}.login-fields input,.recovery-fields input,.register-fields input{padding:10px 14px;border-radius:20px 0 20px 0;border:1px solid #0d98e9;background:hsla(0,0%,100%,.08);color:#fff;text-align:center;font-size:1rem}.login-fields input::placeholder,.recovery-fields input::placeholder,.register-fields input::placeholder{color:#cfd8ff}.login-fields button,.recovery-fields button,.register-fields button{padding:10px;border-radius:20px;border:none;background:linear-gradient(90deg,#0d98e9,#021d68);color:#fff;cursor:pointer;font-size:1rem;transition:transform .2s ease}.login-fields button:hover,.recovery-fields button:hover,.register-fields button:hover{transform:scale(1.03)}.login-fields #forgetid,.recovery-fields #forgetid,.register-fields #forgetid{background:transparent;border:1px solid rgba(109,207,24,.6);font-size:.75rem;color:#ccc}.login-fields #forgetid:hover,.recovery-fields #forgetid:hover,.register-fields #forgetid:hover{background:#03507d;color:#fff}body,html{margin:0;padding:0;overflow-x:none;border:none;overflow-x:hidden}a,a:link,a:visited{text-decoration:none}a:link,a:visited{color:beige;text-shadow:#000 3px 3px 3px}li,ul{list-style:none}.accueil{border:2px solid red;display:flex;flex-direction:column}.noinformation{z-index:101;display:inline-block;white-space:nowrap;padding:10px 20px;font-size:1.5rem;font-weight:700;letter-spacing:2px;border-radius:10px 0 10px 0;background-color:#000;color:#fff;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:.1px solid red;box-shadow:1px 1px #09c43a,-.5em 0 .4em #0d0d0d;animation:shadowScan 10s ease-in-out infinite alternate,scrollText 10s linear infinite alternate}.noinformation span{display:inline-block;animation:waveText 1s ease-in-out infinite alternate,shakeText 5s ease-in-out infinite alternate}.noinformation:before{content:"";position:absolute;top:50%;left:-100%;width:120%;height:5px;background:linear-gradient(90deg,rgba(255,0,0,.1),rgba(255,0,0,.8),rgba(255,0,0,.1));box-shadow:0 0 10px 5px rgba(255,0,0,.5);transform:translateY(-50%);animation:scanEffect 4s linear infinite}#blackground{background:url(/static/media/world.12e67072.svg) no-repeat 50%;background-size:110vw;animation:pulseplanelogin 5s ease-in forwards}#blackground,#blackgroundload{position:absolute;z-index:1;top:0;left:0;width:100vw;height:100vh}#blackgroundload{background-color:#000;background-size:110vw;animation:pulseplanelogin 20s ease-in backwards}#blackbackground{position:absolute;z-index:1;top:0;left:0;background:radial-gradient(circle,rgba(108,131,233,.2),rgba(95,219,247,.5),rgba(24,107,184,.4),rgba(78,141,230,.7),rgba(3,3,86,.7));width:100vw;height:100vh}.deck{font-size:2rem}.deck img{border-radius:20%;height:16rem;width:12rem;border-left:.02px solid #b2afaf}.deck input{width:10rem;margin:.4rem}.title_book{z-index:9999;font-size:2rem;color:#fff;text-shadow:.5px .5px .5px #000,3px 3px 5px #00f;-webkit-text-stroke:#0e72d5 .5px 1px;background-color:#0e72d5;padding:5px;border-radius:5%;border:.5px solid #000}.container{display:flex;justify-content:center;margin:0;padding:0;opacity:1;min-width:100vw;min-height:100vh;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:50%;overflow:hidden}.backgroundblack{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.8}.label_creation_book{font-size:1rem}.imageaccueil{z-index:5;animation:scaleBook;animation-duration:10s;display:flex;flex-direction:column;align-items:center}.cachermenu{position:absolute;top:1vw;left:30vw}.thetitles button:nth-child(n+8):nth-child(-n+14){break-after:column}.player{z-index:999}@media only screen and (orientation:portrait) and (max-width:1200px){.thetitles{margin-top:80vw;column-count:2;bottom:10px;width:80%;left:50%;transform:translateX(-50%)}}@media only screen and (orientation:portrait) and (min-width:1201px){.thetitles{position:fixed;column-count:4;left:50%;bottom:57.5%;transform:translateX(-50%,-50%);column-rule:2px solid #ccc;width:80vw}}.thetitles{overflow-y:auto;overflow-x:hidden;z-index:498;flex-direction:column;padding:1%;grid-column-gap:10px;column-gap:10px;max-height:80vw}@media only screen and (max-width:1000px) and (orientation:landscape){.thetitles button{font-size:.5rem}}.thetitles button{width:100%;background:linear-gradient(110deg,rgba(98,170,237,.6),rgba(4,86,168,.4),rgba(4,33,196,.4),rgba(13,40,196,.4),rgba(4,86,168,.4),rgba(98,170,237,.6));background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:50%;color:#fff;font-size:1.5rem;font-weight:700;text-transform:uppercase;border-radius:20%;margin:2.5px;text-shadow:0 4px 8px hsla(0,0%,100%,.3),0 -2px 4px hsla(0,0%,100%,.2),2px 2px 6px rgba(0,0,0,.5);-webkit-text-stroke:1px hsla(0,0%,100%,.6);text-shadow:#121314 4px 4px 4px;position:relative;font-size:.8rem}.thetitles button:before{content:"";position:absolute;top:-50%;left:-50%;width:120%;height:100%;background:radial-gradient(circle,rgba(243,245,250,.3),hsla(0,0%,100%,0) 50%);transform:rotate(25deg);opacity:.5}.thetitles button:hover{background:linear-gradient(110deg,rgba(108,131,233,.4),rgba(95,219,247,.7),rgba(24,107,184,.6),rgba(78,141,230,.9),rgba(3,3,86,.8))}.TitleText{display:flex;justify-content:center;align-items:center}.TitleText button{width:100%;padding:5px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:center}.TitleText button:hover{cursor:pointer;box-shadow:3px 3px 5px #021d68}.invisible{display:none}.arriere{margin:0;width:880px;height:100%;background-color:#fff}.arriere img{margin:0;width:100%;height:800px}.fondbackgroundpage{background-repeat:no-repeat;background-size:"100%";background-color:#0d11e9}.emoji{font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .6s ease-in-out}.emoji:hover{transform:scale(2.1);margin-top:-22px;margin-left:-18px}.calquesdeschoix{z-index:1;top:100px;width:100%;margin-left:10px;margin-right:10px;display:flex;flex:1 1 46%;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;background:transparent}.calquesdeschoixsvg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}@media only screen and (max-width:1000px) and (orientation:portrait){.calquesdeschoix .carte{max-width:45vw;height:60vw}}.calquesdeschoix .carte{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2%;font-family:"Times New Roman",Times,serif;border-radius:5%;font-size:25px}.calquesdeschoix .carte p{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1rem,1vw,1.2rem);background-color:#fff;padding:2%;border-radius:10%;box-shadow:1px 1px 1px #000;width:100%}@media only screen and (max-width:1000px) and (orientation:portrait){.calquesdeschoix .carte img{width:8.5rem;height:10rem}}.calquesdeschoix .carte img{width:13rem;height:16rem;border-bottom:5px solid #c9b6b6;border-right:5px solid #c9b6b6;border-radius:2%;box-shadow:0 3px 1px 1px #807878}.calquesdeschoix .carte img:hover{transform:scale(1.02);cursor:pointer;box-shadow:12px 9px 3px 2px #000}.calquesdeschoix .cartehorizontale{display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px #bcecef,-.2em -.2em .9em #000;padding:2%;font-family:"Times New Roman",Times,serif;border-radius:20% 0 20% 20%;background-color:#fff;font-size:25px;background:radial-gradient(circle,rgba(121,236,244,.2),rgba(95,219,247,.5),rgba(23,138,204,.4),rgba(78,141,230,.7),rgba(161,227,235,.7)),url();background-size:contain;background-repeat:no-repeat;background-position:50%}.calquesdeschoix .cartehorizontale:hover{transform:scale(1.02);cursor:pointer;box-shadow:15px 12px 5px 2px #000}.calquesdeschoix .cartehorizontale img{width:19rem;height:13rem;background-color:#121314;border-bottom:5px solid #c9b6b6;border-right:5px solid #c9b6b6;border-radius:2%;box-shadow:0 3px 1px 1px #807878}#imagesurvole{position:absolute;top:0;left:0;width:80vw;height:80vw;z-index:9999}.formContainer{justify-content:center;border:2px solid #20bcd8;max-width:20vw;box-shadow:2px 2px #bcecef,-.2em -.2em .9em #000;font-family:"Times New Roman",Times,serif;padding:20px;border-radius:20% 0 20% 20%;background-color:#fff;font-size:25px;background:radial-gradient(circle,rgba(121,236,244,.2),rgba(95,219,247,.5),rgba(23,138,204,.4),rgba(78,141,230,.7),rgba(161,227,235,.7)),url();background-size:contain;background-repeat:no-repeat;background-position:50%}.formContainer .titre{font-size:1rem;background-color:#f8f6f2;box-shadow:2px 2px #000,-.2em -.2em .9em #fff;border-radius:20%;margin-bottom:1rem}.formContainer form{display:flex;flex-direction:column;align-items:center}.formContainer form input,.formContainer form textarea{box-shadow:2px 2px #000,-.2em -.2em .9em #fff;border:.1px solid #2069dd}.formContainer form textarea{width:100%;height:2rem}.formContainer form .alignement{display:flex;flex-direction:column}.formContainer form .alignement .titre_checkbox{font-size:1rem}.formContainer form .alignement .titre_checkbox input{display:list-item;height:3vw;width:10vw}.formContainer .marge{font-size:1rem}.formContainer button{height:15%;width:100%;border-color:#d1515a solid 2px;background-color:#2069dd;border-radius:5px;color:#fff;font-size:17px;justify-content:center;margin-top:5%}.formContainer button :hover{background-color:#153e80}.setbackground{z-index:1000}
/*# sourceMappingURL=main.34fbb78e.chunk.css.map */