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

/*---------------------------------------
  NAVIGATION
-----------------------------------------*/

  .btn-responsive-menu {
    display: block;
  }

  .liste-nav {
    /* top:-250px; */
    top:90px;
    flex-direction: column;

  }

/*---------------------------------------
  TITRE
-----------------------------------------*/


/*---------------------------------------
  INTRODUCTION
-----------------------------------------*/


/*---------------------------------------
PARTIE 01 : DOMAINES
-----------------------------------------*/

.domaines {
  /* background-color: aqua; */
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.itemDomaines {
  width:80%;
}

 .partieDomaines {
  flex-direction: column;
}

/*---------------------------------------
PARTIE 02 : PRESENTATION
-----------------------------------------*/

  .cadreBlanc {
    display: none;
  }

  .fonce {
    flex-direction: column;
    height:100%;
  }

  .presentationTexte {
    /* background-color: aqua; */
    width:100%;
    padding:0 3em;
  }

  .presentationPhoto {
    /* background-color: crimson; */
    height:100%;
    margin:1em 0 3em 0;
  }

  .photoLP {
    padding-top: 2em;
  }

/*---------------------------------------
PARTIE 03 : CONTACT
-----------------------------------------*/

  .photoFond {

  }

  .contact {
    /* height:100vh; */
  }

  .intermediaireContenu {
    /* background-color: aqua; */
    justify-content: flex-start;
  }


/*---------------------------------------
  SECTION
-----------------------------------------*/

  #sectionPresentation {
    padding-top : 3em;
  }

/*---------------------------------------
FOOTER
-----------------------------------------*/

  footer {
    background-color: rgba(0,0,0,0.8);
    padding:1em;
  }

  .sectionFooter {
    flex-direction: column;
    text-align: center;
  }

  .reseauxSociaux {
    padding:1em 0 0 0;
  }

}