/*Mon CSS perso*/

body {
    background-image: url("poeme.jpg");
}

.strophe{
text-align:center; 	/*le texte sera aligné au centre*/
color : white; 	/*le texte est en bleu*/
}

.surligner{
color : red;	/*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 : #000000; 		/*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 : white;		/* 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*/
	background-color : #000000; 
}

.entete {
	background-color: #000000;
	text-align:center;
}
		  
.liens {
		float:left;		/*positionner à gauche */
		color:white;
		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*/
        color:white;		
		width: 30%; 				/* largeur du bloc de la page */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background-color : #000000; 		/*couleur de fond arbitraire afin de voir le bloc */
}
		
.poeme {
		
		margin-left : 30%; 		/*marge gauche 310px*/
		color:white;
		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-color : #000000; 		/*couleur de fond arbitraire afin de voir le bloc */
}
		
.image_centree {
	display: block;
	border-radius: 50%;
	margin-left: auto;
    margin-right: auto;
}