.help-page h3 { font-weight: bold; text-align: center; }

.help-page .container {
  display: flex;               /* Active le modèle flexbox */
  justify-content: center;     /* Centre horizontalement */
  align-items: center;         /* Centre verticalement */
  overflow: hidden;            /* Cache l'overflow si nécessaire */
  width: 100%;                 /* Taille maximale du conteneur */
  height: 100vh;               /* Ajuste la hauteur à la taille de l'écran */
}

.help-page img {
  max-width: 100%;             /* Empêche l'image de dépasser la largeur du conteneur */
  max-height: 100%;            /* Empêche l'image de dépasser la hauteur du conteneur */
  width: auto;                 /* Préserve le ratio de l'image */
  height: auto;                /* Préserve également le ratio de l'image */
  object-fit: contain;         /* Ajuste l'image sans déformation */
}

.help-page .ecran{
  padding-top: 5%;
  padding-bottom: 5%;
}


/* Partie images avec les couches de cartes */

.help-page .couches-cartes{
  display: flex;
  justify-content: space-around;  /* Espacement uniforme entre les images */
  flex-wrap: wrap;                /* Permet de passer à une nouvelle ligne si l'espace est insuffisant */
  gap: 20px;                      /* Espace entre chaque image  */
}

/* Styles des conteneurs d'image */
.help-page .couches-cartes div {
  flex: 1 1 250px;                /* Largeur minimale de chaque élément, tout en étant flexible */
  max-width: 250px;               /* Limite la taille maximale des images */
  text-align: center;             /* Centre le texte sous l'image */
  margin-bottom: 1em;
}

.help-page .couches-cartes img {
  width: 200px;                   /* Largeur fixe pour que toutes les images aient la même taille */
  height: 200px;                  /* Hauteur fixe pour un alignement uniforme */
  object-fit: cover;              /* L'image est ajustée tout en gardant son ratio sans déformation */
  border-radius: 10px;            /* Facultatif : coins arrondis pour un effet stylé */
}

/* Centrer le texte sous chaque image */
.help-page .couches-cartes p {
  text-align: center;
  margin-top: 10px;               /* Espace entre l'image et le texte */
  font-size: 14px;
  font-weight: 400;
  color: #3E3F3E;
}

.help-page .container-top {
  --offset: 100px;
  --fade: 120px;

  display: flex;
  align-items: flex-end;
  width: 60px;
  justify-self: end;
  justify-content: flex-end;
  -webkit-mask: linear-gradient(#0000 calc(100vh + var(--offset)), #000 calc(100vh + var(--offset) + var(--fade)));
}

.help-page .top {
  position: sticky;
  bottom: 20px;
  margin-right: 10px;

  /* visual styling */
  width: 100%;
  aspect-ratio: 1;
  background: #309EEF;
  border-radius: 12px;
}

.help-page .top:before {
  content: "";
  position: absolute;
  inset: 30%;
  transform: translateY(20%) rotate(-45deg);
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
}


.help-page *{
    margin: 0;
    padding: 0;
}
.help-page nav{
    padding-top: 2vh;
    padding-bottom: 2vh;
	text-align: center;
	background-color: #F8F8F8;
}

.help-page nav a{
    text-decoration: none;
    color: #309EEF;
    margin-left: 1em;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.help-page menu{
    padding-top: 4vh;
    padding-bottom: 1vh;
	text-align: center;
	position: sticky;
	top:0;
	background-color: #F0F0F0;
}

.help-page menu a{
	text-decoration: none;
    color: #309EEF;
    margin-left: 0.5em;
	line-height: 2.5;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

/* Écran principal */
.help-page .image-bg{
    width: 100%;
	max-width:600px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*
.help-page h1{
    font-weight: bold;
    color: #3E3F3E;
    text-align: center;
    font-size: 25px;
}
*/

.help-page .image-logo{
    width: 30%;
	max-width:150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
}

/*
.help-page h2{
    font-weight: 400;
    color: #3E3F3E;
    text-align: center;
    font-size: 30px;
}
*/

/* Géneral */

/*
.help-page h3{
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color: #2559A4;
    padding: 5% 7% 7% 7%;
}
*/

.help-page .div-arrow div{
    float: right;
    margin-right: 15%;
    position: relative;
    top: -7.8vh;
}

.help-page .arrow{
    width: 15px;
    height: 15px;
    border-top: 3px solid #2559A4;
    border-right: 3px solid #2559A4;
  }


/*
.help-page h4{
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    color: #2559A4;
    padding-bottom: 3%;
}
*/

/*
.help-page p{
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #3E3F3E;
}
*/

.help-page span{
    font-weight: 700;
}

.help-page .ecran_principal{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5%;
}

.help-page .sousmenu{
    padding-left: 7%;
    padding-right: 7%;
    padding-top: 5%;
}


/* Menu 3 */

.help-page .picto img{
  vertical-align: bottom;  /* Aligne l'image au milieu du texte */
  width: 50px;             /* Ajuste la taille de l'icône (selon la taille souhaitée) */
  height: 50px;            /* Garde les proportions correctes */
}

.help-page .outil img{
    width: 20%;
    margin: 0 7% 0 3%;
    float: left;
}

.help-page .outil p{
    padding-left: 30%;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #3E3F3E;
}

.help-page .surcouche{
    margin-top: 3vh;
    width: 100%;
}

.help-page .couches{
    margin-bottom: 4vh;
}

/* Menu 4 */

.help-page .carre-plus img{
    width: 10%;
    margin: 0 7% 0 3%;
    float: left;
}

.help-page .action img{
    width: 7%;
    margin: 0 5% 0 10%;
    float: left;
}

.help-page .action p{
   padding-bottom: 2.4%;
}

.help-page .statut-img{
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.help-page .picto-statut img{
    width: 7%;
    margin: 0 5% 0 5%;
    float: left;
}

.help-page .picto-statut p{
    padding-bottom: 4.3%;
}



/* Menu 4 */

.help-page .consultation-txt p{
    margin: 3% 7% 0 3%;
}

/*
.help-page h5{
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #2559A4;
    padding-bottom: 5%;
}
*/

.help-page .valider {
    padding-bottom: 4%;
}

.help-page .valider img{
    width: 12%;
    margin: 0 7% 0 3%;
    float: left;
}

.help-page .plus {
    padding-bottom: 8%;
}

.help-page .plus img{
    width: 12%;
    margin: 0 7% 0 3%;
    float: left;
}

@media screen and (max-width: 320px) {

    .help-page nav{
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
    .help-page nav a{
        margin-left: 1.3em;
        font-size: 13px;
    }

	.help-page menu{
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
    .help-page menu a{
        margin-left: 1.3em;
        font-size: 11px;
    }

    /* Écran principal */
	/*
    .help-page h1{
        font-size: 22px;
    }

    .help-page h2{
        font-size: 25px;
    }
	*/

    /* Géneral */

	/*
    .help-page h3{
        font-size: 22px;
    }
	*/

    .help-page .div-arrow div{
        float: right;
        margin-right: 10%;
        position: relative;
        top: -7.8vh;
    }

	/*
    .help-page h4{
        font-size: 20px;
        font-weight: 400;
        text-align: left;
        color: #2559A4;
        padding-bottom: 3%;
    }

    .help-page p{
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        color: #3E3F3E;
    }
	*/
	
    .help-page .ecran_principal{
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5%;
    }

    .help-page .ecran{
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .help-page .sousmenu{
        padding-left: 7%;
        padding-right: 7%;
        padding-top: 5%;
    }


    /* Menu 3 */

    .help-page .picto-txt img{
        width: 7%;
        vertical-align:top;
    }

    .help-page .outil img{
        width: 20%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .outil p{
        padding-left: 30%;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #3E3F3E;
    }

    .help-page .surcouche{
        margin-top: 3vh;
        width: 100%;
    }
    .help-page .couches-cartes{
      display: flex;
    }
    .help-page .couches-cartes img{
        width: 90%;
        margin-top: 3vh;
        margin-bottom: 1vh;
        padding-left: 1vh;
    }
    .help-page .couches-cartes p{
        text-align: center;
        font-size: 10px;
        font-weight: 400;
        color: #3E3F3E;
    }
    .help-page .couches{
        margin-bottom: 4vh;
    }

    /* Menu 4 */
    .help-page .action img{
        width: 7.5%;
        margin: 0 5% 0 5%;
        float: left;
    }

    .help-page .action p{
        font-size: 12px;
       padding-bottom: 2.4%;
    }

    .help-page .picto-statut p{
        font-size: 12px;
        padding-bottom: 4.3%;
    }

	/*
    .help-page h5{
        font-size: 13px;
    }
	*/
	
    .help-page .valider img{
        width: 10%;
        margin: 0 3% 0 3%;
        float: left;
    }
    .help-page .plus img{
        width: 10%;
        margin: 0 3% 0 3%;
        float: left;
    }

}

@media screen and (min-width: 374px) {

  .help-page .securite {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Espace entre chaque bloc image-texte */
}

.help-page .securite img {
    width: 50px; /* Ajuste la taille de l'image */
    height: 50px; /* Taille uniforme pour chaque image */
    object-fit: contain; /* Conserve le ratio de l'image */
}

.help-page .securite p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #3E3F3E;
}

/* Alignement des images et du texte */
.help-page .icon-text {
  display: flex;
  align-items: center; /* Aligne les éléments sur une même ligne */
  gap: 15px; /* Espace entre l'image et le texte */
}

.help-page .icon-text img {
  width: 3em; /* Ajuste la taille de l'image */
  height: 3em;
  object-fit: contain;
}

.help-page .icon-text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #3E3F3E;
}


  .help-page .container {
    height: 40vh;               /* Ajuste la hauteur à la taille de l'écran */
  }

  .help-page img {
    max-width: 80%;             /* Empêche l'image de dépasser la largeur du conteneur */
  }

  /* Centrer le contenu du nav */
  .help-page nav {
    display: flex;
    justify-content: center;    /* Centre les liens horizontalement */
    align-items: center;        /* Centre les liens verticalement */
    gap: 20px;                  /* Espace entre les liens */
    background-color: #f8f8f8;  /* Couleur de fond (optionnel) */
    padding: 20px;              /* Espacement interne pour une meilleure lisibilité */
  }

  /* Style des liens */
  .help-page nav a {
    text-decoration: none;
    color: #309EEF;             /* Couleur du texte */
    font-size: 16px;            /* Taille du texte */
    font-weight: 600;           /* Poids du texte */
  }

  .help-page menu {
    padding-top: 1vh;
    padding-bottom: 1vh;
    display: flex;
    flex-wrap: wrap;             /* Permet aux éléments de passer à la ligne si nécessaire */
    justify-content: center;     /* Centre les éléments horizontalement */
  }

  .help-page menu a {
      text-decoration: none;       /* Enlève le soulignement des liens */
      color: #309EEF;              /* Couleur du texte des liens */
      font-size: 1em;             /* Taille de la police */
      font-weight: 600;            /* Poids de la police */
      padding-left: 10px;          /* Espacement autour des liens pour les rendre cliquables facilement */
      border-radius: 5px;          /* Coins arrondis (optionnel) */
      background-color: #f0f0f0;   /* Couleur de fond des liens (optionnel) */
  }

  .help-page .couches-cartes {
    justify-content: space-between;  /* Espace égal entre les images */
    gap: 10px;                       /* Réduit l'espacement entre les images */
    margin-top: 1em;
  }

  .help-page .couches-cartes div {
    flex: 1 1 calc(33.33% - 10px);   /* Chaque image prend environ 1/3 de la largeur disponible */
    max-width: calc(33.33% - 10px);  /* Ajuste la largeur pour obtenir 3 images par ligne */
  }

  .help-page .couches-cartes img {
    width: 100%;                    /* Les images remplissent chaque colonne */
    height: auto;                   /* Laisse la hauteur s'ajuster automatiquement */
  }

  .help-page .couches-cartes p {
    font-size: 12px;                /* Réduit la taille du texte sur mobile */
  }

  .help-page .picto img {
    width: 2em;
    height: 2em;
  }

	/*
    .help-page h1{
        font-weight: bold;
        color: #3E3F3E;
        text-align: center;
        font-size: 25px;
    }
	*/

    .help-page .image-logo{
        width: 25%;
        padding: 5%;
    }

	/*
    .help-page h2{
        font-size: 25px;
    }
	*/

    /* Géneral */

	/*
    .help-page h3{
        font-size: 25px;
        font-weight: 600;
        text-align: left;
        color: #2559A4;
        padding: 5% 7% 7% 7%;
    }
	*/

    .help-page .div-arrow div{
        float: right;
        margin-right: 5%;
        position: relative;
        top: -9vh;
    }

    .help-page .arrow{
        width: 15px;
        height: 15px;
        border-top: 3px solid #2559A4;
        border-right: 3px solid #2559A4;
      }

    /* Menu 3 */

    .help-page .picto-txt img{
        width: 7%;
        vertical-align:top;
    }

    .help-page .outil img{
        width: 20%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .carre-plus img{
        width: 10%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .action img{
        width: 6.5%;
        margin: 0 5% 0 10%;
        float: left;
    }

    .help-page .action p{
       padding-bottom: 2.4%;
    }

    .help-page .statut-img{
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .help-page .picto-statut img{
        width: 6.5%;
        margin: 0 5% 0 5%;
        float: left;
    }

    .help-page .picto-statut p{
        padding-bottom: 4.3%;
    }

    .help-page .valider img{
        width: 10%;
    }

    .help-page .plus img{
        width: 10%;
    }
    .help-page .outil img{
        width: 15%;
        margin: 0 7% 0 3%;
        float: left;
    }

}
@media screen and (min-width: 540px) {
    .help-page nav a{
        color: #3E3F3E;
        margin-left: 2.5em;
        font-size: 18px;
    }

    .help-page menu a{
        color: #3E3F3E;
        margin-left: 2.5em;
        font-size: 18px;
    }

	/*
    .help-page h1{
        font-size: 40px;
    }

    .help-page h2{
        font-size: 45px;
    }
	*/

    /* Géneral */

	/*
    .help-page h3{
        font-size: 45px;
    }
	*/

    .help-page .div-arrow div{
        margin-right: 5%;
        top: -12vh;
    }

    .help-page .arrow{
        width: 25px;
        height: 25px;
        border-top: 4px solid #2559A4;
        border-right: 4px solid #2559A4;
      }

	/*
    .help-page h4{
        font-size: 35px;
    }

    .help-page p{
        font-size: 20px;
    }
*/

    .help-page .picto-txt img{
        width: 7%;
        vertical-align:top;
    }

    .help-page .outil img{
        width: 20%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .outil p{
        padding-left: 30%;
        font-family: Open Sans;
        font-size: 20px;
    }

    /* Menu 4 */

    .help-page .carre-plus img{
        width: 10%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .action img{
        width: 6.2%;
    }

    .help-page .action p{
       padding-bottom: 2.4%;
    }

    .help-page .statut-img{
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .help-page .picto-statut img{
        width:6.2%;
    }

    .help-page .picto-statut p{
        padding-bottom: 4.3%;
    }
       /* Menu 4 */

    .help-page .consultation-txt p{
        margin: 3% 7% 0 3%;
    }

	/*
    .help-page h5{
        font-family: 'Open Sans', sans-serif;
        font-size: 26px;
        font-weight: 400;
        text-align: left;
        color: #2559A4;
        padding-bottom: 5%;
    }
*/
	
    .help-page .valider {
        padding-bottom: 4%;
    }

    .help-page .valider img{
        width: 6%;
        margin: 0 3% 0 3%;
        float: left;
    }

    .help-page .plus {
        padding-bottom: 8%;
    }

    .help-page .plus img{
        width: 6%;
        margin: 0 3% 0 3%;


}
.help-page .outil img{
    width: 13%;
    margin: 0 15% 0 3%;
    float: left;
}

}
@media screen and (min-width: 768px) {
    .help-page nav a{
        color: #3E3F3E;
        margin-left: 4em;
        font-size: 20px;
    }

	.help-page menu a{
        color: #3E3F3E;
        margin-left: 4em;
        font-size: 18px;
    }

	/*
    .help-page h1{
        font-size: 45px;
    }

    .help-page h2{
        font-size: 50px;
    }
	*/

    /* Géneral */

	/*
    .help-page h3{
        font-size: 45px;
    }
	*/

    .help-page .div-arrow div{
        margin-right: 5%;
        top: -10vh;
    }

    .help-page .arrow{
        width: 25px;
        height: 25px;
        border-top: 4px solid #2559A4;
        border-right: 4px solid #2559A4;
      }

	/*
    .help-page h4{
        font-size: 40px;
    }

    .help-page p{
        font-size: 23px;
    }
	*/


    .help-page .picto-txt img{
        width: 7%;
        vertical-align:top;
    }

    .help-page .outil img{
        width: 20%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .outil p{
        padding-left: 30%;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
    }

    /* Menu 4 */

    .help-page .carre-plus img{
        width: 10%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .action img{
        width: 6.2%;
    }

    .help-page .action p{
       padding-bottom: 2.4%;
    }

    .help-page .statut-img{
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .help-page .picto-statut img{
        width:6.2%;
    }

    .help-page .picto-statut p{
        padding-bottom: 4.3%;
    }
       /* Menu 4 */

    .help-page .consultation-txt p{
        margin: 3% 7% 0 3%;
    }

	/*
    .help-page h5{
        font-size: 26px;
        font-weight: 400;
        text-align: left;
        color: #2559A4;
        padding-bottom: 5%;
    }
	*/

    .help-page .valider {
        padding-bottom: 4%;
    }

    .help-page .valider img{
        width: 6%;
        margin: 0 3% 0 3%;
        float: left;
    }

    .help-page .plus {
        padding-bottom: 8%;
    }

    .help-page .plus img{
        width: 6%;
        margin: 0 3% 0 3%;


}
.help-page .outil img{
    width: 13%;
    margin: 0 15% 0 3%;
    float: left;
}

}


@media screen and (min-width: 540px) {
    .help-page nav a{
        color: #3E3F3E;
        margin-left: 2.5em;
        font-size: 18px;
    }

	.help-page menu a{
        color: #3E3F3E;
        margin-left: 2.5em;
        font-size: 18px;
    }

	/*
    .help-page h1{
        font-size: 40px;
    }

    .help-page h2{
        font-size: 45px;
    }
	*/

    /* Géneral */

	/*
    .help-page h3{
        font-size: 45px;
    }
	*/

    .help-page .div-arrow div{
        margin-right: 5%;
        top: -12vh;
    }

    .help-page .arrow{
        width: 25px;
        height: 25px;
        border-top: 4px solid #2559A4;
        border-right: 4px solid #2559A4;
      }

	/*
    .help-page h4{
        font-size: 35px;
    }

    .help-page p{
        font-size: 20px;
    }
	*/


    .help-page .picto-txt img{
        width: 7%;
        vertical-align:top;
    }

    .help-page .outil img{
        width: 20%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .outil p{
        padding-left: 30%;
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
    }

    /* Menu 4 */

    .help-page .carre-plus img{
        width: 10%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .action img{
        width: 6.2%;
    }

    .help-page .action p{
       padding-bottom: 2.4%;
    }

    .help-page .statut-img{
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .help-page .picto-statut img{
        width:6.2%;
    }

    .help-page .picto-statut p{
        padding-bottom: 4.3%;
    }
       /* Menu 4 */

    .help-page .consultation-txt p{
        margin: 3% 7% 0 3%;
    }

	/*
    .help-page h5{
        font-size: 26px;
        font-weight: 400;
        text-align: left;
        color: #2559A4;
        padding-bottom: 5%;
    }
	*/

    .help-page .valider {
        padding-bottom: 4%;
    }

    .help-page .valider img{
        width: 6%;
        margin: 0 3% 0 3%;
        float: left;
    }

    .help-page .plus {
        padding-bottom: 8%;
    }

    .help-page .plus img{
        width: 6%;
        margin: 0 3% 0 3%;


}
.help-page .outil img{
    width: 13%;
    margin: 0 15% 0 3%;
    float: left;
}

}
@media screen and (min-width: 1024px) {
    .help-page nav a{
        color: #3E3F3E;
        margin-left: 3.2em;
        font-size: 30px;
    }

.help-page menu a{
        color: #3E3F3E;
        margin-left: 3.2em;
        font-size: 18px;
    }

	/*
    .help-page h1{
        font-size: 50px;
    }

    .help-page h2{
        font-size: 55px;
    }
	*/

    /* Géneral */

	/*
    .help-page h3{
        font-size: 55px;
    }
	*/

    .help-page .div-arrow div{
        margin-right: 5%;
        top: -10vh;
    }

    .help-page .arrow{
        width: 35px;
        height: 35px;
        border-top: 6px solid #2559A4;
        border-right: 6px solid #2559A4;
      }

	/*
    .help-page h4{
        font-size: 45px;
    }

    .help-page p{
        font-size: 28px;
    }
	*/


    .help-page .picto-txt img{
        width: 7%;
        vertical-align:top;
    }

    .help-page .outil img{
        width: 20%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .outil p{
        padding-left: 30%;
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
    }

    /* Menu 4 */

    .help-page .carre-plus img{
        width: 10%;
        margin: 0 7% 0 3%;
        float: left;
    }

    .help-page .action img{
        width: 6.2%;
    }

    .help-page .action p{
       padding-bottom: 2.4%;
    }

    .help-page .statut-img{
        width: 95%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .help-page .picto-statut img{
        width:6.2%;
    }

    .help-page .picto-statut p{
        padding-bottom: 4.3%;
    }
       /* Menu 4 */

    .help-page .consultation-txt p{
        margin: 3% 7% 0 3%;
    }

	/*
    .help-page h5{
        font-size: 26px;
        font-weight: 400;
        text-align: left;
        color: #2559A4;
        padding-bottom: 5%;
    }
	*/

    .help-page .valider {
        padding-bottom: 4%;
    }

    .help-page .valider img{
        width: 6%;
        margin: 0 3% 0 3%;
        float: left;
    }

    .help-page .plus {
        padding-bottom: 8%;
    }

    .help-page .plus img{
        width: 6%;
        margin: 0 3% 0 3%;


}
.help-page .outil img{
    width: 13%;
    margin: 0 15% 0 3%;
    float: left;
}
.help-page .couches-cartes p{
    font-size: 28px;
}

}