html {
	/* Palette colors */
        --rgbDarkGreen: 1, 104, 103;
        --rgbDarkerGreen: 4, 79, 78;
        --rgbLighterGreen: 171, 247, 199;
        --rgbDarkOrange: 176, 96, 40;
        --rgbOrange: 255, 180, 2;
        --rgbLightOrange: 255, 247, 236;
        --rgbPink: 255, 193, 196;
        --rgbLightPink: 255, 193, 196;
        --rgbWhite: 235, 235, 235;
        --rgbDeepWhite: 255, 255, 255;
        --rgbBlack: 34, 34, 33;
        --rgbDeepBlack: 0, 0, 0;

        --DarkGreen: rgb(var(--rgbDarkGreen));
        --DarkerGreen: rgb(var(--rgbDarkerGreen));
        --LightGreen: rgb(var(--rgbLightGreen));
        --LighterGreen: rgb(var(--rgbLighterGreen));
        --DarkOrange: rgb(var(--rgbDarkOrange));
        --Orange: rgb(var(--rgbOrange));
        --LightOrange: rgb(var(--rgbLightOrange));
        --Pink: #ffd3d3;
        --White: rgb(var(--rgbWhite));
        --DeepWhite: rgb(var(--rgbDeepWhite));
        --Black: rgb(var(--rgbBlack));
        --DeepBlack: rgb(var(--rgbDeepBlack));
}

.left-column-30{
        width: 30%;
        float: left;
}
.left-column-50{
        width: 50%;
        float: left;
}.left-column-60{
         width: 60%;
         float: left;
 }
.right-column-50{
        width: 50%;
        float: right;
}
.right-column-20{
  width: 40%;
  float: right;
}
.right-column-40{
        width: 40%;
        float: right;
}
.right-column-70{
        width: 70%;
        float: right;
}
/* Arrière plan sombre transparent pour augmenter le constraste avec une image en arrière plan
*/
.backdrop{
    --backdrop-opacity: 60%;
    color: var(--DeepWhite);
    background-color: rgb(from var(--DeepBlack) r g b / var(--backdrop-opacity));
    padding: 1em 4em 1em 4em; /* compensate removed padding from parent */
    height: stretch;
}
.backdrop a{
    color: var(--LighterGreen) ;
}

.remark-slide-content:has(.backdrop){
    padding:0; /* stretch backdrop to all screen */
}
.backdrop-black{
        --backdrop-opacity: 100%
}
.backdrop-black ~.remark-slide-number{
    color: var(--DeepWhite);
}

table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    --table-border-color: #ddd;
    border: 1px solid var(--table-border-color);
    padding: 8px;
}

tr:nth-child(even){
    --row-even-bg-color: #f2f2f2;
    background-color: var(--row-even-color);
}

tr:hover {
    --row-hover-bg-color: #f2f2f2;
    background-color: var(--row-hover-bg-color);
}

th {
    --header-bg-color:#04AA6D;
    --header-color:var(--DeepWhite);
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: var(--header-bg-color);
    color: var(--header-color);
}


.niveau1 table th{
    --header-bg-color:#04AA6D;
}
.niveau2 table th{
    --header-bg-color:#db9600   ;
}
.niveau3 table th{
    --header-bg-color:#7f04aa;
}

.TC{
    font-size: 2.5rem;
}
.TC:before{
    content: "⏱️ ";
}

.img-40pct img{
    width: 40%;
}


.img-60pct img{
    width: 60%;
}

.img-65pct img{
    width: 65%;
}

.img-70pct img{
    width: 70%;
}

.img-80pct img{
    width: 80%;
}

.text-xx-large{
    font-size: xx-large;
}