/* Pages/Shared/_LayoutLoginNew.cshtml */
/* Logo borne en HAUTEUR et non en largeur : chaque tenant a son propre
   logo.svg, de proportions differentes. Le max-width d'origine laissait
   un logo haut occuper 240 px, soit pres de 30 % de l'ecran. */
.card-header .navbar-brand-img {
    height: 96px;
    width: auto;
    max-width: 100%;
}

.card-header {
    padding-top: 18px;
    padding-bottom: 12px;
}

.card-body.py-lg-5 {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
}

/* Le SVG du separateur en biais a une hauteur fractionnaire : son bord
   inferieur tombe sur un demi-pixel et laisse passer, sur toute la
   largeur, un lisere du bandeau clair au-dessus du fond marine.
   display:block supprime l'espace de ligne sous l'image, la marge
   negative fait mordre le trace d'un pixel sur le fond, de meme couleur. */
.separator.separator-skew svg {
    display: block;
    margin-bottom: -1px;
}

/* Contenu remonte de 48 px SANS deplacer la diagonale : les 48 px retires
   en haut du bandeau lui sont rendus en bas, sa hauteur totale ne bouge
   donc pas, et le separateur pose en absolu au bas du bandeau reste a la
   meme hauteur. La carte suit le meme decalage.
   !important obligatoire : les utilitaires d'espacement Bootstrap
   (.py-5, .pt-lg-7, .mt--5) sont generes avec !important.
   Sous 768 px les paddings d'origine, deja courts, sont laisses tels quels. */
@media (min-width: 768px) {
    .header.bg-log-primary {
        padding-top: 48px !important;
        padding-bottom: 120px !important;
    }

    .container.mt--5 {
        margin-top: -96px !important;
    }
}