/*header 1*/

.Header1 {
    background-color: #f0f0f0;
    text-align: center;
    padding: 0px;
    margin: 0px; 
    display: flex;
    justify-content: center; 
    padding: 12px;
    flex-direction: row;
  }
  
  .Header1 a {
    text-decoration: underline;
    color: black; 
  }

  @media (max-width: 743px) {
    .Header1{
      display: none;
    }
  }

    /*header 2*/


  .header2  {
    background-color: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around; 
    background-color: white;
    padding: 15px 0;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid ;
    position: sticky;
    top: 0;
  }

.header2 .navigation {
    border: 1px solid #ccc;
    border-radius: 50px;
    box-shadow: 1px 1px 2px;
    display: flex;
    align-items: center;
    justify-content:center; 
    background-color: white;
    padding: 0px;
    flex-direction: row;
    cursor: pointer;
}

.airbnb{ 
  display: block;
}
.airbnblogo {
  display:none;
}


.boutonheader1 {
    border-right: 1px solid #ccc; 
    padding-right: 10px;
    margin-right: 0px;
    margin-left: 10px;

} 

.logement {
  display: flex;
  align-items: center;
}

.logement a {
  margin-right: 10px;
  color: black;
  font-weight: bold;
}

.recherche {
    display: flex; 
    align-items: center;;
  }

.header2 .btn1{
    border: 1px solid #ccc;
    border-radius: 50px;
    cursor: pointer;
}
.header2 .btn1 img {
    margin: 10px;
    width: 15px;
}  

.header2 .hidefilter {
  border: 1px solid #ccc;
  border-radius: 100%;
  cursor: pointer;
}

.header2 .hidefilter img{
  margin: 10px;
}

@media (max-width: 745px) {
  .logement{
    display: none;
  }
  .airbnb{
    display: none;
  }
}

@media screen and (min-width: 745px) and (max-width: 1129px) {
  #airbnb {
      display: none; 
  }

  #airbnblogo {
      display: block; 
  }
}

@media screen and (min-width: 1130px) {
  #airbnb {
      display: block; 
  }

  #airbnblogo {
      display: none; 
  }
}

@media screen and (max-width: 745px) {
  #airbnb {
      display: none; 
  }

  #airbnblogo {
      display: none; 
  }
  #compteuser{
    display: none;
  }
  #iconemenu{
    display: none;
  }
}

@media screen and (max-width: 745px){
  .hidefilter{
    display: flex;
  } 
}


  


 
 
 /*header 3*/

 .header3 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    justify-items: center; 
    background-color: white;
    padding-top: 20px;
  }

  .header3 nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
  }

  .header3 nav img {
    display: block;
    margin: 0 auto 5px;
  }
  .header3 nav ul li {
    display: inline-block; 
    margin-right: 10px;
    margin-bottom: 0px;    
}
  .header3 .filtre .btn2{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    
}

 /*RESPONSIVE*/

@media screen and (max-width: 745px){
  .header3 .filtre{
    visibility: hidden;
  }
}

@media screen and (max-width: 745px) {
  .header3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 357px) {
  .header3 li #pis {
      display: none;
  }
}
@media screen and (max-width: 443px) {
  .header3 li #ch {
      display: none;
  }
}
@media screen and (max-width: 575px) {
  .header3 li #ho {
      display: none;
  }
}
@media screen and (max-width: 706px) {
  .header3 li #ski {
      display: none;
  }
}
@media screen and (max-width: 795px) {
  .header3 li #cam {
      display: none;
  }
}
@media screen and (max-width: 870px) {
  .header3 li #cab {
      display: none;
  }
}
@media screen and (max-width: 935px) {
  .header3 li #do{
      display: none;
  }
}
@media screen and (max-width: 1071px) {
  .header3 li #gd {
      display: none;
  }
}
@media screen and (max-width: 1165px) {
  .header3 li #th{
      display: none;
  }
}
@media screen and (max-width: 1296px) {
  .header3 li #cp{
      display: none;
  }
}