html,
body {
	font-family: 'Playfair Display', serif; /*Avec Google Font, c'est la correction de la typographie*/
  color:white;/*la typographie centrale est blanche*/
	margin:0;  /* Reset les marges par défaut */
	padding:0; /* Reset les marges par défaut */

	}

html {
	font-size:62.5%; /*= 625 px */
	margin:0; /* Reset les marges par défaut */
	}

body {
	font-size:1.6rem; /* =16px */
	background:#2a8994; /* Fond du body */
	}

a {
	font-family: 'Playfair Display', serif; /* Chargement d'une Google Font */
	color:#ffff7a; /*couleur selon les pavés*/
	font-size:1.5em; /* =15px */
}

a:hover {
  background:darkgrey;
}

h1 {
	font-family: 'Playfair Display', serif; /* Chargement d'une Google Font */
	color:yellow; /*couleur selon les pavés*/
	font-size:2.5em; /* =20px */
	}

	h2 {
		font-family: 'Playfair Display', serif; /* Chargement d'une Google Font */
		font-size:1.5em; /* =15px */
		color:white; /*couleur selon les pavés*/
		}

	h3 {
		font-family: 'Playfair Display', serif; /* Chargement d'une Google Font */
		font-size:1.5em; /* = 12px */
		color:#14024f; /*couleur selon les pavés*/
		}

	h4 {
	 	font-family: 'Playfair Display', serif;; /* Chargement d'une Google Font */
		font-size:1.5em; /* =20px */
		color:#14024f; /*couleur selon les pavés*/
		}

	h5 {
	  font-family: 'Playfair Display', serif;; /* Chargement d'une Google Font */
		font-size:1em; /* =10px */
		color:#eeed9e; /*couleur selon les pavés*/
		}
blockquote {
font-family: 'Playfair Display', serif;; /* Chargement d'une Google Font */
font-size:1.6em; /* =16px */
color:#14024f; /*couleur selon les pavés*/
}

img {
	width:60%;    /* Images responsive */
	height:auto;   /* Hauteur proportionnelle */
	margin:0;      /* Reset les marges par défaut */
	padding:0;     /* Reset les marges par défaut */
	line-height:0; /* Reset les marges par défaut */
	border:4px solid #eeed9e; /* Bordure de l'image */
	}

iframe {
border:4px solid #eeed9e; /* Bordure de l'image */
}


main {
	/* Bloc principal */
	width:70%;
	margin-left:auto;  /* Centrage horizontal */
	margin-right:auto; /* Centrage horizontal */
	}

ul li {
	margin-right:0.5em;
	}

	@media screen and (max-width:2560px) { /*format*/
		/* iMac 27" paysage = 2560px */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} /* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

	@media screen and (max-width:1920px) { /*format*/
		/* iMac 21.5" paysage = 1920px */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} 	/* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

	@media screen and (max-width:1280px) { /*format*/
		/* Notebook */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} /* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

	@media screen and (max-width:1024px) { /*format*/
		/* iPad portrait & landscape */
		/* iPhone6+ paysage = 960px */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} /* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

	@media screen and (max-width:768px) { /*format*/
		/* iPad portrait = 768px */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} /* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

	@media screen and (max-width:667px) { /*format*/
		/* Mobiles paysage */
		/* iPhone6 paysage = 667px */
		/* iPhone 5s paysage = 568px */
		/* iPhone 4 paysage = 468 px */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} /* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

	@media screen and (max-width:375px) { /*format*/
		/* Mobiles portrait */
		/* iPhone6+ portrait = 540px */
		/* iPhone6 portrait = 375px */
		/* iPhone4 & iPhone5 portrait = 320px */
		body { background:#14024f; } /*selon chaque format c'est selon le rétrécissage de l'écran que se déroule les différents formats*/
		} /* permet de modifier la couleur selon la dimension de la page, mettre dans l'ordre*/

section.grid .item1 {
grid-column-start:1; /* Ce bloc occupe 4 colonnes */
grid-column-end:5;   /* Ce bloc occupe 4 colonnes */
margin-left: 50px;
margin-right: 50px;
	}

section.grid {
background:#2a8994; /* couleur de la section*/
border:6px solid yellow; /* Bordure dee l'item de la grille */
}

section.grid .item1 img { /* traité de l'image*/
	object-fit:contain;
	}

header {
background:#eeed9e; /* Le pavé est dans cette couleur niveau typo */
font-family: 'Playfair Display', serif;/* typographie */
}

}/* Fin Media query */