@media screen and (max-width: 991px) {
  *,
  *:after,
  *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  html, body, .container, .scroller {
    height: 100%; }

  .scroller {
    overflow-y: scroll; }

    #mp-menu .mp-level h2.icon,
    .hamburger-inner .labelMenu {color: #fff!important;border: none!important;}

  .scroller,
  .scroller-inner {
    position: relative; }

  .container {
    /*position: relative;*/
    overflow: hidden;
    /*background: #34495e;*/ }

  .menu-trigger {
    position: relative;
    padding-left: 60px;
    font-size: 0.9em; }

  .menu-trigger:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 40px;
    height: 6px;
    background: #fff;
    -webkit-box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
            box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
    content: ''; }

  .mp-pusher {
    position: relative;
    left: 0;
    height: 100%; }

  .mp-menu {
    position: absolute;
    /* we can't use fixed here :( */
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  .mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #9e1616;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  /* overlays for pusher and for level that gets covered */
  .mp-pusher::after,
  .mp-level::after,
  .mp-level::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    opacity: 0; }

  .mp-pusher::after,
  .mp-level::after {
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }

  .mp-level::after {
    z-index: -1; }

  .mp-pusher.mp-pushed::after,
  .mp-level.mp-level-overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

  .mp-level.mp-level-overlay {
    cursor: pointer; }

  .mp-level.mp-level-overlay.mp-level::before {
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1; }

  .mp-pusher,
  .mp-level {
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

  /* overlap */
  .mp-overlap .mp-level.mp-level-open {
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); }

  /* First level */
  .mp-menu > .mp-level,
  .mp-menu > .mp-level.mp-level-open,
  .mp-menu.mp-overlap > .mp-level,
  .mp-menu.mp-overlap > .mp-level.mp-level-open {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  /* cover */
  .mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  /* content style */
  .mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }

  .mp-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, 0.1);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em;
	}

  .mp-menu.mp-overlap h2::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px;
    font-size: 75%;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s, -webkit-transform 0.1s 0.3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }

  .mp-menu.mp-cover h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1em; }

  .mp-overlap .mp-level.mp-level-overlay > h2::before {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  .mp-menu ul li > a {
    display: block;
    padding: 0.7em 1em 0.7em 1.8em;
    outline: none;
    -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    font-size: 1.4em;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -webkit-transition: background 0.3s, -webkit-box-shadow 0.3s;
    transition: background 0.3s, -webkit-box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
	color: white}

  .mp-menu ul li::before {
    position: absolute;
    left: 10px;
    z-index: -1;
    color: rgba(0, 0, 0, 0.2);
    line-height: 3.5; }

  .mp-level > ul > li:first-child > a {
    -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2); }

  .mp-menu ul li a:hover,
  .mp-level > ul > li:first-child > a:hover {
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 -1px transparent;
            box-shadow: inset 0 -1px transparent; }

  .mp-menu .mp-level.mp-level-overlay > ul > li > a,
  .mp-level.mp-level-overlay > ul > li:first-child > a {
    -webkit-box-shadow: inset 0 -1px transparent;
            box-shadow: inset 0 -1px transparent; }

  .mp-level > ul > li:first-child > a:hover,
  .mp-level.mp-level-overlay > ul > li:first-child > a {
    -webkit-box-shadow: inset 0 -1px transparent, inset 0 1px transparent;
            box-shadow: inset 0 -1px transparent, inset 0 1px transparent; }

  /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
  .mp-back {
    background: rgba(0, 0, 0, 0.1);
    outline: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    font-size: 0.8em;
    padding: 1em;
    position: relative;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }
.mp-back:hover{color: #fff;}
  .mp-back::after {
    font-family: 'linecons';
    position: absolute;
    content: "\e037";
    right: 10px;
    font-size: 1.3em;
    color: #fff!important; }

  .mp-menu .mp-level.mp-level-overlay > .mp-back,
  .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: transparent; }

  /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
  /* We'll show the first level only */
  .no-csstransforms3d .mp-pusher,
  .no-js .mp-pusher {
    padding-left: 300px; }

  .no-csstransforms3d .mp-menu .mp-level,
  .no-js .mp-menu .mp-level {
    display: none; }

  .no-csstransforms3d .mp-menu > .mp-level,
  .no-js .mp-menu > .mp-level {
    display: block; } }
@media screen and (max-width: 991px) {
  @font-face {
    font-family: 'linecons';
    src: url("../fonts/linecons/linecons.eot");
    src: url("../fonts/linecons/linecons.eot?#iefix") format("embedded-opentype"), url("../fonts/linecons/linecons.woff") format("woff"), url("../fonts/linecons/linecons.ttf") format("truetype"), url("../fonts/linecons/linecons.svg#linecons") format("svg");
    font-weight: normal;
    font-style: normal; }
  .icon:before {
    font-family: 'linecons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    margin-right: 0.6em;
    -webkit-font-smoothing: antialiased; }

  .icon-female:before {
    content: "\f182"; }

  .icon-male:before {
    content: "\f183"; }

  .icon-arrow-left:before {
    content: "\e032"; }

  .icon-arrow-left-2:before {
    content: "\e034"; }

  .icon-arrow-left-3:before {
    content: "\e036"; }

  .icon-arrow-left-4:before {
    content: "\e038"; }

  .icon-arrow-right:before {
    content: "\e035"; }

  .icon-arrow-right-2:before {
    content: "\e037"; }

  .icon-arrow-right-3:before {
    content: "\e039"; }

  .icon-arrow-right-4:before {
    content: "\e033"; }

  .icon-phone:before {
    content: "\e000"; }

  .icon-news:before {
    content: "\e001"; }

  .icon-photo:before {
    content: "\e002"; }

  .icon-shop:before {
    content: "\e003"; }

  .icon-wallet:before {
    content: "\e004"; }

  .icon-t-shirt:before {
    content: "\e005"; }

  .icon-heart:before {
    content: "\e006"; }

  .icon-cloud:before {
    content: "\e007"; }

  .icon-display:before {
    content: "\e008"; }

  .icon-diamond:before {
    content: "\e009"; }

  .icon-banknote:before {
    content: "\e00a"; }

  .icon-data:before {
    content: "\e00b"; }

  .icon-music:before {
    content: "\e00c"; }

  .icon-location:before {
    content: "\e00d"; }

  .icon-star:before {
    content: "\e00e"; }

  .icon-tv:before {
    content: "\e00f"; }

  .icon-eye:before {
    content: "\e010"; }

  .icon-megaphone:before {
    content: "\e011"; }

  .icon-study:before {
    content: "\e012"; }

  .icon-bubble:before {
    content: "\e013"; }

  .icon-sound:before {
    content: "\e014"; }

  .icon-video:before {
    content: "\e015"; }

  .icon-stack:before {
    content: "\e016"; }

  .icon-lab:before {
    content: "\e017"; }

  .icon-food:before {
    content: "\e018"; }

  .icon-cup:before {
    content: "\e019"; }

  .icon-trash:before {
    content: "\e01a"; }

  .icon-user:before {
    content: "\e01b"; }

  .icon-key:before {
    content: "\e01c"; }

  .icon-fire:before {
    content: "\e01d"; }

  .icon-clip:before {
    content: "\e01e"; }

  .icon-mail:before {
    content: "\e01f"; }

  .icon-search:before {
    content: "\e020"; }

  .icon-settings:before {
    content: "\e021"; }

  .icon-like:before {
    content: "\e022"; }

  .icon-calendar:before {
    content: "\e023"; }

  .icon-camera:before {
    content: "\e024"; }

  .icon-tag:before {
    content: "\e025"; }

  .icon-note:before {
    content: "\e026"; }

  .icon-clock:before {
    content: "\e027"; }

  .icon-lock:before {
    content: "\e028"; }

  .icon-vynil:before {
    content: "\e029"; }

  .icon-truck:before {
    content: "\e02a"; }

  .icon-paperplane:before {
    content: "\e02b"; }

  .icon-bulb:before {
    content: "\e02c"; }

  .icon-pen:before {
    content: "\e02d"; }

  .icon-params:before {
    content: "\e02e"; }

  .icon-world:before {
    content: "\e02f"; } }
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'codropsicons';
  src: url("../fonts/codropsicons/codropsicons.eot");
  src: url("../fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("../fonts/codropsicons/codropsicons.woff") format("woff"), url("../fonts/codropsicons/codropsicons.ttf") format("truetype"), url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg"); }
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.codrops-header,
.codrops-top {
  font-family: 'Lato', Arial, sans-serif; }

.codrops-header {
  margin: 0 auto;
  padding: 2em;
  background: rgba(0, 0, 0, 0.01);
  text-align: center; }

.codrops-header h1 {
  margin: 0;
  font-weight: 300;
  font-size: 2.625em;
  line-height: 1.3; }

.codrops-header span {
  display: block;
  padding: 0 0 0.6em 0.1em;
  font-size: 60%;
  opacity: 0.7; }

/* To Navigation Style */
.codrops-top {
  width: 100%;
  background: #91cfa1;
  background: rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  font-size: 0.69em;
  line-height: 2.2; }

.codrops-top a {
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.1em; }

.codrops-top a:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #333; }

.codrops-top span.right {
  float: right; }

.codrops-top span.right a {
  display: block;
  float: left; }

.codrops-icon:before {
  margin: 0 4px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'codropsicons';
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased; }

.codrops-icon-drop:before {
  content: "\e001"; }

.codrops-icon-prev:before {
  content: "\e004"; }

/* Demo Buttons Style */
.codrops-demos {
  padding-top: 1em;
  font-size: 1.1em; }

.codrops-demos a {
  display: block;
  float: left;
  clear: both;
  margin: 0.5em 0.5em 0.5em 1.9em;
  padding: 1em 1.1em;
  width: 280px;
  outline: none;
  color: #fff;
  background: #336ca6;
  text-align: center;
  text-decoration: none;
  font-weight: 700; }

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
  opacity: 0.6; }

.content {
  padding: 4em 2em;
  max-width: 1200px;
  margin: 0 auto; }

.block {
  float: left;
  padding: 1em 3em; }

.block-40 {
  width: 40%; }

.block-60 {
  width: 60%; }

.block p {
  margin: 0;
  padding: 0 1em 0.6em;
  font-size: 1.8em;
  line-height: 1.5; }

.info {
  text-align: center;
  font-size: 1.5em;
  margin-top: 3em;
  clear: both;
  padding-top: 3em;
  color: rgba(255, 255, 255, 0.5); }

.info a {
  font-weight: 700;
  font-size: 0.9em; }

.info a:hover {
  color: #336ca6; }

@media screen and (max-width: 69em) {
  .block {
    float: none;
    width: 100% !important;
    padding: 1em; } }
@media screen and (max-width: 25em) {
  body {
    font-size: 80%; }

  .codrops-icon span {
    display: none; } }
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.8; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/**************************************************************
// Choisir le ou les style(s) désiré ,l'inscrire dans le ( tableau ) ci-dessous et décommenté la ligne liée
///////////////////////////////////////////////////////////// /*/
/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
              transform: translate3d(80px, 80px, 0) rotate(45deg);
      -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
              transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*SURCHARGE CONTRE MATERIALIZE */
button.is-active:focus, button.is-active, button.is-active:hover, button.is-active:active {
  background-color: #9e1616; }

nav ul li {
  float: none; }

nav {
  line-height: normal; }

.mp-pushed #page {
  min-height: 97vh; }

.labelMenu {
  display: none;
  left: 0;
  bottom: -20px;
  position: absolute; }

#trigger:hover .labelMenu {
  display: block; }

@media screen and (min-width: 992px) {
  #nav ul, #nav li, #nav li a, .mp-level {
    height: 100%; }

  #nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

  nav {
    height: auto; }

  #nav ul, #nav li, #nav li a, .mp-level {
    height: 100%; }

  /*// debut copie de l'ancien css + adaptation avec mp-level */
  #nav, #nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }

  #nav > li {
    position: relative;
    float: left;
    margin: 0 5px; }

  #nav > li:hover .mp-level {
    display: block; }

  #nav li > .mp-level {
    display: none; }

  #nav ul {
    position: absolute; }

  #nav li ul {
    top: 100%;
    left: 0; }

  #nav li ul li ul {
    top: 0;
    left: 100%;
    padding-left: 5px; }

  #nav ul li {
    padding-top: 5px; }

 #nav li a {
    border: 0px solid #000;

    color: #c9c9c9;
    display: block;
    line-height: 12px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
   /* width: 100px;*/
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 11px;
	font-weight: 400;
	height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: italic;
  letter-spacing:0.03em;
  font-family: 'Libre Baskerville', serif;
}

  #nav li a:hover,#nav li.selected a {
  
    color: #fff; }
	
/*#nav > li.nav1 a:hover,#nav > li.nav1.selected a {
		background:transparent url(img/roll1.png) no-repeat center top;
		
	}*/	

  #nav li:hover > ul {
    display: block; }

  #nav li ul li a{
		border-radius: 0;
		border: 0;
		/*height:auto;*/
		padding:10px 2px!important;
		font-size:0.85em;
		white-space:nowrap;
		background:rgba(255,255,255,.9)!important;		
		
	}
	
  #nav li ul li a:hover{background:rgba(204,204,204,.9)!important}

  /*// fin copie de l'ancien css*/
  /* Elements utile uniquement sur le menu mobile */
  .mp-level h2, #trigger, .mp-back, #nav li a.mp-back {
    display: none; } }




/* @media query */
#trigger {
  position: fixed;
  top: 0;
  left: 0; }

.ongletMenuBurger {
  color: black;
  background: #d1d1d1;
  padding: 0.2em 0.5em;
  margin: 0.3em;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* justify-content: space-between; */
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4em; }

#iconBurger, .ongletMenuBurger {
  fill: black;
  color: black; }

.ongletMenuBurger:hover, .ongletMenuBurger:focus, .ongletMenuBurger:hover #iconBurger {
  fill: white;
  color: white;
  background: #585858; }

.ongletMenuBurger svg {
  margin-right: 0.5em; }

.ongletMenuBurger > span {
  margin: -35px;
  opacity: 0; }

/*# sourceMappingURL=menu.css.map */
@media only screen and (min-width: 1024px) {
#nav li a{font-size: 12px;}
#nav > li{margin:0 4px;}
}

@media only screen and (min-width: 1170px) {
#nav li a{font-size: 14px;}
#nav > li{margin:0 8px;}
}


@media only screen and (min-width: 1280px) {
#nav li a{font-size: 15px;}
#nav > li{margin:0 10px;}
}