:root{--FONDPRINCIPAL:#171717;--FONDSECONDAIRE: black;--BLEUCLAIR:#22CBEE;--BLEUFONCE: #2566EB;--GRADIENT: linear-gradient(to right, var(--BLEUFONCE) 0%, var(--BLEUCLAIR) 100%);--COLORBDE: navy;--COLORASINT: rgb(255, 14, 115);--COLORBDA: #ff0000;--COLORMINET: #22CBEE;--COLORAUTRE: rgb(49, 49, 49);--COLORINTV: #e70101;--COLORBPM: black;--COLORABSINTHE: green;--COLORSECRET: rgb(217, 189, 28)}#intv{background-color:var(--COLORINTV)}#bde{background-color:var(--COLORBDE)}#bda{background-color:var(--COLORBDA)}#minet{background-color:var(--COLORMINET)}#bpm{background-color:var(--COLORBPM)}#asint{background-color:var(--COLORASINT)}#autre{background-color:var(--COLORAUTRE)}#secret{background-color:var(--COLORSECRET)}*{box-sizing:border-box}@font-face{font-family:Nico Moji;src:url(/fonts/NicoMoji-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{display:flex;flex-direction:column;align-items:center;background-color:var(--FONDPRINCIPAL);color:#fff;font-family:Inter,sans-serif;margin:0;padding:0}header{width:100%;padding:20px;background-color:#111;position:fixed;top:0;display:flex;justify-content:center;align-items:center;gap:10%}.header{width:90%;display:flex;justify-content:space-evenly;align-items:center}@media (min-width: 1873px){.header{width:70%}}.logo{width:50%;display:flex;align-items:center;font-size:.5em;font-weight:700;text-decoration:none;color:#fff}@media (min-width : 350px){.logo{font-size:.8em}}@media (min-width : 500px){.logo{font-size:1.2em}}@media (min-width : 1873px){.logo{font-size:1.5em}}.logo span{font-family:Nico Moji;font-weight:lighter}.blue{color:var(--BLEUCLAIR);font-family:"Inter" sans-serif}.logo img{width:25px;height:25px;margin-right:5px}@media (min-width : 500px){.logo img{width:35px;height:35px;margin-right:5px}}nav{width:50%;display:flex;flex-direction:row;align-items:center;justify-content:right;justify-content:flex-end;font-size:.2em;gap:1%}@media (max-width: 480px){nav{font-size:.5em;gap:2px;width:50%}nav a{margin:1px;padding:2px}nav p{margin:1px}}@media (min-width: 520px){nav{width:50%;display:flex;flex-direction:row;align-items:center;justify-content:right;font-size:.8em}}nav a{color:#fff;text-decoration:none;margin:3px;font-weight:lighter;text-align:center}nav p{color:#fff;margin:3px;font-weight:lighter;text-align:center}nav a:hover{text-decoration:underline}.bandeau-defilant{position:absolute;margin-top:75px;width:100%;overflow:hidden;background-color:var(--BLEUFONCE);color:#fff;padding:5px 0;white-space:nowrap}.bandeau-defilant span{display:inline-block;padding-left:100%;align-items:center;animation:defilement 30s linear infinite}@keyframes defilement{0%{transform:translate(0)}to{transform:translate(-100%)}}main{margin-top:110px;width:70%;display:flex;flex-direction:column;align-items:center}@media (max-width: 650px){main{width:90%}}.main-container{width:95%;display:flex;flex-direction:column-reverse;flex-wrap:wrap;justify-content:space-around;align-items:stretch;align-items:center;padding:10px 20px;margin-bottom:10px}@media (min-width: 400px){.main-container{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;justify-content:space-between;align-items:center}}@media (min-width: 400px){.main-container{margin-bottom:40px}}.text-content{width:48%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-between;margin:2px}@media (min-width : 400px){.text-content{align-items:flex-start}}.sub-title{font-size:3em;margin:15px 0;text-align:center}@media (min-width: 400px){.sub-title{font-size:3em;text-align:left}}@media (min-width: 504px){.sub-title{font-size:3em;text-align:left}}@media (min-width: 1000px){.sub-title{font-size:4em;text-align:left}}.sub-title .blue{color:var(--BLEUCLAIR)}.add-btn{background-color:#fff;color:var(--FONDPRINCIPAL);font-size:.8em;padding:8px 10px;width:90%;max-width:410px;height:50px;border:none;border-radius:15px;cursor:pointer;transition:transform .5s ease-in;transform-origin:center;display:flex;justify-content:center;align-items:center;text-decoration:none}@media (min-width: 400px){.add-btn{font-size:1.1em;height:60px}}.add-btn:hover{background:var(--GRADIENT);color:#fff;transition:.1s}.formulaire{padding-top:15px;background-color:#fff;border-radius:20px;max-width:640px;width:100%;min-height:700px}@media (min-width: 1773px){.formulaire{width:940px;height:750px}}.logo-image{width:48%;height:auto;display:flex;align-items:center;justify-content:center;margin:2px}.logo-image img{width:95%;max-width:200px;height:auto}.category-container{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:40px;margin-bottom:10px;align-items:center}@media (max-width: 480px){.category-container{flex-direction:column;gap:10px}}#categoryBDE{scroll-margin-top:250px}@media (max-width: 600px){#categoryBDE{scroll-margin-top:200px}}.secret{position:absolute;left:5px;bottom:10px;font-size:.5em;color:var(--FONDPRINCIPAL)}.main-btn{width:100px;text-align:center;text-decoration:none;border:none;background:transparent;color:#fff;transition:transform .3s ease;transform-origin:center center;margin:3px 6px;display:flex;align-items:center;flex-direction:column;font-size:1em}@media (max-width: 480px){.main-btn{width:90%;max-width:300px;margin:5px 0;padding:10px;flex-direction:row;justify-content:flex-start;text-align:left}.main-btn img{width:60px!important;height:60px;margin-right:15px}.main-btn p{margin:0;font-size:1.1em}}@media (min-width: 650px){.main-btn{width:170px;font-size:.8em}}@media (min-width: 1873px){.main-btn{width:250px;font-size:.8em}}.main-btn:hover{transform:scale(1.1)}.main-btn:hover img{background-color:#e6e6e6}.main-btn img{width:90%;background-color:#fff;border:var(--FONDPRINCIPAL) solid 3px;border-radius:15px}.main-btn p{margin-top:10px}.sub-container{width:95%;display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:20px;margin-bottom:10px;align-items:center;background-color:var(--FONDSECONDAIRE);padding:20px 10px 10px;border-radius:15px;gap:5%}.hidden{display:none!important}.sub-btn{text-align:center;text-decoration:none;background:transparent;border:none;color:#fff;margin:5px;transition:transform .3s ease;transform-origin:center center;display:flex;align-items:center;flex-direction:column}@media (max-width: 480px){.sub-container{flex-direction:column;gap:10px;padding:15px}.sub-btn{width:90%;max-width:280px;flex-direction:row;justify-content:flex-start;text-align:left;margin:5px 0;padding:8px}.sub-btn img{width:50px!important;height:50px!important;margin-right:15px}.sub-btn p{margin:0!important;font-size:.9em!important}}.sub-btn:hover{transform:scale(1.1)}.sub-btn:hover img{background-color:#e6e6e6}.sub-btn img{width:80px;height:70px;object-fit:cover;background-color:#fff;border-radius:15px}.sub-btn p{font-size:.5em;margin-top:16px}@media (min-width:650px){.sub-btn img{width:110px;height:100px}.sub-btn p{font-size:.8em;margin-top:20px}}@media (min-width: 1873px){.sub-btn img{width:160px;height:150px}}footer{font-size:12px;margin:10px;text-align:center;color:#fff;text-decoration:none}footer p a{color:var(--BLEUCLAIR);text-decoration:none}a.backbutton{color:#fff;text-decoration:none;margin:5px;width:auto;height:auto;transition:transform .3s ease;transform-origin:center center}div.backbutton{margin:5px;width:auto;height:auto}.backbutton:hover{color:var(--BLEUFONCE);transform:scale(1.3)}.type-musique{width:100%;box-sizing:border-box;size:.5em;align-content:center;text-align:center;color:#fff;text-decoration:none;border-radius:5px;padding:15px;margin:10px 0}#categorie{font-size:1em;font-weight:700;padding:7px;margin:0;color:#fff;text-decoration:none}@media (min-width : 700px){#categorie{font-size:1.5em}}.musique-item{width:100%;background:var(--FONDSECONDAIRE);padding:15px;border-radius:18px;color:#fff;margin:10px 0}.musique-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:center}.musique-header img{width:20%;width:auto;height:50px;border-radius:6px}.musique-header p{width:40%;font-size:.6em}.toggle-video{width:80%;max-width:200px;font-size:.6em;padding:6px 10px;border:none;background:var(--BLEUFONCE);color:#000;border-radius:4px;text-align:center}@media (min-width: 500px){.musique-header img{height:80px}.musique-header p,.toggle-video{font-size:1em}}@media (min-width: 1873px){.musique-header img{height:100px}.musique-header p,.toggle-video{font-size:1.2em}}.toggle-video:hover{background:var(--GRADIENT)}.video-container{max-height:0;margin-top:15px;overflow:hidden;transition:max-height .4s ease;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.video-container iframe{width:100%;min-height:30px;border-radius:8px;border:0;display:block}@media (min-width : 600px){.video-container iframe{min-height:350px}}@media (min-width : 1200px){.video-container iframe{min-height:350px}}@media (min-width : 1650px){.video-container iframe{min-height:650px}}.video-container a{color:var(--BLEUFONCE);text-decoration:none}.video-container a:hover{text-decoration:underline}