@keyframes clignoter {
    0% {
        box-shadow: -10px -10px 20px red, 10px 10px 20px grey;
    }

    25% {
        box-shadow: 10px -10px 20px red, -10px 10px 20px grey;
    }

    50% {
        box-shadow: 10px 10px 20px red, -10px -10px 20px grey;
    }

    75% {
        box-shadow: -10px 10px 20px red, 10px -10px 20px grey;
    }

    100% {
        box-shadow: -10px -10px 20px red, 10px 10px 20px grey;
    }
}

:root {
    --dark-font-color: #efefef;
    --light-font-color: #202020;
}

/* Couleurs pour les ressources */
.resource-R1-01 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-02 {
    --ressource-color: #0099ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-03 {
    --ressource-color: var(--dark-font-color)f007b;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-04 {
    --ressource-color: #ffcc66;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-05 {
    --ressource-color: #5f785f;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-06 {
    --ressource-color: #6ca104;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-07 {
    --ressource-color: #7b7b2a;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-08 {
    --ressource-color: #ff8000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-09 {
    --ressource-color: #cc00cc;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-10 {
    --ressource-color: #009966;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-11 {
    --ressource-color: #0033ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-12 {
    --ressource-color: #ff99ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R1-L-1 {
    --ressource-color: #00b046;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-01 {
    --ressource-color: #cc99ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-02 {
    --ressource-color: #66ccff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-03 {
    --ressource-color: #cccc00;
    --font-ressource-color: var(--light-font-color);
}

.resource-R2-04 {
    --ressource-color: #ffc043;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-05 {
    --ressource-color: #4baf4b;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-06 {
    --ressource-color: #ff8000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-07 {
    --ressource-color: #8acf00;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-08 {
    --ressource-color: #808000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-09 {
    --ressource-color: #ff6666;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-10 {
    --ressource-color: #9090b2;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-11 {
    --ressource-color: #9900cc;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-12 {
    --ressource-color: #009966;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-13 {
    --ressource-color: #0033ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R2-14 {
    --ressource-color: #ff99ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-01 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-02 {
    --ressource-color: #ff33ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-03 {
    --ressource-color: #ff33ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-04 {
    --ressource-color: #b9b932;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-05 {
    --ressource-color: #ff8000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-06 {
    --ressource-color: #ffc042;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-07 {
    --ressource-color: #008000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-08 {
    --ressource-color: #6ca104;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-09 {
    --ressource-color: #626200;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-10 {
    --ressource-color: #ff8000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-11 {
    --ressource-color: #990099;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-12 {
    --ressource-color: #009966;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-13 {
    --ressource-color: #3366ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-14 {
    --ressource-color: #ff0080;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-A-L1 {
    --ressource-color: #00b8b8;
    --font-ressource-color: var(--dark-font-color);
}

.resource-S3-A-01 {
    --ressource-color: #cc6600;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R3-B-L {
    --ressource-color: #00cccc;
    --font-ressource-color: var(--dark-font-color);
}

.resource-S3-B-01 {
    --ressource-color: #b9b932;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-01 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-02 {
    --ressource-color: #b7b711;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-03 {
    --ressource-color: #66ccff;
    --font-ressource-color: var(--light-font-color);
}

.resource-R4-04 {
    --ressource-color: #90bb38;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-05 {
    --ressource-color: #2bbe75;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-06 {
    --ressource-color: #3366ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-07 {
    --ressource-color: #ff00ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-A-10 {
    --ressource-color: #87b187;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-A-11 {
    --ressource-color: #00cc33;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-A-12 {
    --ressource-color: #cdcd00;
    --font-ressource-color: var(--light-font-color);
}

.resource-R4-B-L1 {
    --ressource-color: #2ac4c4;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-B-10 {
    --ressource-color: #cdcd00;
    --font-ressource-color: var(--light-font-color);
}

.resource-R4-B-11 {
    --ressource-color: #87b187;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-B-12 {
    --ressource-color: #00cc66;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-A-L1 {
    --ressource-color: #00c2c2;
    --font-ressource-color: var(--dark-font-color);
}

.resource-S4-AB-01 {
    --ressource-color: #cccc00;
    --font-ressource-color: var(--light-font-color);
}

.resource-S4-A-01 {
    --ressource-color: #cccc00;
    --font-ressource-color: var(--light-font-color);
}

.resource-S4-B-01 {
    --ressource-color: #cccc00;
    --font-ressource-color: var(--light-font-color);
}

.resource-R4-AB-08 {
    --ressource-color: #ff9999;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R4-AB-09 {
    --ressource-color: #ff9933;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-01 {
    --ressource-color: #ff8000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-02 {
    --ressource-color: #ff6fcf;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-03 {
    --ressource-color: #3333ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-04 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-05 {
    --ressource-color: #ff00ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-06 {
    --ressource-color: #33ccff;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-A-07 {
    --ressource-color: #abab08;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-08 {
    --ressource-color: #ffcc66;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-A-09 {
    --ressource-color: #87a287;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-10 {
    --ressource-color: #008040;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-11 {
    --ressource-color: #00ff80;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-A-12 {
    --ressource-color: #bfbf2f;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-A-13 {
    --ressource-color: #cc00cc;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-14 {
    --ressource-color: #1dcd1d;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-A-L1 {
    --ressource-color: #45c6c6;
    --font-ressource-color: var(--light-font-color);
}

.resource-S5-B-01 {
    --ressource-color: #c3c300;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-B-04 {
    --ressource-color: #ff00ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-B-05 {
    --ressource-color: #cbcb08;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-B-06 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-B-07 {
    --ressource-color: #91af91;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-B-08 {
    --ressource-color: #66ccff;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-B-09 {
    --ressource-color: #ffcc66;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-B-10 {
    --ressource-color: #b7b784;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-B-11 {
    --ressource-color: #cc00cc;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R5-B-12 {
    --ressource-color: #33ff33;
    --font-ressource-color: var(--light-font-color);
}

.resource-R5-B-L1 {
    --ressource-color: #45c6c6;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-01 {
    --ressource-color: #ff8000;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-02 {
    --ressource-color: #ffcc33;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-03 {
    --ressource-color: #3333ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-04 {
    --ressource-color: #ff66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-B-05 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-B-06 {
    --ressource-color: #c3c300;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-A-05 {
    --ressource-color: #cc66ff;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-A-06 {
    --ressource-color: #aeae00;
    --font-ressource-color: var(--dark-font-color);
}

.resource-S6-A-01 {
    --ressource-color: #93bfbf;
    --font-ressource-color: var(--dark-font-color);
}

.resource-R6-A-L1 {
    --ressource-color: #00cccc;
    --font-ressource-color: var(--light-font-color);
}

.resource-R6-B-L1 {
    --ressource-color: #00cccc;
    --font-ressource-color: var(--light-font-color);
}

.autonomie {
    --ressource-color: #7f7fff;
    --font-ressource-color: var(--dark-font-color);
}

.SAE {
    --ressource-color: #99ccff;
    --font-ressource-color: var(--light-font-color);
}

.exam-event {
    animation: clignoter 4s infinite;
    --ressource-color: red;
    --font-ressource-color: var(--dark-font-color);
}

.vacances {
    background-image: url("../../../img/calendar/manette.png") !important;
    background-position: center !important;
    background-size: 72px 72px !important;
    background-repeat: no-repeat !important;
}