/*-----------------------------------------------------
		CSS: Feuille de style
------------------------------------------------------*/

/*---------------------------------------------
		1. ALIGNEMENT VERTICAL DU TEXTE
Applicable aux <div class="text_or1">
---------------------------------------------*/
.text_or1
{
	/*line-height: 1;*/
	white-space: wrap;
	line-height: 0,5;
    /*text-orientation: sideways;		/* Ligne entière tournée de 90° dans le sens des aiguilles d'une montre: https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation*/
	
    /*transform: rotate(180deg);*/
	word-break: break-all;
    writing-mode: vertical-rl;		/*Vertical de haut en bas: https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode*/
}


/*---------------------------------------------
		3. COULEUR DU TEXTE
Applicable aux <span class="couleur......">
---------------------------------------------*/

.couleurVerte { color: #008000; }
.couleurLightSeaGreen { color: #20B2AA; }

.colorej  { color: #990099; }         /*Violet*/
.coloraeant   { color: #2980B9; }     /*Bleu foncé*/
.colorcpant   { color: #3498DB; }     /*Bleu moins soutenu*/
.colorvarae  { color: #839192; }      /*Gris foncé*/
.colorvarcp  { color: #A6ACAF; }      /*Gris moins soutenu*/

/*---------------------------------------------
    3. COULEUR DE FOND
Applicable aux <span class="couleurfond......">
---------------------------------------------*/

.couleurfondvert
{
  background-color: rgb(171, 235, 198);
  color: rgb(0,0,0); /*texte noir*/
}

.couleurfondorange
{
  background-color: rgb(255, 195, 0);
  color: rgb(255,255,204); /*texte noir*/
}

.couleurfondrouge
{
  background-color: rgb(231, 76, 60);
  color: rgb(255,255,255); /*texte blanc*/
}


/*---------------------------------------------
	4. TABLEAUX: LARGEUR DES COLONNES
Applicable aux <td class="width......">
---------------------------------------------*/

.width15%
{
	width = 15%;
}

/*---------------------------------------------
  5.TABLEAUX: ENTETE-PIED FIXES
Applicable aux <div class=".tableFixHeadFoot"
encadrant le <table class="table" (Bootstrap)
---------------------------------------------*/

.tableFixHeadFoot {
        overflow-y: auto;         /* make the table scrollable if height is more than max-height  */
        max-height: 600px;        /* gives an max height to the table */
  }
  .tableFixHeadFoot table {
        border-collapse: collapse; /* make the table borders collapse to each other */
        width: 100%;
  }
  .tableFixHeadFoot thead {
        position: sticky;       /* make the table heads sticky = collant */
        top: 0px;               /* table head will be placed from the top of the table and sticks to it */
        background: black;
        color: #fff;
        text-align: center;
  }
  .tableFixHeadFoot tfoot {
        position: sticky;
        bottom: 0;
        background: #eee;
  }
  .tableFixHeadFoot caption {
        caption-side: top;
        text-align: left;
        padding: 0.25rem;
        position: sticky;
        left: 0;
}

/*---------------------------------------------
			5. PAGE D'ACCUEIL
Applicable aux <span class="ml5.">
---------------------------------------------*/

.ml5 {
  margin-top: 100px;
  position: relative;
  font-weight: 300;
  font-size:5em;
  color: #0F062E;
  background-color: #f3e9c6;
  min-height: 5em;
  text-align: center;
  vertical-align: middle;  
}

.ml5 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
  line-height: 5em;
}

.ml5 .line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  width: 100%;
  background-color: #0F062E;
  transform-origin: 0.5 0;
}

.ml5 .letters {
  display: inline-block;
  opacity: 0;
}