@charset "utf-8";
/* CSS Document */

body {
	background: #efefef;
	color: #000000;
	font-family: expo-serif-pro, Georgia, serif;
	font-size: 20px;
	text-align: justify;
	}
	
	
	/* tablet breakpoint */
@media screen and (min-width: 768px) {
body {
	margin-left: 25%;
	margin-right: 25%;
		}
  }
	
	/* mobile breakpoint */
	@media only screen and (max-width: 480px) {
body {
	margin-left: 2%;
	margin-right: 2%;
	font-family: expo-serif-pro, Georgia, serif;
	font-size: 16px;
	text-align: left;
 }
}

	/* mobile class */
	@media only screen and (max-width: 480px) {
.largeur {
	margin-left: 2%;
	margin-right: 2%;
 }
}
	
	/* container */
.responsive-two-column-grid {
  display:block;
}

	/* columns */
.responsive-two-column-grid > * {
  margin: 0px 10px 10px 0px;
}

	/* tablet breakpoint */
@media screen and (min-width: 768px) {
  .responsive-two-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
		}
  }
	
	/* liens */
@media screen and (min-width: 768px) {
  .responsive-left-column-grid {
    display: flex;
    grid-template-columns: 1fr 1fr;
		}
  }
	
	/* liens */
.responsive-left-column-grid > * {
  margin: 0px 10px 10px 0px;
}

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

/* Réserver une hauteur minimale pour éviter le saut au chargement AdSense */
ins.adsbygoogle {
  display: block;
  min-height: 90px;
  background-color: #efefef;
}

@media (min-width: 768px) {
  ins.adsbygoogle {
    min-height: 250px;
  }
}

/* Débordement Youtube */
.video-container {
  width: 100%;      /* S'adapte à la largeur du mobile */
  max-width: 800px;   /* Limite la taille sur grand écran */
  margin: 20px 0;    /* 20px en haut/bas, 0 à gauche (aligné) */
}

.video-container iframe {
  width: 100%;      
  height: auto;
  aspect-ratio: 16 / 9; /* Maintient le format rectangulaire */
  display: block;    /* Supprime les espaces résiduels sous l'iframe */
}