@charset "UTF-8";
hr {
    background-color: green;
}
hr.red {
    background-color: red;
    margin-top: 0px;
    margin-bottom: 0px;
}
.times {
    font-family: "Times New Roman";
    font-style: normal;
}
.arial {
    font-family: "Arial", sans-serif;
    font-style: normal;
}
.courier {
    font-family: Courier New !important;
    font-style: normal !important;
}
.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;
}
.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;
}
.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;
}
.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;
}
.bordCarre {
    border-radius: 0px !important;
}
.bord5px {
    border-radius: 5px !important;
}
.bord10px {
    border-radius: 10px !important;
}
.barrer {
    text-decoration: line-through !important;
}
.souligner {
    text-decoration: underline !important;
}
.soulignerRouge {
    text-decoration: underline !important;
    text-decoration-color: red !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;
}
.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;
}
.alignementVerticalTableau, .alignementVertical {
    vertical-align: middle;
}
.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;
}
.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;
}
.hZero {
    font-size: 0px !important;
    line-height: 0px !important;
}
.h0 {
    font-size: 2rem !important;
}
h1, .h1 {
    font-size: 1.6rem !important;
    padding: 3px 10px !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;
}
sup {
    line-height: normal !important;
    vertical-align: normal !important;
}
sub {
    line-height: normal !important;
    vertical-align: normal !important;
}
.hauteur {
    height: 1rem !important;
}
.hauteur1v5 {
    height: 1.5rem !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;
}
.hauteur17 {
    height: 17rem !important;
}
.hauteur20 {
    height: 20rem !important;
}
.hauteur25 {
    height: 25rem !important;
}
.hauteur1t {
    height: 1.33rem !important;
}
.hauteurZero, .hauteur0 {
    height: 0rem !important;
    line-height: 0rem !important;
}
.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;
}
.verticalCentrer, .centrerVertical {
    margin-bottom: auto !important;
    margin-top: auto !important;
}
.padding5px {
    padding: 5px;
}
.padding10px {
    padding: 10px;
}
.paddingHaut0Pourcent, .margeIntHaut0P {
    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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.marginGauche5Pourcent, .margeExtGauche5P {
    margin-left: 5% !important;
}
.marginGauche10Pourcent, .margeExtGauche10P {
    margin-left: 10% !important;
}
.marginGauche20Pourcent, .margeExtGauche20P {
    margin-left: 20% !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;
}
.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%;
}
.largeur3rem {
    width: 3rem !important;
}
.largeur4 {
    width: 4rem;
    max-width: 95%;
}
.largeur4rem {
    width: 4rem !important;
}
.largeur5 {
    width: 5rem;
    max-width: 95%;
}
.largeur5rem {
    width: 5rem !important;
}
.largeur7 {
    width: 7rem;
    max-width: 95%;
}
.largeur7rem {
    width: 7rem !important;
}
.largeur8 {
    width: 8rem;
    max-width: 95%;
}
.largeur8rem {
    width: 8rem !important;
}
.largeur9 {
    width: 9rem;
    max-width: 95%;
}
.largeur9rem {
    width: 9rem !important;
}
.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%;
}
.largeur70P {
    width: 70%;
}
.largeur50P {
    width: 50%;
}
.largeur45P {
    width: 45%;
}
[class^="largeur-"] {
  width: attr(data-largeur px) !important;
}


.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 screen and (min-width: 600px) {
    .largeur50P {
        width: 50%;
    }
    .largeur40P {
        width: 40%;
    }
    .largeur30P {
        width: 30%;
    }
}
.alignementCentral {
    vertical-align: middle;
}
.alignementHaut {
    vertical-align: top;
}
.alignementBas {
    vertical-align: bottom;
}


.HorizontalVertical {}
.tableAvecAscenseur {
    white-space: nowrap;
    display: block;
    overflow-x: auto;
}
/* -------------------------------------- */
/* -- Ajout d'une icône félicitations --- */
#iconeFelicitation {
  position: relative;
  margin-left: 80%;
  top: -3.5rem;
  width: 3rem;
  margin-bottom: -4rem;
  visibility: hidden;
}
/* -------------------------------------- */
/* -- Lien exercice suivant --- */
#exSuivant {
  width: 50%;
  margin: 10px auto 10px auto;
  font: normal 1.2rem/normal "Times New Roman", serif;
  text-align: center;
  background-color: white;
  border-radius: 10px;
  border: 2px solid;
  border-color: #333 #666 #666 #333;
  visibility: hidden;
}
#exSuivant a {
  color: red;
  text-decoration: none;
}
/* -------------------------------------- */
/* -- traduction --- */
div.traduction {
    text-align: right;
    margin: 10px 5% 15px 5%;
}

#traduction, #version {
    padding: 3px 1.5rem;
    font: normal 1rem/normal "Times New Roman", serif;
    text-align: left;
    color: black;
    border: 4px solid;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block; /* ou block */
}

#version {
    margin-bottom: 10px !important;
    border-color: #090 #040 #040 #090;
    background-color: #00ff00;
}

#traduction {
    margin-right: 5%;
    border-color: #999 #333 #333 #999;
    background-color: #888;
}
.espaces {
  display: inline-block;
  width: 2rem; /* ou 3ch, 40px, etc. */
}
.equation {
  display: block;
  text-align: center;
  margin: 2px 0;
  font-family: "Times New Roman", serif;
}