/* --------------------------------------------------------------
   svg.css
-------------------------------------------------------------- */
#nav svg, .asideTabs_header svg, #formLabel img, .home svg {
	width:auto;
	height:calc(var(--basicSvgSize)* 1.1);/* calc(var(--basicSvgSize) + 0.2vw); */
	fill:var(--basicSvgColor);
	overflow: visible;
}
.previous svg, .next svg {
	width:auto;
	height:calc(var(--basicSvgSize)* 2.1);/* calc(var(--basicSvgSize) + 0.2vw); */
	fill:var(--basicSvgColor);
	overflow: visible;
}
.previous svg:hover, .next svg:hover {
	fill:var(--white-100);
	background-color:var(--primaryColor);
}
#nav .dropdown-content svg {
	width:auto;
	height:2em;
}
.overlay_header label svg {
	width:auto;
	height:calc(var(--basicSvgSize)* 1.7);/* calc(var(--basicSvgSize) + 0.2vw); */
	fill:var(--primaryColor);
	overflow: visible;
}
.overlay_header label.search svg {
	height:calc(var(--basicSvgSize)* 1.1);
	}
#overlay_footer label svg {
    width: auto;
    height: calc(var(--basicSvgSize)* 1.7);
    overflow: visible;
    margin: 1em;
}
#overlay .close label svg {
	fill:var(--white-100);/* var(--basicSvgColor); */
	background-color: var(--primaryColor75);
    margin: 1em;
    z-index: 100;
}
#overlay .close label svg:hover{
	fill:var(--black-80);
	background-color: var(--primaryColor);
}
#overlay .close label svg:active {
	fill:var(--white-95);
	stroke: var(--white-95);
}
#nav svg.spip_surligne, svg.spip_surligne {
	fill:var(--primaryColor);
	background-color:transparent;
}
h1 svg {
	height:calc(var(--basicSvgSize)* 1.6);
}
.asideTabs_header svg:hover{
	stroke: var(--basicFontColor);
	stroke-width: 1px;
}
#nav svg:hover, .fillPrimaryColor{
	fill: var(--primaryColor);
}

#nav svg {
	fill:var(--basicContraFontColor);
}
.close svg {
	width:auto;
	height: calc(var(--basicSvgSize) * 1.0 + 0.8vw);
/* 	background-color:  var(--black-05); */
	border-radius:50%;
}
.close svg:hover {
	width:auto;
	background-color:  var(--black-15);
}
.close svg:active {
	fill:var(--white-95);
	stroke: var(--white-95);
	background-color:  var(--black-25);
}
.choix svg, li label svg{
	vertical-align:bottom;
	
}
.table th svg, table.spip th svg, .table td svg, table.spip td svg {
fill: var(--goldColor);
opacity: 0.7;
}

.dropdown-content svg {
	vertical-align: bottom;
	}

/* -------vivus----------*/
.spip_vivus_svg {
	position:relative;
	fill-opacity: 0;
	z-index: 2;
	
}
@keyframes paint {
  from {
    fill-opacity:0;
  }
  to {
    fill-opacity:1
  }
}
.paint {
	animation: 1s ease-in-out paint;
	fill-opacity:1
	}
/* -------TESTvivus----------*/
.svg_wrapper {
/* 	dterminer la taille selon context. Pas de contexte general */
/*
	width:auto;
	height:50vh;
*/

}
.svg_wrapper svg {
	width:100%;
	height:100%;	
}
.svg_shape svg, .svg_100 svg {
	width:100%;
	height: 100%;
}
.svg_auto svg {
	width:auto;
	height: auto;
}
.spip_vivus_svg.left{
/* 	margin:0 0 0 -5vw; */
}
.spip_vivus_svg.right {
/* 	margin: 0 -5vw 0 0 ; */
}


@media screen and (max-width: 375px) {
	.svg_shape svg {
		width: 100%;
	    height: 350px;
	}
}