@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);a,body{color:var(--neutral)}h1,h2,p{line-height:1.2}a,header nav ul li a{text-decoration:none}footer,header nav,main{margin:0 auto}.lien-inern-noir,form .input a{text-decoration:underline}#mon-profil,form{margin:75px auto;height:auto}#mon-profil,footer,form{height:auto}:root{--primary:#008573;--primary-active:#00C0A6;--secondary:#f5f5f5;--secondary-active:#e8e8e8;--neutral:#262626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--secondary)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--secondary)}body::-webkit-scrollbar-thumb{background-color:var(--secondary-active);border-radius:20px}li{list-style:none}img{border-radius:4px}h1{font-size:48px;font-weight:700}.p-info,h2{font-weight:500}h2{font-size:24px}.p-info,p{font-size:18px}.manif_titre{width:320px}p{font-weight:400}.color-tonique{color:var(--primary)}.p-info{line-height:2}.prix{font-weight:700}.p-mini{font-size:14px;font-weight:400;line-height:1.2}.bouton,.bouton-achat,.bouton-commander{font-size:16px;transition:.3s ease-in;background-color:var(--primary);color:var(--secondary);cursor:pointer}.flex,form .check-box,header nav ul{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-space-between{display:flex;justify-content:space-between;align-items:center}.flex-space-around{display:flex;justify-content:space-around;align-items:center}.flex-space-evenly{display:flex;justify-content:space-evenly;align-items:center}.flex-column{display:flex;flex-direction:column}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bouton-achat,footer p{text-align:center}.margin-5px{margin:5px}.margin-10px{margin:10px}.margin-20px,.panier .grid .margin-panier{margin:20px}.margin-30px{margin:30px}.margin-40px{margin:40px}.margin-50px{margin:50px}.margin-top-10px{margin-top:10px}.margin-top-20px{margin-top:20px}.margin-top-30px{margin-top:30px}.margin-top-40px{margin-top:40px}.margin-top-50px{margin-top:50px}.margin-top-100px{margin-top:100px}.margin-bottom-10px{margin-bottom:10px}.margin-bottom-20px,.panier .grid{margin-bottom:20px}.margin-bottom-30px{margin-bottom:30px}.margin-bottom-40px{margin-bottom:40px}.margin-bottom-50px{margin-bottom:50px}#mes-commandes .margin-historique,#mon-profil .margin-profil,.margin-bottom-100px{margin-bottom:100px}.margin-right-10px{margin-right:10px}.margin-right-20px{margin-right:20px}.margin-right-30px{margin-right:30px}.margin-right-40px{margin-right:40px}.margin-right-50px{margin-right:50px}.margin-right-90px{margin-right:90px}.margin-left{margin-left:10px}.bouton,form h2{margin:50px 0}.block-phone,.none,header nav #openBtn,header nav .sidenav{display:none}.block-desktop{display:block}.bouton{width:50%}.bouton-achat:hover,.bouton-commander:hover,.bouton:hover{background-color:var(--primary-active);transition:.3s ease-in}#billeterie,.file .cercle .numero,.presentation-spectacle .taille-image,footer,form,header{background-color:var(--secondary-active)}.bouton-achat{width:50%;padding:10px 0;border:none;border-radius:12px}.bouton-commander{width:100%;padding:10px 20px;border-radius:12px}#mes-commandes a,#mon-profil a,.lien-intern{color:var(--primary);text-decoration:underline}.lien-inern-noir,footer p,form h2{color:var(--neutral)}.color-red{color:red}header{width:100%;height:60px}header nav{display:flex;justify-content:space-between;align-items:center;width:90%;height:100%}header nav #nb-panier{width:25px;height:25px;padding:10px;font-size:14px}header nav .logo{width:100px;z-index:10}header nav ul li{list-style:none;margin:0 20px}header nav ul li a{color:var(--primary)}header nav ul li a:hover{color:var(--primary-active)}header .active{color:var(--primary-active)!important}main{width:80%;height:calc(100vh - 354px);display:table}.achat,.file .cercle,.flex-billeterie,footer,form{display:flex}footer{width:100%;justify-content:space-evenly;align-items:center;padding:30px 0}footer img{width:35px}.position-footer{position:absolute;bottom:0}.file,.file .cercle,.recherche{position:relative}#titre{margin:75px 0}.presentation-spectacle{margin-bottom:100px;flex-wrap:wrap}.presentation-spectacle .taille-image{margin:20px;padding:20px 30px;border-radius:6px;transition:.2s ease-in-out}.panier,form input{background-color:var(--secondary)}.presentation-spectacle .taille-image:hover{transform:scale(1.05)}form{width:40%;flex-direction:column;justify-content:space-around;align-items:center;border-radius:12px}form input{width:100%;height:40px;padding:0 10px;border:none;border-radius:12px}#mon-profil,.recherche{border:1px solid var(--neutral)}form .input{margin:20px 0;width:50%}form .input a{color:var(--primary)}form .check-box input{width:20px;height:20px;margin:0 10px}.recherche{width:20%;margin:0}#billeterie,.info{width:500px}.recherche span{position:absolute;right:10px;color:var(--primary);cursor:pointer}.flex-billeterie{justify-content:space-between;align-items:center;flex-wrap:wrap}#billeterie{padding:50px;border-radius:4px;animation:.5s ease-in-out open}#billeterie input{width:20%;border:none}@keyframes open{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}.img-salles{width:60%}.img-salles img{width:100%;height:auto}#mon-profil{width:100%;padding:100px;border-radius:12px}#mes-commandes span,#mon-profil span,.bin{color:var(--primary);cursor:pointer}#mes-commandes{margin:100px auto;width:100%;height:100%;padding:100px;border:1px solid var(--neutral);border-radius:12px}#mes-commandes img{width:320px;height:460px}#mes-commandes .grid{display:grid;grid-template-columns:repeat(3,1fr)}.file{margin:75px 0}.file .cercle{justify-content:space-evenly;align-items:center}.file .cercle .numero{width:50px;height:50px;padding:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1}.file .cercle .file-active{background-color:var(--primary-active)}.file span{background-color:var(--neutral);width:100%;height:2px;position:absolute;top:40%}.commander,.panier img{width:200px}.panier{padding:100px;border-radius:6px}.panier .grid{display:grid;grid-template-columns:1fr 1fr 1fr 50px;border-bottom:1px solid var(--neutral)}.achat{justify-content:space-between;align-items:center;margin-bottom:75px}.commander{margin:75px 0}.commander p{margin:10px 10px 20px 0}.confidentialité{margin:0 auto}.confidentialité h4{margin:20px 0}.section-payement-methode{width:40%;margin:0 auto 100px;padding:50px;border:1px solid var(--neutral);border-radius:12px}.section-payement-methode .form-paiement{background-color:var(--secondary);margin:50px auto;width:60%}.section-payement-methode .form-paiement input{border:1px solid var(--neutral);margin:10px 0}@media screen and (max-width:890px){.block-phone,.sidenav a{display:block}.achat,.flex-billeterie,.flex-billeterie .flex-column-billeterie,footer{flex-direction:column}#mon-profil,.achat,main #titre{margin:50px 0}h1{font-size:36px}h2{font-size:18px;font-weight:700;line-height:1.2}.p-mini,p{font-weight:400;line-height:1.2}p{font-size:14px}.p-mini{font-size:12px}#mes-commandes img,.block-desktop,.nav-desktop,.panier .images-panier{display:none}#openBtn,.sidenav{display:block!important}.sidenav{height:100%;width:100vw;position:fixed;z-index:2;top:0;left:-100vw;background-color:var(--secondary);padding-top:60px;transition:left .5s}#mes-commandes,#mon-profil,#mon-profil .profil,.panier{padding:25px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:var(--primary);transition:.3s}.sidenav a:hover{color:var(--primary-active)}.sidenav ul{list-style-type:none;padding:0;margin:0}.sidenav.active{left:0;z-index:2}.sidenav .close{position:absolute;top:0;right:25px;font-size:36px}.burger-icon span{display:block;width:35px;height:5px;background-color:var(--primary);margin:6px 0}footer .footer-margin{margin-bottom:20px}main img{width:95%;height:auto}main .presentation-spectacle .taille-image{padding:20px;width:100%}.panier .grid{grid-template-columns:1fr 1fr 50px}.panier .grid .margin-panier{margin:10px 0}#mes-commandes .margin-historique,.achat .margin-bouton{margin:20px 0}#mon-profil .margin-profil{margin:30px 0}#mes-commandes .grid{grid-template-columns:1fr 1fr}#billeterie,.section-payement-methode .bouton-commander,form{width:100%}form .check-box{display:flex;flex-direction:column;align-items:center}.recherche{width:40%}.section-payement-methode{width:100%;margin:0 auto;padding:50px;border:1px solid var(--neutral);border-radius:12px}.section-payement-methode img{width:30px;height:auto}.section-payement-methode .img-paypal{width:100px;height:auto}.section-payement-methode .form-paiement{background-color:var(--secondary);margin:50px auto;width:100%}}