/* Aligne la bannière du header avec le menu */
/* Tout en restant responsive */

.microsite_responsive_smart_menu .brand {
    max-width: 180px; /* Marge de départ - calculée en utilisant la largeur du logo */
}
.microsite_responsive_header_banner a {
    padding-top: 40px;
    padding-bottom: 30px;
}

/*media queries*/
@media screen and (max-width: 767px) {
    .microsite_responsive_header_banner a {
        padding: 15px;
    }
    section.microsite_responsive_smart_menu .brand img{
        max-height: 40px;
    }
}
@media screen and (min-width: 768px) {
    section.microsite_responsive_smart_menu .brand{
        padding-right: 20px; /* Padding du logo */
        box-sizing: content-box;
    }

    .microsite_responsive_header_banner a{
        padding-left: calc(180px + 20px); /* Calcule la marge de départ (largeur logo) + le padding du logo */
        text-align: left;
    }
}