body {
  overflow-x: hidden;
}
#footer {
  margin-top: -170px;
}
  @keyframes scrolleft {
    0% {
      transform: translateX(0px);
    }
    15% {
        transform: translateX(-75px);
    }
    30% {
        transform: translateX(0px);
    }
    45% {
        transform: translateX(25px);
    }
    60% {
        transform: translateX(0px);
    }
    75% {
      transform: translateX(-75px);
    }
    90% {
      transform: translateX(0px);
    }
  }
  @keyframes scrollright {
    0% {
      transform: translateX(0px);
    }
    15% {
        transform: translateX(20px);
    }
    30% {
        transform: translateX(0px);
    }
    45% {
        transform: translateX(-75px);
    }
    60% {
        transform: translateX(0px);
    }
    75% {
      transform: translateX(20px);
    }
    90% {
      transform: translateX(0px);
    }
  }

  img:hover{
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
    transition: 0.2s;
}
.img_centre{
	display: block;
	margin: 0px auto;
	width: 450px;
	height: 240px;
}	
.img_centre_PermisMag{
	display: block;
	margin: 0px auto;
	margin-bottom: -66px;
	position: relative;
	z-index: 1 !important;
}
.img_manifeste{
	display: block;
	margin: 0px auto;
	border: 2px outset #203763;
	border-radius: 10px;
	box-shadow: 10px 5px 5px grey;
}
.img_manifeste:hover{
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 3-8 */
    transform: scale(1);
    transition: 1000s;
}
.paragraphe_manifeste{
	font-size: 1.2em;
	max-width: 722px;   /* largeur maximale du bloc de texte */
	margin: 0 auto;     /* centrage horizontal */
	padding: 0 15px;    /* un peu d’espace à gauche/droite */
	text-align: justify; /* optionnel : justifier le texte */
	box-sizing: border-box;
}
.titre_manifeste{
	max-width: 722px;   /* largeur maximale du bloc de texte */
	margin: 0 auto;     /* centrage horizontal */
	padding: 0 15px;    /* un peu d’espace à gauche/droite */
	text-align: center; /* optionnel : justifier le texte */
	box-sizing: border-box;
	/*color: #203763 !important;*/
	font-size: 24px;
}
.signataires {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  max-width: 712px; /*650px;*/
  margin: 0 auto;
  padding: 10px;
 /* limite à 4 colonnes max */
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-content: center; /* centre les éléments de la dernière ligne */
}

@media (min-width: 800px) {
  .signataires {
    grid-template-columns: repeat(4, 1fr); /* max 4 colonnes */
  }
}

.signataires img {
	max-width: 100%;   /* l’image ne dépasse pas sa cellule */
	height: auto;      /* garde les proportions */
	object-fit: contain; /* ne déforme jamais l’image */
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
	cursor: pointer;
	justify-self: center; /* centre l’image dans sa cellule */
}

.signataires img:hover {
  transform: scale(1.05); /* zoom léger */
  box-shadow: 0 6px 16px rgba(0,0,0,0.3); /* ombre plus marquée */
  filter: brightness(0.8); /* assombrit un peu l’image */
}
/* bloc image + texte */
.signataires figure {
  margin: 0;
  text-align: center;
}

.signataires figcaption {
  margin-top: 8px;
  font-size: 14px;
}
.div_manifeste_questionnaire{
	font-size: 1.2em;
	max-width: 680px;   /* largeur maximale du bloc de texte */
	margin: 0 auto;     /* centrage horizontal */
	padding: 0 15px;    /* un peu d’espace à gauche/droite */
	text-align: justify; /* optionnel : justifier le texte */
	box-sizing: border-box;
	background-color: #dfebf7;
	color: #203763;
	border: 2px outset #203763;
	border-radius: 10px;
}
.titre_manifeste_questionnaire{
	max-width: 722px;   /* largeur maximale du bloc de texte */
	text-align: left; /* optionnel : justifier le texte */
	box-sizing: border-box;
}
.button_repondre_sondage{
	width: 280px;
	height: 50px;
	background-color: #203763;
	color: #dfebf7;
	border-radius: 10px;
}
.button_repondre_sondage:hover{
	transform: scale(1.05); /* zoom léger */
	box-shadow: 0 6px 16px rgba(0,0,0,0.3); /* ombre plus marquée */
	filter: brightness(0.8); /* assombrit un peu l’image */
	/*width: 280px;
	height: 50px;
	background-color: #dfebf7;
	color: #203763;
	border-radius: 10px;*/
}
.div_manifeste_initiative{
	font-size: 1.2em;
	max-width: 680px;   /* largeur maximale du bloc de texte */
	margin: 0 auto;     /* centrage horizontal */
	padding: 0 15px;    /* un peu d’espace à gauche/droite */
	text-align: justify; /* optionnel : justifier le texte */
	box-sizing: border-box;
	background-color: #dfebf7;
	color: #203763;
	border: 2px outset #203763;
	border-radius: 10px;
}
.titre_manifeste_initiative{
	max-width: 722px;   /* largeur maximale du bloc de texte */
	text-align: left; /* optionnel : justifier le texte */
	box-sizing: border-box;
}