/* *************************************** */
/* Impression de la page styles communs */
/* *************************************** */

@page {
    size: A4 portrait;
    margin: 2mm;
}

html {
    font-size: 13px;
}

/* permet d'afficher tous les éléments en background lors de l'impression*/
body * {
    -webkit-print-color-adjust: exact; /* Pour Chrome et Safari */
    print-color-adjust: exact; /* Pour Firefox */
}

/*!* forcer les classes de colonnages boostrap *!*/
.col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-print-1 {
    flex: 0 0 8.333333%; /* Douze colonnes de taille égale */
    max-width: 8.333333%;
}
.col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-print-2 {
    flex: 0 0 16.666667%; /* Six colonnes de taille égale */
    max-width: 16.666667%;
}
.col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-print-3 {
    flex: 0 0 25%; /* Quatres colonnes de taille égale */
    max-width: 25%;
}
.col-sm-4, .col-md-4, .col-lg-4, .col-xl-4 {
    flex: 0 0 33.333333%; /* Trois colonnes de taille égale */
    max-width: 33.333333%;
}
.col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-print-6 {
    flex: 0 0 50%; /* Deux colonnes de taille égale */
    max-width: 50%;
}


/* classes customs à ajouter à nos listes pour simuler le colonnage boostrap au print */
.col-print-1 {
    flex: 0 0 8.333333%; /* Douze colonnes de taille égale */
    max-width: 8.333333%;
}
.col-print-2 {
    flex: 0 0 16.666667%; /* Six colonnes de taille égale */
    max-width: 16.666667%;
}
.col-print-3 {
    flex: 0 0 25%; /* Quatres colonnes de taille égale */
    max-width: 25%;
}
.col-print-4 {
    flex: 0 0 33.333333%; /* Trois colonnes de taille égale */
    max-width: 33.333333%;
}
.col-print-6 {
    flex: 0 0 50%; /* Deux colonnes de taille égale */
    max-width: 50%;
}
.col-print-12 {
    flex: 0 0 100%; /* Deux colonnes de taille égale */
    max-width: 100%;
}

/* évite que les articles soient coupé*/
article {
    page-break-inside: avoid;
}

/* ******************************************** */
/* Impression de la page styles liés au site */
/* ******************************************** */

/* afficher un logo en haut de la page non lié au header */
.mainSection {
    position: relative;
}
.mainSection::before {
    content: '';
    position: absolute; top: 10px; left: 10px;
    width: 100px;
    height: 50px;
    background-image: url("/_css/medias/logo-print-ahgora.png");
    background-repeat: no-repeat;
    background-size: contain;
}

/* optimisation module contact */
.contacts-list .item .object {
    max-width: 150px;
}
.contacts-list .item .inner {
    padding: 10px 10px 0;
}