body {
    margin: 0;
    padding: 0;
}

header {
    background-color: #f1f1f1; /* Optional header background color */
}

.banner img {
    width: 100%; /* Make the image fill the container */
    height: auto; /* Maintain aspect ratio */
}

.desktop-banner {
    display: block; /* Show the desktop banner by default */
    max-height: 296px; /* Set maximum height for desktop banner */
}

.mobile-banner {
    display: none; /* Hide the mobile banner by default */
}

@media only screen and (max-width: 600px) {
    /* Mobile styles */
    .desktop-banner {
        display: none !important; /* Hide the desktop banner on mobile */
    }

    .mobile-banner {
        display: block !important; /* Show the mobile banner on mobile */
        max-height: 400px; /* Set maximum height for mobile banner */
    }
}

/* ===== Couleur de fond du footer ===== */
.ps-footer {
    background-color: #2a9bac !important;
}

/* ===== Tout le texte du footer en blanc ===== */
.ps-footer,
.ps-footer p,
.ps-footer a,
.ps-footer h4,
.ps-footer h5,
.ps-footer h3,
.ps-footer span,
.ps-footer li {
    color: #ffffff !important;
}

/* ===== Section "Nous contacter" ===== */
.widget_contact-us .widget_content p,
.widget_contact-us .widget_content h3,
.widget_contact-us .widget_content a,
.widget_contact-us .widget_content span {
    color: #ffffff !important;
}

/* ===== Numéro de téléphone mis en valeur ===== */
.widget_contact-us .widget_content h3 {
    font-weight: 700;
    color: #ffffff !important;
}

/* ===== Icônes réseaux sociaux ===== */
.ps-footer .fa,
.ps-footer .fab {
    color: #ffffff !important;
    transition: 0.3s ease;
}
.ps-footer .fa:hover,
.ps-footer .fab:hover {
    color: #000000 !important; /* effet noir au survol */
}

/* ===== Ligne de séparation claire ===== */
.ps-footer hr {
    border-color: rgba(255, 255, 255, 0.3) !important;
}