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

/*---------------------------------------------
		1. FORMAT DE POLICE REDUIT
Applicable aux <div class="font-size-small">
---------------------------------------------*/

.font-size-small
{
	font-size: 85%;
}
.font-size-very-small
{
  font-size: 55%;
}

/*---------------------------------------------
		2. MARGES DES PARAGRAPHES
Applicable aux <div class="marge......">
---------------------------------------------*/

.margeHaute150
{
	margin-top: 150px;
}
.margeHaute80
{
	margin-top: 80px;
}
.margeHaute60
{
  margin-top: 60px;
}
.margeHaute50
{
	margin-top: 50px;
}
.margeHaute40
{
  margin-top: 40px;
}
.margeHaute20
{
  margin-top: 20px;
}
.margeHaute10
{
  margin-top: 10px;
}
.margeDroite10
{
	margin-right: 10px;
}
.margeDroite20
{
	margin-right: 20px;
}
.margeDroite40
{
	margin-right: 40px;
}
.margeDroite50
{
	margin-right: 50px;
}
.margeDroite80
{
	margin-right: 80px;
}
.margeDroite100
{
  margin-right: 100px;
}
.margeDroite120
{
  margin-right: 120px;
}
.margeDroite130
{
  margin-right: 130px;
}
.margeDroite150
{
  margin-right: 150px;
}
.margeDroite200
{
  margin-right: 200px;
}
.margeDroite300
{
  margin-right: 320px;
}
.margeDroite380
{
  margin-right: 380px;
}
.margeDroite400
{
  margin-right: 400px;
}

/*---------------------------------------------
		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;
}