* {margin: 0;padding: 0;box-sizing: border-box;}
.marg{margin-top: 100px;}
.marg2{margin-top: 50px;}
@font-face{font-family: 'Coolvetica';src: url("../fonts/Coolvetica_Rg.otf");}
body{font-family: 'Coolvetica';background: linear-gradient(#ffe6e6, #ffb1b6, 40%, #e66771, 91%, #d20808);}
a{text-decoration: none !important;}
@font-face{font-family: 'Frula';src: url("../fonts/Frula.ttf");}
h1{font-family: 'Frula';letter-spacing: 0.25rem;}
label{font-size: 20px;font-weight: bold;color: white;}
.boutonForm{background: none;border: 2px solid white;color: white;padding: 15px 45px;border-radius: 30px;font-size: 18px;font-family: "Coolvetica";transition: background-color 0.3s ease, color 0.3s ease;}
.boutonForm:hover{background: #ffdfdf;color:rgb(245, 49, 62);border: 2px solid rgb(245, 49, 62);}
.decoImg{background-image: url(images/camion_MuMo_background.png);background-repeat: no-repeat;background-size: cover;padding: 6em 0;}
.nomChampFormulaire{font-size: 18px;font-family: 'Coolvetica';}
.chiffreCle{font-size: 7rem;color: white;text-shadow: 5px 5px 5px rgb(46, 46, 46);}
.chiffreCle_texte{font-size: 2rem;color: white;text-shadow: 5px 5px 5px rgb(46, 46, 46);}
.decoFilm{background-image: url(images/MuMo_film.jpg);background-repeat: no-repeat;background-size: cover;padding: 6em 0;}
.livreMuMo:hover{filter: contrast(130%);transition: 0.5s;scale: 1.05;}
.livreMuMo h4{font-size: 1.5rem;}
.image-card:hover{filter: contrast(170%);transition: 0.5s;scale: 1.05;}
#popup-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;}
.popup-content{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;background: linear-gradient(#ffe6e6, #ffb1b6, 50%, #e66771);padding: 20px;border-radius: 10px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);max-width: 90%;text-align: center;}
.popup-content img{max-width: 100%;height: auto;display: block;margin: 0 auto;border-radius: 5px;box-shadow: 0px 5px 15px  rgb(46, 46, 46);}
.popup-content p{margin-top: 5%;font-size: 1.2rem;color:black;}
#close-popup{background: none;border: 2px solid white;color: white;padding: 10px 30px;border-radius: 30px;font-size: 15px;font-family: "Coolvetica";transition: background-color 0.3s ease, color 0.3s ease;cursor: pointer;}
#close-popup:hover{background: #ffdfdf;color:rgb(245, 49, 62);border: 2px solid rgb(245, 49, 62);}
/*HEADER*/
.sticky{position: fixed;top: 0;width: 100%;z-index: 1000;background: linear-gradient(rgb(255, 209, 209), 85%, rgba(255,210,210,0.20));}
.header{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px;}
.logo img{height: 5rem;padding: 1.25rem;width: auto;}
.navbar-brand svg{width: 30px;height: 30px;}
.nav{display: flex;gap: 25px;align-items: center;justify-content: flex-end;margin-top: 20px;width: 100%;}
.nav-link{color: #000;padding: 8px 15px;background-color: #ffd9d9;border-radius: 20px;font-size: 16px;transition: background-color 0.3s ease, color 0.3s ease;}
.nav-link:hover{background-color: #ff4d4d;color: #fff;}
.user-icon {font-size: 24px;cursor: pointer;}
/*Footer*/
.footer{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px;bottom: 0;}
.foot{display: flex;justify-content: center;gap: 20px;list-style: none;flex-wrap: wrap;}
.foot-link{border: 2px solid white;color: white;padding: 10px 20px;border-radius: 30px;font-size: 16px;font-family: "Coolvetica";cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;}
.foot-link:hover{background-color: #ffd9d9;color: red;border-color: #ffd9d9;}
.logo-footer img{width: 40px;height: 40px;object-fit: cover;}
.text-footer{text-align: center;color: white;font-size: 16px;font-family: "Coolvetica";margin: 0;}
/*Media queries pour les écrans de PC*/
@media(min-width: 768px){.merci {margin-left: 10rem;margin-top: 4rem;}.content{padding: 3.2rem;}.texte{padding: 70px;}.video{width: 100%;height: 50em;}#zoneFormulaire{max-width: 60vw;padding: 1.8em;background-color: rgba(245, 49, 62, 0.651); backdrop-filter: blur(10px);box-shadow: 0px 0px 8px rgb(245, 49, 62);}.texteFilm{margin: 0 0; padding: 6rem 11rem;}#carte{width: 40% !important;}.container{max-width: 1200px;min-width: 800px;margin: 0 auto;padding: 4rem 20px;margin-top: 20px;}}
/*Media queries pour les écrans plus petits (tablettes et téléphones)*/
@media(max-width: 768px){.event-form{padding: 15px;width: 90%;}.form-title{font-size: 1.8rem;}.form-input, .form-select{font-size: 0.9rem;}.form-submit-btn{font-size: 0.9rem;padding: 8px;}#zoneFormulaire{max-width: 60vw;padding: 1.8em;background-color: rgba(245, 49, 62, 0.651); backdrop-filter: blur(10px);box-shadow: 0px 0px 8px rgb(245, 49, 62);}.content{padding: 10px;}.header{padding: 10px;}.nav{flex-direction: column;gap: 15px;}.foot{flex-direction: column;gap: 10px;}.foot-link{font-size: 14px;padding: 8px 16px;}.logo img{height: 4rem;}.logo-footer img{width: 30px;height: 30px;}.text-footer{font-size: 14px;}.texte{padding: 35px;}.video{width: 100%;height: 30em;}.texteFilm{margin: 0 0; padding: 2rem;}#carte{width: 100% !important;margin: 0 auto;}.container{max-width: 1200px;min-width: 500px;margin: 0 auto;padding: 4rem 20px;margin-top: 20px;}}
/*Pour les écrans très petits (mobiles en portrait)*/
@media(max-width: 480px){#zoneFormulaire{max-width: 28rem;padding: 1.8em;}.content{padding: 10px;}.nav-link{font-size: 14px;padding: 6px 12px; }.logo img{height: 4rem;}.text-footer{font-size: 12px;}.foot-link{font-size: 10px;padding: 6px 12px;}.texte{padding: 15px;}.video{width: 100%;height: 20em;}#carte{width: 100% !important;margin: 0 auto;}.container{max-width: 1200px;min-width: 400px;margin: 0 auto;padding: 4rem 20px;margin-top: 20px;}}
/*Page index*/
.camion{border-radius: 8px;height: auto;width: 615px;object-fit: cover;margin: 25px;padding: 0;}
.texte{background: #D63542;border-radius: 20px;color: white;font-family: "Coolvetica";text-align: justify;box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0.3);gap: 10px;backdrop-filter: blur(100px); }
.texte::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #D63542;filter: blur(100px);z-index: -1;}
.archives{display: flex;flex-wrap: wrap;}
.videoarchi{padding: 0.5%;}
.section{display: flex;flex-direction: column;justify-content: center;padding: 50px 20px;}
.section h2{font-size: 1.5rem;letter-spacing: 0.25rem;font-family: 'Frula';color: #000000;display: inline-block;margin-bottom: 10px;}
.section p{font-size: 1rem;line-height: 1.6;}
.about-images{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;margin-bottom: 30px;}
.about-images img{width: 300px;height: 200px;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.image-card{text-align: center;padding: 10px;border-radius: 8px;background-color: #FFB1B6;}
.image-card p{margin: 10px 0 0;font-size: 1rem;color: #333;}
.image-card span{font-size: 0.9rem;color: #666;}
.calendar{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2em;}
.calendar-item{display: flex;flex-direction: column; justify-content: space-between; flex: 1;min-width: 300px;background-color: rgba(255, 255, 255, 0.4);border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 15px;}
.calendar-item h3{font-size: 1.2rem;color: #D63542;}
.calendar-item p{font-size: 0.9rem;margin: 0 0 10px; }
.calendar-item button{margin-top: auto; padding: 8px 12px;background-color: #d20808;color: white;border: none;border-radius: 15px;cursor: pointer;align-self: center; }
.calendar-item button:hover{background-color: white;color : #EB0013;}
.bouton{display: flex;flex-direction: column; justify-content: space-between; flex: 1;border-radius: 8px;padding: 15px;}
.bouton h3{font-size: 1.2rem;color: #D63542;}
.bouton p{font-size: 0.9rem;margin: 0 0 10px; }
.bouton button, .btn{margin-top: auto; padding: 8px 12px;background-color: #d20808;color: white;border: none;border-radius: 15px;cursor: pointer;align-self: center; }
.hr-with-text{display: flex;align-items: center; }
.custom-hr{width: 50px; height: 10px; background-color: black;border: none;opacity: 1;margin-right: 10px;margin-top: 10px;}
.h:hover{background-color: white;color : #EB0013;}
/*Page connexion*/
.section_connexion{margin: 50px auto;background-color: rgba(247, 169, 168, 0.3);border-radius: 8px;padding: 40px 20px;max-width: 500px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.section_connexion h2{font-size: 1.5rem;letter-spacing: 0.25rem;text-align: center;font-size: 1.5rem;font-family: 'Frula';}
.form-container{display: flex;flex-direction: column;gap: 20px;}
.form-group{display: flex;flex-direction: column;}
input{padding: 10px;border: 1px solid #ccc;border-radius: 5px;font-size: 1rem;}
input:focus{outline: none;border-color: #ff4d4d;box-shadow: 0 0 5px rgba(255, 77, 77, 0.5);}
.btn-submit{padding: 10px 15px;background-color: #d14a4a;color: white;font-size: 1rem;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;}
.btn-submit:hover{background-color: white;color :#d20808;}
.rounded{border-radius: 20px !important;margin-top: 1rem;}
/*Pédagogie*/
.collection-text{background: #D63542;border-radius: 8px;color: white;font-family: "Coolvetica";margin: 20px;box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0.3);background-color: rgba(214, 53, 66, 0.6);gap: 20px;padding: 50px;border-radius: 8px;backdrop-filter: blur(100px);height: 100%;margin-top: 0;}
.img-fluid{width: 500px;height: auto;border-radius: 5%;}
.card{display: block;flex-wrap: wrap;gap: 20px;justify-content: center;margin-bottom: 30px;text-align: center;border-radius: 8px;background-color: transparent;border: 0;}
.card-body{background-color: #FFB1B6;color: black;}
.card-header{background-color: #D63542;width: 25%;color : white;}
.tab-header{justify-content: center;margin-top: 10px;margin-bottom: -15px;height: 30px;display: flex;}
.tab-link.active{font-weight: bold;}
.hidden{display: none;}
/*Pompidou*/
.collection-text2{background: #006C46;border-radius: 8px;color: white;font-family: "Coolvetica";margin: 20px;box-shadow: 0 0 20px 10px rgba(0, 108, 70, 0.3);background-color: rgba(0, 108, 70, 0.6);padding: 30px;border-radius: 8px;backdrop-filter: blur(100px);height: 100%;margin-top: 0;}
.row2{display: flex;justify-content: center;align-items: center;gap: 25%;flex-wrap: wrap;}
.card2{background-color: rgba(146, 232, 202, 0.8);border-radius: 12px;display: flex;justify-content: center;align-items: center;width: 250px;height: 250px;text-align: center;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);margin: 10px;}
.letter-spacing-15{letter-spacing: 0.15rem;}
.card-body2{align-items: center;color: #006400; font-family: Arial, sans-serif;}
.card-title{font-size: 2.5rem;font-weight: bold;}
.card-text{font-size: 1rem;margin-top: 10px;}
.info2{margin : auto;}
/*Page Partenaire*/
.sponsor{padding: 0.5%;width: 8rem;height: auto;}
/*Page admin*/
.parties{display: none;}
h2.foot-link2{display: inline-flex;justify-content: center;align-items: center;border: 2px solid white;color: white;padding: 10px 20px;border-radius: 30px;font-size: 16px;font-family: "Coolvetica";cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;width: 180px;text-align: center;margin: 5px;}
h2.foot-link2:hover{background-color: #ffd9d9;color: red;border-color: #ffd9d9;}
.button-link {border: 2px solid white;color: white;padding: 10px 20px;border-radius: 30px;font-size: 16px;font-family: "Coolvetica";cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;background-color: transparent;text-align: center;display: inline-block;}
.button-link:hover{background-color: #ffd9d9;color: red;border-color: #ffd9d9;}
.formadmin{margin: 20px 0;padding: 10px;background-color: #f9f9f9;border: 2px solid #ddd;border-radius: 10px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);font-family: "Coolvetica", Arial, sans-serif;}
input[type="text"],input[type="date"],select {width: 100%;padding: 8px 12px;margin: 8px 0;border: 2px solid black;border-radius: 8px;font-size: 16px;font-family: "Coolvetica";box-sizing: border-box;transition: border-color 0.3s ease, box-shadow 0.3s ease;}
input[type="text"]:focus,input[type="date"]:focus,select:focus {border-color: #ffd9d9;box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3);outline: none;}
.input[type="submit"]{background-color: transparent;border: 2px solid black;color: black;padding: 10px 20px;border-radius: 30px;font-size: 16px;font-family: "Coolvetica", Arial, sans-serif;cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;}
.input[type="submit"]:hover{background-color: #ffd9d9;color: red;border-color: #ffd9d9;}
select{cursor: pointer;}
h3{color: #333;font-size: 20px;font-family: "Coolvetica", Arial, sans-serif;margin-top: 15px;}
.label{font-size: 20px;font-weight: bold;color: black;}
/*Liste demande contact*/
.contact{display: flex;flex-wrap: wrap;gap:1.5rem;margin-bottom: 2rem;}
.contact-item{width: 350px;height: auto;padding: 1.75rem;border-radius: 15%;background-color: rgba(255, 255, 255, 0.5);}
.filters>div>.label{font-size: 15px !important;}
.filters{display: flex;flex-wrap: wrap;gap: 2.5rem;}
#filter-ville, #filter-type, #filter-departement {width: auto !important;padding: 4px 6px;}
.back-to-top{position: fixed;bottom: 20px;right: 20px;width: 50px;height: 50px;background-color: #ff4d4d;color: #fff;border: none;border-radius: 50%;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);font-size: 24px;text-align: center;line-height: 50px;cursor: pointer;transition: background-color 0.3s ease;}
.back-to-top:hover{background-color: #d93636;}
.boutonconect{align-self: center;text-align: center;border: 2px solid white;color: rgb(255, 255, 255);background-color: rgba(0,0,0,0);padding: 5px 15px;border-radius: 30px;font-size: 16px;font-family: "Coolvetica";cursor: pointer;transition: background-color 0.3s ease, color 0.3s ease;}
.boutonconect:hover{background-color: #ffd9d9;color: red;border-color: #ffd9d9;}
body .adminpage{height: 100vh;}
/*Modif Evenements*/
.form-title{font-size: 2rem;color: #d20808;margin: 20px 0;font-family: 'Arial', sans-serif;text-align: center;}
.center-container{display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 100vh;text-align: center;}
.form-title{font-size: 2rem;color: #d20808;margin-bottom: 20px;font-family: 'Frula';}
.event-form{margin: 20px auto;padding: 20px;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);width: 100%;max-width: 600px;display: flex;flex-direction: column;align-items: center;}
.form-group{margin-bottom: 20px;width: 100%;text-align: left;}
.form-label{font-size: 1rem;color: #333;display: block;margin-bottom: 5px;}
.form-input, .form-select{width: 100%;padding: 10px;font-size: 1rem;border: 1px solid #ccc;border-radius: 5px;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);transition: border-color 0.3s, box-shadow 0.3s;}
.form-input:focus, .form-select:focus{border-color: #d20808;box-shadow: 0 0 5px rgba(210, 8, 8, 0.5);outline: none;}
.form-submit-btn{display: inline-block;width: auto;padding: 10px 20px;font-size: 1rem;background-color: #d20808;color: #fff;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease, box-shadow 0.3s ease;}
.form-submit-btn:hover{background-color: #b20606;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.form-select{background-color: #fff;color: #333;}
.form-select option{color: #000;background-color: #fff;}
.lienstypes{margin-top: 15px;}
.lienstypes2{margin-bottom: 20px;}
/*Style de la page d'erreur 404*/
.erreur404{display: flex;align-items: center;justify-content: center;min-height: 100vh;margin: 0;}
.error-container{text-align: center;max-width: 600px;}
.error-title{font-size: 5rem;color: #cd1111;font-weight: bold;}
.error-text{font-size: 1.5rem;color: white;}
.back-btn{margin-top: 20px;font-size: 1rem;}
/*Style page compte*/
.likes{margin-bottom: 0 !important;}