#garages-liste li { margin-bottom: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

#garages-liste li h2 { font-size: 18px; margin-top: 0; }

#garages-liste li p { font-size: 14px; margin-bottom: 10px; } // Utilisation de l'API d'Allianz France pour récupérer la liste des garages agréés fetch('https://api.allianz.fr/garages-agrees') .then(response => response.json()) .then(data => { const garages = data.garages; const listeGarages = document.querySelector('#garages-liste ul'); garages.forEach(garage => { const li = document.createElement('li'); li.innerHTML = ` <h2>${garage.nom}</h2> <p>Adresse : ${garage.adresse}</p> <p>Téléphone : ${garage.telephone}</p> `; listeGarages.appendChild(li); }); }) .catch(error => console.error('Erreur :', error));