.page-header{
	text-align: center;
}

.region.region-content {
    font-size: 20px;
    text-align: justify;
    text-justify: inter-word;
}


img.img-fluid {
    width: 100%;
    height: auto;
}

.title {
  margin: 0 0 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #ccc;
  font-size: 1.5em;
  color: #333;
}

html, body {
  height: 100%;
  margin: 0;
}

/* Utilisez Flexbox pour centrer le contenu */
.single-page {
  display: flex;
  flex-direction: column;
  align-items: center; /* Centre horizontalement */
}

.paragraph {
  margin-bottom: 30px; /* Ajustez la valeur selon vos besoins */
}

/* Assurez-vous que les éléments enfants de .paragraphs-content sont centrés */
.paragraphs-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* Centrez le contenu dans bodyonepage */
.bodyonepage {
  display: flex;
  justify-content: center; /* Centre horizontalement */
  align-items: center; /* Centre verticalement */
  width: 100%;
  height: auto; /* Ajuste la hauteur selon le contenu */
}

/* Style pour le contenu textuel */
.paragraphtxt {
  max-width: 600px;
  width: 100%;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: white;
  text-align: center;
}

/* Style pour l'image */

.image {
  display: flex;
  justify-content: center; /* Centre horizontalement */
  align-items: center; /* Centre verticalement */
}

/* Style de l'image */
.image img {
  max-width: 50%; /* Ajuste la largeur de l'image */
  height: auto; /* Maintient le ratio de l'image */
  border-radius: 8px; /* Arrondit les coins de l'image */
  border: 1px solid #d0d0d0; /* Cadre gris léger */
  /* Vous pouvez également ajouter un peu de padding ou de margin si nécessaire */
}

/* Style pour le texte */
.text {
  margin: 10px 0; /* Ajoute un espacement autour du texte */
}