@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);body,html{margin:0;padding:0;font-family:'Inter',sans-serif;font-size:16px;color:#000;background-color:#fff;scroll-behavior:smooth}.container{margin:0 auto;padding:0 10px;max-width:1250px}header{margin:0 auto;display:flex;height:100px;align-items:center;font-family:'Inter',sans-serif;z-index:10;width:100%}#items-header{max-width:1250px;display:flex;justify-content:space-between;width:100%;align-items:center;margin:0 auto;padding:0 10px}header #logo{color:#000;text-decoration:none;font-size:10px}#logo img{width:50px;filter:grayscale(100%);transition:ease-in-out 0.3s}#logo img:hover{filter:none;transition:ease-in-out 0.3s}header nav{left:0;display:flex;width:100%;justify-content:end}header nav ul{display:flex;list-style:none;margin:0;padding:0}header nav ul li{margin:0 10px}header nav ul li a{color:#000;text-decoration:none;font-size:14px;transition:0.3s}header nav ul li a:hover{transition:0.3s}.link-header{display:flex;align-items:center;justify-content:end;padding:10px;width:100%}a{color:inherit;text-decoration:none;transition:0.25s ease}ul{display:flex;flex-wrap:wrap}ul li{margin-left:.75em;margin-right:.75em}ul:hover a{color:#ccc}ul:hover a:hover{color:#000;box-shadow:0 2px 0 0 #f9ad0e}.active{border-bottom:2px solid #f9ad0e}.hero{display:flex;justify-content:center;align-items:center;height:40vh;background:url(../../images/zimmer_orchestre.webp) no-repeat center center/cover;color:#fff;text-align:center;border-radius:20px;filter:grayscale(100%)}.hero h1{font-size:min(max(16px,10vw),6rem);font-weight:700}footer{margin:0 auto;height:50px;text-align:center;padding:20px;font-family:'Inter',sans-serif;display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin-top:auto}footer a{color:#000;font-size:14px;font-family:'Inter',sans-serif}footer:hover a:hover{box-shadow:0 2px 0 0 #f9ad0e}footer p{color:#000;text-decoration:none;font-size:14px;transition:0.3s}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;margin:20px 0;align-items:center;justify-content:center}.item{border-radius:10px;box-shadow:0 0 2px rgba(0,0,0,.4);transition:0.3s;display:flex;flex-direction:row;align-items:center;justify-content:start}.item img{width:100%;max-width:250px;border-bottom-right-radius:0;border-top-right-radius:0;border-top-left-radius:10px;border-bottom-left-radius:10px}.item p{font-size:14px;color:#666}.content-album{padding:0 20px 0 20px;width:100%}.content-album .button{color:#fff;text-decoration:none;transition:0.3s;background-color:#000;padding:10px;border-radius:5px}.flex-badge{display:flex;align-items:center;justify-content:start;margin:10px 0}.flex-badge span{margin-left:auto;margin-right:10px;padding:8px 10px;border-radius:5px;font-weight:400;font-size:12px;color:#000;background-color:#d4d4d4}.flex-badge h2{font-size:20px;color:#000;font-weight:600;margin:0}.list-badge-platform{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;list-style:none;padding:0;width:100%;margin:0}.list-badge-platform li{margin:5px}.link-badge-platform{border:1px solid grey;border-radius:5px;color:#000;font-size:small;font-weight:500;padding:5px 10px;display:flex;align-items:center;justify-content:center}.list-badge-platform:hover .link-badge-platform:hover{box-shadow:none}.link-badge-platform i{font-size:18px;margin-right:5px}.button-music{color:#000;text-decoration:none;transition:0.3s;padding:5px 10px;border-radius:5px;margin:10px 0;text-align:center;border:1px solid #000;font-weight:600;font-size:12px}.button-music:hover{background-color:#000;color:#fff;transition:0.3s}.link-music{width:100%;display:flex;align-items:center;justify-content:center}.box-title{padding:50px 20px 5px 20px;background-color:transparent;border-bottom:1px solid #d4d4d4;display:flex;align-items:center;justify-content:space-between}.box-title h1{color:#000}.box-title p{color:#505050;font-size:14px;margin:10px 0}.grid-musics{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin:20px 0;align-items:center;justify-content:center}.item-music{border-radius:10px;box-shadow:0 0 2px rgba(0,0,0,.2);transition:0.3s;display:flex;flex-direction:row;align-items:center;justify-content:center}.item-music .youtube-audio{position:absolute}.content-music{padding:0 20px 0 20px;width:100%}.flex-badge-music{display:flex;align-items:center;justify-content:start;margin:10px 0}.flex-badge-music span{margin-left:auto;margin-right:10px;padding:8px 10px;border-radius:5px;font-weight:400;font-size:12px;color:#000;background-color:#d4d4d4}.flex-badge-music h2{font-size:20px;color:#000;font-weight:600;margin:0}.flex-badge-music p{font-size:14px;color:#666;font-weight:400}#form-search{margin:20px}#form-search label{margin-bottom:15px;font-size:14px;font-weight:500;color:#505050}#input-form input{width:100%;border-radius:10px;border:1px solid #cbd5e1;box-shadow:0 0 2px rgba(0,0,0,.2);padding:1rem 1rem 1rem 40px;background-color:#f9fafb}#input-form{display:flex}.content-svg{position:absolute;top:50%;display:flex;align-items:center}#form-search svg{position:absolute;right:10px;left:15px;color:gray;width:16px;height:16px}.relative{position:relative}#input-form button{padding:10px 20px;border-radius:10px;background-color:#000;color:#fff;border:none;font-size:14px;transition:0.3s;position:absolute;right:0;margin-right:10px;bottom:7px}#input-form button:hover{cursor:pointer}#links-header-mobile{display:none}.item-music .cover-mediaplayer{border-bottom-right-radius:0;border-top-right-radius:0;border-top-left-radius:10px;border-bottom-left-radius:10px;display:flex;align-items:center;justify-content:center}.img-cover{width:100%;max-width:250px;border-bottom-left-radius:10px;border-top-left-radius:10px;display:flex}.span-search{font-size:16px;color:#666;font-weight:500}.span-search .title-span-search{color:#4b4b4b;font-weight:600}.div-chip{margin-left:auto}#links-header-mobile{display:none}#mobile-menu-btn{display:none;cursor:pointer}#mobile-menu{display:none}.content-link-home{display:flex;align-items:center;justify-content:space-around;margin:20px 0}.items-link-home{border-radius:10px;box-shadow:0 0 2px rgba(0,0,0,.4);padding:10px;width:100%;margin:10px}.items-link-home:hover{cursor:pointer;transition:0.3s;box-shadow:0 0 5px rgba(0,0,0,.7);background-color:#000;color:#fff}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#fff;border-radius:3px}body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:10px}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-250px * 12))}}.slider{margin:50px auto;overflow:hidden;position:relative}.slider::before,.slider::after{background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);content:"";position:absolute;width:200px;z-index:2}.slider::after{right:0;top:0;transform:rotateZ(180deg)}.slider::before{left:0;top:0}.slider .slide-track{animation:scroll 40s linear infinite;display:flex;width:calc(250px * 14)}.slider .slide{height:300px;width:300px;padding:50px}.slide img{border-radius:15px;filter:grayscale(100%);opacity:.7;transition:ease-in-out 0.3s;width:250px;height:250px}.slide img:hover{filter:none;transition:ease-in-out 0.3s}.slide a{background-color:transparent!important}.block-calltoaction{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:110vh}#calltoaction{border-radius:15px;width:100%}#calltoaction h2{font-family:'Inter',sans-serif;font-size:min(max(12px,10vw),40px);color:#000;margin:0;padding:0;text-transform:uppercase;text-align:center}#calltoaction p{font-family:'Inter',sans-serif;color:#000;padding-bottom:20px;font-size:min(max(16px,10vw),18px)}#calltoaction a{background-color:#000;color:#fff;padding:15px;border-radius:5px;font-family:'Inter',sans-serif;font-size:16px;transition:ease-in-out .2s;opacity:1}#calltoaction a:hover{transition:ease-in-out .2s;color:#fff;background-color:#f9ad0e}.block-calltoaction-2{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;background-color:#000}#calltoaction-2{border-radius:15px;max-width:1080px;width:100%;padding:50px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}#calltoaction-2 h2{font-family:'Inter',sans-serif;font-size:min(max(16px,10vw),40px);color:#fff;margin:0;padding:0;text-transform:uppercase;text-align:center}#calltoaction-2 p{font-family:'Inter',sans-serif;font-size:min(max(12px,10vw),18px);color:#fff;padding-bottom:20px;text-align:center}#calltoaction-2 a{background-color:#fff;color:#000;padding:15px;border-radius:5px;font-family:'Inter',sans-serif;font-size:16px;transition:ease-in-out .2s;opacity:1}#calltoaction-2 a:hover{transition:ease-in-out .2s;color:#fff;background-color:#f9ad0e}#form-search .text-error{color:red;font-size:14px;font-weight:500;margin:10px 0}.block-admin{display:flex;justify-content:center;align-items:center;width:100%}.block-admin a{box-shadow:0 0 2px rgba(0,0,0,.4);color:#000;padding:30px;margin:10px;border-radius:8px;font-family:'Inter',sans-serif;font-size:20px;transition:ease-in-out .2s;opacity:1;display:flex;flex-direction:column;width:100%}.block-admin a span{font-size:40px;font-weight:700;margin:5px 0}.block-admin a:hover{transition:ease-in-out .2s;box-shadow:0 0 2px rgba(0,0,0,1)}.gestion-title-admin{display:flex;justify-content:space-between;align-items:center;width:100%;margin:20px 0}.dualbtn-admin{display:flex;justify-content:space-between;align-items:center}.dualbtn-admin a{margin:10px}.dualbtn-admin a:hover{background-color:#f9ad0e;transition:0.3s}.adminTable{width:100%;border-collapse:collapse;margin:20px 0}.adminTable th{background-color:#f9ad0e;color:#fff;font-weight:700;text-align:left;padding:10px}.adminTable td{text-align:center;font-size:12px}.adminTable td img{width:150px;border-radius:10px}.badge-table-blue{padding-top:.125rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;border-radius:.25rem;font-size:10px;line-height:1rem;font-weight:500;color:#1E40AF;background-color:#DBEAFE}.badge-table-purple{padding-top:.125rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;border-radius:.25rem;font-size:10px;line-height:1rem;font-weight:500;color:#5B21B6;background-color:#EDE9FE}.badge-table-green{padding-top:.125rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;border-radius:.25rem;font-size:10px;line-height:1rem;font-weight:500;color:#065F46;background-color:#D1FAE5}.badge-table-yellow{padding-top:.125rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;border-radius:.25rem;font-size:10px;line-height:1rem;font-weight:500;color:#92400E;background-color:#FEF3C7}.badge-table-red{padding-top:.125rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;border-radius:.25rem;font-size:10px;line-height:1rem;font-weight:500;color:#9B2C2C;background-color:#FEE2E2}.badge-table-indigo{padding-top:.125rem;padding-bottom:.125rem;padding-left:.625rem;padding-right:.625rem;border-radius:.25rem;font-size:10px;line-height:1rem;font-weight:500;color:#3730A3;background-color:#E0E7FF}.content-admin-crud{margin:150px 0;text-align:center}.content-admin-crud h2{font-size:20px;color:#000;font-weight:700}.content-admin-crud a{max-width:200px;margin:0 auto}.content-admin-crud a:hover{background-color:#f9ad0e;transition:0.3s}.form-admin{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.form-admin form{box-sizing:border-box;width:450px;padding:20px;border-radius:10px;box-shadow:0 0 2px rgba(0,0,0,.2);margin:20px 0;background-color:#f9fafb}.form-admin label{font-size:14px;font-weight:500;color:#505050}.form-admin input{border-radius:5px;border:1px solid #cbd5e1;box-shadow:0 0 2px rgba(0,0,0,.2);padding:10px 0 10px 10px;background-color:#f9fafb;margin:10px 0;font-family:'Inter',sans-serif;font-weight:400}.flex-input-admin{display:flex;justify-content:space-between}.form-admin select{width:100%;border-radius:5px;border:1px solid #cbd5e1;box-shadow:0 0 2px rgba(0,0,0,.2);padding:10px 0;background-color:#f9fafb;margin:10px 0}.form-admin textarea{border-radius:5px;border:1px solid #cbd5e1;box-shadow:0 0 2px rgba(0,0,0,.2);padding:10px 0 0 10px;background-color:#f9fafb;height:70px;font-family:'Inter',sans-serif;font-weight:400;margin:10px 0}.form-admin input[type="submit"]{padding:10px 20px;border-radius:5px;background-color:#000;color:#fff;border:none;font-size:14px;transition:0.3s;margin:10px 0}.form-admin .input-admin-btn a{padding:10px 20px;border-radius:5px;border:1px solid #cbd5e1;box-shadow:0 0 2px rgba(0,0,0,.2);font-size:14px;transition:0.3s;margin:10px 0}.form-admin input[type="file"]{border-radius:5px;border:1px solid #cbd5e1;box-shadow:0 0 2px rgba(0,0,0,.2);margin:10px 0;background-color:#f9fafb}.form-admin input[type="submit"]:hover{cursor:pointer}.input-admin{display:flex;flex-direction:column;width:100%;padding:3px}.input-admin-btn{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center}@media screen and (max-width:480px){.item{max-width:650px;display:flex;flex-direction:column}.item img{width:100%;border-radius:10px}#grid{display:flex;flex-direction:column;align-items:center;justify-content:center}#input-form{display:flex;flex-direction:column}#input-form input{margin-bottom:10px;width:auto}#input-form button{position:relative;padding:10px 20px;border-radius:10px;background-color:#000;color:#fff;border:none;font-size:14px;transition:0.3s;margin:0}.content-svg{position:absolute;top:25px}#links-header{display:none}#links-header-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center}#links-header-mobile a{color:gray}#links-header{display:none}#links-header-mobile{display:flex;justify-content:flex-end;align-items:center}#mobile-menu-btn{display:block}#mobile-menu{position:absolute;top:100px;height:auto;background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:90}#mobile-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;background-color:#fff}#mobile-menu li{margin-bottom:10px}#mobile-menu a{text-decoration:none;color:#000;font-size:16px}.content-link-home{display:flex;flex-direction:column;align-items:center;justify-content:center}.content-album{padding:0}.flex-badge{padding:10px;margin:0}.badge-platform{padding:10px}.item p{padding:10px;margin:0}.block-admin{display:block;width:auto}.block-admin a{width:auto}.gestion-title-admin{display:block}.box-title{display:block;padding:20px 0}.flex-input-admin{padding:20px 0}.form-admin form{width:100%;margin:0 auto}}@media screen and (max-width:1024px){.hero{border-radius:0}}