@charset "UTF-8";
/* CSS Document */
/* ----------------------------------------------------- */
/* Mise en couleur de la ligne de séparation */
hr {
    background-color: green;
}
hr.red {
    background-color: red;
    margin-top: 0;
    margin-bottom: 0;
}
/* --------------------------------------*/
/* Changement de la police de caractère  */
.times {
    font-family: "Times New Roman";
    font-style: normal;
}
.arial {
    font-family: "Arial", sans-serif;
    font-style: normal;
}
.courier {
    font-family: Courier New;
    font-style: normal;
}

/* Couleurs de texte */
.red, .rouge { color: red !important; }
.blue, .bleu { color: blue !important; }
.white, .blanc { color: white !important; }
.green, .verte, .vert { color: green !important; }
.rose { color: deeppink !important; }
.black, .noir { color: black !important; }
.marron { color: saddlebrown !important; }
.jaune { color: #ffff00 !important; }
.cyan { color: #00ffff !important; }
.magenta { color: #ff00ff !important; }
.gris { color: darkgrey !important; }
.grisClair { color: #dddddd !important; }
.orange { color: orange !important; }

/* Arrière-plans */
.fondRed, .fondRouge { background-color: red !important; }
.fondBlue, .fondBleu { background-color: blue !important; }
.fondBleuClair { background-color: #00ccff !important; }
.fondWhite, .fondBlanc { background-color: white !important; }
.fondGreen, .fondVerte, .fondVert { background-color: green !important; }
.fondVertClair { background-color: chartreuse !important; }
.fondBlack, .fondNoir { background-color: black !important; }
.fondGris { background-color: darkgrey !important; }
.fondGrisClair { background-color: #dddddd !important; }
.fondOrange { background-color: orange !important; }
.fondJaune { background-color: #ffff00 !important; }
.fondJauneClair { background-color: khaki !important; }
.fondCyan { background-color: #00ffff !important; }
.fondCyanClair { background-color: rgba(219,255,255,1) !important; }
.fondMagenta { background-color: #ff00ff !important; }
.fondMarron { background-color: saddlebrown !important; }
.fondViolet { background-color: blueviolet !important; }
.fondTransparent { background-color: rgba(0,0,0,0) !important; }

/* Bordures */
.bordureRed, .bordureRouge { border-color: red !important; }
.bordureBlue, .bordureBleu { border-color: blue !important; }
.bordureCyan { border-color: aqua !important; }
.bordureWhite, .bordureBlanc { border-color: white !important; }
.bordureGreen, .bordureVerte, .bordureVert { border-color: green !important; }
.bordureBlack, .bordureNoir { border-color: black !important; }
.bordureOrange { border-color: #FC0 !important; }
.bordureJaune { border-color: #ffff00 !important; }
.bordureTransparente { border-color: rgba(0,0,0,0) !important; }

/* Épaisseur des bordures */
.bordureEpaisseur0 { border-width: 0px !important; }
.bordureEpaisseur1 { border-width: 1px !important; border-style: solid !important; }
.bordureEpaisseur2 { border-width: 2px !important; border-style: solid !important; }
.bordureEpaisseur3 { border-width: 3px !important; border-style: solid !important; }
.bordureEpaisseur4 { border-width: 4px !important; border-style: solid !important; }

/* Rayon des bordures */
.bordCarre { border-radius: 0px !important; }
.bord5px { border-radius: 5px !important; }
.bord10px { border-radius: 10px !important; }

/* Texte */
.barrer { text-decoration: line-through !important; }
.souligner { text-decoration: underline !important; }
.nonSouligner { text-decoration: none !important; }
.enligne { display: inline !important; }
.enbloc { display: block !important; }
.blocEnLigne { display: inline-block !important; }
.centrer { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
.justifier { text-align: justify !important; }

/* Réinitialisation */
.zero {
    border-width: 0px;
    padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px;
    margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px;
}

/* Alignement vertical */
.alignementVerticalTableau, .alignementVertical { vertical-align: middle; }

/* Alignement horizontal */
.gauche { text-align: left !important; margin-left: 0px !important; padding-left: 0px !important; }
.droite { text-align: right !important; margin-right: 0px !important; padding-right: 0px !important; }

/* Positionnement */
.haut { margin-top: 0px !important; padding-top: 0px !important; line-height: normal; }
.pasDeMarge { margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }
.invisible { visibility: hidden !important; }

/* Taille du texte */
.hZero { font-size: 0px !important; line-height: 0px !important; }
.h0 { font-size: 2rem !important; }
h1, .h1 { font-size: 1.6rem !important; }
h2, .h2 { font-size: 1.4rem !important; }
h3, .h3 { font-size: 1.2rem !important; }
h4, .h4 { font-size: 1rem !important; }
h5, .h5 { font-size: 0.8rem !important; }
h6, .h6 { font-size: 0.6rem !important; }
.hzero { font-size: 0.01rem !important; }
.text3rem { font-size: 3rem !important; }
.gras { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.italique { font-style: italic !important; }
.insecable { white-space: nowrap !important; }
b { font-weight: normal !important; }

/* Exposants et indices */
sup { line-height: normal !important; vertical-align: normal !important; }
sub { line-height: normal !important; vertical-align: normal !important; }

/* Hauteurs */
.hauteur { height: 1rem !important; }
.hauteur2 { height: 2rem !important; }
.hauteur3 { height: 3rem !important; }
.hauteur4 { height: 4rem !important; }
.hauteur5 { height: 5rem !important; }
.hauteur10 { height: 10rem !important; }
.hauteur15 { height: 15rem !important; }
.hauteur16 { height: 16rem !important; }
.hauteur20 { height: 20rem !important; }
.hauteur25 { height: 25rem !important; }
.hauteur1t { height: 1.33rem !important; }
.hauteurZero, .hauteur0 { height: 0rem !important; line-height: 0rem !important; }

/* Ligne hauteur */
.hauteurLigne { line-height: 1rem !important; }
.hauteurLigne1Demi { line-height: 1.5rem !important; }
.hauteurLigne2 { line-height: 2rem !important; }
.hauteurLigne2Demi { line-height: 2.5rem !important; }
.hauteurLigne3 { line-height: 3rem !important; }
.hauteurLigne4 { line-height: 4rem !important; }
.hauteurLigne1t { line-height: 1.33rem !important; }
.hauteurLigneH1 { line-height: 1.6rem !important; }
.hauteurLigneZero { line-height: 0.01rem !important; }

/* Centrage vertical */
.verticalCentrer { margin-bottom: auto !important; margin-top: auto !important; }

/* Paddings et marges */
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }

/* Paddings haut */
.paddingHaut0Pourcent, .margeIntHaut0P, .paddingHaut0 { padding-top: 0% !important; }
.paddingHautTT, .margeIntHautTT { padding-top: 0.1rem !important; }
.paddingHautDT, .margeIntHautDT { padding-top: 0.2rem !important; }
.paddingHaut1T, .margeIntHaut1T { padding-top: 0.3rem !important; }
.paddingHautD, .margeIntHautD { padding-top: 0.5rem !important; }
.paddingHaut1, .margeIntHaut1r { padding-top: 1rem !important; }
.margeIntHaut5px { padding-top: 5px !important; }
.margeIntHaut10px { padding-top: 10px !important; }
.margeIntHaut15px { padding-top: 15px !important; }
.margeIntHaut20px { padding-top: 20px !important; }

/* Paddings bas */
.paddingBas0Pourcent, .paddingBas0, .margeIntBas0 { padding-bottom: 0px !important; }
.paddingBasTT, .margeIntBasTT { padding-bottom: 0.1rem !important; }
.paddingBasDT, .margeIntBasDT { padding-bottom: 0.2rem !important; }
.paddingBas1T, .margeIntBas1T { padding-bottom: 0.3rem !important; }
.paddingBasD, .margeIntBasD { padding-bottom: 0.5rem !important; }
.paddingBas1, .margeIntBas1r { padding-bottom: 1rem !important; }
.paddingBas-5px, .margeIntBas-5px { padding-bottom: -5px !important; }
.paddingBas-10px, .margeIntBas-10px { padding-bottom: -10px !important; }
.paddingBas-15px, .margeIntBas-15px { padding-bottom: -15px !important; }
.paddingBas-20px, .margeIntBas-20px { padding-bottom: -20px !important; }
.paddingBas2px, .margeIntBas2px { padding-bottom: 2px !important; }
.paddingBas3px, .margeIntBas3px { padding-bottom: 3px !important; }
.paddingBas4px, .margeIntBas4px { padding-bottom: 4px !important; }
.paddingBas5px, .margeIntBas5px { padding-bottom: 5px !important; }
.paddingBas10px, .margeIntBas10px { padding-bottom: 10px !important; }
.paddingBas15px, .margeIntBas15px { padding-bottom: 15px !important; }
.paddingBas20px, .margeIntBas20px { padding-bottom: 20px !important; }

/* Paddings gauche */
.paddingGauche0Pourcent, .paddingGauche0, .margeIntGauche0 { padding-left: 0px !important; }
.paddingGauche, .margeIntGauche2P { padding-left: 2% !important; }
.paddingGauche3Pourcent, .margeIntGauche3P { padding-left: 3% !important; }
.paddingGauche4Pourcent, .margeIntGauche4P { padding-left: 4% !important; }
.paddingGauche5Pourcent, .margeIntGauche5P { padding-left: 5% !important; }
.paddingGauche10Pourcent, .margeIntGauche10P { padding-left: 10% !important; }
.paddingGauche20Pourcent, .margeIntGauche20P { padding-left: 20% !important; }
.paddingGauche30Pourcent, .margeIntGauche30P { padding-left: 30% !important; }
.paddingGauche5, .margeIntGauche5px { padding-left: 5px !important; }
.paddingGauche10, .margeIntGauche10px { padding-left: 10px !important; }
.paddingGauche15, .margeIntGauche15px { padding-left: 15px !important; }
.paddingGauche20, .margeIntGauche20px { padding-left: 20px !important; }
.paddingGauche30, .margeIntGauche30px { padding-left: 30px !important; }
.paddingGauche50, .margeIntGauche50px { padding-left: 50px !important; }
.paddingGauche100, .margeIntGauche100px { padding-left: 100px !important; }
.paddingGauche-10, .margeIntGauche-10px { padding-left: -10px !important; }
.paddingGauche-20, .margeIntGauche-20px { padding-left: -20px !important; }
.paddingGauche-30, .margeIntGauche-30px { padding-left: -30px !important; }

/* Paddings droite */
.paddingDroite0Pourcent, .paddingDroite0, .margeIntDroite0 { padding-right: 0px !important; }
.paddingDroite1Pourcent, .margeIntDroite1P { padding-right: 1% !important; }
.paddingDroite2Pourcent, .margeIntDroite2P { padding-right: 2% !important; }
.paddingDroite5Pourcent, .margeIntDroite5P { padding-right: 5% !important; }
.paddingDroite10Pourcent, .margeIntDroite10P { padding-right: 10% !important; }
.paddingDroite15Pourcent, .margeIntDroite15P { padding-right: 15% !important; }
.paddingDroite20Pourcent, .margeIntDroite20P { padding-right: 20% !important; }
.paddingDroite30Pourcent, .margeIntDroite30P { padding-right: 30% !important; }
.paddingDroite5, .margeIntDroite5px { padding-right: 5px !important; }
.paddingDroite10, .margeIntDroite10px { padding-right: 10px !important; }
.paddingDroite15, .margeIntDroite15px { padding-right: 15px !important; }
.paddingDroite20, .margeIntDroite20px { padding-right: 20px !important; }
.paddingDroite30, .margeIntDroite30px { padding-right: 30px !important; }

/* Marges */
.marginGauche0Pourcent, .margeExtGauche0P { margin-left: 0% !important; }
.marginGauche2Pourcent, .margeExtGauche2P { margin-left: 2% !important; }
.marginGauche3Pourcent, .margeExtGauche3P { margin-left: 3% !important; }
.marginGauche4Pourcent, .margeExtGauche4P { margin-left: 4% !important; }
.marginGauche5Pourcent, .margeExtGauche5P { margin-left: 5% !important; }
.marginGauche10Pourcent, .margeExtGauche10P { margin-left: 10% !important; }
.marginGauche20Pourcent, .margeExtGauche20P { margin-left: 20% !important; }
.marginGauche30Pourcent, .margeExtGauche30P { margin-left: 30% !important; }
.marginGauche10, .margeExtGauche10px { margin-left: 10px !important; }
.marginGauche15, .margeExtGauche15px { margin-left: 15px !important; }
.marginGauche20, .margeExtGauche20px { margin-left: 20px !important; }
.marginGauche30, .margeExtGauche30px { margin-left: 30px !important; }
.marginGauche-10, .margeExtGauche-10px { margin-left: -10px !important; }
.marginGauche-20, .margeExtGauche-20px { margin-left: -20px !important; }
.marginGauche-30, .margeExtGauche-30px { margin-left: -30px !important; }
.marginGauche-2Pourcent, .margeExtGauche-2P { margin-left: -2% !important; }
.marginGauche-3Pourcent, .margeExtGauche-3P { margin-left: -3% !important; }
.marginGauche-4Pourcent, .margeExtGauche-4P { margin-left: -4% !important; }
.marginGauche-5Pourcent, .margeExtGauche-5P { margin-left: -5% !important; }

.marginDroite0Pourcent, .margeExtDroite0P { margin-right: 0% !important; }
.marginDroite2Pourcent, .margeExtDroite2P { margin-right: 2% !important; }
.marginDroite5Pourcent, .margeExtDroite5P { margin-right: 5% !important; }
.marginDroite10Pourcent, .margeExtDroite10P { margin-right: 10% !important; }
.marginDroite20Pourcent, .margeExtDroite20P { margin-right: 20% !important; }
.marginDroite30Pourcent, .margeExtDroite30P { margin-right: 30% !important; }
.marginDroite10, .margeExtDroite10px { margin-right: 10px !important; }
.marginDroite15, .margeExtDroite15px { margin-right: 15px !important; }
.marginDroite20, .margeExtDroite20px { margin-right: 20px !important; }

.marginBas-5, .margeExtBas-5 { margin-bottom: -5px !important; }
.marginBas-10, .margeExtBas-10 { margin-bottom: -10px !important; }
.marginBas-15, .margeExtBas-15 { margin-bottom: -15px !important; }
.marginBas-20, .margeExtBas-20 { margin-bottom: -20px !important; }
.marginBas-30, .margeExtBas-30 { margin-bottom: -30px !important; }
.marginBas-40, .margeExtBas-40 { margin-bottom: -40px !important; }
.marginBas0, .margeExtBas0 { margin-bottom: 0px !important; }
.marginBas5, .margeExtBas5, .margeExtBas5px { margin-bottom: 5px !important; }
.marginBas10, .margeExtBas10, .margeExtBas10px { margin-bottom: 10px !important; }
.marginBas15, .margeExtBas15, .margeExtBas15px { margin-bottom: 15px !important; }
.marginBas20, .margeExtBas20, .margeExtBas20px { margin-bottom: 20px !important; }

.marginHaut-10, .margeExtHaut-10, .margeExtHaut-10px { margin-top: -10px !important; }
.marginHaut0, .margeExtHaut0 { margin-top: 0px !important; }
.marginHaut3, .margeExtHaut3, .margeExtHaut3px { margin-top: 3px !important; }
.marginHaut5, .margeExtHaut5, .margeExtHaut5px { margin-top: 5px !important; }
.marginHaut10, .margeExtHaut10, .margeExtHaut10px { margin-top: 10px !important; }
.marginHaut15, .margeExtHaut15, .margeExtHaut15px { margin-top: 15px !important; }
.marginHaut20, .margeExtHaut20, .margeExtHaut20px { margin-top: 20px !important; }
.marginHaut30, .margeExtHaut30, .margeExtHaut30px { margin-top: 30px !important; }
.marginHaut50, .margeExtHaut50, .margeExtHaut50px { margin-top: 50px !important; }

/* Largeurs */
.largeurAuto { width: auto; }
.largeurMax45 { max-width: 45%; }
.largeurMax40 { max-width: 40%; }
.largeurMax50 { max-width: 50%; }
.largeurMax95 { max-width: 95%; }
.largeurMax90 { max-width: 90%; }
.largeurMax80 { max-width: 80%; }
.largeurZero, .largeur0 { width: 0px; }
.largeur2 { width: 2rem; max-width: 95%; }
.largeur3 { width: 3rem; max-width: 95%; }
.largeur4 { width: 4rem; max-width: 95%; }
.largeur5 { width: 5rem; max-width: 95%; }
.largeur7 { width: 7rem; max-width: 95%; }
.largeur8 { width: 8rem; max-width: 95%; }
.largeur9 { width: 9rem; max-width: 95%; }
.largeur10 { width: 10rem; max-width: 95%; }
.largeur11 { width: 11rem; max-width: 95%; }
.largeur12 { width: 12rem; max-width: 95%; }
.largeur13 { width: 13rem; max-width: 95%; }
.largeur14 { width: 14rem; max-width: 95%; }
.largeur15 { width: 15rem; max-width: 95%; }
.largeur16 { width: 16rem; max-width: 95%; }
.largeur17 { width: 17rem; max-width: 95%; }
.largeur18 { width: 18rem; max-width: 95%; }
.largeur19 { width: 19rem; max-width: 95%; }
.largeur20 { width: 20rem; max-width: 95%; }
.largeur21 { width: 21rem; max-width: 95%; }
.largeur22 { width: 22rem; max-width: 95%; }
.largeur23 { width: 23rem; max-width: 95%; }
.largeur24 { width: 24rem; max-width: 95%; }
.largeur25 { width: 25rem; max-width: 95%; }
.largeur30 { width: 30rem; max-width: 95%; }
.largeur50 { width: 50rem; max-width: 95%; }
.largeur100 { width: 100rem; max-width: 95%; }
.largeur90P { width: 90%; }
.largeur80P { width: 80%; }
.largeur100px { width: 100px !important; }
.largeur200px { width: 200px !important; }
.largeur300px { width: 300px !important; }
.largeur400px { width: 400px !important; }

/* Hauteurs */
.hauteur0px { height: 0px !important; }
.hauteur1demirem { height: 1.5rem !important; }
.hauteur2rem { height: 2rem !important; }
.hauteur3rem { height: 3rem !important; }
.hauteur4rem { height: 4rem !important; }
.hauteur100px { height: 100px !important; }
.hauteur200px { height: 200px !important; }
.hauteur300px { height: 300px !important; }
.hauteur400px { height: 400px !important; }
.hauteur500px { height: 500px !important; }
.hauteur600px { height: 600px !important; }
.hauteur700px { height: 700px !important; }

/* Media queries */
@media screen and (min-width: 600px) {
    .largeur50P { width: 50%; }
    .largeur40P { width: 40%; }
    .largeur30P { width: 30%; }
}

/* Alignement */
.alignementCentral { vertical-align: middle; }
.alignementHaut { vertical-align: top; }
.alignementBas { vertical-align: bottom; }

/* Traduction */
div.traduction {
    text-align: right;
    margin-bottom: 10px;
}
#traduction {
    margin-right: 5%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size: 1rem;
    text-align: left;
    font-weight: normal;
    line-height: normal;
    color: black;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid;
    border-top-color: #999;
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #999;
    background-color: #888;
    text-decoration: none;
}