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

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

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

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

  }

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

.titreRubrique {
  padding: 2em 1em;
}  

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

.contenuIntro {
  /* background-color: brown; */
  width: 95%;
}

/*---------------------------------------
  PAGES
-----------------------------------------*/

.contenuRubrique, .cadreBeige {
  padding:2em 1em;
}

.cadreBeige {
  margin-top : 1em;
}

.contenuRubrique.cadreVert {
  margin: 0;
  padding:1em;
}

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

.vignette,.image {
  width:40%;
}

.sautLigne {
  display: block;
}

h1 span {
  line-height: 1em;
}

/*---------------------------------------
  ELEMENTS COMMUNS
-----------------------------------------*/

.galerieRubrique {
  width:100%;
}

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

section {
  width:100%;
  padding-left: 1em;
  padding-right: 1em;
}

h1 {
  font-size: 100px;
}

.texteIntroRubrique {
  width:100%;
    /* background-color: aqua; */
}

}