.transition-anim
{
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-ms-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
/* Bouton & ses effets */
a.custom-link.btn-round{
	position: relative;
	display: block;
	border-radius: 20px !important;
	background-color: #6442FF !important;
	width: 100px;
	margin-left: 0;
	border: 0 !important;
	padding: 8px 20px !important;
	text-transform: none !important;
	font-size: 1em !important;
	text-align: center !important;
	line-height: 1 !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a.custom-link.btn-round:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover{
	color: #FFF !important;
	background-color: #4F64FF !important;
}
a.custom-link.btn-round:before{
	content: '';
	position: absolute;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	width: 106px;
	border-radius: 20px !important;
	z-index: -1;
	background: #4F64FF;
}
a.custom-link.btn-round:after{
	content: '';
	position: absolute;
	top: -3px;
	right: -3px;
	bottom: -3px;
	left: -3px;
	width: 0;
	border-radius: 20px !important;
	z-index: -1;
	background: linear-gradient(to right, #4F64FF, #5BECFF);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a.custom-link.btn-round:hover:before{display: none;}
a.custom-link.btn-round:hover:after{
	width: 106px;
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* bouton sur .section_news */
.btn_more_content a.custom-link.btn-round{width: 120px;}
.btn_more_content a.custom-link.btn-round:before,
.btn_more_content a.custom-link.btn-round:hover:before,
.btn_more_content a.custom-link.btn-round:hover:after{width: 126px;}

/*
HOME PAGE
*/
/* section PRODUCTS */
.produits.management,
.produits.connexion
{
	max-width: 1200px;
	margin: auto;
}
.produits.gouvernance
{
	max-width: 1640px;
	margin: auto;
}
/* MENU BULLETS ON RIGHT */
.style-accent-bg
{
	background: rgb(80, 116, 255);
	background: -moz-linear-gradient(90deg, rgba(80, 116, 255, 1) 0%, rgba(89, 85, 255, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(80, 116, 255, 1) 0%, rgba(89, 85, 255, 1) 100%);
	background: linear-gradient(90deg, rgba(80, 116, 255, 1) 0%, rgba(89, 85, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5074ff",endColorstr="#5955ff",GradientType=1);
}
.no-touch .onepage-pagination .cd-label:after
{
	border-left-color: #5955FF !important;
}
/*Home section strategy*/
#section-strategy{height: 100vh;}
#section-strategy .row{
	height: 100%;
}
#section-strategy .row-inner{display: table;}
#section-strategy .row-inner > div{
	vertical-align: middle;
	padding-left: 0;
}
.titre_strategy{position: relative; z-index: 9;}
.titre_strategy p{display: none;}
.titre_strategy{
	font-size: 65px !important;
	margin-left: -36px;
	font-family: 'Nunito', sans-serif !important;
	font-weight: bold;
}
.titre_strategy .ligne5{color: #5BECFF;}
	/* Animation Titre Strategy */
	.titre_strategy span
	{
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		padding-left: 50px;
		display: block;
		height: 85px;
		line-height: 1;
		text-align: right;
		padding-right: 80%;
	}
	.titre_strategy .ligne5{color: #5BECFF !important;}
	/* hover1 */
	.titre_strategy.hover1 .ligne1{
		font-size: 1.3em;
		color: #5BECFF !important;
		line-height: 0.6;
	}
	.titre_strategy.hover1 .ligne2{padding-right: 55%;}
	.titre_strategy.hover1 .ligne3{padding-left: 0;}
	.titre_strategy.hover1 .ligne4{padding-right: 20%;}
	.titre_strategy.hover1 .ligne5{color: #FFF !important; padding-right: 40%;}
	/* hover2 */
	.titre_strategy.hover2 .ligne1{padding-right: 30%;}
	.titre_strategy.hover2 .ligne2{
		padding-right: 400px;
		color: #5BECFF !important;
		font-size: 1.5em;
		line-height: 0.65;
	}
	.titre_strategy.hover2 .ligne3{padding-right: 40%;}
	.titre_strategy.hover2 .ligne4{padding-right: 10%;}
	.titre_strategy.hover2 .ligne5{color: #FFF !important; padding-right: 60%;}
	/* hover3 */
	.titre_strategy.hover3 .ligne1{padding-right: 50%;}
	.titre_strategy.hover3 .ligne2{padding-right: 60%;}
	.titre_strategy.hover3 .ligne3{
		padding-right: 215px;
		color: #5BECFF !important;
		font-size: 1.2em;
		line-height: 0.75;
	}
	.titre_strategy.hover3 .ligne4{padding-right: 200px;}
	.titre_strategy.hover3 .ligne5{
		color: #FFF !important;
		padding-right: 275px;
	}
	/* hover4 */
	.titre_strategy.hover4 .ligne1{padding-right: 50%;}
	.titre_strategy.hover4 .ligne2{padding-right: 60%;}
	.titre_strategy.hover4 .ligne3{padding-right: 15%;}
	.titre_strategy.hover4 .ligne4{
		color: #5BECFF !important;
		font-size: 1.2em;
		padding-left: 0;
		line-height: 0.9;
		padding-right: 0;
	}
	.titre_strategy.hover4 .ligne5{color: #FFF !important; padding-right: 80%;}
	/* hover5 */
	.titre_strategy.hover5 .ligne1{
		color: #5BECFF !important;
		padding-right: 20px;
	}
	.titre_strategy.hover5 .ligne2{
		color: #5BECFF !important;
		padding-right: 20px;
	}
	.titre_strategy.hover5 .ligne3{
		color: #5BECFF !important;
		padding-right: 20px;
	}
	.titre_strategy.hover5 .ligne4{
		color: #5BECFF !important;
		padding-right: 20px;
	}
	.titre_strategy.hover5 .ligne5{
		color: #FFF !important;
		font-size: 1.4em;
		text-align: right;
		line-height: 0.4;
		padding-right: 20px;
	}

	/* ARRIERE-PLAN STRATEGY */
	#section-strategy{
		overflow: hidden !important;
		z-index: 3;
		position: relative;
	}
	#section-strategy .content_gradiant{
		position: absolute;
		width: 200%;
		height: 150vh !important;
		left: -90% !important;
		top: -70vh;
		background: -moz-linear-gradient(-45deg, rgba(80, 116, 255, 1) 0%, rgba(80, 116, 255, 1) 37%, rgba(89, 85, 255, 0.8) 72%, rgba(100, 70, 255, 0.05) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(80, 116, 255, 1) 0%, rgba(80, 116, 255, 1) 37%, rgba(89, 85, 255, 0.8) 72%, rgba(100, 70, 255, 0.05) 100%);
		background: linear-gradient(135deg, rgba(80, 116, 255, 1) 0%, rgba(80, 116, 255, 1) 37%, rgba(89, 85, 255, 0.8) 72%, rgba(100, 70, 255, 0.05) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5074ff', endColorstr='#0d6446ff',GradientType=1 );
		z-index: 1;
	}
	#section-strategy .content_pictos_svg_anim{
		position: absolute;
		background-image: url(../library/img/big_trace_left.svg);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 150%;
		width: 125%;
		height: 200%;
		z-index: 1;
		top: -25%;
		left: -25%;
	}
	#section-strategy .content_big_trace{
		position: absolute;
		background-image: url(../library/img/big_trace_left.svg);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 150%;
		width: 125%;
		height: 225%;
		top: -25%;
		left: -25%;
	}
	#section-strategy:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0 !important;
		background: url('../library/img/bg_image_strategy.png') -400px top / cover no-repeat border-box padding-box;
		opacity: 0.69;
		top: 0;
		/*left: -480px;*/
	}

	.bg_degrade_bleu_violet_droite{
		background: transparent linear-gradient(246deg, #6446FF 0%, #4671FF 100%) 0% 0% no-repeat padding-box;
	}

#animation_home_home .rev-btn{border: 0 !important;}
.bg_products.bg_blanc a.custom-link.btn-round{
	width: 120px !important;
	margin: auto;
}
.bg_products.bg_blanc a.custom-link.btn-round:before,
.bg_products.bg_blanc a.custom-link.btn-round:hover:after{width: 126px !important;}
.bg_refrences_one a.custom-link.btn-round{
	margin-top: -130px !important;
	margin-bottom: 67px !important;
}
#references .icon-box-top{padding-bottom: 36px;}
.bg_refrences_one a.custom-link.btn-round{
	width: 180px !important;
	margin: auto;
}
.bg_refrences_one a.custom-link.btn-round:before,
.bg_refrences_one a.custom-link.btn-round:hover:after{width: 186px !important;}

/* PANEL-GROUP */
#accordion_strategy .panel
{
	border: 0;
}
#accordion_strategy .panel-collapse
{
	margin-left: 45px;
}
#accordion_strategy .panel-body
{
	border: 0;
	padding: 0 0 30px 0;
}
#accordion_strategy .panel-title > a span
{
	position: relative;
	display: block;
	font-size: 3.6em;
	font-family: 'Source Sans Pro', sans-serif !important;
	text-transform: none;
	font-weight: lighter !important;
	letter-spacing: 0;
	padding: 10px 0 10px 70px;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-ms-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
#accordion_strategy .panel-title:hover > a span,
#accordion_strategy .panel-title.active > a span
{
	padding-left: 55px;
	color: #5BECFF !important;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-ms-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
#accordion_strategy .panel-title > a span:after
{
	left: 0;
	right: auto;
	content: '';
	width: 48px;
	height: 48px;
	background: url(../library/img/arrow-icon.svg) no-repeat center / 48px;
}
#accordion_strategy .panel-title.active > a span:after{left: 25px;}

#accordion_strategy .uncont
{
	text-align: center;
}
#accordion_strategy .uncont h4
{
	font-size: 1em;
	font-weight: 300;
}
#accordion_strategy .uncont .btn-container
{
	margin-top: 1em;
}
#accordion_strategy .custom-link.btn-round
{
	width: 130px;
	margin: auto;
}
#accordion_strategy .custom-link.btn-round:before,
#accordion_strategy .custom-link.btn-round:hover:after
{
	width: 136px;
}
#accordion_strategy + div
{
	margin-left: 36px !important;
}
/* INNOVATIONS */
#innovations p
{
	font-size: 1.2em;
}
#innovations .col_right p
{
	line-height: 1.5em !important;
}
#innovations .icon-box-icon
{
	-webkit-filter: none;
}
/* REFERENCES */
#references .wpb_raw_html
{
	position: relative;
	z-index: 1;
}
#references .btn-container
{
	position: relative;
	z-index: 9;
}
/* ACTUALITES */
#news span.btn-container
{
	position: relative;
	z-index: 1;
}
#news a.custom-link
{
	width: 120px;
}
#news a.custom-link.btn-round:before
{
	width: 126px;
}
#news a.custom-link.btn-round:hover:after
{
	width: 126px;
}
/* plateforme */
.titre_strategy.plateform .ligne1
{
	color: #FFF !important;
}
.titre_strategy.plateform .ligne2
{
	color: #5BECFF !important;
}
/* animation */
.titre_strategy.plateform.hover1 .ligne1,
.titre_strategy.plateform.hover3 .ligne3
{
	padding-left: 100px;
	font-size: 90px;
	line-height: 1;
}
.titre_strategy.plateform.hover1 .ligne2,
.titre_strategy.plateform.hover1 .ligne3,
.titre_strategy.plateform.hover2 .ligne1,
.titre_strategy.plateform.hover2 .ligne3
{
	padding-left: 50px;
	font-size: 90px;
}
.titre_strategy.plateform.hover2 .ligne2
{
	font-size: 90px;
	padding-left: 0;
	color: #FFF !important;
	line-height: 1;
}
/* CONTACT */
.bg_contact .row-inner > div
{
	padding-left: 0 !important;
}
/* PAGE CARRIERES */
#section-strategy.carrieres .row{min-height: 100vh;}
#section-strategy.carrieres #accordion_strategy .panel-title > a span{
	font-size: 2.6em;
	line-height: 1;
	padding: 0 0 0 55px;
}
#section-strategy.carrieres #accordion_strategy .panel-collapse h3{
	padding-left: 55px;
	margin-right: 55px;
	margin-top: 0;
	font-weight: 100;
}
#section-strategy.carrieres .grid_pictos_svg_anim{margin: 0; top: -50vh !important;}
#section-strategy.carrieres .content_gradiant{z-index: 1;}
#section-strategy.carrieres .content_pictos_svg_anim{
	background: none;
	width: 200%;
	left: 0;
}
#section-strategy.carrieres .content_big_trace{height: 100vh;}

