
/*Table*/
/*Table*/
/*Table*/

#table{
    margin-left: 20px;
    margin-top: calc(7*var(--line-height));
    z-index: 0;
    width: calc(100% - 20px);
    background-image: url("images/load_darke.gif");
    background-size: auto 33px;
    background-repeat: no-repeat;
    min-height: calc(100vh - 9*var(--line-height));
}

#table a{
    color: var(--txt-black);
    text-decoration: none;
    display: block;
}



/*Bloc image*/
/*Bloc image*/
/*Bloc image*/

#bloc{
    display: inline-block;
    margin-right: 20px;
    margin-bottom: calc(4*var(--line-height));
    position: relative;
}

/*Taille des images*/
@media (min-width: 1600px) {
    #bloc {  width: calc(20% - 20px); }
    .blocimg{ height: 12vw; }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    #bloc { width: calc(25% - 20px); }
    .blocimg{ height: 16vw; }
}

@media (min-width: 900px) and (max-width: 1200px) {
    #bloc { width: calc(33.3333% - 20px); }
    .blocimg{ height: 20vw; }
}

@media (min-width: 500px) and (max-width: 900px) {
    #bloc { width: calc(50% - 20px); }
    .blocimg{ height: 29vw; }
}

@media (max-width: 500px) {
    #bloc {  
        width: calc(100% - 20px); 
        margin-bottom: calc(2*var(--line-height));
    }
    .blocimg{ height: 60vw; }
}

.blocimg{
    margin-bottom: 3px;
    position: relative;
}

.blocimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0px;
    vertical-align: bottom;
    background-image: url("https://grappe.app/liste/images/load_darke.gif");
    background-size: auto 34px;
    background-repeat: no-repeat;
    background-position: center;
}




/*NOMS ET DESCRIPTIONS*/
/*NOMS ET DESCRIPTIONS*/
/*NOMS ET DESCRIPTIONS*/

.nom{
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: var(--line-height);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newtxt, .misajourtxt, #table a.discussion {
    display: none;
    overflow: visible; 
    margin-left: 6px;
    color: var(--gris-middle);
}

.categoriz{
    height: var(--line-small);
    line-height: var(--line-small);
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Pastille*/
/*Pastille*/
/*Pastille*/


#bloc .new{
    display: none;
}

#bloc.nouveau .newtxt, #bloc.misajour .misajourtxt, #bloc.itw .discussion {
    display: inline-block;
}


/*Footer*/
/*Footer*/
/*Footer*/
#footergrappe, #mentionz{
    margin-top: calc(0*var(--line-height)) !important;
}

#footergrappe{
    padding-left: 20px;
    margin-bottom: var(--line-height);
    display: inline-block;
}

#mentionz{
    position: static;
    float: right;
    margin-right: 20px; 
}

#mentionz a{
    color: var(--gris-middle);
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 800px) {
    #mentionz{
        display: none;
    }
}

