/*Mon CSS perso*/
.strophe{
text-align:left; 	/*le texte sera aligné au centre*/
color : #0000FF; 	/*le texte est en bleu, les couleurs sont codées #rrvvbb de #000000 à #FFFFFF*/
}

.surligner {
color :green ; 	/*le texte est en rouge */
font-weight: bold; 	/*la police est en gras */
text-decoration:underline;
}/* Mon CSS perso */

/* Style pour le titre */
.titre-coloré {
    font-family: 'Arial', sans-serif; /* Police de caractère */
    font-size: 36px; /* Taille de police */
    font-weight: bold; /* Met le titre en gras */
    color: red; /* Couleur rouge pour le titre */
    text-align: center; /* Centre le titre */
    text-transform: uppercase; /* Met le titre en majuscules */
    letter-spacing: 2px; /* Espacement entre les lettres */
    margin-top: 50px; /* Espace au-dessus du titre */
    padding: 10px; /* Espace autour du texte */
    background-color: #f0f0f0; /* Fond gris clair */
    border: 2px solid red; /* Bordure rouge */
    border-radius: 10px; /* Bordure arrondie */
}

/* Style pour un titre secondaire */
.h2-personnalise {
    color: #333;
    font-size: 28px;
    font-style: italic;
    text-align: right;
    margin-bottom: 20px;
	
}
body { 
/* background-image: url("maria.jpg");*/
background-color: #FF0000;
}
.entete{
 padding : 15px 10px 15px 25px; /*marges intérieures :haut, droite, bas p */
 height : auto;/*hauteur du bloc (automatique ici) */
 background-color: #3e552; /*couleur de fond arbitraire afin de vo color */
text-align:center;
}
.poeme{
            margin-left : 30%; /*marge gauche 310px*/ 
			padding : 15px 10px 15px 25px; /*marges intérieures : haut; droite, bas puis gauche*/ 
			width: 68%; /* largeur du bloc 70% de la page */ 
			height: auto; /*hauteur du bloc (automatique ici) */ 
}
.liens{
 float:left; 
 padding : 15px 10px 15px 25px; /*marges intérieures */
 width: 30%; 
 height : auto; /*hauteur du. bloc (automatique ici) */ 
 background-color: #e12b2b; /*couleur de fond arbitraire afin de voir la, blóc % */
}