body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
  background-color: yellowgreen;
}

p {
  font-size: 20px;
}

.book {

  flex-direction: row; 
}

/* SAINT-CLOUD */
#ville {
  width: 100%;
  height: 35%;

  display: block; 
  margin-top: 0;
}

#logo {
  display: block;

  margin: 0 auto; 
  width: 300px;
  /* Garde les proportions de l'image (évite qu'elle soit écrasée) */
  height: auto; 
}

/* FAV BOOK AND FILM */
/*pere*/
.block {

  display: flex;
  flex-wrap: wrap; /*pour les tailles d'ecrans*/
  align-items: center; 
  max-width: 1200px; 
  margin: 40px auto; 
  background-color: white;
}

/*enfants*/

.block section,
.block figure {
  flex: 1;
  min-width: 300px; /*taille minimum*/
  padding: 20px;
  margin: 0;
}

.block img {
  width: 100%; 
  height: auto;
  display: block; 
}

/* CV */

/*Interest*/
/*voir le css pour les video plus bas*/


/* MENU DE NAVIGATION */

.menu_image {
  text-align: center;
}

/* enfant de menu */
.menu ul {
/* placeret retirer les puces dans les cases */
  display: flex; 
  

  justify-content: center; 
  

  list-style-type: none; 
  margin: 0;
  padding: 0;
  background-color: #333;/*couleur simplifié et prise sur htmlcolorcode*/
}

/* enfant de menu */
.menu a {
/* modifie les textes uniquement */
  display: block; 
  padding: 15px 20px;
  color: white;
  

  text-decoration: none; 
  font-weight: bold;
  border-right: 1px solid #555;
}

/* POUR LES VIDEOS */
video, iframe {
/* */
  max-width: 100%; 
  display: block;
  margin: 0 auto;
}