:root {
    --bdcol:#C0C0C0; /* attention: see around splitBot when changing this */
    --displaycode: none;
    --displayabrev: inline;
    --displaynomlong: none;
    --displayresas: none;
}
/* le tableau dans son ensemble */
.edt { border-spacing:0px; border-collapse:collapse; margin: 0px 0px 0px 0px;width:19.5cm}
/* Je ne peux pas utiliser border-collapse:collapse et des borders avec border-radius.
 * Je m'en sort avec outline et outline-offset. (Ancienne possibilité: en mettant sur les cours un border à 0.25px et un outline à 0.25px plutôt q'un border à 0.5px )*/

/* les lignes jours par jour */
.tr0 { background:#FFF5F5 }
.tr1 { background:#FFFEF5 }
.tr2 { background:#F6FFF5 }
.tr3 { background:#F5FDFF }
.tr4 { background:#F5F5FF }
.tr5 { background:#FFFF8F }
.tr6 { background:#FFFF8F }

.weekcell { background:white; padding:0px 1px;font-size:smaller;text-align:center}


/* toutes les cellules */
th,td { border: 1px solid var(--bdcol); padding: 0px 2px; text-align:center}
#spacingrow > :not(.maincol) {border:none;padding: 0px 0px;width:2px}

/* cellules vides pour faire du padding */
.emptycell,.nocourse { border:none;  padding:1.25px .75px}
.emptycell {background:white}

/* cellules vides sur les colonnes principales */
.maincol { min-width:10px; border:none}

.date {font-size:smaller; break-inside:avoid; text-wrap:nowrap}


/* jour férié et semaines spéciales */
.special,.ferie {background:#FFFF8F; }
.groupe {font-size:smaller; }

/* un cours */
.course {outline-offset:-.5px;outline:1px solid black;border:none;border-radius:8px; background:#F0F0F0;font-size:smaller}
.attention {color:red;font-weight:bold}
.code {display:var(--displaycode);font-size:7pt;float:right;color:blue;font-weight:normal;padding-right:2px;padding-top:2pt}
.resanb {display:var(--displayresas);font-size:7pt;float:right;color:#004000;font-weight:normal;padding-right:2px;padding-top:2pt}
.abrev {display:var(--displayabrev)}
.nomlong {display:var(--displaynomlong)}

/* Dans la zone de l'emploi du temps, il y a dex celulles .course et des .nocourse */
.DayLeft {border-left   : 1px solid var(--bdcol)}
.DayRight {border-right : 1px solid var(--bdcol)}
.splitBot {border-bottom: 1px solid #C1C1C1}
/* bdcol is C0C0C0. if splitBot gets the same color as bdcol, it triggers a bug in firefox and some border (see Thermo Int) are not displayed! */
.splitTop {border-top   : 1px solid var(--bdcol)}


/* la barre de navigation */
#nav {margin:0px; background-color:#d9cfb9;position:fixed;top:0;width:100%;color:black;z-index:2;transform-origin:top;padding:0px}

/* bouton. Je les change tous pour avoir une apparence homogène */
button,#labelloadfileid {  border: 1px solid #8f8f9d;   background:#E9E9ED;  padding:1px 2px;  border-radius:3px;  font-size:smaller;margin:.5px;position:relative}
button:hover {background:#D0D0D7 }
.tooltip {height:0;overflow:hidden;display:block;position:absolute;top:18px;opacity:0;transition: opacity 0s .4s;z-index:2}
/*; position:0px 5px}*/
button:hover .tooltip {height:auto;opacity:1;background:#808080;color:white;padding:2px;border:1px solid black}

/* le bouton pour charger et les boutons sélectionnés */
#labelloadfileid,.selected { border-color: #60D060; background:#D0F0D0;}
#labelloadfileid:hover,.selected:hover { background:#B8D8B8;}
/*firefox: border: 1px solid #8f8f9d;   background:#E9E9ED;   background:#D0D0D7 */

/* impression */
@media print {
    .maincol { padding-top: 20px!important}
    .hidden-print {display:none !important;}
    #res {margin-top:0px!important;}
    .header-print-left { position:fixed; top:0px; left:0px}
    .header-print-right { position:fixed; top:0px; right:0px}
    body { margin: 0px}
}
@page{
    size:auto;
    margin: 1cm .75cm 1cm .75cm;
}

@media screen {
    .header-print-left { display:none}
    .header-print-right { display:none}
}