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

body {
	background: #efefef;
	color: #000000;
	font-family: expo-serif-pro, Georgia, serif;
	font-size: 20px;
	text-align: justify;
	}
	
	a {
    color: #1414b9;
	font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 5px 0;
    }
	
	/* 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%;
  }
}

	/* 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: 280px;
    background-color: #efefef;
}

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

/* mobile selon adsense */

@media screen and (max-width: 800px) {
    #global {
        width: 100%;
    }
    #gauche, #centre {
        float: none;   /* Annule l'alignement côte à côte */
        width: 100%;    /* Les colonnes s'empilent verticalement */
    }
    #gauche {
        text-align: center; /* Optionnel : centre le menu sur mobile */
        margin-bottom: 20px;
    }
}