@font-face {
  font-family: 'BrownPen';
  src: url(‘/font/BrownPen-Regular.ttf’) format(‘truetype’)
  }


  .card:hover {
  transform:scale(1.08);
  box-shadow: 0 15px 20px rgba(0,0,0,0.3);
  transition: .5s;
  }

  .card img{
  max-height: 250px;
  }

  .card {
  margin-top: 50px;
  box-shadow: 10px 10px 20px 10px rgb(187, 143, 128);
  }

  .card-body{
  background-color: rgb(71,67,67);
  }


  .card-text{
  color : rgb(173,173,173);
  }

  .card-title{
  color : white;
  font-style: "BrownPen";
  }

  .accordeon-appart{
  background-color: rgb(213, 169, 144);
  }

  .container{
  max-width: 1280px;
  background-color: rgb(152,119,100);
  }

  .back{
  background-color: 152,119,100
  }

  body{
  background: rgb(152,119,100);
  }

  h1{
  color: white;
  font-family: 'Brown Pen', sans-serif;
  font-weight: bold;                           
  }

  h2{
  color: white;
  font-family: 'Brown Pen', sans-serif;
  font-weight: bold;                           
  }

  .image-text{
  position: absolute;
  top: 50%;
  left: 50%;
  }

  .logo{
  position: absolute;
  top: 5%;
  left: 5%;
  }

  .text_appart{
  color : rgb(173,173,173);
  font-family: sans-serif;
  font-weight: normal;                           
  }

  .legende{
  color: white;
  font-family: 'Arial', sans-serif;
  font-weight: bold;                           
  }


  img{
  box-shadow: 0 15px 20px rgba(0,0,0,0.3);
  }

  .checklist-text{
  color: rgb(165, 156, 149);
  }

  .text_booking{
  color: white;
  font-family: sans-serif;
  font-weight: bold;                          
  }

  .img_booking:hover{
  transform:scale(1.08);
  box-shadow: 0 15px 20px rgba(0,0,0,0.3);
  transition: .5s;
  }

  .list-appart{
  list-style-type: square;
  }

  .btn-appart{
  margin: 2px;
  }