#apropos{
  width: 90%;
  margin-left: 5%;
  height: auto;
  display: flex;
  position: relative;
}

#left_propos{
  width: 40%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  flex-direction: column;
}
#right_propos{
  width: 60%;
  height:100%;
  position: relative;
  margin-top: 5%;
}
.are_align_left{
  text-align: right;
}
#container_reso{
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
}
.img_icone{
  width: 40%;
  height:auto;
}




#img_fatoumata{
  width: 80%;
  height:auto;
  border-radius: 20px;
  filter: grayscale(100%);
}
#line_top{
  position: absolute;
  top: 0;
  width: 0;
  height:1px;
  background-color:rgba(255, 255, 255, 0.661);
  transition: width 1s ease;
}
#line_height{
  position: absolute;
  top: 0;
  left:0;
  height:0;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.661);
  transition: height 1s ease;
}
.to_width{
  width: 100%!important;
}
.to_height{
  height: 100%!important;
}
#container_text{
  width: 100%;
  height: auto;
  display: flex;
}
#text{
  width: 85%;
  height: auto;
  margin-top: 5%;
  text-align: left;
  position: relative;
  z-index: 2;
  margin-left: 5%;
}
.is_margin1{
  margin-top: 5%;
}
.is_margin2{
  margin-top: 1%;
}
#apropos_div{
  width: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.are_rotate{
  opacity: 0.05;
  margin-top: 1%;
}

#btn_container{
  width: 100%;
  display: flex;
  justify-content: end;
}

@media (max-width: 1280px) and (max-height:1024px){

  #img_fatoumata{
    width: 90%;
  }


}

@media (max-width: 1280px) and (max-height:800px){
  #img_fatoumata{
    width: 80%;
  }
}
@media (max-width: 800px){
  .img_icone{
    width: 60%;
  }

}
@media (max-width: 700px){
  #apropos{
    flex-direction: column;
  }
  #left_propos{
    width: 80%;
    margin-left: 10%;
  }
  #right_propos{
    width: 90%;
    margin-left: 5%;
    margin-top: 10%;
  }
  #apropos_div{
    display: none;
  }
  #text{
    width: 100%;
  }
  #line_top{
    display: none;
  }
}
@media (max-width: 500px){

  #img_fatoumata{
    width: 100%;
  }
}