/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    border-right: 1px solid white;
    border-left:1px solid white;
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    background-color: gold;
    color: white;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }

  H1{
    text-align: center;
    font-size: 40px;
  }
  
  .centrer{
    text-align: center;
    padding-left: 20%;
    padding-right : 20%;
    font-size: 25px;
    display: block;
    border-radius: 10em;
    width: 40%;
    background-color: gold;
    margin-left: 10%;
    margin-right: 10%;
  }

  .moi{
    text-align: center;
    padding-left: 20%;
    padding-right : 20%;
    font-size: 25px;
    display: block;
    border-radius: 10em;
    width: 40%;
    background-color: gold;
    margin-left: 10%;
    margin-right: 10%;
  }

  .CV{
    text-align: center;
    padding-left: 30%;
    padding-right: 30%;
    font-size: 25px;
  }

  .job {
    font-size: 40px;
    color: gold;
  }

  .titresituation {
    text-align: center;
    padding-left: 20%;
    padding-right : 20%;
    font-size: 25px;
    display: block;
    border-radius: 10em;
    width: 40%;
    background-color: gold;
    margin-left: 10%;
    margin-right: 10%;
  }

  .situationreseau {
    width: 50%;
  }

  .michelinimg {
    margin-left: auto;
    margin-right: auto;
    width: 30em;
    display: block;
  }