*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}a:link,a:visited{color:inherit;text-decoration:none}header{background:#222;color:#fff;display:flex;align-items:center;justify-content:center;padding:20px 10px;gap:50px}.logo{height:150px}.site-title-group{display:flex;flex-direction:column;align-items:center}.site-title{font-size:3em;font-weight:700}.association-banner{font-size:1.2em;font-weight:400;margin-top:4px;color:#ccc}nav a{color:#fff;margin-left:15px;text-decoration:none;font-size:1.5em}nav a:hover,header nav a:hover{text-decoration:underline}.dropdown{position:relative;display:inline-block}.dropbtn{text-decoration:none;color:#fff;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#222;min-width:160px;z-index:1;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#fff;padding:12px 16px;display:block;text-decoration:none}.dropdown-content a:hover{background-color:#333}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{text-decoration:underline}.hero{background:url(ressources/dojo.jpg) center/cover no-repeat;text-align:center;padding:100px 20px}.hero h1{font-size:2.5em;margin-bottom:10px}.galerie{padding:40px 20px;background:#f9f9f9}.galerie h2{text-align:center;font-size:2em;margin-bottom:20px}.grid{display:flex;gap:10px;justify-content:center}.grid img{width:30%;border-radius:5px}.inscription-hero{background:linear-gradient(#0009,#0009),url(ressources/dojo.jpg) center/cover no-repeat;height:300px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.inscription-hero-content h1{font-size:3em;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.inscription-hero-content p{font-size:1.3em;max-width:700px;margin:0 auto}.tarifs-container{padding:60px 20px;background:#f9f9f9;text-align:center}.tarifs-container h2{font-size:2.2em;margin-bottom:10px}.fiches-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px}.fiche{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;width:300px;overflow:hidden;transition:transform .3s ease}.fiche:hover{transform:translateY(-5px)}.fiche-header{background:#d82e2e;color:#fff;padding:20px}.fiche-header h3{font-size:1.4em}.fiche-body{padding:30px 20px}.fiche-tarif{font-size:2em;font-weight:700;color:#d82e2e;margin-bottom:20px}.fiche-avantages{list-style:none;text-align:left}.fiche-avantages li{position:relative;padding:8px 0 8px 25px}.fiche-avantages li:before{content:"✓";color:#d82e2e;position:absolute;left:0;font-weight:700}.documents-section{padding:60px 20px;background:linear-gradient(135deg,#f9f9f9,#fff)}.documents-container{max-width:1200px;margin:0 auto;text-align:center}.documents-container h2{font-size:2.2em;margin-bottom:40px;color:#222}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.document-card{background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.document-card:hover{transform:translateY(-5px)}.document-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#d82e2e1a;border-radius:50%}.document-icon svg{width:40px;height:40px}.document-card h3{font-size:1.4em;margin-bottom:10px;color:#222}.document-card p{color:#666;margin-bottom:20px}.document-btn{display:inline-flex;align-items:center;background:#d82e2e;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none;font-weight:700;transition:all .3s ease}.document-btn:hover{background:#b02020;transform:translateY(-2px)}.document-btn svg{width:18px;height:18px;margin-left:8px}.documents-info{background:#fff;border-radius:10px;padding:30px;max-width:800px;margin:0 auto;text-align:left}.documents-info h3{color:#d82e2e;margin-bottom:15px;font-size:1.4em}.documents-info ul{list-style-type:none}.documents-info li{position:relative;padding:8px 0 8px 25px}.documents-info li:before{content:"•";color:#d82e2e;position:absolute;left:0;font-weight:700}.planning-hero{background:linear-gradient(#0009,#0009),url(ressources/dojo.jpg) center/cover no-repeat;height:300px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.planning-hero-content h1{font-size:3em;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.planning-hero-content p{font-size:1.3em;max-width:700px;margin:0 auto}.planning-container{padding:40px 20px;max-width:1000px;margin:auto}.planning-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 0 10px #0000001a;font-size:1.3em}.planning-table th,.planning-table td{border:1px solid #ddd;padding:12px;text-align:center}.planning-table th{background-color:#d82e2e;color:#fff}.calendrier-section{padding:60px 20px;background:linear-gradient(135deg,#f9f9f9,#fff)}.calendrier-container{max-width:1000px;margin:0 auto;text-align:center}.calendrier-container h2{font-size:2.2em;color:#222;margin-bottom:40px;position:relative;display:inline-block}.calendrier-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:#d82e2e}.calendrier-card{background:#fff;border-radius:10px;padding:40px;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease}.calendrier-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.calendrier-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#d82e2e1a;border-radius:50%}.calendrier-icon svg{width:40px;height:40px}.calendrier-btn{display:inline-flex;align-items:center;gap:8px;background:#d82e2e;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none;font-weight:700;transition:all .3s ease;margin-top:20px}.calendrier-btn:hover{background:#b02020;transform:translateY(-2px)}.calendrier-btn svg{width:18px;height:18px}footer{background:#222;color:#fff;text-align:center;padding:20px}@media (max-width: 768px){header{flex-direction:column;gap:20px}.logo{height:100px}nav{display:flex;flex-direction:column;gap:10px}.grid{flex-direction:column}.grid img{width:100%}.documents-grid{grid-template-columns:1fr}.fiches-container{flex-direction:column;align-items:center}}.enseignants{padding:3rem 1.5rem;text-align:center}.enseignants h2{margin-bottom:2rem}.enseignants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.enseignant-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;margin-bottom:.75rem}.enseignant-card h3{margin:.25rem 0}.enseignant-card .diplome{font-size:.9rem;color:#555;margin:0}
