@media only screen and (max-width:1260px){
  /* Texte précis de chaque membre*/
  section#membres section .photos div > p {
  font-size: 0.8em;
  }
}

@media only screen and (max-width:1100px){
  /*Redimention de la section dans membre*/
  #membres>section {
    margin-left: 2%;
    margin-right: -10%;
    width: 94%;
  }  
  /*div contenant le texte de présentation global*/
  section .presentation .txt {
    padding-top: 13%;
    padding-bottom: 22%;
  }
  /*texte de la présentation global*/
  section .presentation .txt p{
    font-size: 1em;
  }  
}

@media only screen and (max-width: 1056px) {
  /*Titre "l'équipe"*/
  section#agence > .titre > h3 {
    font-size: 2em;
    margin-top: 15px;
  }
  /*Titre "les membres"*/
  section#membres > .titre > h3 {
    font-size: 2em;
    margin-top: 15px;
  }
}

@media only screen and (max-width:940px){
  /* Texte précis de chaque membre*/
  #membres section .photos div > p {
  font-size: 0.7em;
  } 
  /* Prénom et Nom de chaque membre*/
  #membres section .photos div > h4 {
    top: 7%;
    font-size: 1em;
  } 
}

@media only screen and (max-width:820px){
  /* Texte précis de chaque membre*/
  #membres section .photos div > p {
  font-size: 0.6em;
  } 
}

@media only screen and (max-width:750px){
  /*div contenant le texte de présentation global*/
  section .presentation .txt {
    padding-top: 13%;
    padding-bottom: 22%;
  }
  /*texte de la présentation global*/
  section .presentation .txt p{
    font-size: 0.8em;
  }
  /* Texte précis de chaque membre*/  
  section#membres section .photos div > p {
  display: none;
  }  
  /* Prénom et Nom de chaque membre*/
  section#membres section .photos div > h4 {
    top: 30%;
    width: 80%;
    left: 10%;
    font-size: 0.9em;
    line-height: 1.3;
  }
}

@media screen and (max-width: 702px) {
    /*Titre "l'équipe"*/
  section#agence > .titre > h3 {
    font-size: 1.5em;
    width: 50%;
  }
  /*Titre "les membres"*/
  section#membres > .titre > h3 {
    font-size: 1.5em;
    width: 50%;
  }
}

@media only screen and (max-width:600px){
  /*texte de la présentation global*/
  section .presentation .txt p{
    font-size: 0.6em;
  }
}

@media only screen and (max-width:500px){
  /* Prénom et Nom de chaque membre*/
  section#membres section .photos div > h4 {
    width: 85%;
    left: 8%;
    font-size: 0.8em;
  }
}

@media only screen and (max-width:430px){
  /* Prénom et Nom de chaque membre*/
  section#membres section .photos div > h4 {
    font-size: 0.7em;
  }
  /*div contenant le texte de présentation global*/
  section .presentation .txt {
    padding-top: 10%;
    padding-bottom: 25%;
  }
  /*texte de la présentation global*/
  section .presentation .txt p{
    font-size: 0.5em;
  }
}

@media only screen and (max-width:360px){
  /* Prénom et Nom de chaque membre*/
  section#membres section .photos div > h4 {
    width: 85%;
    left: 5%;
    font-size: 0.6em;
  }
}