:root
{
	--couleur3S:#7c805c;
	--couleurHiver: #718595;
	--couleurHiver_alpha2: rgba(113, 133, 149, 0.2);
}

._3S a, ._3S .a, ._3S [data-btn]{color:var(--couleur3S)}
._HIVER a, ._HIVER .a, ._HIVER [data-btn]{color:var(--couleurHiver)}

._3S #menu_principal
, ._3S #navPrincipal
, ._3S #menu_principal .sous_menu
, ._3S._admin
{background: var(--couleur3S);}
	
._hiver #menu_principal
, ._hiver #navPrincipal
, ._hiver #menu_principal .sous_menu
, ._hiver._admin
{background: var(--couleurHiver);}
	
	
._admin .sectionMultiple:has(.choixSaison option[value="1"]:checked) .sectionAutreTable.saison2
, ._admin .sectionMultiple:has(.choixSaison option[value="2"]:checked) .sectionAutreTable.saison1
{display:none}


._admin .autresServicesDiv > div{display:grid; transition: grid-template-rows .5s ease!important; grid-template-rows: 0;}
._admin .grouper:has( > .grouper input[value="17"]:checked) > .grouper > .autresServicesDiv > .choix17{grid-template-rows:1fr}
._admin .autresServicesDiv > div > .g{overflow: hidden}


._admin .grouper:has(.choixSaison) > .champ > label:after{content: " ";
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	display: inline-block;
	margin-left: .5em;
}

._admin .grouper:has(.choixSaison option[value="1"]:checked) > .champ > label:after
{
	background-image: url(/v1/app/images/pictos/saison3S.svg);
}

._admin .grouper:has(.choixSaison option[value="2"]:checked) > .champ > label:after
{
	background-image: url(/v1/app/images/pictos/saisonHiver.svg);
}

._admin .grouper:has(.choixSaison option[value="3"]:checked) > .champ > label:after
{
	background-image: url(/v1/app/images/pictos/saison3S.svg), url(/v1/app/images/pictos/saisonHiver.svg);
	background-position: 0, 20px;
	width: 40px;
	background-size: 15px;
}

._admin .vue .importationDonnees li label:has(input:checked){background: var(--couleur3S)}