body {
    font-family: Arial, sans-serif;
    margin: 0;
    background-color: #000;
  }
  
  .gallery {
      width: 80%;
      height: auto;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  
  .titre {
      color: whitesmoke;
      text-align: center;
    }
  
    .logo {
      width: 100px;
      height: 100px;
    }
  
    .menu {
      display: flex;
      justify-content: space-around;
      align-items: center;
      background-color: #333;
      color: white;
    }
  
    .menu a {
      text-decoration: none;
      color: white;
    }
    #videos
      {
      width:auto;
      background:#fff5e0;
      border:1px solid #9e6a02;
      margin-top:25px;
      padding:15px;
      text-align:center;
      }	
      .video-responsive { 
        overflow:hidden; 
        padding-bottom:56.25%; 
        position:relative; 
        height:0;
        }
        
        .video-responsive iframe {
        left:0; 
        top:0; 
        height:100%;
        width:100%;
        position:absolute;
        }