footer {
		padding:2em 0 0 0
	}
	
	#avantages ul li:before {
    content: "\e876";
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 24px;
	background:none;
    font-style: normal;
    font-weight: 400;
    left: -30px;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 2px;
    vertical-align: middle;
    opacity: .7;
	width:auto;
	height:auto;
	border-radius:inherit;
}

	footer img {
		display:inline-block;
		vertical-align:middle;
	}

	footer p:first-of-type {
		margin-bottom:15px
	}

	#js-modal.modal {
		max-width:1080px;
		width:auto;
	}

	.fancybox-content {border-radius:20px;}
	#js-modal.modal > div {
		padding-right: 0;
	}
	
	body {overflow-x:hidden}

	body .row.simul {margin:0 auto}

	#animate1, #animate2 {
		position:relative;
		transform: scale(0);
		opacity: 0.5;
	}

	#animate1 {
		transition: all .5s cubic-bezier(0.90, 0, 0.4, 2); 
	}
	
	#animate2 {
		transition: all .5s cubic-bezier(0.90, 0, 0.4, 2) .5s;
	}
	
	#animate3, #animate4, #animate5 {
		transition: all 0.6s cubic-bezier(0.90, -0.30, 0.4, 2); 
		position:relative;
		opacity:0;
	}
	
	#animate3, #animate5 {
		transform: translateX(100px);
	}
	#animate4 {
		transform: translateX(-100px);
	}
	
	
	#animate1.left {
		transform: scale(1);
		opacity: 1;

	}
	#animate2.right {
		transform: scale(1);
		opacity: 1;
	}

	#animate3.left, #animate4.right, #animate5.left {
		transform: translateX(0px);
		opacity: 1;
	}

	#animate0.fade {
		opacity:0 !important;
	}
	

	#animate0 {
		transition:all 1s ease-in;
	}

	.col p {
		padding: 0 15px !important;
	}

	.startup .hero .banner {
		height:auto;
	}

	.startup .hero .banner .h3 {
		font-size:2em;
		font-weight:700
	}


	.startup .hero .banner .section-intro {
		text-align: left;
		width: 100%;
		padding: 0 0 1.5rem 0;
	}

	.startup .sticky {
		position:sticky;
		top:170px;
		z-index:4;
		background:#f7f9ff;
		box-shadow: 0px 5px 9px -3px rgba(0,0,0,0.1);

	}

	.startup .sticky ul li {
		display:inline-block;
		margin-bottom:0;
		text-transform:uppercase;
		vertical-align: middle;
	}

	.startup .sticky .col_1_3, .startup .sticky .col_2_3 {
		padding:0
	}


	.startup .sticky ul {
		padding:0;
		margin:0

	}

	sup {
		top: -0.7em !important;
		font-size: .5em !important; 
	}

	.startup .sticky nav {

	}

	.startup nav li a {
		color:#000;
		text-decoration:none;
		display:block;
		padding:25px;
		font-weight:700;
	}

	.startup nav li a:hover, .startup nav li.active a {
		background:#e2e9ff
	}


	.startup .sticky .btn.primary.xl, .startup .sticky .btn.secondary.xl {
		font-size: 16px;
		font-size: 1.1rem;
		padding: .5em 2.5em .5em 1.5em;
		position: absolute;
		display: block;
		right: 0;
		transform: translateY(-50%);
		top: 50%;
	}


	.startup #actu .col_1_2 {
		padding:1em 3em
	}

	.startup #col_avantages {
		background:rgba(200,241,243,1);
		position:sticky;
		top:200px;

	}
	
	.startup #col_avantages > div {
		    background: #f7f7f7;
    padding: 2rem;
		
	}
	
	.startup #col_avantages.effect:after {
		    display:block
	}
	
	.startup #col_avantages.effect:before {
		    display:none
	}
	
	.startup #col_avantages.effect:after, .startup #col_avantages.effect:before {
		  bottom:.5rem
	}

	/*.startup #col_avantages:after {
		content: "";
		background: url(../visuels/avantages.png) no-repeat center center;
		width: 100px;
		height: 100px;
		display: block;
		position: absolute;
		top: -68px;
		background-size: 120%;
		right: -64px;
		background-color: #F7F9FF;
		border-radius: 140px;
		border: #fff solid 13px;
	}*/


	.flotte.float:nth-of-type(1) img {
		animation-duration: 3s;
		animation-iteration-count: infinite;
		animation-name: flotte;
	}

	.flotte.float:nth-of-type(2) img {
		animation-duration: 3.5s;
		animation-iteration-count: infinite;
		animation-name: flotte;
	}

	.flotte.float:nth-of-type(3) img {
		animation-duration: 2.8s;
		animation-iteration-count: infinite;
		animation-name: flotte;
	}

	@keyframes bounce-7 {
		0%   { transform: scale(1,1)      translateY(0); }
		10%  { transform: scale(1.1,.9)   translateY(0); }
		30%  { transform: scale(.9,1.1)   translateY(-60px); }
		50%  { transform: scale(1.05,.95) translateY(0); }
		57%  { transform: scale(1,1)      translateY(-7px); }
		64%  { transform: scale(1,1)      translateY(0); }
		100% { transform: scale(1,1)      translateY(0); }
	}

	@keyframes flotte {
		0%   { transform: translateY(0); }
		50%  { transform: translateY(-10px); }
		100% { transform: translateY(0); }
	}

	#dispositifs h3, #tresto h3, #interessement h3, #actionnariat h3, #fonctionnalites h3 {
		font-size:1.8em;
		margin-bottom:0;
		padding-bottom:0;
		color:#25378D;
	}

	#dispositifs .col_2_3 div:first-of-type h3 {
		color:#a0b1ff
	}

	#dispositifs h4 {
		padding-top:0;
		margin-top:0;
		font-size: 1.3em;
		color:#25378D;
	}

	#dispositifs .col_1_3 {
		padding-left: 50px;
	}

	#dispositifs .col_2_3 div:first-of-type {
		border-left: #a0b1ff solid 10px;
		padding-left:30px;
		border-right:none;
		margin-top:0px;
	}

	#dispositifs .col_2_3 div:first-of-type h4 {
		color:#a0b1ff
	}

	#dispositifs .col_2_3 div {
		border-left: #25378D solid 10px;
		padding-left:30px;
		margin-bottom:30px;
		margin-top:50px;
	}

	#col_avantages h3 {
		font-size:2em;
		color:#007c82;
	}

	#col_avantages p {
		line-height:1.2
	}

	.inputs {
		display:none
	}

	.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content
	{
		cursor:default !important
	}

	.row.simul {
		border-radius: 0 !important;
		box-shadow: none !important;
	}


	#fonctionnalites p {
		width:90%;
		margin: 0 auto;
		font-size:1.1em
	}

	#fonctionnalites img {
		width:70%;
		margin: 1em auto 1em auto;
	}

	#fonctionnalites h3, #arguments h3 {
		text-align:center;
		font-size:1.5em;
	}

	#config {position:relative;
		padding:6em 4rem;
	}

	#config:before {
		content:"";
		background: url(../visuels/configurateur.png) no-repeat -70px center;
		width: 400px;
		height: 400px;
		display: block;
		position: absolute;
		top: -20%;
		background-size: 110%;
		right: 0%;
		background-color: #F7F9FF;
		border-radius: 50%;
		z-index:0;
		border: #fff solid 13px;
		transition: all .6s cubic-bezier(0.90, -0.70, 0.4, 1.2); 
		opacity:0;
	}

	#config.right2:before {
		right:10%;
		opacity:1
	}

	#configurer {
		position:relative;
		z-index:3;
		max-width:820px;
		margin:0 auto;
		background: rgb(48,71,181);
		background: linear-gradient(218deg, rgba(48,71,181,0.8) 0%, rgba(71,37,141,1) 100%);
		border-radius:25px;
		padding:20px;
		box-shadow: 10px 10px 15px -2px rgba(0,0,0,0.20);
	}

	#config > .c {
		width:900px;
	}

	#panier * {
		color:#fff
	}

	#configurer h2 {
		margin-bottom:40px;
	}

	#configurer h3, #configurer h2 {
		color:#fff
	}

	#avantages ul li {
		font-size:1.35em;
		/*padding:8px;*/
		margin-bottom:16px;
		list-style:none
	}

	/*#avantages ul li:before {
		content: "\e876";
		display: inline-block;
		font-family: 'Material Icons';
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		left: -30px;
		line-height: 1;
		position: absolute;
		text-transform: none;
		top: 50%;
		transform:translateY(-50%);
		vertical-align: middle;
		opacity: .7;
	}*/

	section {
		padding: 4rem;
		position:relative;
	}

	.body .hero.solo {
		padding:3rem 0;
		background: #fff;
	}
	.banner .h2 {
		color:#007C82
	}

	.section-intro {
		color:#414141 !important
	}

	section.hero {
		padding:4rem 0
	}


	#actionnariat p, #tresto p, #interessement p {
		margin-top:20px;
	}

	.option {
		display:inline-block;
		padding:5px 10px;
		border-radius:10px;
		margin-bottom:15px;
		background:rgba(23, 34, 88,.5);
		color:#fff;
	}


	section:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #fff;
		left: 50%;
		margin-left: -15px;
		z-index: 2;
		content: "";
		height: 0;
		position: absolute;
		top: 100%;
	}
	.bg2:after  {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #F1FBFC;
		left: 50%;
		margin-left: -15px;
		z-index:2;
		content: "";
		height: 0;
		position: absolute;
		top: 100%;
	}


	.section-intro {
		font-size:1em;
	}

	#configurer #complementaire div, #pee div {
		display: block;
		padding: 10px 20px;
		background: #fff;
		border-radius: 15px;
		margin: 1em;
		border: 4px solid #fff;
		cursor:pointer;
	}


	#configurer .active {
		border: 4px solid #5866BF !important;
	}


	.panier {
		padding:2em !important;
		position:relative;
	}

	.panier > div {
		background:#5866BF;
		border-radius:10px;
		position:sticky !important;
		top:220px;
		z-index:2;
		padding:.5em 1em;
	}

	.panier h3 {
		color:#fff;
		line-height:1;
		padding-top:10px;
		padding-bottom:15px;
	}

	.panier ul li {
		text-align:left;
		font-size:1.2em;
		color:#172359;
		padding-bottom:0;
		margin-left:5px;
		margin-bottom:0 !important;
		margin-top:5px;
		padding-top:5px;
		list-style:none;
		position:relative;
	}

	.panier ul li:before {
		content:"\e146";
		display:block;
		font-family: 'Material Icons';
		font-size: 20px;
		position:absolute;
		left:-28px;
		top:60%;
		transform:translateY(-50%);
		font-weight:700;
	}

	.panier ul li:nth-of-type(1), .panier ul li:nth-of-type(2) {
		margin-top:0;
		padding-top:0;
		font-weight:700;
		padding-top:10px;
	}


	.panier ul li:nth-of-type(1):before, .panier ul li:nth-of-type(2):before {
		content:"\e876";
	}


	.panier ul {
		background:#fff;
		padding:10px 10px 20px 10px;
		border-radius:8px;
	}


	.panier > div:before {
		content: "";
		display:block;
		position:absolute;
		background: url(../visuels/couronne.svg) no-repeat center center;
		top:5%;
		transform:translateY(-50%);
		right:-50px;
		background-size:60%;
		background-color:#5866BF;
		height:90px;
		width:90px;
		border-radius:50%;
		font-size:3em;
	}

	.panier h3 {
		font-size:1.5em;
		position:relative;
		z-index:3000
	}

	.panier h4 {
		margin-top:0;
		padding-bottom:0;
		margin-bottom:0;
		font-size:1.2em;
		color:#fff;
	}

	#qualite, #motivation, #fidelisation {
		padding-bottom:10px;
	}

	.panier .etoile {
		width:10%;
		display:inline-block
	}

	.panier div div, .panier div h4 {
		text-align:left;
	}

	.fa {
		color:#fff;
		margin:2px;
	}


	#configurer form div div label {
		color: #2444ab;
		font-weight:bold;
		padding:10px;
		text-transform:uppercase;
		display:block;
		position:relative;
		padding-left:36px;
	}

	#configurer h3 {
		margin-top:20px;
		margin-bottom:0;
		color: #fff;
	}

	#configurer .btn {
		display: block;
		width: 190px;
		margin: 1em auto;
		margin-top: 30px;
		font-size: 1.5em;
		padding:.5rem 2.5rem .5rem 1.25rem;
		border-radius: 10px;
		background-color: #ff7431;
		color:#fff;
		border:none;
		letter-spacing:1px
	}

	#configurer .btn:hover {
		background-color: #E73A13;
		color:#fff !important
	}

	#configurer .btn_wrapper {
		width: 200px;
		margin:0 auto;
		position:relative;
	}

	#configurer .btn_wrapper:before {
		content: "\e065";
		display: inline-block;
		font-family: 'Material Icons';
		font-size: 2em;
		font-style: normal;
		font-weight: 400;
		z-index:3;
		left: 1.2em;
		color:#fff;
		line-height: 1;
		position: absolute;
		top: 50%;
		transform:translateY(-50%);
	}

	#configurer label:before {
		content: "\e835";
		display: inline-block;
		font-family: 'Material Icons';
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		left: 0;
		line-height: 1;
		position: absolute;
		text-decoration: inherit;
		text-transform: none;
		top: 50%;
		transform:translateY(-50%);
		speak: none;
		vertical-align: middle;
		opacity: .7;
	}

	#configurer .active label:before {
		content: "\e834";
	}

	.erreur {
		background:yellow !important;
		border:none !important;
		text-align:center;
	}


	#actu {
		background: rgb(48,71,181);
		background: linear-gradient(218deg, rgba(48,71,181,1) 0%, rgba(71,37,141,1) 100%);
		position:relative; color:white;
	}
	#actu p {
		color:#ffffff
	}
	#actu h2 {
		color:white
	}

	.sticky .btn.primary {
		background: #25378d !important;
		border-color: #25378d !important;
	}
	.sticky .primary:hover {
		background: #172258 !important;
		border-color: #172258 !important;
	}


	#actu:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #25378d;
		left: 50%;
		transform:translateX(-50%);
		z-index:3;
	}
	#actu:after {
		content: "";
		height: 0;
		position: absolute;
		top: 100%;
	}

	#actu p {
		margin-top:10px
	}

	#actu img {
		max-width:350px;
	}

	.simul-form {
		padding-top:0 !important
	}


	@media (max-width: 47.563em) {

		.body .hero.solo {
			padding:0 0 2rem 0;
		}


		.col_5 a {
			margin: 0 auto;
			display: block !important;
			width: 80%;
			margin-bottom:60px;
			text-align:center;
		}
		#ei_tpl_banner .hero, #ei_tpl_banner {
			padding-top: 0;
		}
		#ei_tpl_banner {margin-top:10px}

		.section-title {margin-bottom:0}

		.btn.action {margin-top:15px}
	}

	@media (max-width:1200px) {
		.sticky {
			padding-right:20px;
		}
	}

	@media (max-width:1180px) {
		.startup .sticky {
			top:90px;
			padding-top:0
		}

		.startup #col_avantages:before {
			position:relative;
			top:0;
			right:auto;
			margin:0 auto;
		}

		.startup #col_avantages {
			padding: 10px;
		}

		#dispositifs .col_1_3 {
			padding-left: 20px;
		}

		#config > .c {
			width:100%;
		}

	}

	@media (max-width:768px) {

		.panier {
			margin-top:2em !important
		}

		.startup img {
			max-width:400px;
		}

		.sticky ul {
			justify-content: center;
		}

		#dispositifs .col_1_3 {
			padding-left: 0
		}


		.startup .sticky nav, .sticky .col_1_3 {
			width:100% !important
		}

		.startup .sticky .btn.primary.xl, .startup .sticky .btn.secondary.xl {
			position:relative;
			width:80%;
			margin:0 auto;
			text-align:center;
		}

		.sticky {
			padding-right: 0;
			padding-top:10px;
			padding-bottom:10px;
		}


	}

	@media (max-width:600px) {

		#config {
			padding:2em;
		}

		#configurer #complementaire div, #pee div {
			padding:0 1em
		}

		.startup .sticky ul li {
			width:50%;
			text-transform: capitalize;
		}

		.startup nav li a {
			padding: 10px;
		}

		.fancybox-content {
			padding:20px !important;
		}

		.simul-form {
			padding:0 !important;
			width:100%
		}
		.simul.row {
			width:100% !important;
		}


		#config:before {
			display:none;
		}


	}


	@media (max-width:400px) {

		.startup #actu .col_1_2 {
			padding:1em
		}

		.startup .sticky {
			padding-top:10px
		}

		.startup nav li a {
			padding: 0 5px 10px 0;
			line-height: 1;
		}
	}