body{
    background-color:#fcf1e9; /*autres couleurs pour vous faire plaisir #FFC0CB FFF8DC fae2fa fcf1e9*/
    font-family: monospace;/* La police utilisé */
    font-size: 17px; /* la taille de la police normal par défaut*/
  }

  .menu-button{
    cursor: pointer;
    padding : 10px;
    border-radius : 10px;
    margin-top: 20px;
    font-size: 17px;
   }



h1{
  text-align: center;
}


/*Mise en page des liens de manière générale*/
a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a:hover {text-decoration: none; color: inherit; font-weight: bolder; }
a:active {text-decoration: none; color: #2D3319;}
/*Mise en page des liens des menus*/
.menu-button:link {
  text-decoration: none;
  color: #2D3319;
  background-color : #D6E5E3;
  }
  .menu-button:hover {
  color: inherit;
  background-color : #9bc9c5;
}

/*Mise en page -> couleur plus foncé pour la page où on se situe*/
#here:link {
    background-color : #9bc9c5;
    }
  #here:hover {
    background-color : #9bc9c5;
    }


nav {
  text-align: center;
  
}
#fdl{ 
  display: inline-block;
  margin-left: 300px;
  margin-right: 300px;
}

.menu-button-fiche{
  cursor: pointer;
  padding : 10px;
  border-radius : 10px;
  margin-top: 20px;
  font-size: 17px;
 }
.menu-button-fiche:link {
  text-decoration: none;
  color: #2D3319;
  background-color : #d7b6a7;
  }

.menu-button-fiche:hover {
  text-decoration: none;
  color: #2D3319;
  background-color : #bb9582;
  }

#ficheHere:link{
  background-color : #bb9582;
}

#ficheHere:hover{
  background-color : #bb9582;
}

blockquote {
  background-color: white;
  border-left: 4px solid #d7b6a7; /* Couleur de la bordure à gauche */
  margin: 20px 0; /* Marge autour du blocquote */
  padding: 20px; /* Espacement interne du blocquote */
  font-size: 1em; /* Taille de la police */
  font-style: italic; /* Style de police en italique */
}

h3{
  font-size: 27px;
  margin-bottom: 20px;
  color:#fcf1e9;;
  background-color:#bb9582 ;
  border-radius:.25rem;
  text-align: center;
}

h4{
  font-size: 20px;
}

article{
  text-align: justify;
  margin-left: 10%;
  margin-right: 10%;
}


pre.center{
	font-size: 1rem;
	display: flex;
	justify-content: center;
}


.podcast {
  background-color: #bb9582;
  border-radius: 10px; /* Bords arrondis */
  padding: 20px;
  display: flex; /* Utilisation de flexbox pour aligner les éléments horizontalement */
}

/* Style de l'image du podcast */
.podcast img {
  display: block;
  max-width: 300px;
  max-height: 200px;
  width: auto; /* Largeur de l'image */
  height: auto; /* Hauteur ajustée automatiquement pour maintenir les proportions */
  margin-right: 20px; /* Espace entre l'image et les informations */
}

/* Style des informations du podcast */
.podcast .infos {
  flex: 1; /* Les informations prennent le reste de l'espace disponible */
}

/* Style du lien de téléchargement du podcast */
.podcast .infos a {
  display: block; /* Faire du lien un bloc pour occuper toute la largeur disponible */
  margin-top: 10px; /* Espace entre la description et le lien */
  color: white; /* Couleur du texte du lien */
  text-decoration: none; /* Supprimer la soulignement du lien */
}

/* Style du lien de téléchargement au survol */
.podcast .infos a:hover {
  text-decoration: underline; /* Ajouter un soulignement au survol du lien */
}

footer {
  text-align:center;
  padding: 5px;
  background-color: #abbaba;
  color: #000;
}