/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@media (max-width: 768px) {
  /* Navbar mobile */
  #g-top .g-grid {
    display: flex;
    flex-wrap: wrap;
  }
  #g-top .g-block {
    padding: 0px 0;
    display: flex;
    align-items: center;
  }
  #g-top .g-block.size-80 {
    order: 1;
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: flex-start;
  }
  #g-top .g-block.size-20:last-of-type {
    order: 2;
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: flex-end;
  }
  .el-social .jl-grid {
    flex-wrap: nowrap;
    gap: 0px;
  }
  .el-social .jl-grid > div {
    flex: 0 0 auto;
  }
  #g-navigation .g-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #g-navigation .g-block.size-10 {
    order: 1;
    flex: 0 0 10%;
    max-width: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #g-navigation .g-block.size-90 {
    order: 2;
    flex: 0 0 90%;
    max-width: 90%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #g-navigation .mod-languages__list {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
@media (min-width: 769px) {
  /* Centrage vertical du bloc langue dans la navbar */
  #g-navigation .g-block:last-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #g-navigation .mod-languages__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
  }
  #g-navigation .mod-languages__item {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  #g-navigation .mod-languages__item img {
    display: block;
    margin: 0;
    max-height: 100%;
  }
}
@media (min-width: 769px) {
  /* Centrage vertical du bloc social dans #g-top */
  #g-top .g-block.size-20:last-of-type {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .el-social .jl-grid {
    display: flex;
    align-items: center;
    gap: 0px;
    flex-wrap: nowrap;
  }
  .el-social .jl-grid > div {
    display: flex;
    align-items: center;
  }
  .el-social .jl-grid a, .el-social .jl-grid img, .el-social .jl-grid svg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
  }
}
/* adaptation formulaire convert form*/
/* Rendre le formulaire responsive */
.convert-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
/* Applique 100% de largeur sur tous les champs du formulaire */
.convert-form input, .convert-form select, .convert-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  /* Assure-toi que le padding est pris en compte dans la largeur */
  padding: 10px;
  font-size: 14px;
  /* Ajuste la taille de la police pour la lisibilité mobile */
}
/* Ajuster la largeur du bouton de soumission */
.convert-form button {
  width: 100% !important;
  padding: 12px 0 !important;
  font-size: 16px;
  box-sizing: border-box;
}
/* Ajout de règles pour les petits écrans (ex. < 768px) */
@media (max-width: 768px) {
  .convert-form {
    padding: 10px;
  }
  .convert-form input, .convert-form select, .convert-form textarea {
    font-size: 14px;
  }
}
/*rendre les tableau responsive*/
/* Rendre les tableaux flexibles */
table {
  width: 100% !important;
  /* Utilise 100% de la largeur du conteneur parent */
  max-width: 100%;
  box-sizing: border-box;
}
/* Pour chaque tableau spécifique si nécessaire */
table:first-of-type {
  max-width: 100%;
  width: 100%;
}
table:last-of-type {
  max-width: 100%;
  width: 100%;
}
/*pour rendre le titre du module newsletter en home blanc*/
.cf-fields h1 {
  color: #ffffff !important;
}
/* Pour justifier le contenu de témoignage*/
#jltestimonial2-9003 .tm-content {
  text-align: justify !important;
}
/*# sourceMappingURL=custom_31.css.map */