@charset "UTF-8";

.machine {
	background-color: #fff;
}
#header{
	position:fixed;
	top:0;
	width:100%;
	z-index:10;
	background-color:transparent;
	padding: 20px;
	transition:padding 0.4s ease-in-out;
}
footer{
	display: none;
}
#wpadminbar{
	display: none;
}
html.no-js{
	margin-top:0!important;
}
#header.scrolled{
	padding:10px;
}
#header .logo a{
	display: block;
    width: 100%;
	transition:width 0.4s ease-in-out;
}
#header.scrolled .logo a{
	display: block;
    width: 50%;
}
.ham-icon{
	transition:padding 0.4s ease-in-out;
}
#header.scrolled .ham-icon{
	padding:20px;
}
/* AJOUTS */
.flbk000001 .content-box-carrousel h2{
	position: relative;
	text-transform: uppercase;
	max-width:350px;
	min-height:350px;
	border-radius:30px;
	padding:20px;
	line-height: 120%;
	font-size:220%;
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
}
.flbk000001 .content-box-carrousel h2 span{
	display: inline-block;
	font-size:200%;
	color:#f17530;
	line-height: 100%;
}
.flbk000001 .content-box-carrousel h2 span:first-child::after{
	content:"";
	display:block;
	height:25px;
	width:100%;
	background-color:#f17530;	
}
.flbk000001 .content-carrousel-dc > .content-box-carrousel {
	text-align: left;
}
.flbk000001 .content-box-carrousel h2:before, .features:before{
	content:"";
	display: block;
	position: absolute;
	background-size:100% 100%;
	height:99%;
	top:1px;
	border-radius:30px;
	z-index:-1;
	background-image: url(img/arc-en-ciel.jpg);
	width:150px;
}
.flbk000001 .content-box-carrousel h2:before{
	right: -20px;
}
.flbk000001-post-2-1 .slick-slide:nth-of-type(1) .content-box-carrousel h2 span{
	font-size:600%;
}
.flbk000001-post-2-1 .slick-slide:nth-of-type(1) .content-box-carrousel h2 span sup{
	font-size: 58%;
}
.flbk000001-post-2-1 .slick-slide:nth-of-type(2) .content-box-carrousel h2{
	font-size:250%;
	padding-top:150px;
}
.flbk000001-post-2-1 .slick-slide:nth-of-type(3) .content-box-carrousel h2 span{
	font-size:180%;
}
.flbk000001-post-2-1 .slick-slide:nth-of-type(3) .content-box-carrousel h2{
	padding-top:170px;
}
.flbk000001 .slick-slide:nth-of-type(3) .content-box-carrousel h2 span:first-child::before{
	content:"";
	display:block;
	height:25px;
	margin-bottom: 10px;
	width:100%;
	padding-bottom:20px;
	background-color:#f17530;	
}
.flbk000001 .slick-slide:nth-of-type(3) .content-box-carrousel h2 span:first-child::after{
	content:"";
	display:none;
}
.flbk000001 .content-box-carrousel p{
	font-size:150%;
	max-width:500px;
	margin-top:40px;
}
.flbk000001 .over_img{
	position: absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
	width:50%;
	left:2.5%;
}
.flbk000001 .content-box-carrousel{
	width:46%;
	margin-right:0;
}
.flbk000001 .slick-dots {
    position: absolute;
    bottom: 60px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}
.flbk000001 .slick-dots li button:before{
	font-size:14px;
}
a.call_to_action{
	position: relative;
	margin-right: 20px;
}
a.call_to_action:after{
	content:"";
	position: absolute;
	background-image:url(img/exclamation.png);
	right:-30px;
	width:75px;
	height:75px;
	top:-10px;
}
.avantages > .row{
	padding-left: 50%;
	background-image:url(img/terre-feuille.png);
	background-size: 50% auto;
	background-position: center left;
	background-repeat: no-repeat;
	text-align: right;
}
.avantages{
}
.sous-titres_soulignes{text-decoration:underline;}
.features{
	position: relative;
	width:130%;
	background-color: #fff;
	border-radius:30px;
	display: table;
	padding:20px;
	margin: 20px 0 40px -30%;
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.4);
}
.features:before{
	left: -20px;
}
.features .feats{
	display: table-cell;
	vertical-align: middle;
	width: 33%;
	padding:0 20px;
}
.features:after{
	content:"";
	display: block;
	clear: both;
}
.features .feats > div{
	display: table-row;
}
.features .feats > div > div{
	display:table-cell;
	vertical-align: middle;
}
.features .feats p{
	width:65%;
	text-align: left;
	display:table-cell;
	vertical-align: middle;
	padding-left:10px;
	font-family:"Saira Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#383838;
	font-weight:700;
	font-size:150%;
	text-transform: uppercase;
}
.statistiques > .row > p{
	max-width:1000px;
	margin: 0 auto 30px auto;
}
.statistiques .row{
	text-align:center;
	margin: 0 auto;
	max-width:1000px;
}
.statslide{
	background-color: #fff;
	position: relative;
	margin: 0 20px 10px 20px;
	border-radius:30px;
	padding:20px;
	height:160px;
	box-shadow: -10px 10px 0px 0px rgba(0,0,0,0.4);
}
.carrouselchiffres{
	width:800px;
	margin:20px auto 60px;
}
.carrouselchiffres .stat{
	width:180px;
	float:left;
}
.carrouselchiffres .stat p{
	font-size:650%;
	font-family:"Saira Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	line-height: 100%;
}
.carrouselchiffres .text{
	vertical-align: middle;
	position: absolute;
	left:210px;
	top:50%;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.carrouselchiffres .text p{
	text-align:left;
	width:calc(100% - 140px);
	margin-bottom:0;
	color:#383838;
	font-size:140%;
}
.carrouselchiffres .text .graph{	
	width:100px;
	position: absolute;
	right:20px;
	top:50%;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.avantages, .statistiques{
	font-size:120%;
}
.slick-prev:before, .slick-next:before {
    content:"";
	width:30px;
	height:59px;
	display: block;
	background-image:url(img/left_arrow.png);
}
.slick-next:before {
	background-image:url(img/right_arrow.png);
}
.slick-prev, .slick-next{
	width:30px;
	height:59px;
	margin-top:-30px;
}
.slick-next{
	right:-50px;
}
.slick-prev{
	left:-50px;
}
.basic-columns > div{
	padding:0 20px;
}
.basic-columns > div:first-of-type{
	padding-left:0;
}
.basic-columns > div:last-of-type{
	padding-right:0;
}
.row.basic-columns img{
	border-radius:30px;
	margin-bottom:15px;
}
.formulaire > .row > div:nth-of-type(2) > div, .formulaire > .row > div:nth-of-type(2) > div .gform_wrapper form{
	text-align: right;	
}
.gform_wrapper .top_label .gfield_label{
	text-transform: uppercase;
	font-weight:400;
}
.gform_wrapper .gfield_required{
	display: none;
}
.gform_wrapper form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea.medium{
	padding:15px;
	border:none;
	border-radius:10px;
	box-shadow: -5px 5px 0px 0px rgba(0,0,0,0.4);
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:none;
	background-color: #231f20;
	color:#fff;
	padding:15px;
	font-size:140%!important;
	margin-right:0!important;
}
.gform_wrapper ul.gform_fields li.gfield{
	padding-right: 0px!important;
}
.modal-bg .popup{
	background-color: #f8f8f8;
	padding:40px;
}
.quickmenu{
	position: fixed;
	bottom:0;
	left:50%;
	margin:0 -50% 0 0;
	-webkit-transform:translateX(-50%);
	        transform:translateX(-50%);
	z-index:50;
}
.quickmenu a{
	background-color: #9a9a9a;
	padding:10px;
	font-family:"Saira Extra Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	margin:0 10px;
	font-size:180%;
	display: inline-block;
	font-weight:600;
}
.quickmenu a:after{
	content:url(img/arrow_bottom.png);
	margin-left:10px;
}
.cta{
	padding:15px;
	background-color: #231f20;
	color:#fff;
	font-weight:500;
	font-size:140%;
}
@media screen and (max-width: 1780px) {
	.features .feats p{
		font-size:100%;
	}
}
@media screen and (max-width: 1330px) {
	.features {
		width: 150%;
		margin: 20px 0 40px -50%;
	}
}
@media screen and (max-width: 1150px) {
	.features {
		padding:20px 0;
	}
	.features .feats {
		padding:0 10px;
	}
}
@media screen and (max-width: 1024px) {
	.statistiques .row.basic-columns{
		width:95%;
	}
	.nav-container.mmc.ham .faste-menu li a{
		font-size:200%;
		margin-bottom:30px;
	}
	.flbk000001-post-2-1 .slick-slide{
		padding-bottom:70%
	}
	.flbk000001 .content-box-carrousel h2{
		max-width: 300px;
    	min-height: 300px;
	}
	.flbk000001 .slick-dots{
		bottom:25px;
	}
	.quickmenu{
		display: none;
	}
	#header{
		padding: 10px;
	}
	.ham-icon{
		padding:20px;
	}
	html{
		font-size:85%;
	}
}
@media screen and (max-width: 875px) {
	.avantages > .row {
    	padding-left: 30%;
	}
	.features {
    	width: 150%;
    	margin: 20px 0 40px -50%;
	}
	.carrouselchiffres{
		width:100%;
	}
	.flbk000001 .over_img {
		position: relative;
		top: 40px;
		-webkit-transform: none;
		        transform: none;
		width: 100%;
		left: 0%;
		height:450px;
		text-align:center;
	}
	.flbk000001 .over_img img{
		max-height:450px;
		display: inline-block;
	}
	.flbk000001 .content-box-carrousel {
		position: relative;
	}
	.flbk000001-post-2-1 .slick-slide{
		padding-bottom: 118%;
	}
	.flbk000001 .content-carrousel-dc > .content-box-carrousel {
		top: 40px;
		-webkit-transform: translateY(0%);
		        transform: translateY(0%);
	}
	.flbk000001 .content-box-carrousel {
		width: 100%;
		margin: 0;
	}
	.flbk000001 .content-box-carrousel h2{
		float:left;
		margin-right:50px;
	}
	.flbk000001 .content-box-carrousel p{
		max-width:100%;
	}
}
@media screen and (max-width: 764px) {
	.carrouselchiffres .text p{
		font-size:100%;
	}
	.carrouselchiffres .stat p{
		font-size:500%;
		text-align: left;
	}
	.carrouselchiffres .text{
		left:155px;
	}
	.statslide{
		height:120px;
	}
	#header > .row > div:first-of-type{
		width:50%;
		float:left;
	}
	#header > .row > div.small-1:last-of-type{
		text-align: right;
	}
	#header{
		background-color:#fff;
	}
	#header.scrolled .ham-icon {
		padding: 3px;
	}
	#header .logo{
		margin-bottom: 0;
	}
	flbk000001 .over_img {
		width: 46%;
		margin: 0 0 0 auto;
	}
	.flbk000001 .content-box-carrousel h2{
		float: left;
		margin-right: 50px;
		position: absolute;
		top: -299px;
	}
	.flbk000001 .over_img {
		position: relative;
		top: 40px;
		-webkit-transform: none;
		        transform: none;
		width: 48%;
		left: 50%;
		height: 380px;
		text-align: left;
		padding: 0;
	}
	.flbk000001 .over_img img{
		position: absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		        transform:translateY(-50%);
		width:100%;
	}
}
@media screen and (max-width: 690px) {
	.flbk000001 .content-box-carrousel h2 {
		max-width: 200px;
		min-height: 200px;
		font-size:180%;
	}
	.flbk000001-post-2-1 .slick-slide:nth-of-type(2) .content-box-carrousel h2 {
    	font-size: 170%;
		padding-top:33px;
	}
	.flbk000001-post-2-1 .slick-slide:nth-of-type(3) .content-box-carrousel h2 span {
		font-size: 139%;
	}
	.flbk000001-post-2-1 .slick-slide:nth-of-type(3) .content-box-carrousel h2{
		padding-top:33px;
	}
	.flbk000001 .over_img {
		position: relative;
		top: 78px;
		-webkit-transform: none;
		        transform: none;
		width: 48%;
		left: 50%;
		height: 291px;
		text-align: left;
		padding: 0;
	}
	.flbk000001 .content-box-carrousel h2 {
		top: -198px;
	}
}
@media screen and (max-width: 640px) {
	.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
		margin: 9px 0 9px 1px!important;
	}
	.flbk000002-post-2-1 > .row > .colonne-0 > div{
		padding-bottom:0px;;
	}
	.basic-columns > div {
		padding: 0 ;
	}
	.avantages > .row {
		padding-left: 0%;
	}
	.features {
		width: 100%;
		margin: 20px 0 40px 0;
	}
}
@media screen and (max-width: 570px) {
	.flbk000003-post-2-1 {
    	padding: 0px 5% 0px 5%;
	}
	.statslide {
		height: 125px;
	}
	.carrouselchiffres .text {
		overflow: auto;
		left: 210px;
		top: 0;
		-webkit-transform: none;
		        transform: none;
		position: static;
	}
	.carrouselchiffres .text .graph {
		width: 62px;
		position: absolute;
		left: 14px;
		top: 55px;
	}
	.carrouselchiffres .stat p {
		font-size: 382%;
		text-align: right;
	}
	.carrouselchiffres .text p{
		width:100%;
	}
	.carrouselchiffres .stat {
    	width: 170px;
		padding-right:15px;
	}
}
@media screen and (max-width: 555px) {
	.call_to_action {
		font-size:120%;
	}
	.gform_wrapper form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea.medium{
		padding:5px;
	}
	.features .feats p {
    	width: 75%;
	}
	.avantages > .row {
		padding-top: 50%;
    	background-size: auto 22%;
    	background-position: 0 -49px;
	}
	.flbk000003-post-2-1{
		padding: 0px 5% 50px 5%;		
	}
	.flbk000001-post-2-1{
		margin-top:60px;
	}
	.flbk000001 .over_img {
		top: 70px;
		width: 90%;
		left: 5%;
		text-align: center;
	}
	.flbk000001 .content-box-carrousel h2{
		float:none;
		position: relative;
		top:0;
	}
	.flbk000001-post-2-1 .slick-slide{
		padding-bottom: 200%;
	}
	.flbk000001 .over_img img {
    	position: relative;
    	top: 0;
		width:auto;
    	-webkit-transform: none;
    	        transform: none;
		max-height:230px;
	}
}
@media screen and (max-width: 515px) {
	.statslide {
		height: auto;
	}
	.features .feats {
    	display: table;
		width:100%;
		padding:20px
	}
	.features .feats p{
		font-size:150%;
	}
}
@media screen and (max-width: 455px) {
	.flbk000001-post-2-1 .slick-slide {
		padding-bottom: 230%;
	}
	.carrouselchiffres .stat{
		width:100%;
		float:none;
	}
	.carrouselchiffres .text {
		overflow: visible;
		left: auto;
		top: 0;
		-webkit-transform: none;
		        transform: none;
		position: relative;
	}
	.carrouselchiffres .stat p{
		margin-bottom:20px;
		width: 50%;
    	padding-left: 52%;
	}
	.carrouselchiffres .text .graph {
		width: 62px;
		position: absolute;
		left: 46%;
		top: -79px;
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
}
@media screen and (max-width: 400px) {
	.avantages > .row {
		padding-top: 50%;
    	background-size: auto 18%;
    	background-position: 0 -15px;
	}
}