/*-----drone fpv-------------------------------------------drone fpv--------------------------*/
/*--------------------------------------------------------------------------------------------*/

.topsecgnlrealisation{
  position: relative;
  height: auto;
  min-height: 57.5vh;
  width: 100%;
  overflow: hidden;
  background-color: rgba(102, 100, 100, 0.5)
}
  
.texttitrerealisations{
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cadre_gnl_drone-fpv{
    width: 100%;
    flex-direction: column;
    padding-top: 3%;
  }
}

@media screen and (min-width: 768px) {
  .cadre_gnl_drone-fpv{
    display: flex;
    padding-top: 3%;
  }
}

/*------------partie droite-----------------------*/

@media screen and (max-width: 768px) {
  .cadre_gnl_drone-fpv_droite{
    width: 90%;
    padding-left: 5%;
    padding-bottom: 5%;
    padding-top: 5%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1350px){
  .cadre_gnl_drone-fpv_droite{
    width: 50%;
  }
}

@media screen and (min-width: 1350px) {
  .cadre_gnl_drone-fpv_droite{
    width: 30%;
    padding-left: 20%;
  }
}

.cadre_gnl_drone-fpv_droite_sous_title{
  font-weight: bold;
}

@media screen and (max-width: 768px){
  .cadre_gnl_drone-fpv_droite_bar::after{
    content: '';
    width: 15%;
    height: 2px;
    position: absolute;
    background-color: #f00;
    margin-top: 0.4%;
    margin-bottom: 0.4%;
  }
}

@media screen and (min-width: 768px){
  .cadre_gnl_drone-fpv_droite_bar::after{
    content: '';
    width: 4%;
    height: 2px;
    position: absolute;
    background-color: #f00;
    margin-top: 0.4%;
    margin-bottom: 0.4%;
  }
}

.cadre_gnl_drone-fpv_droite_title{
 font-size: 48px;
 width: 100%;
}

.cadre_gnl_drone-fpv_droite_texte1{
width: 100%;
}

.cadre_gnl_drone-fpv_droite_texte2{
  width: 100%;
}

.cadre_gnl_drone-fpv_droite_contact_moi{
  text-align: center;
  color: #fff;
  background-color: #EF1F1F78;
  border-radius: 30px 30px 30px 30px;
  text-decoration: none;
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 5%;
  width: 60%;
  padding-top: 1%;
  padding-bottom: 1%;
  display: flex;
  justify-content: center;
}

/*-----------------------partie gauche--------------------*/

@media screen and (max-width: 768px) {
  .cadre_gnl_drone-fpv_gauche{
    width: 90%;
    padding-left: 5%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1350px) {
  .cadre_gnl_drone-fpv_gauche{
    width: 50%;
  }
}

@media screen and (min-width: 1350px) {
  .cadre_gnl_drone-fpv_gauche{
    width: 30%;
    padding-right: 20%;
  }
}

.cadre_gnl_drone-fpv_gauche_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/*-----------------section milieu--------------------------------------------------------------------------------------------------*/

.cadre_milieu_drone_fpv{
  padding-top: 5%;
  padding-bottom: 5%;
}

.cadre_milieu_drone_fpv_title{
  text-align: center;
}

/*---------------section bas mes dispo-----------------------------------------------------------------------*/

.cadre_bas_gnl_drone-fpv{
  width: 100%;
  background-color: #e1e1e1;
  padding-bottom: 1%;
}

.cadre_bas_gnl_drone-fpv_title{
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  padding-top: 2%;
  padding-bottom: 1%;
}

@media screen and (max-width: 768px) {
  .cadre_bas_gnl_drone-fpv_section{
    padding-left: 5%;
    width: 90%;
    padding-right: 5%;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .cadre_bas_gnl_drone-fpv_section{
    padding-left: 5%;
    width: 90%;
    padding-right: 5%;
    display: flex;
  }
}

/*------------------localisation------------------------*/

@media screen and (max-width: 768px) {
  .cadre_bas_gnl_drone-fpv_localisation{
    width: 100%;
    padding-bottom: 5%;
  }
}

@media screen and (min-width: 768px) {
  .cadre_bas_gnl_drone-fpv_localisation{
    width: 33.3%;
    padding-bottom: 5%;
  }
}

@media screen and (min-width: 768px) {
  .cadre_bas_gnl_drone-fpv_localisation_texte2{
    width: 95%;
  }
  
}

.cadre_bas_gnl_drone-fpv_localisation_texte::before{
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* FontAwesome utilise parfois font-weight pour les styles */
  color: #000;
  /*font-size: 16px;*/
  margin-right: 8px;
}

/*----------------durée de tournage----------------------*/

@media screen and (max-width: 768px) {
  .cadre_bas_gnl_drone-fpv_durée_tournage{
    width: 100%;
    padding-bottom: 5%;
  }
}

  @media screen and (min-width: 768px) {
  .cadre_bas_gnl_drone-fpv_durée_tournage{
    width: 33.3%;
  }
}

.cadre_bas_gnl_drone-fpv_durée_tournage_texte::before{
  content: "\f008";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* FontAwesome utilise parfois font-weight pour les styles */
  color: #000;
  /*font-size: 16px;*/
  margin-right: 8px;
}

/*-------------------------------reactivité-----------------------------*/
@media screen and (max-width: 768px) {
  .cadre_bas_gnl_drone-fpv_reactivité{
    width: 100%;
  }
}  
@media screen and (min-width: 768px) {
  .cadre_bas_gnl_drone-fpv_reactivité{
    width: 33.3%;
  }
}

.cadre_bas_gnl_drone-fpv_reactivité_texte::before{
  content: "\f70c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* FontAwesome utilise parfois font-weight pour les styles */
  color: #000;
  /*font-size: 16px;*/
  margin-right: 8px;
}

/*---------footer--------------------------------------------------------*/
.footer_drone-fpv{
  background-color: #9e9e9e;
  margin: 0%;
}