body {
    background: url("/assets/images/fond_cqlab2.jpg") fixed;
    background-size:cover !important; 
    background-position-x: center; 
    background-position-y: center;
    margin-top:15px;
    margin-bottom:15px;
    height: 100%;}

.form-signin {
  max-width: 330px;
  padding: 15px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin input[id="emailCnx2"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.footer {font-size: 80%; width: 100%;}
.footer-fix {font-size: 80%; width: 100%;padding:10px;position: absolute; bottom:0;left:0}

.form-x label { margin-left:10px;margin-right:20px;margin-top:5px;font-size:95%}

.btn-secondary, .btn-success,  .btn-primary {color:#fff !important}

.user-titre {font-size:140%; font-weight: 400; border-bottom:2px solid #95C11F;}

h1.titre {font-size: 200%; text-transform: uppercase; font-weight: 400; text-decoration: none;}
h1.titre>a {text-decoration: none;}
h1.titre>small {display:block;font-size: 50%; text-transform: normal !important; font-weight: 400;}

#manuel .bloc_titre_sommaire {font-size: 130%;  color:#636362; text-align:left; font-weight: 600; margin-top:20px;margin-bottom:10px; }
#manuel .bloc_titre {font-size: 140%;  color:#009EE2; text-align:left; font-weight: 600; margin-top:20px;margin-bottom:10px; }
#manuel .bloc_soustitre {font-size: 120%; color:#95C11F; text-align:left; font-weight: 600; margin-top:10px;margin-bottom:0px; }
#manuel .bloc_intertitre {font-size: 100%; text-align:left; font-weight: 600; margin-top:10px;margin-bottom:0px; }
#manuel .bloc_focus {font-size: 140%; color:#000 !important; line-height:1.2em; text-align:center; font-weight: 600; margin-top:10px;margin-bottom:10px; }

#manuel.printable .bloc_titre_sommaire {font-size: 150%; color:#FFF; background-color:#636362; text-align:center; font-weight: 600; margin-bottom:15px;padding:10px }
#manuel.printable .bloc_titre {font-size: 140%;  color:#009EE2; text-align:left; font-weight: 600; margin-top:20px;margin-bottom:10px; }




.sommaire .bloc_titre_sommaire {font-size: 140%; color:#000; border-bottom:1px solid #ccc; font-weight: 600; margin-bottom:10px;padding:5px;margin-top:20px }

.sommaire .bloc_titre {font-size: 110%;   text-align:left; font-weight: 500; margin-left:20px }
.sommaire .bloc_soustitre {font-size: 100%; text-align:left; font-weight: 500; margin-left:40px }
.sommaire  div.titre-principal {font-size:120%; color:#009EE2; font-weight: 600; text-align:left;margin-top:5px;}
.sommaire  div.titre-principal.sous-titre {font-size: 100%; color:#999; font-weight: 400; margin-top:-5px; margin-bottom:10px;font-style: italic;}






#manuel .sommaire-bloc .bloc_titre {margin-left:20px !important;margin-top:0px;margin-bottom:0px; font-weight: 400 !important; }
#manuel .sommaire-bloc .bloc_soustitre {margin-left:40px !important;margin-top:0px;margin-bottom:0px; font-weight: 400 !important; }

#manuel .bloc_titre_sommaire.reference {font-size: 100%; color:#999; text-align:left; font-weight: 500; margin-top:-15px;margin-bottom:10px; font-style: italic; }
#manuel .bloc_titre.reference {font-size: 100%; color:#999; text-align:left; font-weight: 500; margin-top:-15px;margin-bottom:10px; font-style: italic; }
#manuel .bloc_soustitre.reference {font-size: 90%; color:#999; text-align:left; font-weight: 500; margin-top:-5px;margin-bottom:10px; font-style: italic; }
#manuel .bloc_intertitre.reference {font-size: 85%; color:#999; text-align:left; font-weight: 500; margin-top:-5px;margin-bottom:10px; font-style: italic; }

#manuel .sommaire-bloc {padding: 8px 15px 7px 15px;border : 1px solid #CCC; border-radius: 10px;margin-bottom:10px;background-color: #fff;}
#manuel .sommaire-bloc .titre { font-size: 100%; font-weight: 600;margin-left:5px}

#manuel h2.titre-principal {font-size:150%; color:#009EE2; font-weight: 600; text-align:center}
#manuel H2.titre-principal.sous-titre {font-size: 110%; color:#636362; font-weight: 600; margin-top:-5px; margin-bottom:30px;font-style: italic;}

#manuel.printable div.titre-principal {font-size:140%; color:#009EE2; font-weight: 600; text-align:left}
#manuel.printable div.titre-principal.sous-titre {font-size: 100%; color:#999; font-weight: 400; margin-top:-5px; margin-bottom:10px;font-style: italic;}


#manuel div.titre-fleche {font-size:130%; color:#000; font-weight: 600; text-align: center;line-height:1.2em;}
#manuel .fleche {font-size: 300%; text-align: center; color:#009EE2;}

#manuel .upload {padding:10px; padding-left:20px;padding-right:10px; border-radius:10px; background-color: #fff;border:1px solid #ddd; display: block;margin-bottom:15px}

#manuel .helper, .modal-body .helper {padding: 15px;border : 1px solid #f0fbff; border-radius: 10px;margin-bottom:10px;margin-top:10px;background-color: #f0fbff; font-size:75%; text-align: justify;}
#manuel .helper i, .modal-body .helper i {font-size:120%; color:#009EE2}


#manuel .rgtab {font-size: 80%;}
#manuel .rgtitre {font-size:110%;font-weight: bold;color:#fff; background-color: #009EE2;}
#manuel .rgsoustitre {width:50%;font-size:100%;font-weight: bold;color:#636362; background-color: #009ee221; text-align: right;}

#manuel .bloc_texte_simple {font-size:85%;}
#manuel .bloc_texte_simple li {font-size:100%;}
#manuel .bloc_texte_encadre {padding: 15px;border : 2px #aaa dotted; border-radius: 10px;margin-bottom:10px;margin-top:10px;background-color: #FCFCFC; font-size:85%; text-align: justify; font-style: italic;}
#manuel .bloc_texte_encadre li {font-size:100%;}
#manuel .bloc_texte_focus {font-size:120%; text-align: center;}
#manuel .bloc_texte_focus li {font-size:120%;}


.sommaire-bloc .sous-titre {margin-left:25px; display:block; font-weight: 400;font-size: 14px;}
.titre-reglementation { font-size:80%; color:#009EE2; background-color: #009EE2CC;}

.custom-tooltip.tooltip > .tooltip-inner
{
    background-color: #009EE2;
    opacity: 1;
    text-align: left;
    max-width: 500px;
}

p.sous-titre {font-size: 110%; font-weight: 600; margin-top:-10px}

.contenu h2 {font-size:150%; color:#009EE2; font-weight: 600;}
.contenu h2.article {font-size:100%; color:#636362; font-weight: 600; font-style: italic !important;}
.contenu h3 {font-size:120%; color:#000; font-weight: 600;}
.contenu h3.article {font-size:100%; color:#636362; font-weight: 600; font-style: italic !important;}

.contenu p {font-size:90%; text-align: justify;}
.contenu li {font-size:90%;}

.contenu .texte {padding: 15px;border : 1px solid #CCC; border-radius: 10px;margin-bottom:10px;background-color: #fff; font-size:90%; text-align: justify;}

.contenu .helper {padding: 15px;border : 1px solid #f0fbff; border-radius: 10px;margin-bottom:10px;margin-top:10px;background-color: #f0fbff; font-size:75%; text-align: justify;}
.contenu .helper i {font-size:120%; color:#009EE2}

.contenu .definition {padding: 15px;border : 2px #aaa dotted; border-radius: 10px;margin-bottom:10px;margin-top:10px;background-color: #FCFCFC; font-size:85%; text-align: justify; font-style: italic;}
.contenu .reglementation {padding: 15px;border : 2px #aaa dotted; border-radius: 10px;margin-bottom:10px;margin-top:10px;background-color: #FCFCFC; font-size:85%; text-align: justify; font-style: italic;}
.contenu .reglementation li {font-size:100%;}

.contenu .separateur {height:75px}

.contenu .texte .doc-manquant {margin:15px;text-align: center; font-size:150%; color:#FF0000; font-weight: bold;}
.contenu .texte li {font-size:100%;}

.image-legende {font-size:90%;font-style: italic;}

.thDatabase {font-size: 80%;padding:3px;color:#fff;background-color: #009EE2 !important;}
.tdDatabase {font-size: 80%;padding:3px}

.nav-tabs .nav-link {font-size:110%;font-weight: bold;}