body {
    --spec-background-color : linear-gradient( 0deg, white, white );
    --spec-color : #000000;
    --spec-color-h1 : #234371;
    --spec-color-h2 : #234371;
    --spec-color-h3 : #234371;

    /* Boutons */
    --spec-cta-background-plaincolor : #F6C17D;
    --spec-cta-background-color : linear-gradient( 45deg, #F6C17D, #FFD8A7 );
    --spec-cta-color : #003884;
}
header {
    --spec-background-color : linear-gradient( 90deg, #21406B, #3C64AD );

    --spec-color : white;
    --spec-color-h1 : white;
    --spec-color-h2 : white;
    --spec-color-h3 : white;
}


/*---------Fix Bootstrap-------------*/
	/*
	 * Row with equal height columns
	 * --------------------------------------------------
	 */
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	

/*-----BASE-------*/
html, body {
	font-family: 'open sans', sans-serif;
	scroll-behavior: smooth;
}
html {
	height: 100%;
}
body {
 	overflow-x: hidden;
}
@-moz-document url-prefix() { html { height : auto; } } /* hotfix scroll */
body {
	height: 100%;
}
.containerFullHeight {
	min-height: calc(100vh - 70px);
}

h1, h2, h3, h4, h5, h6 {
	font-family: Montserrat, 'Open Sans', sans-serif;
	font-weight: 900;
}
.light {
	font-weight: 300;
}
.colorLight {
	color : grey;
}

h1.color, h2.color, h3.color, h4.color, h5.color, h6.color,
.titleColor h1, .titleColor h2, .titleColor h3, .titleColor h4, .titleColor h5, .titleColor h6 {
	color: #007ed4;
}
.row:before, .row:after {width:0px; height:0px;} /*hotfix safari*/

.pull-right { float: right;}
.pull-left { float: left;}
.onlyMobile, .onlyAppli,  .onlyAppliIOS {
	display : none;
}

.align-items-center {
	align-items: center;
}

a { color: #007ed4; }
.btnShiny {
	overflow : hidden;
	position : relative;
}
	.btnShiny:after {
	    content: '';
	    position: absolute;
	    top : -50%;
	    left: -100%;
	    
	    width : 100%;
	    height : 200%;
	    opacity : .7;
	
		background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 29%, rgba(255,255,255,0) 32%, rgba(255,255,255,1) 47%, rgba(255,255,255,0.73) 51%, rgba(255,255,255,0) 62%, rgba(255,255,255,0) 90%);
		background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 25%,rgba(255,255,255,1) 29%,rgba(255,255,255,0) 32%,rgba(255,255,255,1) 47%,rgba(255,255,255,0.73) 51%,rgba(255,255,255,0) 62%,rgba(255,255,255,0) 90%);
		background: linear-gradient(45deg, rgba(255,255,255,0) 25%,rgba(255,255,255,1) 29%,rgba(255,255,255,0) 32%,rgba(255,255,255,1) 47%,rgba(255,255,255,0.73) 51%,rgba(255,255,255,0) 62%,rgba(255,255,255,0) 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	
	.btnShiny:after, .btnShiny:focus:after {
		animation: sheen 8s 1s forwards infinite;
	}
	@keyframes sheen {
	      0% {  left: -100%; } 
	     30% {  left: 100%; }
	    100% {  left: 100%; }
	}
	.btnShiny-01:after{opacity : .1;}
	.btnShiny-02:after{opacity : .2;}
	.btnShiny-03:after{opacity : .3;}
	.btnShiny-04:after{opacity : .4;}
	.btnShiny-05:after{opacity : .5;}
	.btnShiny-06:after{opacity : .6;}
	.btnShiny-07:after{opacity : .7;}
	.btnShiny-08:after{opacity : .8;}
	.btnShiny-09:after{opacity : .9;}
	.btnShiny-10:after{opacity : 1;}
	
	
	.gallery img {
		margin : 10px 0;
		border : 10px solid white;
	}
	.gallery img:hover {
		transform: /*translateZ(10px)*/ translateZ(20px) /*rotateX(20deg)*/ rotateY(0); 
		-ms-transform: /*translateZ(10px)*/ translateZ(20px) /*rotateX(20deg)*/ rotateY(0); 
		-webkit-transform: /*translateZ(10px)*/ translateZ(20px) /*rotateX(20deg)*/ rotateY(0);
		box-shadow : 0px 5px 5px rgba(0,0,0,0.1);
		opacity : 50px;
		background : grey;
	}
	.gallery .image-link img {
		max-width : 100%;
	}
ul {
	list-style-type: none;
	padding : 0;
}
ul li {
	padding-bottom: 20px;

	display: flex;

}
ul .fa-check {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background : #D2E9B8;
	color : #74C814;
	border-radius: 7px;
	margin-right: 10px;
	flex-shrink: 0;
}

button.inload:after {
	content : url("../../images/icon/loaderMini.gif");
	display : inline-block;
	margin-left : 10px;
}

/*-----Menu-------*/
.navbar {
	background : linear-gradient( 90deg, #21406B, #3C64AD );
	font-size: 1.1rem;
	color : white;
	padding : 20px 0;
	font-family: Montserrat, 'Open Sans', sans-serif;
}

	.navbar a.linkHeader {
		display: block;
		color : white;
		padding: 10px 20px;
		margin: 0 10px;
		border-radius : 2em;
	}
		.navbar a.linkHeader:hover,
		.navbar li.active a.linkHeader {
			background-color: rgba(255,255,255,0.2);
			text-decoration: none;
		}
		
	.navbar .btn { 
		border-radius: 2em;
		margin-left : 20px;
	}
	.logo-menu {
		display : inline-block;
		margin-right: 40px;
		vertical-align : middle;
	}
		.logo-menu img {
			width: 150px;
			vertical-align : sub;
		}
	.navbar .version-color { display : none; }
	.navbar .version-white { display : block; }
	
	.navbar ul {
		width: 100%;
		margin: 0;
	}
	.navbar ul li {
		display: inline-block;
		position : relative;
		padding-bottom : unset;
	}
	.navbar .submenu {
		display : none;
		position : absolute;
		left : -25%;
		top : 100%;
		background : white;
		box-shadow : 0 2px 10px rgba(0,0,0,.1);
		font-size : .9rem;
		padding : 20px;
		border-radius : 10px;
		font-size: unset;
	}
		.navbar .submenu.submenuFunction {
			 width : 650px;
		 }
		.navbar .submenu.submenuFunctionOneColumn {
			width : 350px;
		}
	.navbar li:hover .submenu {
		display : block;
	}
		.navbar .submenu li { 
			display : block;
			text-align: left;
		}
		.navbar .submenu li a {
			display : block;
			padding : 15px 10px 15px 50px;
			color : black;
			/*white-space: nowrap;*/
		}
		.navbar .submenu li a:hover {
			background-color: #007ed422;
			text-decoration: none;
		}
		.navbar .submenu li span {
			display: inline-block;
			width: 40px;
			text-align: center;
			margin-left : -40px;
		}
		.navbar .submenu li img {
			margin-right : 10px;
		}
			.navbar .submenu.submenuFunctionOneColumn li a  {
				padding : 15px 10px 15px 10px;
			}
	
		
	.navbar a.btn-plain,  a.btn-plain{
		border-radius: 2em;
		background: #007ed4;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		color: white;
		border : 0;
		padding : 10px 20px;
	}
	.navbar a.btn-invert, a.btn-invert{
		background: white;
		box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
		color: #007ed4;
	}
	#navbarSupportedContent {
		max-width: 1400px;
		margin : auto;
	}
	.navbar .zoneConnexion {
		float: right;
	}
	/*
	.navbar .zoneConnexion a {
		display: inline-block;
	}
		.navbar .zoneConnexion a:hover {
			text-decoration: none;
		}
	*/
	
	/*on scroll*/

.scroll .navbar {
	background: linear-gradient( 90deg, #21406B, #3C64AD );
	box-shadow: 0 5px 30px rgba(0,0,0,.2)
}
/*
.scroll .navbar {
	background : white;
	box-shadow : 0 0 10px rgba(0,0,0,.2);
}
	.scroll .navbar a {
	}
		.scroll .navbar a.linkHeader {
			color: #007ed4;
		}
			.scroll .navbar a.linkHeader:hover {
				background-color: #007ed422;
				color: #007ed4;
				text-decoration: none;
			}
	.scroll .navbar .version-color { display : block; }
	.scroll .navbar .version-white { display : none; }
*/

/*-----HEADER-------*/
header {
	background: var(--spec-background-color);
	color: var(--spec-color );
}
	header .backBottom {
        /*
		background-image: url('../../images/home2019/header_bottom_back_light.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% 50px;
		*/
		margin-bottom: 2px;
		min-height : 80px;
	}
	
	header .backBottom>div {
		padding: 80px 0 0 0;
	}
		.pageHome header .backBottom>div {
			padding: 140px 0 50px 0
		}
	
	.imgCapture {
		max-width: 130%;
		/*margin-left: -15%;
		margin-bottom: -160px;*/
	}
	
	header h1 {
		text-transform: uppercase;
		line-height: 1.4em;
		font-size : 32px;
		font-size : 2rem;
		margin : 0;
		padding : 80px 0;
	}
		.pageHome header h1 {
			font-size : 2.5rem;
			margin-top: 1em;
			margin-bottom: 5px;
			padding-bottom: 40px;
		}
	
	header .subtitle {
		font-weight : 200;
		padding-bottom : 20px;
	}
	.logo-header {
		width: 200px;
		margin-bottom: 15px;
	}
    header .containerHeader{
        margin-top : 80px;
    }
	.pageHome .slogan {
		margin : 60px 0 -80px 0;
	}

	#blockTop input {
		border-radius: 2em;
		padding : 10px;
		display: inline-block;
		border : 1px solid white;
		background: rgba(255,255,255,.3);
		color : white;
		width: 50%;
		vertical-align: middle;
	}
		#blockTop input:active, #blockTop input:focus {
			background: rgba(255,255,255,.1);
			box-shadow: 0 5px 10px #58bbee;
			outline: none;
		}
		#blockTop input::placeholder {
			color: rgba(255,255,255,.8);
		}
	.containerImgCapture {
		display: inline-block;
		height: 600px;
	}
	#blockTop .imgCapture{
		animation: fadein 1.2s;
		/*float: right;*/
		position : relative;
		/*left : -30px;*/
		max-width: 100%;
		z-index: 10;
	}
		#blockTop .imgRelative{
			position: absolute;
			z-index: 1;
			left : -100px;
			top : -50px;
		}
	@keyframes fadein {
		from {
			transform: scale(.8);
			opacity:0;
		}
		50% {
			transform: scale(1.02);
		}
		to {
			transform: scale(1);
			opacity:1;
		}
	}

	.formOnboardingMailHeader {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 10px;
		justify-content: center;
	}
		.formOnboardingMailHeader > *{
			min-width: 150px !important;
			width: unset !important;
		}
		.formOnboardingMailHeader > input{ 
			flex: 40%;
			margin-top: 0 !important;
		}
		.formOnboardingMailHeader > a{
			margin: 0;
		}

	.zonePress {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 1px solid white;
		padding : 30px 0;
		margin-top: 120px;
		margin-bottom: 40px;
	}
		.zonePress b {
			font-size: 2rem;
			text-transform: uppercase;
			font-weight: 800;
			font-family: Montserrat, 'Open Sans', sans-serif;
		}

/*-----Structure-------*/
section {
	padding: 80px 0;
}
	.btn-home {
		border-radius: 2em;
		border : 0;
		margin: 0 10px;
		padding: 10px 20px;
		/* background: #f1b000;
		background: linear-gradient(45deg,#f1b000, #ffc938); */
		background: var(--spec-cta-background-plaincolor);
		background: var(--spec-cta-background-color );
        color: var(--spec-cta-color );
		/* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); */
		transition: filter .3s;
	}
	
	.btn-home.inactive {
		filter: grayscale(100%);
		opacity : .8;
	}
	
	.btn-home:not(.inactive):hover {
        filter: brightness(1.1);
        /* background: var(--spec-cta-background-plaincolor);
		box-shadow: 0 10px 20px rgba(241, 176, 0, 0.5); */
		text-decoration: none;
	}

	.btn-light {
		border-radius: 2em;
		margin: 0 10px;
		border : 1px solid rgba(255,255,255,0.5);
		color: white;
		background : transparent
	}
	.btn-light:hover {
		background : white;
	}
	.btn-section-big {
		font-size : 1.4em;
		margin : 60px auto -60px auto;
	}

	.btn-home-link {
		border-radius: 2em;
		margin: 0 10px;
		color: #007ed4;
		padding: 10px 20px;
		background: white;
		border : 1px solid #007ed4;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		transition: filter .3s;
	}

	.btn-home-link:hover {
		filter: brightness(1.1);
		text-decoration: none;
		color: white;
		background: #007ed4;
	}

/*-----Fonction-------*/
.fonctionnalites-path {
	background : rgba(32, 156, 217, 0.05);
	margin : 0 100px;
	border-radius: 30px;
	padding : 80px
}
.functionTitle {
	padding : 30px 0;
}
.functionTitle h2{
	font-weight: 600;
}
.functionTitle h2 span {
	font-weight: 400;
}
.fonctionnalites-path h3 {
	color : #2D95F8;
	font-size: 2rem;
	margin-top: 60px;
	margin-bottom : 20px;
	text-transform: uppercase;
	font-weight: 900;
}
.fonctionnalites-path .oneFunction img {
	max-width: 150%;
	margin-left : -55%;
}
.fonctionnalites-path .oneFunction.dispoRevert img {
	margin-left : 15%;
}
	.fonctionnalites-path .oneFunction img.logoPaiement{
		margin : 0;
	}
	.fonctionnalites-path li{
		display : flex;
	}

#billsAndInvoicesTitle {
	display: flex;
	align-items: baseline;
	margin-bottom:10px;
}
.labelInclus {
	background : #74C814;
	color : white;
	text-transform: uppercase;
	padding : 5px 10px;
	border-radius: 3px;
	font-size: .7rem;
	font-weight: 400;
	position: relative;
	top : -5px;
	white-space: nowrap;
}
.labelInclus i{
	margin-right : 5px;
}
.imagePath {
	display: block;
	margin : -100px auto;
	position: relative;
	z-index : 100;
	background: url("../../images/landing/link.png");
	background-position : center center ;
	background-repeat : no-repeat;
	width: 100%;
	height : 380px;
}
.imagePath.revert {
	transform: scaleX(-1);
}
.oneFunction {
	position: relative;
	z-index : 200;
}
.oneFunction.dispoRevert {
	flex-direction: row-reverse;
}
h3.titleFunctionMore {
	color : black;
	display: inline-block;
	/*width: 100%;*/
	text-align: center;
}
.listFunctionMore {
	background: rgba(32, 156, 217, 0.07);
	margin : 40px -80px -80px -80px;
	border-radius: 0 0 30px 30px;
	padding : 40px 80px;
}
	.listFunctionMore h4 {
		text-transform: uppercase;
		margin-bottom : 20px;
	}
	.listFunctionMore img {
		position: relative;
		top : 30px;
		left : -50px;
	}
	.listFunctionMoreFull {
		padding : 0 50px;
	}

/*-----Video-------*/
#zoneVideo {
	margin-top: 100px;
}

#zoneVideo h3 {
		margin-top: 100px;
		margin-bottom: 50px;
		margin-left: 25%;
		font-size: 2.5em;
	}


	.youtube-link {
		display: inline-block;
		position: relative;
	}
	.illusVideo {
		display: inline-block;
		max-width: 100%;
	}
	.btnFocus {
		display:  inline-block;
		color: white;
		background: #f1b000;
		background: linear-gradient(45deg,#f1b000, #ffc938);
		border-radius: 50%;
		text-align: center;
		width: 80px;
		height : 80px;
		line-height: 60px;
		font-size : 3em;
	}
	a:hover .btnFocus {
		transform: scale(1.1);
		box-shadow: 0 10px 20px rgba(241, 176, 0, 0.5);
		filter: brightness(1.1);
		color: white;
		text-decoration: none;
	}
	.btnPlay {
		position: absolute;
		bottom : 0;
		right : 0;
		color: white;
		width: 130px;
		height : 130px;
		padding-left : 10px;
		line-height: 130px;
		font-size : 4em;
	}
/*------block Valeurs------------*/
#zoneValeurs {
	background-image: url(../../images/home2020/background-trace.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#zoneValeurs .col-sm-3 {
	padding-left: 80px;
}

#zoneValeurs img {
	margin : 0 0 -100px -150px;

}
#zoneValeurs h3 {
	font-size: 2.1em;
	text-transform: uppercase;
}
/*------Block engagement---------*/

.stars {
	color : #ffab1a;
	display: block;
	margin : 20px 0px;
}
.stars .fa{
	margin : 0 5px;
}
.sectionEngagements{
	margin-top : 50px;
}
	.sectionEngagements li {
		clear: both;
		font-size: 1.4em;
		font-weight: 200;
		margin-right: 20%;
		margin-left: 30px;
		margin-top: 50px;
		padding-left: 90px;
		line-height: 1.4em;
		position: relative;
		min-height: 4em;
		align-items: center;
	}
	.sectionEngagements li img{
		padding-right : 20px;
		display: inline-block;
		position: absolute;
		top : 0px;
		left : 0px;

	}
	.sectionEngagements h3{
		font-size: 2.5em;
		text-transform: uppercase;
		line-height: 1.4em;
	}
.blocSatisfaction > div {
	padding : 90px 0;
	border-radius: 20px ;
	border : 1px dashed rgba(0,0,0,.15);
	box-shadow: 0 20px 30px rgba(93, 176, 255, 0.4);
}
	.blocSatisfaction .stars {
		font-size: 2em;
	}
	.blocSatisfaction p {
		font-size: 2em;
	}
		.blocSatisfaction strong {
			font-size: 2.5em;
			font-family: Montserrat, 'Open Sans', sans-serif;
			font-weight: 600;
		}

.inclin-white-top, .inclin-grey-top, .inclin-white-bottom, .inclin-grey-bottom {
	position: relative;
}
.inclin-white-top, .inclin-grey-top {
	padding-top: 250px;
}
.inclin-white-bottom, .inclin-grey-bottom {
	padding-bottom: 250px;
}
.inclin-white-top:before, .inclin-grey-top:before {
	content: "";
	display: block;
	position : absolute;
	top : 0;
	left : 0;
	width: 100%;
	height: 160px;
	background-position: center;
}
.inclin-white-bottom:after, .inclin-grey-bottom:after {
	content: "";
	display: block;
	position : absolute;
	bottom : 0;
	left : 0;
	width: 100%;
	height: 160px;
	background-position: center;
}
.inclin-white-top:before {
	background-image : url("../../images/home2020/inclin-white-top.png");
}
.inclin-grey-top:before {
	background-image : url("../../images/home2020/inclin-grey-top.png");
}
.inclin-white-bottom:after  {
	background-image : url("../../images/home2020/inclin-white-bottom.png");
}
.inclin-grey-bottom:after {
	background-image : url("../../images/home2020/inclin-grey-bottom.png");
}

@media only screen and (min-width: 2560px) {
	.inclin-white-top:before,
	.inclin-grey-top:before,
	.inclin-white-bottom:after,
	.inclin-grey-bottom:after {
		background-size: 100% 160px;
	}
}


/*-----Integration-------*/
.sectionIntegration {
	background: #5DB0FF;
	background: linear-gradient(-45deg, #5DB0FF, #229AEB);
	overflow: hidden;
}
	.sectionIntegration > div {
	}
	.illus-integration-container {
		position : relative;
	}
	.illus-integration {
		max-width: 100%;
	}
	.illus-integration-back {
		display : block;
		background-image: url("../../images/home2020/axonaut-integration-back.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width : 300%;
		height : 300%;
		position: absolute;
		top : -100%;
		left : -100%;
	}
	.list-integration {
		background: white;
		border-radius: 15px;
		padding : 30px;
		margin : 0 50px
	}
		.list-integration h3 {
			font-size : 2.2em;
			margin : 20px 0;
		}
		.list-integration div {
			text-align: center;
		}
		.list-integration img {
			max-width: 20%;
			margin: 2%;
			border: 1px solid #80808059;
			border-radius: 20px;
		}
		.list-integration span.integration-subTitle {
			display: block;
			border-top: 1px solid rgba(0,0,0,.2);
			font-size : 25px;
			color : #2D95F8;
			padding : 20px 30px;
			margin : 0 -30px;
			position: relative;
			cursor: pointer;
		}
			.list-integration span.integration-subTitle i {
				float : right;
			}
			.list-integration span.integration-subTitle:not(.active) .icon-up {
				 display : none;
			}
			.list-integration span.integration-subTitle.active .icon-down {
				display : none;
			}
			.serviceIntegration {
				margin-bottom: 30px;
			}

		.list-integration p {
			padding : 20px 10px;
			text-align: left;
		}
	.toggleHide{
		display: none;
	}
/*-----Prix-------*/
.sectionTarifs {
	background: #EDEDED;
}
	
	.detailTarif {
		text-align: right;
	}
	
	.detailTarif h3 {
		text-align: right;
		text-transform: uppercase;
		font-weight: 800;
		line-height: 1.6em;
		font-size: 2.2em;
		margin-bottom : 30px;
	}
	
	.detailTarif img {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.detailTarif .zoneBtn {
		margin-top: 10px;
		margin-right: -20px;
	}
	
	.detailTarif .linkMore {
		margin: 0 10px;
	}
	
	.detailTarif .linkMore:hover {
		text-decoration: underline;
	}

	.zonePrice {
		perspective: 100px;
		position: relative;
		padding : 30px;
	}
		.bigPrice:hover {
			text-decoration: none;

		}

		.zonePrice .priceBackground{
			position: absolute;
			z-index: 525;
			top : 0;
			right : 0;
			bottom : 0;
			left : 0;
			background: #F1B000;
			background-image: linear-gradient(45deg,#F1B000,#FFC938);
			border-radius: 35px;
			transform: rotateY(3deg) scaleX(1.09);
			transform-origin: 0;
		}
		.zonePrice .priceDecoration {
			position: absolute;
			z-index: 500;
			top : 20px;
			right : 20px;
			bottom : -20px;
			left : -20px;

			border : 2px dashed white;
			border-radius: 35px;

			box-shadow: 0 10px 50px rgba(0,0,0,.1), inset 0 10px 50px rgba(0,0,0,.1) ;
			transform: rotateY(3deg) scaleX(1.09);
			transform-origin: 0;
		}
		.zonePrice .priceContent {
			position: relative;
			z-index: 550;
			color : white;
			padding : 40px 0px;
			font-size :1.6em;
		}
			.zonePrice .priceContent .focus{
				font-family: Montserrat, 'Open Sans', sans-serif;
				font-size: 3.6em;
				margin : 20px 0px;
				font-weight: 600;
			}
			.zonePrice .priceContent .focus .light{
				font-weight: 300;
			}
			.zonePrice .priceContent .focus .decPrice{
				font-weight: 400;
				font-size: .6em;
			}
			.bigPrice:hover .priceBackground {
				filter: brightness(1.1);
				box-shadow: 0 10px 20px rgba(241, 176, 0, 0.5);
			}

	/**/

/*-----Temoignage Home-------*/
.titleStats {
	margin : 30px 0 60px 0;
	line-height: 1.6em;
}
.titleStats b{
	color : #007ed4;
}
.headerTestimonial {
	width : 80%;
	margin : auto;
	border-bottom : 1px solid rgba(0,0,0,.1);
	margin-bottom : 30px;
}
	.headerTestimonial h3{
		display : inline-block;
	}
	.headerTestimonial a{
		float : right;
		padding-top : 5px;
	}
	.headerTestimonial span{
		display : inline-block;
		margin : 0 10px;
		cursor : pointer;
	}
		.headerTestimonial span.active{
			border-bottom : 2px solid black;
			font-weight : 600;
			padding-bottom : 10px;
			margin-bottom : -2px;
		}
/*-----Temoignage-------*/
.testimonial {
	padding : 120px 0;
}
/*
blockquote {
	border-radius: 10px;
	background : #ececec;
	background-repeat : no-repeat;
	padding: 10px;
	height : 100%;
}

	blockquote img {
		width: 120px;
		border-radius: 50%;
		display: block;
		float: left;
		margin-right: 10px;
	}
	
	blockquote p, blockquote cite {
		margin-left: 130px;
	}
	*/

.sectionInclin {
	transform: rotate(-3deg);
	margin: 0 -200px;
}
.sectionInclin > .container {
	transform: rotate(3deg);
}
.sectionGrey {
	background: #EDEDED;
	/*box-shadow: inset 0 3px 20px rgba(0, 0, 0, 0.1);*/
}
.sectionBlue {
	background: #229aeb;
    background-image: linear-gradient(180deg, #229aeb, #65b8f1);
	box-shadow: inset 0 3px 20px rgba(0, 0, 0, 0.1);
	color : white;
}
	.sectionBlue > .back {
		background-image: url('../../images/home2019/header_icon_back-grey.png');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 20% center;
	}
.linkBlock {
	background : white;
	border-radius : 15px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	display : inline-block;
	padding : 20px;
	margin : 10px 0;
	color : black;
}

.blockGrey {
	background: #EDEDED;
	border-radius: 20px;
	padding : 40px 20px;
}
	/*.linkBlock:hover {
		color : black;
		text-decoration : none;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		position : relative;
		top : -2px;
    	filter: brightness(1.2);
	}*/
	
.linkBlockTestimonial {
	padding-left : 160px;
		background-position : left top;
		background-repeat : no-repeat;
	min-height: 140px;
}
	.linkBlockTestimonial.targetMicro   { background-image : url('../../images/home2019/icon_block_micro.png'); }
	.linkBlockTestimonial.targetStartup { background-image : url('../../images/home2019/icon_block_startup.png'); }
	.linkBlockTestimonial.targetPme     { background-image : url('../../images/home2019/icon_block_pme.png'); }
	.linkBlockTestimonial.targetTpe     { background-image : url('../../images/home2019/icon_block_tpe.png'); }
	
.linkBlockTestimonial span {
	display : block;
	text-align : right;
	font-style : italic;
	margin-top : 10px;
}
	.linkBlockTestimonial h4 {
		font-size : 1.2em;
		color : #007ed4;
		margin-top : .5em;
	}
.blockBlue {
	
	/*background-color : #9aa5f0;
	background-image : linear-gradient(45deg, #5d8def, #9aa5f0);*/
	
	background: #229aeb;
	background-image: linear-gradient(180deg, #229aeb, #65b8f1);
	color: white;
	
	border-radius : 10px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
	.blockBlue a:not(.btn){
		color : white;
	}
	.blockBlue .back {
		background-image: url('../../images/home2019/header_icon_back-grey.png');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 20% center;
	}

.blockStory {
	margin-top : 50px;
	margin-bottom : 70px;
}
	.imgStory {
		display : inline-block;
		margin-top : -100px;
	}
	.blockStory blockquote {
		margin : 80px 20px 30px 20px;
	}
		.blockStory blockquote h3 {
			font-size : 2.3rem;
			font-weight : 400;
			position : relative;
			padding : 0 30px 0 80px;
			margin-bottom : 30px;
		}
			.blockStory blockquote h3:before, .blockStory blockquote h3:after {
				display : block;
				position : absolute;
				font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
				vertical-align : top;
				opacity : .5;
			}
			.blockStory blockquote h3:before {
				content : '“';
				font-size : 8rem;
				top : -2rem;
				left : 0;
			}
			.blockStory blockquote h3:after {
				content : '”';
				font-size : 5rem;
				bottom : -3rem;
				right : 0;
			}
		.blockStory blockquote cite {
			clear : both;
			text-align : right;
			display : block;
			font-size : 1.2rem;
			padding : 0 30px 0 80px;
		}
			.blockStory blockquote cite b {
				display : block;
			}
		.blockStory .btn {
			background : white;
			margin : auto;
			border-radius : 2em;
			font-size : 1.3rem;
			color : #007ed4;
			padding : 10px 15px;
		}
		.blockStory .btn:hover {
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
			position : relative;
			top : -2px;
		}
.storyTestimonial {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	border : 1px solid rgba(0,0,0,0.2);
	border-radius : 10px;
	padding : 20px;
}
	.avatarTestimonial img{
		height: 150px;
		border-radius: 50%;
	}
	.storyTestimonial .iconFunction{
		display : inline-block;
		border-radius : 50%;
		margin-right : 20px;
		float : left;
		clear : both;
	}
	.storyTestimonial .iconFunction img{
		width : 100px; height : 100px;
	}
	.storyTestimonial h4{
		margin-top : 0;
	}
.testimonialOne {
	padding : 20px;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(51, 149, 255, 0.3);
	margin : 10px;
	margin-left : 50px;
	margin-bottom : 50px;
	position: relative;
}
	.testimonialOne .col-sm-4 {
        left: -50px;
        top: 0;
        margin-right: -20px;
        width: 150px;
	}
	.testimonialOne .col-sm-8 {
		padding-bottom: 20px;
	}
	.testimonialOne img {
		border-radius: 50%;
        max-width: calc(100% + 50px);
	}
	    .testimonialOne p {
	    	text-align: justify;
	    	padding: 0;
	    	margin-bottom : .5em;
	    }
	    .testimonialOne cite {
	    	font-size : .9rem;
	    }
	    .testimonialOne cite b {
	    	font-size : 1rem;
	    	display : block;
	    }
.linkAppvizer img{
	width : 450px;
	margin-bottom : 50px;
}

.insertTarget {
	padding : 40px 0;
}   
.insertTarget .textFocus {
	font-size : 1.8em;
	margin : 0 0 20px 0;
	line-height : 1.8em;
}
	.insertTarget .textFocus a{
		border-bottom : 2px solid rgba(255,255,255,.6);
	}
	.insertTarget .textFocus a:hover{
		border-bottom : 2px solid rgba(255,255,255,1);
		text-decoration : none;
	}
.lineFunction  {
	margin : 10px 0;
}
#divReferences {

	background-image: url("../../images/home2020/background-trace.png") ;
	background-repeat: no-repeat;
	background-size: 100% 200px;
	background-position: 50%;
}
.listRef, .listSupport {
	padding : 20px 0 40px 0;
}
	.listRef h2, .listSupport h2 {
		padding : 20px 20px;
	}
	.listRef img, .listSupport img {
		max-width : 10%;
    	margin: 20px 20px;
    	display : block;
    	margin : auto;
		filter: grayscale(1);
		transition: all 1s;
	}
	.listRef img:hover, .listSupport img:hover {
		transform: scale(1.3);
		filter: grayscale(0);
	}
/*----------BlocFunction-----------*/
.rowFunctions {
	flex-direction: row-reverse;
}
.blocFunction {
	border-radius: 10px;
	overflow : hidden;
	padding :  0 0 40px 0;
}
	.blocFunction h2 img{
		height : 70px;
	}
.stickFunction {
	padding-bottom :  40px;
}
	.blocFunction .anchor, .anchor {
		position : relative;
	    top: -100px;
	    display: block;
	}
	.blocFunction > div {
		border-radius: 10px;
		background : #ececec;
		overflow : hidden;
		padding : 0;
	}
	.blocFunction h2 {
		color : white;
		padding : 10px;
	    /*border-bottom-right-radius:100%;*/
	}
		.blocFunction h2 a {
			float: right;
		    font-size: 1rem;
		    font-weight: normal;
		    color: white;
		    line-height: 75px;
		    padding: 0 10px;
		    opacity : .7;
		}
		.blocFunction h2 a:hover {
		    opacity : 1;
		}
	.blocFunction p {
		padding : 20px 15px;
		padding : 30px;
		margin-bottom : 0;
	}
	.blocFunction .gallery {
		margin-top : -10px;
		margin-bottom : 20px;
		padding : 20px;
	}
	.blocFunction .gallery img {
		border-size : 3px;
		max-width : 100%;
	}
	
	.stickFunction {
		float : right !important;
	}
	.stickFunction div.back{
		border-radius: 10px;
		background : #ececec;
		margin : 0 ;
		overflow : hidden;
		padding : 12px;
		
		
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 100px;
	}
	.menuListFunction ul {
		margin : 20px 30px 0 30px;
		padding : 0;
		list-style-type: none;
	}
	.menuListFunction li {
		font-size : 1.1em;
		line-height : 2em;
	}
	.menuListFunction li a {
		display : block;
		border-radius : 2em;
		padding : 0 10px;
		color : black;
	}
		.menuListFunction li a span{
			display : inline-block;
			height : 10px;
			width : 10px;
			margin-right : 10px;
			border-radius : 2em;
		}
	.menuListFunction .demo{
		text-align : Left;
		border-top : 1px solid rgba(0,0,0,.2);
		padding : 20px 30px;
		margin : 20px 0;
	}
	.menuListFunction .demo h3{
		font-size : 1.5em;
		padding-bottom : 20px;
	}
.pageFunction p {
	text-align: justify;
	margin-bottom: 30px;
}

.pageFunction em {
	display: block;
	font-style: unset ;
	padding : 20px;
	font-size: 1.1em;
	border : 1px dashed #5DB0FF;
	border-radius: 20px;
	margin :  20px 0 50px 0;
}

.pageFunction .iconTitle {
	display: inline-block;
	background-image: url('../../images/home2020/iconTitle.png');
	background-repeat: no-repeat;
	height:160px;
	width: 190px;
	padding : 5px 30px 70px 80px;
	float : left;
	margin-top : -30px;
	margin-bottom : -40px;
	font-size: 2em;
	text-align: center;
}

.imageFunction {
	width : calc( 50vw - 10%);
	margin-left : calc( -50vw + 50%);
	margin-right : 7%;
	margin-bottom : 10%;
	clear: both;
	display: block;
	float: left;
}
.imageFunctionRight {
	margin-right : calc( -50vw + 50%);
	margin-left : 7%;
	float: right;
}
.imageFunction img{
	max-width : unset;
	width: 100%;
}
.pageFunction h2:after {
	 content :"";
	display: block;
	clear: both;
	padding-bottom : 30px;
 }

.list-function {
	border-radius: 20px;
	padding : 40px 20px;
	border: 1px dashed #58bbee ;
}
	.list-function h3 {
		 color : #2D95F8;
		 text-transform: uppercase;
	 }
	.list-function .row{
		margin-bottom : 60px;
	}
	.list-function img{
		transform: scale(.8);
	}
	.list-function a:hover{
		text-decoration: none;
	}
	.introFunction {
		margin-bottom : -50px;
	}
	.list-function.partners {
		margin-bottom : 60px;
		padding : 20px 20px 0;
	}
		.list-function.partners .row{
			margin-bottom : 0px;
			display: flex;
			align-items: center;
		}
		.list-function.partners .img-left{
			display: flex;
			justify-content: right;
		}

        .list-function.partners .link-partners {
			padding: 0px 0 20px;
		}


.introFunction h2{
	text-transform: uppercase;
	margin : 40px 20px;
	font-size: 1.5rem;
	line-height: 1.8em;

	}.introFunction ul{
		 padding-left : 30px;
	 }
	.introFunction img{
		max-width: 100%;
	}
	.introFunction li{
		margin-bottom : 1em;
	}




/*---------Page Pricing-------------*/
.titlePricing div {
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-left: 30px;
}

.bloc-pricing {
	background: #F5F5F5;
	border-radius: 20px;
	padding : 30px;
}

.chooseUsers {
	margin : 20px 0;
}
.chooseUsers img{
	margin : 0px 20px;
}

.divSlider {
	padding-top: 60px;
	padding-bottom: 60px;
}

	.slider-selection {
		/*background : #4acaf9 !important;*/
		background : #01ce30 !important;
		border-radius : 10px !important;
	}
	.slider.slider-horizontal {
		width : 90% !important;
		display : block;
		margin : auto ;
		margin :
	}
	.slider-track {
		background : #5DB0FF !important;
		height : 20px !important;
		border-radius : 10px !important;
	}
	.slider-handle {
		width : 40px !important;
		height : 40px !important;
		margin-left: -20px !important;
		margin-top: -5px !important;
		position : relative;
		background: #2D63F8 !important;
	}
	.slider-handle:after {
		display : block;
		content : "";
		width : 20px;
		height : 20px;
		border-radius : 50%;
		margin : 10px;
		box-shadow : 2px 3px 4px rgba(0,0,0,0.2);
		background : white;
	}
	/*---hotfix slider tooltip*/

	.divSlider .tooltip-inner {
		border-radius: 1em;
	}
	.divSlider .tooltip.top {
		display : block;
		opacity : 1;
		margin-top : -45px !important;
		cursor : e-resize;
		z-index : 1000 !important;
	}
		.divSlider .tooltip.top:after {
			display : block;
			content : "";
			width : 0; height : 0;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #000000 transparent transparent transparent;
			position : relative;
			left : 50%;
			margin-left : -10px;
		}

.priceBloc {
	margin: 70px 70px 30px;
	align-items : stretch;
}
.pack-pricing {
	display : flex;
	margin-bottom : 30px;
    position : relative;
    transition: all .3s;
}
	.pack-pricing:hover {
    	filter: brightness(1.02);
    	top : -5px;
    	text-decoration : none;
	}
	.pack-2 > div{
		border : 1px dashed #BFBFBF;
		box-shadow: 0 10px 30px rgba(0,0,0,.2);
	}
	.pack-pricing > div{
		background : white;
		border-radius : 25px;
		text-align : center;
		flex-grow : 1;
	}
		.pack-pricing:hover > div{
    		box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
		}
		.pack-header {
			background : #8c8c8c;
			background-image: linear-gradient(45deg, #8c8c8c, #a79eac);
			border-radius : 25px 25px 0 0;
			padding : 20px 0;
			color : white;
			overflow : hidden;
			position : relative;
		}
			.pack-2 .pack-header {
				background : #2D95F8;
				background-image: linear-gradient(45deg, #2D95F8, #44acf8);
			}
			.pack-3 .pack-header {
				background: #f1b000;
				background: linear-gradient(45deg,#f1b000, #ffc938);
			}
			.pack-header h2 {
				font-size : 2.5rem;
				font-weight : 800;
				text-transform : uppercase;
				margin : 5px 0;
			}
			.pack-header h3 {
				font-size : 1.4rem;
				font-weight : 400;
				margin : 5px 0;
			}

			/*
			.pack-pricing.favorite .pack-header:before {
				display: block;
			    content: "Le + populaire";
			    padding: 5px 50px;
			    background-color: yellow;
			    color: black;
			    font-size: 1em;
			    line-height: 1.5em;
			    position: absolute;
			    top: 25px;
			    right: -50px;
			    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
			    transform: rotate(35deg);
			}
			*/
			.priceBloc .favorite {
				position: absolute;
				z-index: 100;
				top : -20px;
				right : 0;
				background: white;
				border : 1px solid rgba(0,0,0,.3);
				border-radius: 2rem;
				padding : 5px 20px;
			}
			.priceBloc .favorite .fa{
				color : #D10D74;
				margin-right : 10px;
			}
		.pack-content {
			padding : 20px 30px 40px 30px;
			text-align: left;
			font-family: Montserrat, 'Open Sans', sans-serif;
		}
			.pack-content .reduction{
				font-size : 1.8rem;
				font-weight : 600;
				text-transform : uppercase;
			}
				.pack-2 .reduction{
					color : #5886e3;
				}
				.pack-3 .reduction{
					color : #f29f00;
				}
			.pack-content .price{
				font-size : 3.2rem;
				color : black;
				font-weight : 600;
			}
			.pack-content .price small{
				font-size : 1.2rem;
				color : grey;
				text-transform : uppercase;
				display : block;
				margin : auto;
				font-weight: 400;
			}
			.pack-content .price small.condition{
				font-size : 1rem;
				text-transform : unset;
				font-weight: 300;
			}
			.pack-content .price sup{
				font-weight : 200;
				position : relative;
				top : -10px;
			}

	.bloc-faq > div > div {
		padding : 20px;
		margin : 40px 0 20px 0;
		border : 1px solid rgba(0,0,0,.1);
		border-radius : 10px;
	}
	.bloc-faq  {
		font-size : .9em;
		padding : 0 200px;
		margin : 100px 0;
	}
	.bloc-faq h3 {
		color: #2D95F8;
		text-transform: uppercase;
		font-weight: 400;
		font-size : 2.5rem;
		margin-bottom : 20px;
	}
	.bloc-faq h4 {
		padding : 20px 0 20px 0;
		font-size : 1.5em;
		text-align : left;
		font-weight: 600;
	}
	.bloc-faq h5 {
		font-size : 1.3em;
		padding : 20px 0 0px 0;
	}
	.bloc-faq hr {
		clear: both;
		width: 100%;
	}
/*-------Page About--------*/
/*.sectionTopAbout{
	position: relative;
	overflow: hidden;
	margin-top : -100px;
	paddin-top : 200px;
}
.sectionTopAbout:before {
	content : '';
	display: block;
	position: absolute;
	top : -100px;
	left : 0;
	width: 100%;
	background: #EDEDED;
	height: 400px;
	background-repeat : no-repeat;
	background-position : center 100%;
}
*/
.introAbout {
	padding : 40px;
}
.blocValeur {
	background: #F5F5F5;
	border-radius: 20px;
	padding : 0px 20px 40px 120px;
	margin : 30px 0;
}
.blocValeur img {
	position: absolute;
	top : -30px;
	left : -220px;
	float: left;
	clear: both;
}
.blocValeur h3 {
	position: relative;
	margin-top: 80px;
	margin-bottom: 30px;
}
.separateur {
	display: block;
	margin : 50px auto;
}
/*----------Footer-----------*/

	.footerSection {
    	/*background-color: #1a1a1c;
    		background-image: linear-gradient(45deg, #1b1b1c, #1a1a1c);
    	*/
    	background-color: #495057;
    	background-image: linear-gradient(45deg, #495057, #6c757d);
		color: #ecf0f1;
		padding-bottom: 10px;
		padding-top: 50px;
		/* box-shadow : inset 0 3px 20px rgba(0, 0, 0, 0.5); */
	}
	
	.footerSection a {
		color: #ecf0f1;
		opacity : .7;
	}
	
	.footerSection a:hover {
		text-decoration: none;
		color: white;
		border-bottom: 1px solid rgba(236, 240, 241,0.5);
		opacity : 1;
	}
	
	.footerSection a.noBorder {
		border-bottom: none;
	}
	
	.footerSection ul {
		list-style: none;
		padding: 0px;
	}
	
	.footerSection li {
		line-height: 20px;
		margin-bottom: 0px;
	}
	/*
	.footerSection .list_function {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}
	*/
	.footerSection .list_function li {
		display: inline;
		padding-right: 10px;
		line-height: 30px;
	}

	.footerSection .list_function li:before {
		content: " - ";
		display: inline-block;
		opacity: .2;
		position: relative;
		right: 5px;
	}
	.footerSection .list_function li:first-child:before {
		content: "";
		right: 0px;
		display: none;
	}

	
	.footerSection h4 {
		color: white;
		margin-bottom: 20px;
		font-size : 1.4rem;
		font-weight : 400;
		border-bottom : 1px solid rgba(236, 240, 241,0.5);
		padding-bottom: 20px;
	}
	
	.footerSection hr {
		max-width: 100%;
		border-width: 1px;
		border-color: rgba(236, 240, 241,0.5);
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.footerSection .list-contact span{
		margin-right: 10px;
		position: relative;
		top : 2px;
	}
	.socialBtn a {
		display : inline-block;
		margin : 10px;
		font-size : 2em;
	}
	#footerBlogList li{
		padding-bottom: 0;
	}
	#footerBlogList .light{
		font-size: .8em;
		opacity: .8;
	}
	#footerBlogList a{
		display: block;
		color: #ecf0f1;
		opacity: .7;
		padding: 10px;
		border: 1px solid grey;
		width: 100%;
		border-radius: 8px;
	}
		#footerBlogList a:hover {
			opacity: 1;
		}

	.footerLight {
	    /*position: sticky;*/
	    top: 100%;
	}
		.footerLight > section {
			padding-bottom: 20px;
	    	padding-top: 20px;
			height: 70px;
		}

/*------------
- Spec Partner
------------*/

.pagePartner .menuFix {
    display: none !important;
}
.pagePartner header {
    margin-top: 0
}
.pagePartner h1 .version-white {
	vertical-align : sub;
	width : 250px;
}
	.pagePartner .intro  {
		margin-bottom : 50px;
	}
		.pagePartner .intro .focus {
			font-size : 1.5em;
		}
	.pagePartner .usecase {
		border : 1px solid #5d8def;
		border-radius : 10px;
		padding : 40px 30px;
		margin : 20px 0;
	}
	.pagePartner .usecase p{
		font-style : italic;
	}
	.pagePartner .usecase .focus {
		border-radius : 2em;
		background : rgba(0,0,0,0.05);
		margin : 20px 20%;
		padding : 5px;
		color: #5d8def;
		font-size : 1.2em;
	}
	
.affiliateRessource {
	border-radius : 10px;
	border : 1px dashed #5d8def;
	padding : 20px;
	text-align : center;
	margin-bottom : 20px;
	background : white;
	color : black;
}
	.affiliateRessource a {
		display : inline-block;
		margin : auto;
		max-width : 150px;
		text-align : center;
		text-transform : uppercase;
		margin-bottom : 20px;
		margin-left : 30px;
		margin-right : 30px;
	}
		.affiliateRessource a img {
			display : block;
			margin : 20px auto 10px auto;
			max-width: 100%;
		}
.detailAxonaut > ul{
		float : left;
		width : 50%;
}
	.detailAxonaut li{
	}
	.detailAxonaut li{
		padding : 5px 10px;
	}
	.detailIllus {
	
	}
.affiliateLink {
    background: #f5f5f5;
    border-radius: 15px;
    padding: 15px 15px;
    margin: 10px 0 5px 0;
    font-size: 1.4em;
    text-align : center;
}
	.affiliateLink .btn-default {
	    background: #fff;
	    border: 1px solid #e6e7ea;
	    color: #a2a6af;
    	font-size: 0.6em;
	}
.affiliateDeco {
	padding: 0px 0 40px 0;
    margin-top: -20px;
}
	.affiliateDeco a {
		color : white;
		opacity : 0.5;
	}
	.affiliateDeco a:hover {
		opacity : 1;
	}
.affiliateTable {
	margin-top : 60px;
}
	.affiliateTable table{
		border : 1px solid rgba(0,0,0,.1);
		padding : 10px;
		width : 100%;
    	border-radius: 15px;
	}
	.affiliateTable .error{
		border : 1px solid rgba(0,0,0,.1);
		padding : 30px;
		text-align : center;
	}
	.affiliateTable tr {
		border-radius : 20px;
	}
	.affiliateTable td, .affiliateTable th{
		padding : 10px;
	}
		.affiliateTable td:first-child, .affiliateTable th:first-child{
			text-align : center;
		}
	.affiliateTable tbody tr:nth-child(2n+1) {
	    background: #f5f5f5;
	}
.result-referral {
	text-align : center;
    background: #f5f5f5;
    padding : 20px;
    border-radius: 15px;
}
	.result-referral .solde {
		font-size : 3em;
		margin : 20px;
		font-weight : 600;
	}
	.result-referral .condition {
		display : inline-block;
		margin : 20px 10px;
	}
.stickyConnexion {
	text-align : center;
}
	.stickyConnexion input{
		padding : 10px;
		width : 90%;
		margin : 0 0 20px 0;
	}
	.connectAccount {
	display : none;}
	
	
/*------------
- Spec Team
------------*/
.pageTeam p.well {
    border: 1px dashed #007ed4;
    border-radius: 10px;
    padding: 30px;
    width: 90%;
    margin: 0 auto 70px auto;
}
.divTeam {
	max-width: 1920px;
	margin: auto;
}
.divTeam h4{
	font-size : 2.5em;
	text-transform: uppercase;
}
.divTeam > div {
	display : inline-block;
	width: 18%;
	margin : 1%;
	position: relative;
	vertical-align: middle;
}
.divTeam > div > img{
	display : inline-block;
	width: 100%;
	background: rgba(0,0,0,.1);
}
.activePortrait {
	display: none;
}
.divTeam > div:hover .activePortrait {
	background: rgb(210, 210, 210);
	display: block;
	position: absolute;
	top : -20%;
	right : -20%;
	left : -20%;
	bottom : -20%;
	z-index: 1000;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}
.divTeam > div:nth-child(5n) .activePortrait {
	left : -40%;
	right : -0%;
}
.divTeam > div:nth-child(5n+1) .activePortrait {
	left : 0%;
	right : -40%;
}
.divTeam > div:hover .activePortrait img {
	width: 100%;
}
.divTeam span {
	display: flex;
	padding: 10px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: -10%;
	background: white;
	color: black;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	font-family: Montserrat, 'Open Sans', sans-serif;
	box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
}
.divTeam .name {
	font-weight: 900;
	margin : 0;
}
.divTeam .aboutNumber {
	color : white;
	position: relative;

}
	.numberTech {
		background: #49a7f7;
	}
	.numberMarket {
		background: #73c814;
	}
	.numberProduct {
		background: #f2459a;
	}
	.numberSupport {
		background: #f9bf28;
	}
	.divTeam .aboutNumber img {
		width: 100%;
		opacity: 0;
	}
	.divTeam .aboutNumber span {
		position: absolute;
		top : 0; right : 0; bottom : 0; left : 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		margin-top: 0;
		font-size: 2em;
		color: white;
		text-align: center;
		text-shadow: 0 2px 10px rgba(0,0,0,.1);
	}
	.divTeam .aboutNumber b {
		font-size: 1.7em;
	}
.linkWelcomeToTheJungle p{
	position: absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #e4e4e4;
	font-size: 1.5rem;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding-bottom: 10px;
}

.linkWelcomeToTheJungle p a{
	font-size: 1rem;
	display: inline-block;
	border-radius: 10px;
	background: #82cf0f;
	color : white;
	padding : 10px;
}

.linkWelcomeToTheJungle p a:hover{
	text-decoration: none;
	box-shadow: 0 2px 10px rgba(0,0,0,.1);
	filter: ;
}



.video-responsive {
	display: block;
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe {
	left:0;
	top:0;
	height:100% !important;
	min-height:100% !important;
	width:100% !important;
	position:absolute;
}

/*
spec modal ticket
*/

.modalTicketAdd.modalTicketAxonaut .modal-content {
	border : 0;
	border-radius: 10px;
}
.modalTicketAdd.modalTicketAxonaut .modal-body {
	background : url('../../images/team-create-ticket.png') no-repeat -1px -1px;
	padding: 30px 60px;
	padding-top : 100px;

}
.modalTicketAdd.modalTicketAxonaut .modal-header {
	position: absolute;
	top : 20px;
	right : 20px;
	border: 0;
	z-index: 1000;
}
.modalTicketAdd .modal-footer {
	display: none;
}
.modalTicketAdd {
	display: flex ;
	align-items: center;
}
	.modalTicketAdd h3 {
		margin-left : 120px;
		text-transform : uppercase;
		font-size : 1.5rem;
		font-family: Montserrat, 'Open Sans', sans-serif;
		text-align : left;
	}
	.modalTicketAdd h3 br{
		display: none;
	}
	.modalTicketAdd h3 img{
		margin-top : -100px;
		margin-bottom : 30px;
		width: 200px;
	}
	.modalTicketAdd .divRocketTextEditorInput{
		min-height: 200px;
	}
	.modalTicketAdd input[type=file] {
		padding: 5px 10px;
		border: 1px dashed rgba(0,0,0,.2);
		border-radius: 10px;
		outline: none !important;
	}


/*----------------
------------------
responsive
------------------
------------------*/

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 600px;
		font-size: 14px;
	}
}


@media only screen and (max-width: 1920px) {
	header .backBottom {
		background-size: 1920px 50px;
	}
}
@media only screen and (min-width: 1600px) {
	.container {
		max-width: 1400px;
	}
}
@media only screen and (min-width: 1365px) {
}

@media only screen and (max-width: 1400px) {
	#blockTop .imgCapture {
		max-width: 100%;
	}
	#blockTop .formCTA input {
		margin-top : 30px;
		width: 80%;
	}
}
@media only screen and (max-width: 1365px) {
    .navbar .logo-menu {
        margin-right : 20px;
        margin-left : 10px;
    }
    .navbar a.linkHeader {
        margin : 0;
        padding: 10px 15px;
    }
    .zoneConnexion a.linkHeader {
        margin: 0 10px;
    }
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
	html {
	}
	img{
		max-width : 100% !important;
	}
	.row {
		margin : 0;
	}
	.noMobile {
		display : none;
	}
	.onlyMobile {
		display : block;
	}
	.btn {
		margin : 10px 0;
	}
	
	h1 {font-size : 1.5rem; }
	h2 {font-size : 1.3rem; }
	h3 {font-size : 1.1rem; }
	h4, h5, h6 {font-size : 1rem; }
	
	section {
		padding: 40px 0;
	}

	.navbar.fixed-bottom { display : none; }
	.scroll .navbar.fixed-bottom {
        display : block;
        padding : 10px;
        text-align: center;
    }

	.navbar-toggler {
		color : white;
	}

	.navbar {
		background: #5DB0FF;
		background-image: linear-gradient(-90deg, #5DB0FF, #229AEB);
		box-shadow: 0 5px 30px rgba(0,0,0,.2)
	}
	.navTop a {
		font-size : 1.1em;
	}
		.navTop a.linkHeader {
			display: inline-block;
		}
			.navTop a.linkHeader:hover {
				background-color: #007ed422;
				color: #007ed4;
				text-decoration: none;
			}
		.navTop li:hover .submenu {
			display : none;
		}
		.navTop ul {
			padding : 0;
			margin-top : 10px;
		}
		.navTop ul li {
			display : block;
			border-top : 1px solid rgba(0,0,0,.1);
			padding : 10px 0;
		}
		.navTop a.linkHeader {
			display : block;
			padding: 10px 45px;
		}

		.navTop a.linkHeader:hover {
			background : none;
		}
		.navTop a.btn {
			display : block;
			margin : 10px 0 20px 0;
		}
		.navbar .zoneConnexion {
			float: none;
			clear: both;
		}
		.mobileMenuUnfold .navTop {
			box-shadow : 0 0 0 1000px rgba(0,0,0,0.6);
			z-index : 1000;
		}
		.btnFooterMobile {
			z-index: 999;
		}
	#zoneValeurs img {
		margin: 0 auto;
		width: 150px;
		padding-right: 35px;
		display: block;
	}
	#zoneValeurs h3 {
		text-align: center;
	}
    .fonctionnalites-path h3 {
        font-size: 1.8rem;
    }
    .sectionEngagements h3 {
        font-size: 1.5em;
    }
    .list-integration h3 {
        font-size: 1.8em;
    }
    .list-integration span.integration-subTitle {
        font-size: 20px;
    }
    .list-function .text-center {
        text-align: center;
    }

    #featuresList .text-center {
        margin-bottom: 20px;
    }

	header h1 {
		font-size : 1.4rem;
		text-align : center;
		padding : 10px 20px;
		margin-top: 30px;
	}
		header h1 br{
			display : none;
		}
		header .backBottom>div {
			padding: 80px 0 20px 0;
		}
	.pageHome .slogan {
		margin : 60px 0 0 0;
	}
		.pageHome .slogan h1 {
			font-size : 2rem;
		}
	#blockTop {
		padding-bottom : 30px;
	}
	.pageHome header {
		text-align : center;
	}
	.pageHome header h1 {
		text-align : left;
	}
		.pageHome header h1 {
			margin : 0;
			font-size : 1.9rem;
		}
		.pageHome header h1 img {
			display : block;
			margin : auto;
			padding : 0 0 20px 0;
		}
		.pageHome header h1 br {
			display : none;
		}
		#blockTop input {
			width: 90%;
		}
	#blockTop .imgCapture{
		left : unset;
		max-width: 80% !important;
		margin : 20px 0;
		float: none;
	}
	header .backBottom {
		background-size : 100% 10px;
		position : relative;
		bottom : -2px; /*hotfix décalage sous l'arrondis en responsive*/
	}
	.functionTitle h2 {
		text-align: center;
		font-weight: 600;
	}
	.imagePath {
		display: block;
		margin :auto;
		position: relative;
		width: 100%;
		height : 50px;
		background: none;
	}

	.listFunctionMore img {
		display: none;
	}
	h3.titleFunctionMore {
		display : block;
		width : 100%;
		text-align: center;
	}

    #zoneValeurs h3 {
        font-size: 1.5em;
        text-transform: uppercase;
        text-align: center;
    }

		#billsAndInvoicesTitle {
			flex-direction: column;
		}
			#billsAndInvoicesTitle img {
				width: 100%;
				padding: 0 100px;
			}
			#billsAndInvoicesTitle h3 {
				margin-bottom: 0;
			}

	/*Correction padding/margin*/
	#zoneValeurs .col-sm-3 { padding: 0 20px; }
	.list-integration { margin: 20px 0px; }
	.list-integration img { width : 40%; }
	.listRef img, .listSupport img { width : 40%; padding : 4px; }

	.bloc-faq  { padding : 30px 0 !important; margin : 0; }
	.fonctionnalites-path, .listFunctionMore  { padding : 0; margin : 0; }

    .list-function h3 {
        text-align: center;
    }

    .list-function h3 a span {
        display: flex;
        margin: 10px 90px;
        justify-content: center;
    }
	.list-function .btn-home.btnFocus {	display : none; }

	.list-function.partners .img-left {
		justify-content: center;
	}
	.iconBigCheck {
		margin-left : -120px;
	}
	.sectionIntegration { overflow: hidden; }
	.fonctionnalites-path .oneFunction img, .fonctionnalites-path .oneFunction.dispoRevert img {
		margin : 0;
	}

    .pageFunction .iconTitle {
        width: 100%;
        margin-left: 8%;
        margin-bottom: -20px;
    }

    .inclin-white-top {
        padding-top: 200px;
    }

	.headerTestimonial span {
		display : none;
	}
	.imgCapture {
		margin : 0;
	}
	.detailTarif h3{
		text-align : left;
		font-size: 1.5em;
	}
		.detailTarif .btn-home{
			display : none;
		}
		.pastilleTarif {
			font-size : 1em;
			height: 200px;
    		width: 200px;
			margin : auto;
		}
	footer .container {
		padding-bottom : 100px;
	}

    .blocSatisfaction > div {
        margin: 40px 0;
    }

    /*page function*/
	.menuListFunction ul, .menuListFunction demo {
		margin : 10px;
	}
	.blocFunction p {
		padding : 15px;
	}
	.blocFunction h2 a {
		display : inline-block;
		float : none;
		margin : auto;
		
	    line-height: 1em;
	    padding: 0 10px;
	    opacity: 1;
	}
	.detailFunction .fas {
		margin-bottom : 10px;
	}
	.detailFunction h2 {
		font-size : 1.3rem;
		margin-bottom : 20px;
	}
	.text-justify h2 {
		text-align : center;
	}

	.imageFunction, .imageFunctionRight {
		width : 100%;
		margin : unset;
		float: none;
	}

	.sectionInclin {
		transform: rotate(0);
		width: 100%;
		margin : 0;
	}
	.sectionInclin .container {
		transform: rotate(0);
	}

		/*Page testi*/
	.linkBlockTestimonial {
		background-size : 25%;
		padding-left: 25%;
	}
		.linkBlockTestimonial h4{
			margin-left : 10%;
		}
	.blockStory blockquote h3 {
		padding : 20px 0 20px 0;
		margin : 0;
		font-size : 1.7rem;
		line-height : 2.3rem;
		text-align : center;
	}
		.blockStory blockquote h3:before, .blockStory blockquote h3:after {
			position : relative;
			display : inline-block;
			font-size : 2.8rem;
			top : 0;
			margin : 0 10px;
		}
		.blockStory.blockBlue {
			padding : 0;
		}
		.blockStory.blockBlue > div {
			padding : 20px 0px;
		}
		.blockStory.blockBlue blockquote {
			margin : 20px 0px;
		}
		.blockStory.blockBlue blockquote cite{
			padding : 10px 20px;
			text-align : center;
		}
	.testimonialOne img {
		margin : 10px;
	}
	/*Page tarif*/
	.indicNbUser {
		margin : -40px 0 50px 0;
		width : 100%;
	}

	/* team */
	.divTeam h4 {
		font-size : 25px;
	}
	.divTeam > div {
		display : inline-block;
		width: 48%;
		margin : 1%;
		position: relative;
		vertical-align: middle;
	}

	.divTeam > div:nth-child(2n+1) .activePortrait {
		right : -40%;
		left : -0%;
	}
	.divTeam > div:nth-child(2n) .activePortrait {
		left : -40%;
		right : -0%;
	}

	/*Testimonial*/
	.testimonialOne .col-sm-4 {
		position: relative;
		left: 0%;
		top: 0;
	}
	.testimonialOne .col-sm-8 {
		width: 100%;
		margin-left: 0%;
	}
	
	/*Appli*/
	
	.appliWebview {
		background: #5DB0FF;
		background-image: linear-gradient( -90deg, #5DB0FF, #229AEB);
	    color : white;
	}
	.appliWebview .noAppli {
		display : none;
	}
	.appliWebview .onlyAppli {
		display : block;
	}
	.appliWebview header {
		display : none;
	}
	.appliWebview .containerHeader {
		display : none;
	}
	.appliWebview a {
		color : white;
	}
	.appliWebview .btn_connexion  {
		display: flex;
		justify-content: center;
	}

	.appliWebview .form-control {
		border-radius: 10px;
		border : 0;
	}
	.appliWebview .containerApp {
	    display: flex;
	    height: 100%;
	    flex-direction: column;
	    justify-content: center;
	}
	.logoAppli {
		width : 70%;
	}

	/*Appli iOS*/
	.appliWebview.appliIOS {
		/*background-color: white;
		color : black;*/
		background: #3579f6;
		background-image: linear-gradient( 0deg, #3579f6, #229AEB);
		color : white;
	}
		.appliWebview.appliIOS .onlyAppliIOS {
			display : block;
		}
		/*.appliWebview.appliIOS a{
			color : blue;
		}*/
		.appliWebview.appliIOS .noAppliIOS {
			display : none;
		}

	/*
    spec modal ticket
    */
	.modalTicketAdd.modalTicketAxonaut .modal-body {
		background-size: 60%;
	}
	.modalTicketAdd h3 {
		margin-left : 50px;
	}
	.modalTicketAdd h3 br {
		display: none;
	}

	.zonePress {
		flex-direction: column;
	}
}