html {
  font-size: 20px; /* px signifie 'pixels': la taille de base pour la police est désormais 10 pixels de haut  */
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  /*height: 100%;*/
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* le footer reste en bas si peu de contenu */
  overflow: hidden;
  /* padding: 0 20px 20px 20px; */
  /* border: 5px solid black; */
  /*height: 100%;*/

}

.content {
  flex: 1;
  padding: 0px;
}

@font-face {
  font-family : Quicksand;
  src: url(fonts/Quicksand.otf);
  font-weight: normal;
}

@font-face {
  font-family : Quicksand;
  src: url(fonts/Quicksand_Bold.otf);
  font-weight: bold;
}

/* Par défaut : 100% pour mobile et tablettes */
.calqueanamnese2 { 
  width: 100%; 
}

.calqueanamnese3 { 
  width: 100%; 
}

.calquesynthese{ 
  width: 98%; 
}
.tblisteclient{ 
  width: 80%; 
}
.tbsuiviclient{ 
  width: 80%; 
}
.tbsuiviseance{ 
  width: 80%; 
}
.donnut{ 
  width: 100px;
  height: 100px;
}


/* Desktop large SEULEMENT */
@media (min-width: 1200px) {
  .calqueanamnese2 { width: 80%; }
  .calquesynthese { width: 80%; }
  .tblisteclient { width: 90%; }
  .tbsuiviclient { width: 98%; }
  .tbsuiviseance { width: 98%; }
  .donnut{width: 250px; height: 250px;}
}

form {
  display : inline;
}

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  color: #000000;
}

a:hover {
  color: rgb(255, 255, 255);
}

.lien {
  background: none;
  border: none;
  color: rgb(0, 0, 0);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-family: Arial;
}

.lien:hover{
  color: rgb(164,203,106);
}

/* pour rendre un td cliquable */
.lien-td {
  display: block;
  width: 90%;
  height: 100%;
  padding: 10px;         /* optionnel, pour agrandir la zone cliquable */
  text-align: center;    /* centrer le texte */
  text-decoration: none; /* retirer le soulignement */
  color: inherit;        /* garder la couleur du texte du td */
}

#bandeau-sup { 
  background: rgb(110, 138, 163);
  width:100%; 
  padding: 0px 0px 0px 0px; /* marge haut  droite  bas  gauche */
  text-align:center; 
  position: fixed; 
  font-size: 100%; 
  color: #ffffff; 
  font-family: "Quicksand", arial;
  /*border: 2px solid rgb(0, 255, 0); */
  /*margin: auto; */
  /* text-shadow: 2px 2px 1px rgb(164, 203, 106); */
}


table { 
  border-collapse: collapse; 
  border: 0px solid rgb(0, 0, 0);
}

table td{ 
  border: 0px solid rgb(255, 5, 5);
}


.tablesup0 { 
  background-color: rgb(110, 138, 163);
  font-size: 80%;
  height: 50px;
  background: 
    linear-gradient(to bottom, rgb(255,255,255), rgb(110,138,163) 5%);
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

.tablesup1 { 
  background-color: rgb(110, 138, 163);
  font-size: 80%;
  height: 50px;
  background: 
  linear-gradient(to right, rgb(110,138,163), rgb(255,255,255) 10%) bottom / 100% 1px no-repeat;
}

.tablesup2 { 
  background-color: rgb(110, 138, 163);
  font-size: 80%;
  height: 65px;
  position: relative;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

.tablesup2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px; /* Épaisseur du dégradé */
  background: linear-gradient(to bottom, rgb(110, 138, 163), white);
}

.tablelat { 
  background-color: rgb(110, 138, 163);
  font-size: 80%;
  border-bottom: 1px solid rgb(255, 255, 255);
  height: 30px;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

/* Pour la première cellule (coin gauche) */
.tablelat td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Pour la dernière cellule (coin droit) */
.tablelat td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tablelat2 { 
  background-color: rgb(110, 138, 163);
  font-size: 80%;
  border-bottom: 1px solid rgb(255, 255, 255);
  height: 40px;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

/* Pour la première cellule (coin gauche) */
.tablelat2 td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Pour la dernière cellule (coin droit) */
.tablelat2 td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}


.tablelisteclient { 
  background-color: rgb(110, 138, 163);
  font-size: 15px;
}

.tablefixe { 
  background-color: rgb(195, 201, 206);
  position: fixed; 
  display:block;
  margin-left: 10%;
  margin-right: auto;
  width: 80%;
  height: 80%;
  text-align: center;
  overflow-y: auto;  /*Permet le défilement vertical */
  border: 1px solid rgb(245, 5, 5);
}

.calqueanamnese { 
  background-color: rgb(255, 255, 255);
  position: fixed; 
  display:flex;
  margin-left: auto;
  margin-right: auto;
  top: 150px;
  bottom: 5px;
  width: 100%;
  justify-content: center;

  text-align: center;
  overflow-y: auto;  /*Permet le défilement vertical */
  border: 0px solid rgb(245, 5, 5);
  z-index: 10;

  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

.calquemasque { 
  background-color: rgb(255, 255, 255);
  position: fixed; 
  display:block;
  margin-left: auto;
  margin-right: auto;
  top: 150px;
  bottom: 5px;
  width: 100%;

  text-align: center;
  overflow-y: auto;  /*Permet le défilement vertical */
  border: 0px solid rgb(245, 5, 5);

    background-image: url('https://reflexes-check.com/images/Loading.gif');
    background-repeat: no-repeat;
    background-position: center; 

  z-index: 500;
}

.calquesynthese { 
  background-color: rgb(255, 255, 255);
  position: fixed;
  display:block;
  margin-left: auto;
  margin-right: auto;
  top: 150px;
  bottom: 5px;

  text-align: left;
  overflow-y: auto;  /*Permet le défilement vertical */
  border: 0px solid rgb(245, 5, 5);

  z-index: 10;

  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}


.calquelisteref { 
  background-color: rgb(255, 255, 255);
  position: fixed; 
  display:block;
  margin-left: auto;
  margin-right: auto;
  top: 150px;
  bottom: 5px;
  width: 22%;

  text-align: left;
  overflow-y: auto;  /*Permet le défilement vertical */
  border: 0px solid rgb(245, 5, 5);
}


.calquerapport { 
  background-color: rgb(255, 255, 255);
  position: fixed; 
  display:block;
  margin-left: auto;
  margin-right: auto;
  top: 150px;
  bottom: 5px;
  width: 80%;

  text-align: left;
  overflow-y: auto;  /*Permet le défilement vertical */
  border: 0px solid rgb(245, 5, 5);
}

.calqueinfoclient { 
  background-color: rgb(255, 255, 255);
  position: fixed; 
  display:block;
  top: 150px;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;

  text-align: center;
  /*overflow-y: auto;  /*Permet le défilement vertical */
  border: 2px solid rgb(245, 5, 5);
}

.tblisteclient { 
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible; /* Pas hidden, auto ou scroll */
  border: 0px solid;
}

.tbsuiviseance { 
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible; /* Pas hidden, auto ou scroll */
  border: 0px solid;
}

.tableanamnese { 
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible; /* Pas hidden, auto ou scroll */
  border: 0px solid;
}

.tableanamnese2 { 
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible; /* Pas hidden, auto ou scroll */
  border: 0px solid;
}

.containerparent {
  text-align: center;
}

.tablechoixcouleur { 
  text-align: left;
  font-size: 18px;
  position: absolute;
  display: inline-block;
  transform: translate(0%); /* décalage de 0% de sa propre taille */
}

.tablefiltreanam { 
  BACKGROUND: rgb(99, 198, 196);
  WIDTH: 110px;
  text-align: left;
  font-size: 12px;
  position: absolute;
  display: inline-block;
  transform: translate(0%); /* décalage de 0% de sa propre taille */
}

.tablefiltretmobs { 
  BACKGROUND: rgb(99, 198, 196);
  WIDTH: 80px;
  text-align: left;
  font-size: 12px;
  position: absolute;
  display: inline-block;
  transform: translate(-50%); /* décalage de 50% de sa propre taille */
}

.tablefiltretypechoixexo { 
  BACKGROUND: rgb(99, 198, 196);
  WIDTH: 200px;
  text-align: left;
  font-size: 12px;
  position: absolute;
  display: inline-block;
  transform: translate(-25%); /* décalage de 50% de sa propre taille */
}

.tablefiltresynanta { 
  BACKGROUND: rgb(99, 198, 196);
  WIDTH: 350px;
  height: 250px;
  text-align: left;
  font-size: 12px;
  position: absolute;
  display: inline-block;
  transform: translate(0%); /* décalage de 0% de sa propre taille */
  overflow-y: auto;
}


.trtableanamnese1  { 
  height: 40px;
  border: 0px solid rgb(136, 58, 58);
  font-size: 15px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  background-color: rgb(99, 198, 196); /* Couleur d'arrière-plan optionnelle */
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(99, 198, 196) 6%);
  text-align: center;
  font-family: "Quicksand", arial;
  z-index: 999; /* Important ! */
}


/* Pour la première cellule (coin gauche) */
.trtableanamnese1  td:first-child {
  border-top-left-radius: 15px;
  box-shadow: -10px 0 0 5px white; /* Masque à gauche */
}

/* Pour la dernière cellule (coin droit) */
.trtableanamnese1  td:last-child {
  border-top-right-radius: 15px;
  box-shadow: 10px 0 0 5px white; /* Masque à droite */
}

/* Réinitialiser des bords des div utilisé pour afficher les filtres */
.trtableanamnese1 td div,
.trtableanamnese1 td div *,
.trtableanamnese1 td div table,
.trtableanamnese1 td div table td {
  border-radius: 0 !important;
  box-shadow: none !important; 
}

.trtableanamnese7  { 
  height: 70px;
  border: 0px solid rgb(136, 58, 58);
  font-size: 15px;
  position: sticky;
  top: 0;
  background-color: rgb(99, 198, 196); /* Couleur d'arrière-plan optionnelle */
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(99, 198, 196) 6%);
  text-align: center;
  font-family: "Quicksand", arial;
  
}

/* Pour la première cellule (coin gauche) */
.trtableanamnese7  td:first-child {
  border-top-left-radius: 20px;
  box-shadow: -10px 0 0 5px white; /* Masque à gauche */
}

/* Pour la dernière cellule (coin droit) */
.trtableanamnese7  td:last-child {
  border-top-right-radius: 20px;
  box-shadow: 10px 0 0 5px white; /* Masque à droite */
}

/* Réinitialiser des bords des div utilisé pour afficher les filtres */
.trtableanamnese7 td div,
.trtableanamnese7 td div *,
.trtableanamnese7 td div table,
.trtableanamnese7 td div table td {
  border-radius: 0 !important;
  box-shadow: none !important; 
}

.trtableanamnese2  { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}

.trtableanamnese3  { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(110, 138, 163);  
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  font-family: "Quicksand", arial;
}

.trtableanamnese4  { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(228, 231, 235);
}

.trtableanamnese5 { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}

.trtableanamnese5 td { 
  padding: 10px 10px !important; /* Force le padding */
  text-align: justify !important; /* Force la justification */
  vertical-align: center;
}

.trtableanamnese6  { 
  border: 0px solid rgb(0, 0, 0);
  background-color: rgb(228, 231, 235);
}

.trtableanamnese8  { 
  height: 40px;
  border-bottom: 2px solid rgb(99, 198, 196);
  font-size: 15px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  background-color: rgb(255, 255, 255); /* Couleur d'arrière-plan optionnelle */
  text-align: center;
  font-family: "Quicksand", arial;
  z-index: 999; /* Important ! */
}

.trtableanamnese9  { 
  background: linear-gradient(to bottom, rgb(255, 255, 255) 30%, rgb(110, 138, 163) 80%);
}

.trtableanamnese10  { 
  border: 0px solid rgb(255, 255, 255);
  background-color: rgb(110, 138, 163);  
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  font-family: "Quicksand", arial;
}

.trtableanamnese11  { 
  border: 0px solid rgb(255, 255, 255);
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(110, 138, 163) 20%);  
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  font-family: "Quicksand", arial;
}


.trlignelisteclient1  { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(228, 231, 235);
}

.trlignelisteclient2  { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(236, 238, 240);
}

.trlignelisteclienton  { 
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(110, 138, 163);
  color: rgb(164,203,106);
  cursor: pointer;
}

.trtabletitre1  { 
  border-bottom: 1px solid rgb(255, 255, 255);
  background-color: rgb(228, 231, 235);
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(228, 231, 235) 6%);
  font-family: "Quicksand", arial;
  font-size: 15px;
  font-weight: bold;
  position: sticky;
  top: 0;
  height: 30px;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

/* Pour la première cellule (coin gauche) */
.trtabletitre1 td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Pour la dernière cellule (coin droit) */
.trtabletitre1 td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}


.trtabletitre2  { 
  border-bottom: 1px solid rgb(255, 255, 255);
  background-color: rgb(228, 231, 235);
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(228, 231, 235) 6%);
  font-family: "Quicksand", arial;
  font-size: 16px;
  font-weight: bold;
  top: 0;
  height: 50px;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

/* Pour la première cellule (coin gauche) */
.trtabletitre2 td:first-child {
  border-top-left-radius: 10px;
}

/* Pour la dernière cellule (coin droit) */
.trtabletitre2 td:last-child {
  border-top-right-radius: 10px;
  box-shadow:  -10px -10px 0 4px rgb(255, 255, 255), /* Masque à gauche */
                10px -10px 0 4px rgb(255, 255, 255); /* Masque à droite */
}

.trtabletitre3  { 
  border-bottom: 1px solid rgb(255, 255, 255);
  background-color: rgb(228, 231, 235);
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(228, 231, 235) 6%);
  font-family: "Quicksand", arial;
  font-size: 16px;
  font-weight: bold;
  position: sticky;
  top: 0;
  height: 50px;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

/* Pour la première cellule (coin gauche) */
.trtabletitre3 td:first-child {
  border-top-left-radius: 10px;
}

/* Pour la dernière cellule (coin droit) */
.trtabletitre3 td:last-child {
  border-top-right-radius: 10px;
  box-shadow:  -10px -10px 0 4px rgb(255, 255, 255), /* Masque à gauche */
                10px -10px 0 4px rgb(255, 255, 255); /* Masque à droite */
}

.trtabletitrefiche  { 
  font-size: 14px;
  font-weight: bold;
}

.trtabletextefiche  { 
  line-height: 1.5;
}

.couleurintegfond  { 
  background-color: rgb(255, 255, 255);
}

.couleurinteg0  { 
  background-color: rgb(255, 134, 134);
  background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 134, 134) 3%, rgb(255, 134, 134) 97%, rgb(255, 255, 255));
}

.couleurinteg25  { 
  background-color: rgb(255, 190, 136);
  background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 190, 136) 3%, rgb(255, 190, 136) 97%, rgb(255, 255, 255));
}

.couleurinteg50  { 
  background-color: rgb(249, 231, 123);
  background: linear-gradient(to right, rgb(255, 255, 255),  rgb(249, 231, 123) 3%,  rgb(249, 231, 123) 97%, rgb(255, 255, 255));
}

.couleurinteg75  { 
  background-color: rgb(162, 224, 138);
  background: linear-gradient(to right, rgb(255, 255, 255),  rgb(162, 224, 138) 3%,  rgb(162, 224, 138) 97%, rgb(255, 255, 255));
}

.couleurinteg100  { 
  background-color: rgb(131, 220, 255);
  background: linear-gradient(to right, rgb(255, 255, 255),  rgb(131, 220, 255) 3%,  rgb(131, 220, 255) 97%, rgb(255, 255, 255));
}


.couleurintegNT  { 
  background-color: rgb(170, 190, 190);
}

.couleurbonhomme1  { 
  color: rgb(196, 140, 193);
}

.couleurbonhomme2  { 
  color: rgb(233, 43, 116);
}

.couleurbonhomme3  { 
  color: rgb(67, 143, 164);
}

.couleurbonhomme4  { 
  color: rgb(233, 39, 62);
}

.couleurbonhomme5  { 
  color: rgb(248, 145, 35);
}

.couleurbonhomme6  { 
  color: rgb(221, 194, 40);
}

.couleurbonhomme7  { 
  color: rgb(156, 167, 58);
}

.couleurbonhomme8  { 
  color: rgb(145, 47, 141);
}

td { 
  border: 0px solid black;
}

.texte-gris {
  color: rgb(110, 138, 163);
  font-size: 15px;
  display: inline-block;
  cursor: default;;
  font-family: "Quicksand", arial;
}

.bouton-petit {
  background-color: rgb(110, 138, 163);
  border: none;
  color: white;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 2px 2px;
  cursor: pointer;
  font-family: "Quicksand", arial;
}

.bouton-petit:hover{
  background-color: rgb(110, 138, 163);
  color: rgb(164,203,106);
  font-family: "Quicksand", arial;
  font-weight: bold;
}

.bouton-off{
  color: rgb(150, 150, 150);
  font-weight: bold;
  font-family: "Quicksand", arial;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 2px;
  cursor: default;
}

.bouton-off:hover{
  color: rgb(150, 150, 150);
  cursor: default;
  font-family: "Quicksand", arial;
}

.bouton-actif {
  border: none;
  color: rgb(164,203,106);
  background-color: rgb(110, 138, 163);
  font-weight: bold;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 2px;
  cursor: pointer;
  font-family: "Quicksand", arial;
  
}

.bouton-actif:hover{
  color: rgb(164,203,106);
  cursor: default;
  font-family: "Quicksand", arial;
}

.bouton-inactif {
  border: none;
  color: rgb(255, 255, 255);
  background-color: rgb(110, 138, 163);
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 2px;
  cursor: pointer;
  font-family: "Quicksand", arial;
  font-weight: bold;
  border-radius: 6px;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

.bouton-inactif:hover{
  color: rgb(164,203,106);
  font-weight: bold;
  font-family: "Quicksand", arial;
}

.bouton2-inactif {
  border: none;
  color: rgb(0, 0, 0);
  background-color: rgb(228, 231, 235);
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 0px 2px;
  cursor: pointer;
  font-family: "Quicksand", arial;
}


.bouton2-inactif:hover{
  color: rgb(164,203,106);
  font-weight: bold;
  font-family: "Quicksand", arial;
}

.bouton3-inactif {
  border: none;
  color: rgb(110, 138, 163);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  font-family: "Quicksand", arial;
}

.bouton3-inactif:hover{
  color: rgb(164,203,106);
  font-weight: bold;
  font-family: "Quicksand", arial;
}

.bouton4-inactif {
  border: none;
  color: rgb(255, 255, 255);
  background-color: rgb(110, 138, 163);
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 0px 2px;
  cursor: pointer;
  font-family: "Quicksand", arial;
  font-weight: bold;
  border-radius: 5px;
}

.bouton4-inactif:hover{
  color: rgb(164,203,106);
  font-weight: bold;
  font-family: "Quicksand", arial;
}


.main1 {
  cursor: pointer;
  font-size: 18px;
  color: rgb(110, 138, 163);
}

.main1select {
  cursor: pointer;
  font-size: 18px;
  color: rgb(255, 255, 255);
}

.main2 {
  cursor: pointer;
  font-size: 12px;
  color: rgb(110, 138, 163);
}

.main2select {
  cursor: default;
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.maincouleur {
  cursor: pointer;
  font-size: 18px;
  color: rgb(255, 255, 255,0);
}

.maincouleur:hover {
  cursor: pointer;
  font-size: 18px;
  color: rgb(255, 255, 255,0);
}


.bouton {
  background-color: rgb(45, 97, 97);
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 2px 2px;
  cursor: pointer;
}

.bouton:hover{
  background-color: rgb(100, 198, 196);
  color: rgb(5, 70, 247);
  font-weight: bold;
}

.titre {
  border: none;
  color: rgb(110, 138, 163);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  font-family: "Quicksand", arial;
  overflow: visible; /* Pas hidden, auto ou scroll */
  position: fixed; 
  top: 118px; 
  left: 0; 
  right: 0;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;    
}

.titre1 {
  border: none;
  color: rgb(110, 138, 163);
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  font-family: "Quicksand", arial;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

.titre2 {
    color: rgb(110, 138, 163);
  text-align: left;
  text-decoration: none;  
  font-size: 18px;  
  font-family: "Quicksand", arial;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999; /* Important ! */
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}


.titre3 {
  border: none;
  color: rgb(231, 40, 40);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  font-family: "Quicksand", arial;
  overflow: visible; /* Pas hidden, auto ou scroll */
  position: fixed; 
  top: 118px; 
  left: 0; 
  right: 0;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;   
}

.titre4 {
  border: none;
  color: rgb(255, 255, 255);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  font-family: "Quicksand", arial;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}

.tablefiltretmobs2 { 
  BACKGROUND: rgb(99, 198, 196);
  WIDTH: 80px;
  text-align: left;
  font-size: 12px;
  position: absolute;
  display: inline-block;

}

.texte {
  border: none;
  color: rgb(0, 0, 0);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
}

.texte2 {
  border: none;
  color: rgb(0, 0, 0);
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
}

.texteclient {
  color: rgb(164,203,106);
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
}

.textehightlight {
  color: rgb(0, 4, 255);
  font-weight: bold;
  display: inline-block;
}

.petittexte {
  font-size: 10px;
  font-weight: normal;
}

.petittexte2 {
  font-size: 12px;
  display: inline-block;
}

.msgerreur {
  border: none;
  color: rgb(255, 0, 0);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
}

.bonhomme{
  background-image: url('images/bonhomme20250831.png');
  background-repeat: no-repeat;
  background-size: 165px auto;
  background-position : center center;
  line-height:6px;

}

.bonhomme2{
  background-image: url('images/bonhomme20250831.png');
  background-repeat: no-repeat;
  background-size: 180px auto;
  background-position : center center;
  line-height:9px;

}

h1 {
  font-size: 60px;
  text-align: center;
}

p,
li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1px;
}


textarea.field {
  width: 98%;
  text-align: justify;
  resize: none;
}

textarea.field2 {
  width: 97%;
  resize: none;
}

textarea.field3 {
  width: 100%;
  resize: none;
  text-align: justify;
  border: 1px dashed rgb(255, 0, 0);
}


textarea  
{  
   font-family:Arial;
   border: none;   
}


input[type='text'] {font-family: Arial; border: none; width: 97%;}
input[type='date'] {font-family: Arial; border: none; width: 97%;}
input[type='email'] {font-family: Arial; border: none; width: 97%;}
input[type='password'] {font-family: Arial; width: 97%;}
select {font-family: Arial; border: none; }

h1 {
  margin: 0;
  padding: 20px 0;
  color: #00539F;
  text-shadow: 3px 3px 1px black;
}



#img img {
  float: left;
  }