/*
<!-- Anthony Perez, 18.01.2024, Page d'accueil CSS --> 
*/

@media screen and (max-width : 1860px) {
  .fait {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .faitTexte {
    max-width: 600px;
  }

  .gulfstream img {
    height: auto;
    max-width: 900px;
  }

  .faitBouton {
    display: flex;
    justify-content: center;
  }

}



@media screen and (max-width : 1400px) {
  .section {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 100px;
  }

  footer {
    margin-top: 800px !important;
  }

  .maps {
    margin-bottom: 70px;
  }
}

@media screen and (max-width : 950px) {
  .gulfstream img {
    height: auto;
    max-width: 600px;
  }


}

@media screen and (max-width : 660px) {


  .fait {
    flex-direction: column;
  }


  .faitTexte {
    max-width: 300px !important;
  }

  #F4Video {
    width: 10vw;
    height: 20vw;
  }

  .modeleBouton {
    left: 10%;
  }

  .gulfstream img {
    height: auto;
    max-width: 400px;
  }

  .texteSitue {
    width: 300px;
  }

}

/*
vidéo F4
*/
#F4Video {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  z-index: -1;
  min-height: 400px;
}

.F4 {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -220px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}

.moment {
  width: 100%;
  color: white;
}

/*
section "Qu'est-ce qu'on fait ?"
*/
.fait {
  padding: 50px;
  display: flex;
  color: black;
}

.faitTexte {
  margin-top: 100px;
  width: 500px;
}

.gulfstream {
  padding: 20px;
}



/*
titre "Modèles"
*/
.titreMenuModele {
  text-align: center;
}


/*
section "Carte"
*/


.CessnaMenu {
  border: 1px solid;
  margin: 20px;
  padding-bottom: 200px;
  max-width: 380px;
  max-height: 230px;
  border-radius: 10px
}

.AirbusMenu {
  border: 1px solid;
  margin: 20px;
  padding-bottom: 200px;
  max-width: 380px;
  max-height: 230px;
  border-radius: 10px
}

.BombardierMenu {
  border: 1px solid;
  margin: 20px;
  padding-bottom: 200px;
  max-width: 380px;
  max-height: 230px;
  border-radius: 10px
}

.modeleBouton {
  margin-top: 150px;
  display: flex;
  justify-content: center;
}


/*
section "Où somme nous situé ?"
*/
.situe {
  margin-top: 150px;
  max-height: 400px;
  padding-bottom: 50px;
}

.section {
  align-items: center;
  justify-content: space-evenly;
  padding: 50px;
  display: flex;
  color: black;
  background-image: url(/image/footer-background-011.jpg);
  background-size: cover;

}



.texteSitue {
  max-width: 400px;
  color: #fff;
  padding-bottom: 90px;
}

.maps {
  max-width: 400px;
}