body {
	font-size: 16px; /* RECOMMMENDATION Google */
	background-color: #353535;
	font-family: CaladeaRegular, Garamond, Georgia, Times;
}
.page {
	font-size: 120%; /* RECOMMMENDATION Google */
	
	/* Centrer la zone de 75% de large */
	width: 75%;
	margin:auto;
	
	/* Marge au-dessus de la zone */
	margin-top: 40px;
	
	/* Marge intérieure */
	padding: 10px;
	
	color: #2A2A2A;
	background-color: #FEFEFE;
}
h1, h3 {
	font-family: BebasNeueRegular, Lucida Grande, Lucida, Verdana, Arial;
	font-size: 190%;
}
h4 {
	margin-top:0px;
}
.contenu {
	/* marges autour */
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	
	/* hauteur minimale demandée indépendante du contenu */
	min-height: 550px;
}
.numerotation {
	font-family: BebasNeueRegular, Lucida Grande, Lucida, Verdana, Arial;
	margin: 5px;
	display:inline; /* pour ne pas sauter de ligne après l'élément */
	font-size: 120%;
}

/* Classes pour les liens cliquables */
a {
	color: #222;
	background-color: #ECECEC;
	text-decoration: none;
}
a:hover {
	color: #F0F0F0;
	background-color: #595959;	
}
.retour {
	font-family: Arial;
	position: fixed;
	bottom: 1px;
	left: 1px;
	width: 100px;
	height:20px;
	background-color: #EEE;
	border: 1px solid #CCC;
}
	
/* Classe pour un élement de liste */
ul li {
	font-family: Verdana, Arial;
}

/* Pour l'image d'un poème express :  */
.poeme-express-contenu {
	text-align: center;
}
.poeme-express {
	width: 600px;
	margin: auto;
	border: 5px solid #AAA;
	box-shadow: 5px 5px 3px #666;
}


/* re-Définition pour les petits écrans */
@media screen and (max-width: 640px) {
	.page {
		width: 95%;
		font-size: 110%;
	}
	.contenu {
		margin-top: 40px;
		margin-left: 8px;
		margin-right: 8px;
		min-height: 550px;
	}
}

@media screen and (max-device-width: 640px) {
	.page {
		width: 95%;
		font-size: 90%;
		font-size: 110%;
	}
	.contenu {
		margin-top: 40px;
		margin-left: 8px;
		margin-right: 8px;
		min-height: 550px;
	}
}