/********************************
* Header
*********************************/
* {
  font-family:Roboto;
}
 
#image{
    width:150px;
    vertical-align:middle;
    float: left;
  }
  
  a {
    color: #7accff;
  }
  
  a:visited {
    color: #ffffff;
  }
  
  body {
    font-size: 10px;
  }
 
  #titre2{
    text-align: center;
      font-size: 20px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

  #cliquezici {
    text-align: center;
      font-size: 15px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

  .qrcinsta {
    margin-left: 550px;
  }

ul{
  list-style-type: none;
}
  
  .test {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #7accff;
    top: 0;
    font-size:30px;
    text-align: center;
    float:none;
    margin-left: 100px;
  }
  #section{
    list-style-type: none;
    background-color: #7accff;
    font-size:30px;
  }
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  li a:hover {
    background-color: #FFB860;
  }
  
  .a{
  
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  
  }
  .active {
    background-color: #7accff;
  }
  figure{
    background:#ffffff;
    height: 128px;
    width: auto;
    margin: 0 0 0 -1px;
  
  }

  /********************************
  * Main
  *********************************/
  
  main {
    margin: 30px 8px;
    padding: 15px;
    }

    #desc {
      font-size: 15px;
      text-align: center;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     
    }


    #titre{
      text-align: center;
      font-size: 50px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

      
  }
    .card {
      border: 1px solid #dee7f0;
      border-radius: 8px;
      padding: 1rem;
      color:white;
  }
  
  .carousel-items {
      display: flex;
      overflow-x: scroll;
      padding: 1rem 0;
      scroll-snap-type: x mandatory;
      border: 1px solid black;
  }
  
  .carousel-item {
      flex: 1 0 400px;
      margin-left: 1rem;
      scroll-snap-align: start;
  }

  /********************************
  * Footer
  *********************************/

  footer{
    margin:30px 0 0 0;
  }