/*Mon CSS perso*/
.strophe{
text-align:center; 	/*le texte sera aligné au centre*/
color : white; 	/*le texte est en bleu*/
}
.surligner {
color : black;	/*le texte est en rouge */
font-weight: bold; 	/*la police est en gras */
}


h1 {
		padding : 15px 10px 15px 10px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		font-size : 20px ; /* taille des caractères */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background-color : orange; 		/*couleur de fond arbitraire afin de voir le bloc */
		font-family: Cursive ;		/* Police générique ressemblant à Times New Roman*/
		color : white ;		/* Couleur des caractères */
		text-align : center ;		/* Alignement */
	}
	  
h2{
	font-family: Cursive ;		/* Police générique ressemblant à Times New Roman*/
	color : orange;		/* Couleur */
	text-align : center ;		/* Alignement */
	font-weight : 800 ;	
	/*«Graisse» des caractères : donne des caractères gras doit être un multiple de 100*/
	font-style : italic ;		/* Style */
	text-decoration :underline ;	/* Souligné overline, underline,line-through*/
	
}


.entete {
	background-color: black;
	text-align:center;
}
.principale{
	 font-weight : black;
	font-size :18px;
}
	
	
.liens {
		
		float:left; 				/*positionner à gauche */
		margin-left : 0px; 			/*marge gauche*/
		padding-top:15px;			/*marge intérieure haut*/
 		padding-bottom:10px;			/*marge intérieure basse*/
 		padding-right:15px;		/*marge intérieure droite*/
 		padding-left:10px;			/*marge intérieure gauche*/
		width: 30%; 				/* largeur du bloc de la page */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background:url(fond2.jpg) /*no-repeat*/;
		color : black;
		}
		
.poeme {
		
		margin-left : 30%; 			/*marge gauche 310px*/
		padding-top:15px;			/*marge intérieure haut*/
 		padding-bottom:10px;			/*marge intérieure basse*/
 		padding-right:15px;		/*marge intérieure droite*/
 		padding-left:10px;			/*marge intérieure gauche*/
		width: 70%; 				/* largeur du bloc  de la page */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background:url(fond2.jpg) /*no-repeat*/;
		}
  
.image_centree {
	display: block;
	border-radius: 50%;
	margin-left: auto;
    	margin-right: auto;
}  

body
{
	background:https://www.google.com/search?q=le+corbeau+et+le+renard&safe=active&sxsrf=ACYBGNS566DQzNbdogOmbs7YkouXpVuXDw:1577990396284&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiz752oyOXmAhWp4YUKHdN2BNkQ_AUoAXoECBMQAw&biw=1366&bih=625#imgrc=-7v_-Ojff4CSHM /*no-repeat*/;
	background-position : right	
}