/* Switching box model for all elements */


/* Responsive Navigation styles begin here */

@media (max-width: 640px) {
  nav + * { position: relative; }
  /* Theming opened nav */
  nav ul {
    /* maximum height | utile pour le déroulé */
    max-height: 40em;  overflow: visible;
    /* translate with hardware acceleration */
    -webkit-transform: translateZ(0); transform: translateZ(0);
	-webkit-transition: max-height .4s; transition: max-height .4s, overflow .4s;
    will-change: max-height, overflow;
    /* global styles */
    margin: 0; padding: 0; list-style: none;
  }
  nav a { display: block; text-decoration: none; margin-bottom: 2px; }
  nav a:hover, nav a:focus, nav a:active { background:#eee; }
  
  /* Theming closed nav */
  nav.is-closed ul { max-height:0; overflow:hidden; }
  
  /* Global styling nav button */
  nav > button {
    display: block; position: absolute; top: 10px; right: 15px; z-index: 100; height: 2.2rem; width: 3.5rem; background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333)), -webkit-gradient(linear, left top, right top, from(#333), to(#333)), -webkit-gradient(linear, left top, right top, from(#333), to(#333));
    background-image: -webkit-linear-gradient(left, #333, #333), -webkit-linear-gradient(left, #333, #333), -webkit-linear-gradient(left, #333, #333);
    background-image: linear-gradient(to right, #333, #333), linear-gradient(to right, #333, #333), linear-gradient(to right, #333, #333);
    background-position: center top, center, center bottom;
    background-repeat: no-repeat;
    background-size: 2.5rem .5rem;
    padding: 0; outline: 0; border: 0; cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: .2s; transition: .2s;
  }
  
  /*  Removing Firefox's dotted outline on button */
  nav > button::-moz-focus-inner { border: 0; }
  
  /* Theming opened nav button */
  nav:not(.is-closed) > button { -webkit-transform:rotate(180deg) translateZ(0); transform:rotate(180deg) translateZ(0); background-position:center, center, center; }
  
  /* Hide alternate text except from screen readers */
  .visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow:hidden; height:1px; width:1px; }

section li { list-style: none; }
section li::before { content: "\2713 "; margin-right: .8rem; }
}



/* orientation */
@media (orientation: landscape) and (max-device-width: 640px) {
  html, body { -webkit-text-size-adjust: 100%; }
}