@charset "UTF-8";
/* CSS Document */


.menu {
	flex: 1 1 0;
	align-self: stretch;
	height: auto;
	text-align: center;
	border-radius: 1rem;
	outline: none;
	border-style: none;
	cursor: pointer;
}

.menu[aria-pressed="true"] {
	cursor: default;
	opacity: 1;
}

	
.menu:disabled {
	cursor: default;
	opacity: 0.4;
}

	

/* CSS pied */

.cadre_pied {
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	display: block;
}





/* icones SVG */



.box_icon_header {
	/* apparemment utilisé seulement au debut du header.php */
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
}

.icon_svg_cat_header svg * {
	fill: var(--_BTN_OUT);
}

.icon_svg_inactif svg * {
	fill: var(--COL_ICON_INACTIF);
}

.icon_svg_actif svg * {
	fill: var(--COL_ICON_ACTIF);
}

.icon_svg_actif:hover svg * {
	fill: var(--COL_ICON_OVER);
}

.icon_svg_active svg * {
	fill: var(--COL_ICON_OVER);
}

.icon_svg_rouge svg *,
.icon_svg_rouge_inactif svg *,
.icon_svg_rouge_active svg * {
    fill: var(--COL_ICON_ROUGE);
}

.icon_svg_orange svg *,
.icon_svg_orange_inactif svg *,
.icon_svg_orange_active svg * {
    fill: var(--COL_ICON_ORANGE);
}

.icon_svg_jaune svg *,
.icon_svg_jaune_inactif svg *,
.icon_svg_jaune_active svg * {
    fill: var(--COL_ICON_JAUNE);
}

.icon_svg_vert svg *,
.icon_svg_vert_inactif svg *,
.icon_svg_vert_active svg * {
    fill: var(--COL_ICON_VERT);
}

.icon_svg_bleu svg *,
.icon_svg_bleu_inactif svg *,
.icon_svg_bleu_active svg * {
    fill: var(--COL_ICON_BLEU);
}

.icon_svg_violet svg *,
.icon_svg_violet_inactif svg *,
.icon_svg_violet_active svg * {
    fill: var(--COL_ICON_VIOLET);
}


[class^="icon_svg_"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

[class^="icon_svg_"] svg * {
	display: block;
	width: 100%;
	height: 100%;
}


.icon_svg_actif,
.icon_svg_pointer,
.icon_svg_rouge,
.icon_svg_orange,
.icon_svg_jaune,
.icon_svg_vert,
.icon_svg_bleu,
.icon_svg_violet {
	cursor: pointer;
}

.icon_svg_rouge,
.icon_svg_orange,
.icon_svg_jaune,
.icon_svg_vert,
.icon_svg_bleu,
.icon_svg_violet,
.icon_svg_rouge_inactif,
.icon_svg_orange_inactif,
.icon_svg_jaune_inactif,
.icon_svg_vert_inactif,
.icon_svg_bleu_inactif,
.icon_svg_violet_inactif
{
	opacity: 0.6;
}

.icon_svg_pointer {
	opacity: 0.8;
}

.icon_svg_rouge:hover, 
.icon_svg_orange:hover, 
.icon_svg_jaune:hover, 
.icon_svg_vert:hover, 
.icon_svg_bleu:hover, 
.icon_svg_violet:hover
{
	opacity: 1;
}