:root
{
  --couleur1: #7c805c;
  --couleur3S:#7c805c;
  --couleurHiver: #718595;
  
  --backgroundVue : #f3f2ee;
  
}

@font-face {
  font-family: 'titre';
  font-style: normal;
  font-weight: 900;
  src: url("/local/fonts/titre.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#tpl > nav > #logo svg{height: 40px}
.vue, #tpl > main .vue > .main{background: var(--backgroundVue)}

.mainSentier{padding: 20px}

/*-----------------------------------------------------------------*/
/* ADMIN > ASSIGNER DONNEES VUE                                    */
/*-----------------------------------------------------------------*/
.recherche_trouver{background: yellow}

#tpl[data-nom="Admin"] .assignerVue > .corpsVue > .corpsContenu > ul > li:has( > input:checked) > label > .icone i:first-child
, #tpl[data-nom="Admin"] .assignerVue > .corpsVue > .corpsContenu > ul > li:not(:has( > input:checked)) > label > .icone i:last-child
{display: none}

#tpl[data-nom="Admin"] .assignerVue > .corpsVue > .corpsContenu > ul > li:has( > input:checked) > label{background: var(--couleur1)!important; color: #fff!important;}


/*-----------------------------------------------------------------*/
/* ADMIN > LABEL                                                   */
/*-----------------------------------------------------------------*/
#tpl[data-nom="Admin"] .groupeSection:has(> div > section > .saison) > div > section > .champ > label:after
, #tpl[data-nom="Admin"] .labels > label:last-child:after
{content: " ";
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-left: .5em;
}

#tpl[data-nom="Admin"] .groupeSection:has(> div > section > .saison >  .blocInput > select > option[value="1"]:checked) > div > section > .champ > label:after
, #tpl[data-nom="Admin"] .saison1 .labels > label:last-child:after
{
  background-image: url(/local/images/pictos/saison3S.svg);
}

#tpl[data-nom="Admin"] .groupeSection:has(> div > section > .saison >  .blocInput > select >  option[value="2"]:checked) > div > section > .champ > label:after
, #tpl[data-nom="Admin"] .saison2 .labels > label:last-child:after
{
  background-image: url(/local/images/pictos/saisonHiver.svg);
}

#tpl[data-nom="Admin"] .groupeSection:has(> div > section > .saison >  .blocInput > select > option[value="3"]:checked) > div > section > .champ > label:after
, #tpl[data-nom="Admin"] .saison3 .labels > label:last-child:after
{
  background-image: url(/local/images/pictos/saison3S.svg), url(/local/images/pictos/saisonHiver.svg);
  background-position: 0, 20px;
  width: 40px;
  background-size: 15px;
}

#tpl[data-nom="Admin"] .groupeSection:has(> div > section > .saison >  .blocInput > select > option[value="1"]:checked) > div > section > .groupeVue > .corpsContenu > .groupeSection > div > .corpsContenu > .services > .groupeSection:has(.saison2){display: none}

#tpl[data-nom="Admin"] .groupeSection:has(> div > section > .saison >  .blocInput > select > option[value="2"]:checked) > div > section > .groupeVue > .corpsContenu > .groupeSection > div > .corpsContenu > .services > .groupeSection:has(.saison1){display: none}