@charset "UTF-8";
/*
  Kuda 6 — Bridge SCSS → CSS Custom Properties
  Ce fichier est STATIQUE. Les valeurs dynamiques sont dans variables.css
  Généré automatiquement par l'outil de migration v5→v6
*/
/*



*/
/*
  Created by Stephane Arribart.
  For Influa
  Date: 10/06/2021
  Time: 11:13

  --- _variables ---

          |\      _,,,---,,_
    ZZZzz /,`.-'`'    -.  ;-;;,_
         |,4-  ) )-,_. ,\ (  `'-'
        '---''(_/--'  `-'\_)  
        
*/
/*
  Created by Stephane Arribart.
  For Influa
  Date: 23/01/2024
  Time: 09:21

  --- _reassurances ---

          |\      _,,,---,,_
    ZZZzz /,`.-'`'    -.  ;-;;,_
         |,4-  ) )-,_. ,\ (  `'-'
        '---''(_/--'  `-'\_)

*/
.reassurances {
  padding: 0;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 990px) {
  .reassurances {
    padding: 0;
  }
}
.reassurances .container .ligne .colonne {
  padding: 0 !important;
}
.reassurances .container .grid {
  width: 100%;
  margin: 0;
  display: grid;
  grid-column-gap: 30px;
}
.reassurances .container .grid.grid_1 {
  grid-template-columns: repeat(1, 1fr);
}
.reassurances .container .grid.grid_2 {
  grid-template-columns: repeat(2, 1fr);
}
.reassurances .container .grid.grid_3 {
  grid-template-columns: repeat(3, 1fr);
}
.reassurances .container .grid.grid_4 {
  grid-template-columns: repeat(4, 1fr);
}
.reassurances .container .grid.grid_5 {
  grid-template-columns: repeat(5, 1fr);
}
.reassurances .container .grid.grid_6 {
  grid-template-columns: repeat(6, 1fr);
}
.reassurances .container .grid.grid_7 {
  grid-template-columns: repeat(7, 1fr);
}
.reassurances .container .grid.grid_8 {
  grid-template-columns: repeat(8, 1fr);
}
.reassurances .container .grid.grid_9 {
  grid-template-columns: repeat(9, 1fr);
}
.reassurances .container .grid.grid_10 {
  grid-template-columns: repeat(10, 1fr);
}
@media screen and (max-width: 990px) {
  .reassurances .container .grid {
    display: block;
    margin: 0;
    width: 100%;
  }
}
.reassurances .container .grid .item {
  text-align: center;
  position: relative;
  display: block;
}
.reassurances .container .grid .item .contenu {
  position: relative;
  text-align: center !important;
  width: 100%;
}
@media screen and (max-width: 990px) {
  .reassurances .container .grid .item .contenu {
    text-align: left !important;
  }
}
.reassurances .container .grid .item .contenu .intitule {
  font-size: 30px;
  display: block;
  font-family: var(--font-title);
  color: var(--color-custom-1);
}
.reassurances .container .grid .item .contenu .description {
  display: block;
}
.reassurances .container .grid .item .contenu .description p {
  font-size: 18px;
}