/************************************************************************** */
/******************* ANCIENNEMENT PROGRESSION_SITE ************************ */
/************************************************************************** */

.ligne{
font-size:0.875rem;
padding:0;
margin:0;
width: 100%;
display:inline-block;
}

#ancre_mobile {position:relative; top:-85px;} /* L'ancre est positionnée en haut de la page. Elle est donc placée 85 px au dessus de la ligne à montrer */

.cellule{
margin:0;
padding:0;
float:left;
overflow:hidden;
}

.vacances {
color:white !important;
background:none !important;
border:none !important;
}
.cellule.trois {width:calc(((100% - 0px) / 3) - 0px);}
.cellule.quatre {width:calc(((100% - 0px) / 4) - 0px);}
.cellule.cinq {width:calc(((100% - 0px) / 5) - 0px);}
.cellule.six {width:calc(((100% - 0px) / 6) - 0px);}


.sous-cellule {/* Dans une cellule, une ss cellule date - une sous cellule contenu */
margin:0;padding:0;}

.sous-cellule.date{
font-size:0.75rem;
padding:4px 10px;
color:white;
}

.sous-cellule.contenu{
font-size:0.9rem;
padding:10px 10px;
margin:0 0 20px 0;
color: rgba(0,0,0,0.85);
}

.fondgris {background-color:rgba(0,0,0,0.3);/*border-top:1px solid #888;*/}
.fondgrisclair {background-color:rgba(0,0,0,0.15);/*border-top:1px solid #888;*/}

/* Un fond différent par classe */
.fondgris1GEN {background: linear-gradient(rgba(255,0,28,0.25), rgba(255,0,28,0.25)), linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25));/*border-top:1px solid #888;*/}
.fondgris1STL {background: linear-gradient(rgba(156,9,70,0.25), rgba(156,9,70,0.25)), linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25));/*border-top:1px solid #888;*/}
.fondgrisTGEN {background: linear-gradient(rgba(27,39,118,0.25), rgba(27,39,118,0.25)), linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25));/*border-top:1px solid #888;*/}
.fondgrisTSTL {background: linear-gradient(rgba(77,33,107,0.25), rgba(77,33,107,0.25)), linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25));/*border-top:1px solid #888;*/}

/* Un fond différent par classe */
.fondvert {background-color:rgba(28,196,0,0.2);}
.fond1GEN {background-color:rgba(255,0,28,0.2);}
.fond1STL {background-color:rgba(156,9,70,0.2);}
.fondTGEN {background-color:rgba(27,39,138,0.22);} /* J'ai boosté le bleu */
.fondTSTL {background-color:rgba(77,33,107,0.22);}

/*
.rouge {color:rgba(195, 0, 58, 1);}
.vert {color:rgba(0, 121, 107, 1);}
.bleu {color:rgba(3, 155, 229, 1);}
.sous-cellule.contenu.bleusombre {color:rgba(27, 39, 138, 1);}
*/

.sous-cellule.contenu.controle1 {color:rgba(230, 0, 0, 1);}
.sous-cellule.contenu.controle2 {color:rgba(0, 0, 130, 1);} /* identique bleu sombre */

.bouton9 {text-align:center;display:inline-block;margin:20px 0;
padding:0.3em 15px 0.4em 15px;
min-width:70px;
color:#555;background:#f5f5f5;
border:none;border-radius:7px;
}