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

.surligner {
color : #6d4b15; 	/*le texte est en rouge */
font-weight: bold; 	/*la police est en gras */
}
body {
   background-image: url("CR.png");
}
.entete {
		
		padding : 15px 10px 15px 25px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		width: 100%; 				/* largeur du bloc 70% de la page */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background-color : #c19651; 		/*couleur de fond arbitraire afin de voir le bloc */
		}

.lien {
		float:left;
		padding : 15px 10px 15px 25px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		width: 15%; 				/* largeur du bloc 70% de la page */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background-color : #a07839; 		/*couleur de fond arbitraire afin de voir le bloc */
		color : #6d4b15; 	/*le texte est en rouge */
		font-weight: bold; 	/*la police est en gras */ 
		}

.poeme {
		text-align:center;
		margin : 0 auto ; 			/*marge gauche 310px*/
		padding : 15px 10px 15px 25px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		width: 40%; 				/* largeur du bloc 70% de la page */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background-color : #d3a254 		/*couleur de fond arbitraire afin de voir le bloc */
		}

#PasDeBarreLien {
	text-decoration: none;
}

h1{
text-align:center;
color 1fc5d3
}

.rubrique {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px; /* Largeur de la rubrique */
    background-color: #d4a23e; /* Couleur de fond de la rubrique */
    padding: 20px; /* Espacement interne */
    border: 1px solid #ccc; /* Bordure de la rubrique */
    border-radius: 5px; /* Coins arrondis */
    margin-top: 100px; /* Espacement du haut de la page */
    text-align: center; /* Centrer le contenu horizontalement */
}

.rubrique ul li {
    text-align: left;
    margin-bottom: 5px;
}