:root {
  --theme-color: var(--madeinillegality);
  --theme-color-rgb :var(--madeinillegality-rgb);
  --themehover-color: var(--madeinillegality-hover);
  --themehover-color-rgb: var(--madeinillegality-hover-rgb);
  --cnvs-primary-font: 'Chevin', sans-serif;
  --primary-font: 'Chevin', sans-serif;
  --cnvs-primary-menu-font : 'Chevin', sans-serif;
  --cnvs-secondary-font: var(--secondary-font);
  --secondary-font : var(--secondary-font);
}


/* Heading / Titre de la page */
.title-block:before{background-image: none}
.dark .title-block:before{background-image: none}

/* Heading / Intertitre */
.intertitre-left h2:before, .intertitre-start h2:before,
.intertitre-right h2:before, .intertitre-end h2:before {
background-image: url('/squelettes/sq_madeinillegality/img/bg/bg_title/light/bg_title_start_light.png');}
.dark .intertitre-left h2:before, .dark .intertitre-start h2:before,
.dark .intertitre-right h2:before, .dark .intertitre-end h2:before {
background-image: url('/squelettes/sq_madeinillegality/img/bg/bg_title/dark/bg_title_start_dark.png');}
@media (min-width: 1200px) {
.intertitre-right h2:before, .intertitre-end h2:before {
background-image: url('/squelettes/sq_madeinillegality/img/bg/bg_title/light/bg_title_end_light.png');}
.dark .intertitre-right h2:before, .dark .intertitre-end h2:before {
background-image: url('/squelettes/sq_madeinillegality/img/bg/bg_title/dark/bg_title_end_dark.png');}
}

/* Bullets /  ul.spip li */
ul.spip > li:before, p.tiret:before, ul.spip > li > ul.spip > li:before, p.puce:before {
content: url('/squelettes/sq_madeinillegality/img/bullets/light/bullet-light.png');}
.dark ul.spip > li:before, .dark p.tiret:before, .dark ul.spip > li > ul.spip > li:before, .dark p.puce:before {
content: url('/squelettes/sq_madeinillegality/img/bullets/dark/bullet-dark.png');}


/* Header */
/* Le menu principal se "plie" lorsque l'écran est inférieur à 1200px et pas, par défaut, à 992px*/
@media (min-width: 1200px) {
  .primary-menu {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-positive: 0;
    flex-grow: 0;}
#primary-menu-trigger{
  display: -ms-flex;
  display: flex;}
}

/* Styles menu header */
@media (min-width: 992px) {
.top-links-item:hover, .dark .top-links-item:hover { background-color: transparent; }
.top-links-item, .dark .top-links-item { border-left: 0px;}
.block-nav-menu .menu-item .menu-link { position: relative; }
.block-nav-menu .menu-item .menu-link::before, .top-links-item a.styled::before{
          content: '';
          position: absolute;
          opacity: 0;
          top: 50%;
          left: 0;
          width: 100%;
          height: 50%;
          background-color: var(--theme-color);
          transform: translateY(-50%) skew(2deg) rotate(-2deg);
          transition: opacity .1s;
          z-index: 0;
      }

      .block-nav-menu .sub-menu-container .menu-item > .menu-link::before {
        top: 0;
        height: 100%;
        transform: translateY(0) skew(2deg) rotate(-2deg);
        background-color: var(--blanc);;
      }

      .dark .block-nav-menu .sub-menu-container .menu-item > .menu-link::before, .dark .top-links-item a.styled::before  {
        background-color: var(--theme-color);
      }

      .block-nav-menu .sub-menu-container .menu-item:hover > .menu-link, .top-links-item:hover a.styled
      { background-color: transparent; }

      .dark .block-nav-menu .menu-container > .menu-item:hover > .menu-link,
      .dark .block-nav-menu .menu-container > .menu-item.current > .menu-link,
      .block-nav-menu .menu-container > .menu-item:hover > .menu-link,
      .block-nav-menu .menu-container > .menu-item.current > .menu-link,
      .top-links-item:hover a.styled, .top-links-item.current a.styled
       { color: var(--blanc);; }

      .block-nav-menu .menu-item:hover > .menu-link::before,
      .block-nav-menu .menu-item.current > .menu-link::before,
      .top-links-item:hover a.styled::before, .top-links-item.current a.styled::before
       {opacity: 1;}

      .block-nav-menu .menu-item > .menu-link > div, .top-links-item > a.styled > span {
        position: relative;
        z-index: 2;
      }
    }

@media (max-width: 992px) {
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {color : var(--theme-color)}
}
*/





