Montigny Info

/* Style général de l’accordéon */
.accordion {
width: 100%;
max-width: 800px;
margin: 0 auto;
}

.accordion-item {
border: 1px solid #ccc;
border-radius: 6px;
margin-bottom: 10px;
overflow: hidden;
}

.accordion-header {
background-color: #007BFF;
color: white;
cursor: pointer;
padding: 12px 20px;
font-weight: bold;
transition: background-color 0.2s;
}

.accordion-header:hover {
background-color: #0056b3;
}

.accordion-content {
display: none;
padding: 15px;
background-color: #f9f9f9;
}

.accordion-card {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}

.accordion-card img {
width: 100px;
height: 130px;
object-fit: cover;
border-radius: 4px;
}

.accordion-card a {
display: inline-block;
padding: 6px 12px;
background-color: #007BFF;
color: white;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
}

.accordion-card a:hover {
background-color: #0056b3;
}

// Script simple pour ouvrir/fermer l’accordéon
const headers = document.querySelectorAll(‘.accordion-header’);
headers.forEach(header => {
header.addEventListener(‘click’, () => {
const content = header.nextElementSibling;
const isOpen = content.style.display === ‘block’;
// Ferme tous les autres
document.querySelectorAll(‘.accordion-content’).forEach(c => c.style.display = ‘none’);
content.style.display = isOpen ? ‘none’ : ‘block’;
});
});