/* Style général */
body{
    font-family: 'Poppins', sans-serif;
    margin:0;
    background-color:#fff6e6;
    color:#333;
    text-align:center;
    line-height:1.6;
}
header {
    text-align: center;
}

.header img {
    display: block;
    margin: 0 auto;
    width: 150px; /* ajuste selon ton besoin */
}

.header nav {
    margin-top: 15px;
}

.header a {
    margin: 0 10px;
    text-decoration: none;
}

/* Navigation */
nav{
    background-color:#c62828;
    padding:15px;
}

nav ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    gap:30px;
}

nav a{
    text-decoration:none;
    color:white;
    font-weight:600;
    font-size:18px;
    transition:0.3s;
}

nav a:hover{
    color:#ffd54f;
}

/* Titres */

h1{
    color:#c62828;
    margin-top:30px;
}

h2{
    color:#2e7d32;
    margin-top:40px;
}

/* Paragraphes */

p{
    max-width:850px;
    margin:15px auto;
    font-size:17px;
}

/* Images centrées */

img{
    display:block;
    margin:25px auto;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* Footer style pro */

.footer-container{
    background-color:#e8f5e9; /* vert clair discret */
    margin-top:50px;
    padding:30px 20px;
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
    text-align:left;
}

.footer-section{
    max-width:250px;
}

.footer-section h4{
    color:#2e7d32;
    margin-bottom:10px;
}

.footer-section p{
    font-size:14px;
    margin:0;
}

.footer-section a{
    color:#2e7d32;
    text-decoration:none;
}

.footer-section a:hover{
    text-decoration:underline;
}

/* Responsive mobile */

@media (max-width:768px){

nav ul{
    flex-direction:column;
    gap:10px;
}

.footer-container{
    flex-direction:column;
    align-items:center;
    text-align:center;
}

}