/* CSS pour limiter la largeur du site à 70% */
body {
    margin: 0;
    padding: 0;
    background-color: #f5f5f5; /* Couleur de fond de base */
    background-image: url('../../images/wan.png'); /* Remplacez par votre image */
    background-size: 100px auto; /* Taille de chaque répétition */
    background-repeat: repeat; /* Répétition de l'image sur tout l'arrière-plan */
}

.site-container {
    width:90%;
    max-width: 1400px;
    margin: 0 auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

/* Ajuster tous les conteneurs principaux */
header, .header-top, .sticky-wrapper, .sticky-active,
.vs-header, .menu-top, main, footer, .footer-wrapper,
.footer-top, .widget-area, .copyright-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Adapter la largeur des conteneurs internes */
.container {
    width: 100% !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Assurer que les éléments d'arrière-plan s'adaptent correctement */
[data-bg-src] {
    background-size: cover !important;
}

/* Adaptation pour les écrans mobiles */
@media (max-width: 992px) {
    .site-container {
        width: 100%;
    }
}