<style>


.strophe{
	color : #9e9e9e;
}



#hover {
	background-color: #9e9e9e;
}

#hover:hover {
	background-color: #b5b5b5;
}




.poeme {
	margin: 0 auto;
	width: 400px;
	text-align:center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	/*background: transparent;*/
	filter: blur(0.3px);
	background-color: #9e9e9e;
}


.poeme:hover {
	filter: blur(0px);
}




#surligner {
color : #000000; 	/*le texte est en rouge */
font-weight: bold; 	/*la police est en gras */
}


body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("assets/Fond.png");
    background-size: 33%;
    filter: blur(1px);
    z-index: -1;
}



.titre {	
	padding : 10px 25px 10px 25px; 	/*haut - droite - bas - gauche*/
	width: 325px;
	height : auto;
	background-color : #575757;
	text-align: center;
	margin: 0 auto;
	font-family: Arial,Calibri;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}



/* Boite lien avec photo de #JeanDeLaFontaine */

.lien {
		
	padding : 20px 20px 20px 20px; 	/*haut - droite - bas - gauche*/
	width: auto;
	height : auto; 
	position: absolute;
    top: 80px;
    left: 50px;
	background-color : #919191;
	text-align: center;
	border-radius: 30px;
}

.boitelien {
	padding : 16px 25px 15px 25px; 	/*haut - droite - bas - gauche*/
	width: auto;
	height : auto;
	background-color : #a8a8a8;
	text-align: center;
	color: red;
	font-family: Arial,Calibri;
	font-size: 18px;
	font-weight: 600;
}

.boitelien:hover {
	background-color : #b5b5b5;
}

.LienCommentaire {
	padding : 15px 25px 15px 25px; 	/*haut - droite - bas - gauche*/
	margin-top: 5px;
	width: auto;
	height : auto;
	background-color : #a8a8a8;
	text-align: center;
	font-family: Arial,Calibri;
	font-size: 18px;
	font-weight: 600;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.LienCommentaire:hover {
	background-color : #b5b5b5;
}










.BoiteLiensDroite {
	padding : 20px 20px 20px 20px; 	/*haut - droite - bas - gauche*/
	width: auto;
	height : auto; 
	position: absolute;
    top: 80px;
    right: 50px;
	background-color : #919191;
	text-align: center;
	border-radius: 30px;
	font-family: Arial,Calibri;
	font-size: 18px;
}

.TitreAudio {
	padding : 15px 0px 5px 0px;
	text-align: center;
	border-top-left-radius : 20px;
	border-top-right-radius : 20px;
	font-family: Arial,Calibri;
	font-size: 25px;
	background-color : #a8a8a8;
	font-weight: 600;
}


.TitreAudio:hover {
	background-color : #b5b5b5;
}



.BoutonAudio {
  margin-top: 10px;
}


.Accueil {
	padding : 15px 0px 15px 0px;
	text-align: center;
	border-bottom-left-radius : 20px;
	border-bottom-right-radius : 20px;
	font-family: Arial,Calibri;
	font-size: 20px;
	background-color : #a8a8a8;
	font-weight: 600;
	margin-top: 5px;
}



.Accueil:hover {
	background-color : #b5b5b5;
}




#JeanDeLaFontaine {
	height : 360px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}


a {
    text-decoration: none;
    color: #ffffff;
}

#blanc {
	color: #ffffff;
}





</style>