.h2-alt.adapt {font-size: var(--h2-alt-size-adapt); line-height: var(--h2-line-height)}
.mask{background-image : linear-gradient(134.72deg, #000 0%, #000 100%);
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.mask-alt{background-image : linear-gradient(134.72deg, #000 0%, #000 100%);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.line{width: 9.375vw; min-width: 60px;}

#input-search, #input-search > input{max-height: 0px;}
#input-search.opened{background: var(--warning-color);margin-top: calc(var(--header-height) - 15px);}
#input-search.opened, #input-search.opened > input{max-height: 100%;}

#banner{height : 28.39vw;}
.astuce > figure{height: 18.23vw}
.events > figure{height: 23.49vw}
.article-banner{height: 20vw}
.media{width : 2.5vw; height: 2.5vw;}
#gallery figure{height : 20vw;}
#about figure{height : 40vw;}
button > i{transform: rotate(50deg);}

.fixMedia{
	z-index: 9999;
	position: fixed;
	top: var(--header-height);
}

#scroller{
	transform: rotate(-90deg) translateX(var(--content-margin));
	bottom: 0px;
	right: calc((-1 * var(--content-margin)) - var(--20px));
	opacity: 0;
}

#scroller.visible{opacity: 1}

#seePopup{height : 0;}
.astuce figure:hover #seePopup{height : 100%;}

.form select option {background:  #2A524A;}

.form input[type='submit']:hover {
    background:  var(--gray-color);
	color : var(--success-color);
}

.article h4, .article h3{
	font-size: var(--h2-size-adapt);
	line-height: var(--h2-line-height);
}

.article h2{
	font-size: var(--h1-size-adapt);
	line-height: var(--h1-line-height);
}
.popup-alt:not(.opened),.anim-display:not(.opened),.anim-display:not(.active){display: none;}
.popup-alt{animation: popup .5s}
.anim-display.flex.opened{display: flex}
.anim-display:not(.flex).opened,.anim-display:not(.flex).active{display: block}

.anim-display.anim-show{animation: show .5s}
.anim-display.anim-slide{animation: slide .5s}