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


/* Source https://tympanus.net/Development/MenuHoverEffects/dustu.html */

.bloc a.lien_anime {
	position: relative;
	display: inline-block;
	outline: none;
	color: #000;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;	
	overflow: hidden;
	position: relative;
	display: inline-block;
	outline: none;
	font-weight: bold;
}

.bloc a.lien_anime::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #244952;
	transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
	transition: transform 0.7s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);	
}

.bloc .rouge a.lien_anime::after { 
	background: #c0003f; /* rouge-rose */
}
.bloc .petrole a.lien_anime::after { 
	background: #244952; /* bleu petrole*/
}
.bloc .orange a.lien_anime::after { 
	background: #e4491e; /* orange */
}


.bloc a.lien_anime:hover:after  {
	transform: translate3d(0,0,0);
}

.bloc a.lien_anime:after {
	top: calc(50% + 6px); /*top: calc(50% - 2px);*/ 
	height: 2px;
}