/*orgaGénéral page pour tousExposition===========================================================*/
#content{
    min-height: calc(100vh + var(--borderWidth));
    margin-top: calc(var(--borderWidth) * -1) ;
    display: flex;
    flex-direction: column;

    overflow: auto;
    height: 100%;
}
.zeroHeight, .containeur_preVisu_collection, .pourSiVide{
    display: grid;
    grid-template-columns: 35% 35% 30%;
    width: 100%;
}
.containeur_preVisu_collection{
    height: 12.235rem;
    min-height: 12.235rem;
}
.containeur_preVisu_collection>*{
    height: 100%;
}
        
.containeur_preVisu_collection:hover > .preVisu_collection_titre > *{
    text-decoration: underline;
    text-underline-offset: 3px;
}

.preVisu_collection_titre{
    background-color: var(--couleurFond1);
    color: var(--couleurText1);
    border-top: solid var(--couleurText1) var(--borderWidth);
}
.preVisu_collection_descriptif{
    background-color: var(--couleurFond2);
    color: var(--couleurText2);
    border-top: solid var(--couleurText2) var(--borderWidth);
}
.preVisu_collection_info {
    background-color: var(--couleurFond3);
    color: var(--couleurText3);
    border-top: solid var(--couleurText3) var(--borderWidth);

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--margin1);
}
.containeur_preVisu_collection_info{
    display: flex;
    flex-direction: column;
    gap: var(--margin1);
}



/*gère la fin du tableau==================*/
.finDeTableau{
    flex: 1;
    overflow: hidden;
    width: 100%;
}
.zeroHeight{
    height: 0;
    overflow: visible;
}
.zeroHeight>*{
    height: var(--borderWidth);
}
.finDeTableau_collection_titre{
    background-color: var(--couleurText1) ;
}
.finDeTableau_collection_descriptif{
    background-color: var(--couleurText2);
}
.finDeTableau_collection_info{
    background-color: var(--couleurText3);
}

/*pour que background pas blanc si pas assez de contenu pour remplir*/
.pourSiVide{
    position: absolute;
    height: calc(100% + var(--borderWidth));
    width: calc(100% - var(--topnav_width));
    z-index: -1;
}
.pourSiVide>*{
    border: none;
}

/*responsiv============================================================*/
@media (max-width: 1300px) {
    .containeur_preVisu_collection{
        height: 15.882rem;
        min-height: 15.882rem;
    }
}

@media (max-width: 1200px) {
    #content {
        margin-top: 0;
    }
    .containeur_preVisu_collection{
        display: grid;
        grid-template-columns: 100%;
        height: auto;
        padding-bottom: calc(var(--margin2) - var(--margin1));
    }
    .containeur_preVisu_collection>*{
        background-color: inherit;
    }

    /*changement des couleurs de l'affichage des cases*/
    .ensembleCouleur1{
        background-color: var(--couleurFond1);
        color: var(--couleurText1);
    }
    .ensembleCouleur1>*{
        color: var(--couleurText1);
    }
    .ensembleCouleur2{
        background-color: var(--couleurFond2);
        color: var(--couleurText2);
    }
    .ensembleCouleur2>*{
        color: var(--couleurText2);
    }
    .containeur_preVisu_collection>*{
        border-top: none;
    }

    #content, .pourSiVide{
        min-height: 0;
    }
    .pourSiVide{
        top: 0;
    }

    .pourSiVide>*{
        background-color: var(--couleurFond2);
    }
    .finDeTableau{
        display: none;
    }
    .containeur_preVisu_collection{
        min-height: auto;
    }
}