/*
Theme Name: Eulerian
Theme URI: //www.eulerian.com
Author: Carburant
Author URI: //www.carburant.fr/
Description: https
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: none
Text Domain: eulerian
*/

@font-face {
	font-family: 'Gotham-Light';
	src: url('css/fonts/Gotham-Light.eot');
	src: url('css/fonts/Gotham-Light.eot%3F') format('embedded-opentype'),
	url('css/fonts/Gotham-Light.woff') format('woff'),
	url('css/fonts/Gotham-Light.ttf') format('truetype'),
	url('css/fonts/Gotham-Light.svg') format('svg');
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('css/fonts/Gotham-Book.eot');
	src: url('css/fonts/Gotham-Book.eot%3F') format('embedded-opentype'),
	url('css/fonts/Gotham-Book.woff') format('woff'),
	url('css/fonts/Gotham-Book.ttf') format('truetype'),
	url('css/fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Medium';
	src: url('css/fonts/Gotham-Medium.eot');
	src: url('css/fonts/Gotham-Medium.eot%3F') format('embedded-opentype'),
	url('css/fonts/Gotham-Medium.woff') format('woff'),
	url('css/fonts/Gotham-Medium.ttf') format('truetype'),
	url('css/fonts/Gotham-Medium.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Bold';
	src: url('css/fonts/Gotham-Bold.eot');
	src: url('css/fonts/Gotham-Bold.eot%3F') format('embedded-opentype'),
	url('css/fonts/Gotham-Bold.woff') format('woff'),
	url('css/fonts/Gotham-Bold.ttf') format('truetype'),
	url('css/fonts/Gotham-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'pictos';
    src: url('css/fonts/pictos.eot');
    src: url('css/fonts/pictos.eot%3F') format('embedded-opentype'),
         url('css/fonts/pictos.woff') format('woff'),
         url('css/fonts/pictos.ttf') format('truetype'),
         url('css/fonts/pictos.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{	display: inline-block;   font-family: 'pictos';   font-style: normal;   font-weight: normal;   line-height: 1;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale}.icon-fb:before{content:'\0041';}.icon-tw:before{content:'\0042';}.icon-in:before{content:'\0043';}.icon-down:before{content:'\0044';}.icon-up:before{content:'\0045';}.icon-phone:before{content:'\0046';}.icon-mail:before{content:'\0047';}.icon-quote-ouvre:before{content:'\0048';}.icon-quote-ferme:before{content:'\0049';}.icon-gp:before{content:'\004A';}
/*********************** reset ***********************/
ul, li, p, a, span, h1, h2, h3, div{margin:0;padding:0;}
:focus{outline:none !important;}
.container-fluid {padding-right: 0;padding-left: 0;}
.row {margin-right:0;margin-left:0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0;
    padding-left: 0;
}

/*********************** common ***********************/
body {
    font-family: "Gotham-Book", serif;
    font-size: 15px;
    line-height: 20px;
    color: #3e3e3e;
    background-color: #FFF;
}
h1,h2,h3{text-align:center;}
h1{text-transform:uppercase;color:#f7ac02;font-family: 'Gotham-Bold';font-size:36px;line-height:36px;}
h1:after{display:block;height:4px;width:82px;content:"";background:#f7ac02;margin:20px auto 0 auto;}
h2{text-transform:uppercase;color:#e03c1f;font-family: 'Gotham-Bold';font-size:30px;line-height:30px;}
h3{color:#3e3e3e;font-size:22px;line-height:22px;font-family: 'Gotham-Book';}
img{max-width:100%;height:auto;}
strong{font-weight:400;font-family: 'Gotham-Bold';}
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-mail-sent-ng,
.wpcf7-response-output.wpcf7-validation-errors{border: 1px solid #FFFFFF;margin:10px 0;padding:0 10px 0 60px;line-height:30px;background:transparent url('images/true.png') no-repeat 20px 50%;background-size:20px 20px;}
.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-mail-sent-ng{background:transparent url('images/false.png') no-repeat 20px 50%;background-size:20px 20px;}.flickity-page-dots .dot {    width: 15px;    height: 15px;}

/*********************** tool classes ***********************/
.white{color:#FFF;}
.white-bg{background:#FFF;color:#3e3e3e;}
.grey{color:#3e3e3e;}
.grey-bg{background:#3e3e3e;color:#FFF;}
.light-grey{color:#cccccc;}
.light-grey-bg{background:#cccccc;color:#FFF;}
.yellow{color:#f7ab00;}
.yellow-bg{background:#f7ab00;color:#FFF;}
.red{color:#e03c1f;}
.red-bg{background:#e03c1f;color:#FFF; padding: 10px 30px;}
.yellow-bg h1,
.red-bg h1,
.grey-bg h1,
.light-grey-bg h1,
.yellow-bg h2,
.red-bg h2,
.grey-bg h2,
.light-grey-bg h2,
.yellow-bg h3,
.red-bg h3,
.grey-bg h3,
.light-grey-bg h3{color:#FFFFFF;}
.yellow-bg h1:after,
.red-bg h1:after,
.grey-bg h1:after,
.light-grey-bg h1:after{background:#FFFFFF;}
.inner, .section-inner{position:relative;margin:0 auto;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.fs25{font-size:25px;line-height:35px;}
.fs30{font-size:30px;line-height:30px;}
.fs36{font-size:36px;line-height:36px;}
.fs40{font-size:40px;line-height:40px;}
.flickity-viewport .col-sm-2-4{min-height:0 !important;}
/*********************** header ***********************/
.home header#main-header nav .col-sm-6 ul a,
.home #lang_sel_list a{color: #FFFFFF;}
.home header#main-header nav .col-sm-6 ul a::after{color:#FFFFFF;}
.home header#main-header img.logo-white{opacity:1;}
.home header#main-header img.logo-black{opacity:0;}
.home header#main-header nav .col-sm-3 ul li a{color:#FFFFFF;}
.home header#main-header nav .col-sm-6 ul ul a{color:#3e3e3e;}
header#main-header.scrolling nav .col-sm-6 ul a:hover:after{color: #3e3e3e !important; }
header#main-header a:focus{text-decoration:none !important;}
header#main-header{transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;position:fixed;top:0;left:0;right:0;display:block;text-align:center;height:76px;background:#FFFFFF;;z-index:90;}
.home header#main-header{background:transparent;}
header#main-header .row{width:960px;}
header a{position:relative;}
header#main-header ul{list-style:none;font-size:0;}
header#main-header ul li{display:inline-block;font-size:14px;font-family: 'Gotham-Bold';text-transform:uppercase;}
header ul li{list-style:none;}
header#main-header .col-sm-2{line-height:76px;}
header#main-header nav .col-sm-6 ul,
header#main-header nav .col-sm-3 ul{height:76px;line-height:76px;}
header#main-header nav img,
header#main-header nav .col-sm-6 ul a,
#lang_sel_list a{color: #3E3E3E;display:inline-block;width:100%;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
header#main-header.scrolling nav .col-sm-6 ul a,
header#main-header.scrolling #lang_sel_list a{color:#3e3e3e;}
header#main-header nav .col-sm-6 ul a:hover,
header#main-header nav .col-sm-6 ul li.current-menu-ancestor > a,
header#main-header nav .col-sm-6 ul li.current-menu-item a{color:#f7ac02;text-decoration:none;}
header#main-header nav .col-sm-6 ul a:after{content:"|";margin:0 8px;color:#3E3E3E;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
header#main-header.scrolling nav .col-sm-6 ul a:after{content:"|";margin:0 8px;color:#3e3e3e;}

.home header#main-header nav .col-sm-6 ul a:hover:after{color:#FFFFFF;}
header#main-header nav .col-sm-6 ul a:hover:after{color:#3E3E3E;}

header#main-header.scrolling nav .col-sm-6 ul a:hover:after{color:#3e3e3e;}
header#main-header nav .col-sm-6 ul li:last-child a:after{content:"";margin:0;}
header#main-header nav .col-sm-3 ul li{font-size:0;width:110px;}
header#main-header nav .col-sm-3 ul li:first-child{width:100px;}
header#main-header nav .col-sm-3 ul li{font-size:0;}
header#main-header nav .col-sm-3 ul li a{color:#3e3e3e;display:inline-block;font-size:14px;vertical-align:middle;width:100%;height:76px;line-height:76px;}
header#main-header.scrolling nav .col-sm-3 ul li a{color:#3e3e3e;}
header#main-header nav .col-sm-3 ul li a span{line-height:16px;display:inline-block;vertical-align:middle;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
header#main-header nav .col-sm-3 ul a:hover,
header#main-header nav .col-sm-3 ul li.current-menu-item a,
header#main-header nav .col-sm-3 ul li a:hover{color:#f7ac02;text-decoration:none;}
header#main-header nav .col-sm-3 ul li:first-child a{padding:0 10px;background:#f7ab00;color:#FFFFFF;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
header#main-header nav .col-sm-3 ul li:first-child a:hover{background:#FFFFFF;color:#f7ab00;}
#lang_sel_list{height:76px;line-height:76px;}
#lang_sel_list a{font-size:15px;display:inline-block;text-transform:uppercase;text-decoration:none;line-height:20px;}
#lang_sel_list ul{max-height:20px;overflow:hidden;line-height:15px;display:inline-block;vertical-align:middle;width:100%;text-align:right;}
#lang_sel_list ul:hover{max-height:200px;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
header#main-header #lang_sel_list ul li{display:block;height:24px;}
#lang_sel_list ul a img{width:20px;}
header#main-header nav .col-sm-6 ul .sub-menu{z-index:80;line-height:52px;height:52px;background:#f2f2f2;position:fixed;left:-30px;right:-30px;top:76px;display:block;overflow:hidden;max-height:0;transition: all .4s ease-in-out;box-shadow: inset 0px 10px 20px 0px #DDDDDD;}
header#main-header .sub-menu li{line-height:52px;height:52px;}
header#main-header ul li:hover .sub-menu{max-height:300px;}
header#main-header nav .col-sm-6 ul li .sub-menu a{padding:0 15px;line-height:52px;height:52px;color:#3E3E3E;}
header#main-header nav .col-sm-6 ul .sub-menu a:hover,
header#main-header nav .col-sm-6 ul .sub-menu li.current_page_item a,
header#main-header nav .col-sm-6 ul .sub-menu li.current-menu-item a{color:#FFFFFF;background:#f7ac02;}
header#main-header .sub-menu a:after{display:none;}
header#main-header.scrolling{background:#FFFFFF;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);}
header#main-header nav .col-sm-6 ul ul a{color:#3e3e3e;}
header#main-header #logo{display:block;width:169px;height:76px;margin-left:-10px;}
header#main-header img.logo-white,
header#main-header img.logo-black{position:absolute;display:block;top:15px;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
header#main-header img.logo-white{opacity:0;}
header#main-header img.logo-black{opacity:1;}
header#main-header.scrolling img.logo-white{opacity:0;}
header#main-header.scrolling img.logo-black{opacity:1;}
header#main-header nav .col-sm-3 ul li:first-child a{padding:0 5px;background:#f7ab00;color:#FFFFFF;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
header#main-header nav .col-sm-3 ul li:first-child a:hover{background:#FFFFFF;color:#f7ab00;}
.isotope-filter,.fake-isotope-filter{text-align:center;}
.isotope-filter,.fake-isotope-filter{font-size:0;position:fixed;top:75px;left:0;width:100%;z-index:80;line-height:52px;height:52px;background:#f2f2f2;position:fixed;left:0;right:0;top:76px;display:block;transition: all .4s ease-in-out;box-shadow: inset 0px 10px 20px 0px #DDDDDD;}
.isotope-filter li,.fake-isotope-filter li{display:inline-block;line-height:52px;height:52px;}
.isotope-filter a,.fake-isotope-filter a{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;display:block;font-family: 'Gotham-Bold';font-size:14px;line-height:52px;text-decoration:none;height:52px;text-transform:uppercase;padding:0 15px;line-height:52px;height:52px;color:#3E3E3E;}
.isotope-filter a:hover,
.isotope-filter a.active,
.fake-isotope-filter a:hover,
.fake-isotope-filter a.active{color:#FFFFFF;background:#E03C1F;}
header#main-header nav .col-sm-6{
	width: 55%;
}
header#main-header nav .col-sm-3{
	width: 22%;
}

header#main-header nav .col-sm-1{
	width: 5%;
}


/*********************** content ***********************/
#content{position:relative;z-index:10;padding-top:76px;}
/*********************** content / home ***********************/
.home #content{padding-top:0;}
/* main-banner */
.main-banner{position:relative;}
.main-banner .section-inner{max-width:100%;position:relative;text-align:center;}
.main-banner .row{position:relative;height:100%;overflow:hidden;}
.main-banner .row .gallery-cell{line-height:600px;height:600px;}
.main-banner .row .gallery-cell img{display:inline-block;z-index:1;max-width:100%;vertical-align:top;}
.main-banner .row .gallery-cell .slide-content{padding-bottom:100px;z-index:10;position:absolute;left:0;right:0;bottom:0;display:inline-block;text-align:center;z-index:2;line-height:150px;vertical-align:middle;}
.main-banner .row .gallery-cell .slide-content h1{line-height:50px;color:#FFFFFF;font-size:50px;font-family: 'Gotham-Book';text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.main-banner .row .gallery-cell .slide-content h1:after{display:none;}
.main-banner .row .gallery-cell .slide-content a{font-size:0;height:55px;line-height:55px;width:55px;display:inline-block;text-align:center;border:1px solid #FFFFFF;}
.main-banner .row .gallery-cell .slide-content a:after{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;content:'\0044';font-family: 'pictos';font-size:20px;display:inline-block;color:#FFFFFF;font-weight:lighter;text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.main-banner .row .gallery-cell .slide-content a:hover:after{text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);}
.main-banner .flickity-page-dots {position: absolute;width: 100%;bottom: 20px;padding: 0px;margin: 0px;list-style: outside none none;text-align: center;line-height: 1;}
.main-banner .flickity-page-dots .dot{opacity: 1;margin:0 3px;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;display:inline-block;width:16px;height:16px;border:1px solid #FFFFFF;background:#FFFFFF;border-radius:8px;}
.main-banner .flickity-page-dots .dot:hover,
.main-banner .flickity-page-dots .dot.is-selected{background:#3e3e3e;}
/* customers */
#customers{position:relative;padding: 0 0 20px 0;}
#customers .section-inner{max-width:980px;}
#customers ul{list-style:none;}#customers ul li{height:90px;width:140px;display:block;}
#customers .flickity-prev-next-button.previous{left: -40px;}
#customers .flickity-prev-next-button.next{right: -40px;}
#customers img{height:90px;width:140px;display:block;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#customers img:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
/* platform */
#platform{padding:70px 0;text-align:center;}
#platform .section-inner{max-width:980px;}
#platform h2{font-size:22px;line-height:24px;font-family: 'Gotham-Book';margin-top:40px;padding-bottom:25px;background:transparent url('images/platform-title-bg.png') no-repeat 50% 10px;}
#platform h2 span{display:inline-block;padding:0 50px;}
#platform #platform-choice{position:relative;}
#platform #platform-choice .platform{height:345px;}
#platform #platform-choice .ddp,
#platform #platform-choice .dmp{position:absolute;top:0;width:300px;cursor:pointer;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#platform #platform-choice .ddp{left:0;}
#platform #platform-choice .dmp{right:0;}
#platform #platform-choice .dcp{position:relative;margin:0 auto;width:360px;background:transparent url('images/center-platform-bg.png') no-repeat 50% 50%;}
#platform #platform-choice .platform-bg{position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;}
#platform #platform-choice .platform-bg img{position:absolute;z-index:1;height:100%;width:100%;display:block;}
#platform #platform-choice .content,
#platform #platform-choice .linked-content{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;height:280px;position:absolute;z-index:2;top:50px;left:40px;right:40px;text-align:center;}
#platform #platform-choice .dcp .content,
#platform #platform-choice .dcp .linked-content{left:60px;right:60px;}
#platform #platform-choice h2{background:none;}
#platform #platform-choice .platform-bg img.red-platform-bg{opacity:1;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#platform #platform-choice .platform-bg img.yellow-platform-bg,
#platform #platform-choice .platform .linked-content{opacity:0;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#platform #platform-choice .platform:hover .platform-bg img.red-platform-bg,
#platform #platform-choice .platform.linked .platform-bg img.red-platform-bg{opacity:0;}
#platform #platform-choice .platform:hover .platform-bg img.yellow-platform-bg,
#platform #platform-choice .platform.linked .platform-bg img.yellow-platform-bg{opacity:1;}
#platform #platform-choice .platform .content h3{text-transform:uppercase;line-height:28px;margin-bottom:15px;}
#platform #platform-choice .platform .content img{display:inline-block;}
#platform #platform-choice .platform .content span.click{line-height:40px;font-family: 'Gotham-Bold';display:block;position:absolute;bottom:20px;left:0px;right:0px;background:#FFFFFF;color:#f7ab00;opacity:0;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#platform #platform-choice .platform:hover .content span{opacity:1;}
#platform #platform-choice .platform .content span.click:after{transform:rotate(45deg);content:"";display:block;width:20px;height:20px;background:#FFFFFF;position:absolute;top:-10px;margin:0 auto;left:0;right:0;}
#platform #platform-choice .platform.ddp.linked{left:40px;}
#platform #platform-choice .platform.dmp.linked{right:40px;}
#platform #platform-choice .platform.linked .content{opacity:0;}
#platform #platform-choice .platform.linked .linked-content{opacity:1;}
#platform #platform-choice .platform .platform-link{opacity:0;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;background:transparent url('images/picto-link.png') no-repeat 50% 50%;width:40px;height:40px;display:inline-block;position:absolute;top:152px;z-index:10;}
#platform #platform-choice .platform.ddp .platform-link{right:-20px;}
#platform #platform-choice .platform.dmp .platform-link{left:-20px;}
#platform #platform-choice .platform.linked .platform-link{opacity:1;}
#platform #platform-choice .platform .linked-content h2{margin:0;font-size:36px;line-height:40px;font-family: 'Gotham-Bold';}
#platform #platform-choice .platform .linked-content h2 img{height:40px;margin-left:10px;vertical-align:middle;}
#platform #platform-choice .platform .linked-content p{font-size:18px;}
#platform #platform-choice .platform a.platform-acces-link{display:none;opacity:0;bottom:90px;left:70px;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;background:#f29305;line-height:22px;position:absolute;z-index:20;width:220px;height:35px;line-height:35px;border:1px solid #FFFFFF;text-decoration:none;color:#FFFFFF;text-transform:uppercase;}
#platform #platform-choice .platform a.platform-acces-link:hover{background:#E03C1F;}
#platform #platform-choice.ddp-platform .platform a.platform-acces-link{left:-80px;display:block;opacity:1;}
#platform #platform-choice.dmp-platform .platform a.platform-acces-link{left:230px;display:block;opacity:1;}
#platform #platform-choice.ddp-platform.dmp-platform .platform a.platform-acces-link{left:70px;display:block;opacity:1;}
#platform #platform-choice > p{font-size:22px;}
#platform #platform-choice .best-platform-text{font-size:18px;opacity:0;transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out;position:absolute;left:0;right:0;bottom:70px;z-index:20;}
#platform #platform-choice.ddp-platform.dmp-platform .best-platform-text{opacity:1;}
#platform .section-inner article{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    text-align: left;
}
#platform .section-inner article a img{
	min-width: 400px;
}
#platform .section-inner article figure{
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-between;
    width: 300px;
	height: 350px;
    text-align: center;
}
#platform .section-inner article figure h3{
    font-size: 35px;
	font-family: 'Gotham-Bold';
	margin-bottom: 40px;
}
#platform .section-inner article figure p{
    font-size: 20px;
	width: 280px;
}
#platform .section-inner article figure img{
	width: 200px;
    height: 200px;
	margin-top: 20px;
}
.v-lign{
	background: #fff;
	width: 2px;
	height: 200px;
}

/* case-studies */
.home #case-studies,
.error404 #case-studies{padding:80px 0;}
.home #case-studies .section-inner,
.error404 #case-studies .section-inner{max-width:1040px;margin:0 auto;}
.home #case-studies .section-inner .gallery,
.error404 #case-studies .section-inner .gallery{padding:0 50px;}
.home #case-studies article,
.error404 #case-studies article{position:relative;height:520px;padding:0 10px;}
.home #case-studies h1,
.error404 #case-studies h1{margin-bottom:20px;}
.home #case-studies h2,
.error404 #case-studies h2{text-align:left;margin-bottom:30px;}
.home #case-studies p{}
.error404 #case-studies img{border:1px solid #e4e4e4;position:absolute;display:block;bottom:60px;left:10px;width:450px;}
.home #case-studies a.cta,
.error404 #case-studies a{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;position:absolute;right:10px;bottom:0;display:block;border:1px solid #e03c1f;padding:0 45px;line-height:34px;color:#e03c1f;text-transform:uppercase;}
.home #case-studies a:hover,
.error404 #case-studies a:hover{background:#e03c1f;color:#FFFFFF;text-decoration:none;}
.home #case-studies .flickity-prev-next-button.previous,
.error404 #case-studies .flickity-prev-next-button.previous {left: 0px;}
.home #case-studies .flickity-prev-next-button.next,
.error404 #case-studies .flickity-prev-next-button.next {right: 0px;}
.page-content404{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	min-height: 30em;
}
#case-studies .container-fluid{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/computer-home_page.svg) center center no-repeat;
	width: 800px;
	height: 500px;
	position: relative;
}
#case-studies .container-fluid #slider_3208, #case-studies .container-fluid #slider_3217, #case-studies .container-fluid #slider_3219{
	width: 600px;
    height: 350px;
    position: absolute;
    top: 50px;
    left: 100px;
}

/* eulerian-numbers */

@media only screen and (min-device-width: 600px) {
#eulerian-numbers{background:transparent url('images/eulerian-numbers-bg.jpg') no-repeat left top;background-size:cover;padding:70px 0;color:#FFF;text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);}
#eulerian-numbers2{display:none;}
#eulerian-numbers .odometer{text-shadow: none;position: relative;
left: -5px;
top: -1px;}
#eulerian-numbers .section-inner{max-width:960px;}
#eulerian-numbers h1{color:#FFF;margin-bottom:50px;}
#eulerian-numbers h1:after{background:#FFF;}
#eulerian-numbers ul{list-style:none;text-align:center;text-transform:uppercase;font-size:0;}
#eulerian-numbers ul li{height:140px;line-height:140px;display:block;padding:0 40px;display:inline-block;font-size:18px;float:none;vertical-align:top;}
#eulerian-numbers ul li p{line-height:20px;display:inline-block;vertical-align:middle;}
#eulerian-numbers ul li span{font-family: 'Gotham-Bold';}
#eulerian-numbers ul li:first-child{border-right:1px solid #FFF;}
#eulerian-numbers ul li:last-child{border-left:1px solid #FFF;}
}
@media only screen and (max-device-width: 600px) {
#eulerian-numbers{display:none;}
#eulerian-numbers2{width: 100%;background:transparent url('images/eulerian-numbers-bg.jpg') no-repeat left top;background-size:cover;padding:70px 0;color:#FFF;text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);}
#eulerian-numbers2 .odometer{text-shadow: none;position: relative; left: -5px; top: -1px;}
#eulerian-numbers2 .section-inner{max-width:960px;}
#eulerian-numbers2 h1{color:#FFF;margin-bottom:50px;}
#eulerian-numbers2 h1:after{background:#FFF;}
#eulerian-numbers2 ul{list-style:none;text-align:center;text-transform:uppercase;font-size:0;}
#eulerian-numbers2 ul li{height:140px;line-height:140px;display:block;padding:0 40px;display:inline-block;font-size:18px;float:none;vertical-align:top;}
#eulerian-numbers2 ul li p{line-height:20px;display:inline-block;vertical-align:middle;}
#eulerian-numbers2 ul li span{font-family: 'Gotham-Bold';}
#eulerian-numbers2 ul li:first-child{border-right:1px solid #FFF;}
#eulerian-numbers2 ul li:last-child{border-left:1px solid #FFF;}
}

/*Interested*/

#interested{padding:70px 0 40px 0; background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/contact_Paul.svg) 10% 150px no-repeat, url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/contact_Femme.svg) 90% 160px no-repeat, #f7ac02; background-size: 150px,160px;}
#interested .section-inner{max-width:780px;}
#interested h1{}
#interested p{font-size:22px;text-align:center;margin:30px 0;line-height:30px;}
#demande_demo .hs-button.primary{
	display: flex;
	margin: 0 auto;
	width: 380px;
}
#demande_demo .form-columns-1{
	display: inline-block;
	text-align: left;
	width: 100%;
	padding-right: 390px;
}
#demande_demo .hs-form fieldset.form-columns-1 .hs-input {
	width: 100%;
	color: #c0c2c1;
}
#demande_demo .hs_submit{
	float: right;
	margin-right: 10px;
	margin-top: -82px;
}
#demande_demo textarea{
	height: 60px;
}
.demande_demo .hs-error-msgs label{
	font-size: 100%;
}

/*Animation*/
#animation_container{
	background-color:rgba(0, 0, 0, 0);
	width:1000px;
	height:370px
}

/****CTA Demo****/
.cta_demo{
	position: fixed;
	z-index: 100;
	width: 150px;
    text-align: center;
    bottom: 115px;
    right: 0;
    padding: 20px;
    background: #f7ac02;
    color: #fff;
    font-size: 15px;
    font-family: 'Gotham-Bold';
	text-transform: uppercase;
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
	transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.cta_demo:hover{
    background: #fff;
    color: #f7ac02;
	text-decoration:none;
}
.cta_demo:focus{
	color: #fff;
	text-decoration:none;
}

/*********************** content / platform ***********************/

#platforms-header{position:relative;height:540px;overflow:hidden;line-height:540px;}
#platforms-header img{position:absolute;width:100%;top:0;left:0;height:auto;z-index:1;}
#platforms-header #platforms-header-content{padding:0 100px;position:relative;display:inline-block;color:#FFFFFF;vertical-align:middle;text-align:center;z-index:2;line-height:26px;width:100%;font-size:22px;}
#platforms-header #platforms-header-content h1{color:#FFFFFF;font-size:50px;font-family: 'Gotham-Book';line-height:60px;margin-bottom:40px;padding-bottom:44px,}
#platforms-header #platforms-header-content h1:after{background:#FFFFFF;}
.platform-body h1.fs36{padding-top:60px;font-size:36px;margin-bottom:60px;line-height:60px;}
.platform-body h1.fs36 span{display:inline-block;line-height:60px;padding-left:80px;}
.platform-banner{/*height:350px;overflow:hidden;*/}
.platform-banner img{display:block;width:100%;}
#dcp-platform.platform-body h1.fs36 span{background:transparent url('images/picto-dcp-red.png') no-repeat left top;background-size:60px 60px;}
#dmp-platform.platform-body h1.fs36 span{background:transparent url('images/picto-dmp-red.png') no-repeat left top;background-size:60px 60px;}
#ddp-platform.platform-body h1.fs36 span{background:transparent url('images/picto-ddp-red.png') no-repeat left top;background-size:60px 60px;}
.platform-body .section-inner{max-width:800px;}
.platform-body a.platform-details{font-size:16px;display:block;line-height:50px;border-top:1px solid #e4e4e4;text-align:center;text-transform:uppercase;margin-top:40px;color:#E03C1F;}.platform-body a.platform-details b{margin-left:10px;font-size:14px;}
.platform-body a.platform-details:hover,
.platform-body a.platform-details:focus{text-decoration:none;color:#E03C1F;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.platform-body .tabs{overflow:hidden;max-height:0;transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out;}
.platform-body.expanded .tabs{max-height:1000px;}
.platform-body.expanded .tabs .tab-content ul{margin-left:20px;list-style-type: circle;}
.platform-body.expanded .tabs .tab-content ul ul{list-style-type: none;}
.platform-body.expanded .tabs .tab-content ul li ul li:before{display:inline;content:"- ";}
.platform-body .tabs h3{border-top:1px solid #e4e4e4;padding-top:40px;margin-top:40px;font-size:22px;margin-bottom:22px;}
.platform-body .nav-tabs{border:0;padding-bottom:35px;}
.platform-body .nav-tabs li{border:0;text-align:center;}
.platform-body .nav-tabs li a{position:relative;border-radius:0;border:0;display:block;height:150px;background-color:#FFFFFF;color:#e03c1f;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;margin:0;padding:15px 20px;}
.platform-body .nav-tabs li a:hover span,
.platform-body .nav-tabs li.active a span{border:1px solid #FFFFFF;}.platform-body .nav-tabs li.active a,.platform-body .nav-tabs li a:hover{border:0;background:#e03c1f;color:#FFFFFF;}.platform-body .nav-tabs li a span{margin-bottom:5px;display:inline-block;width:60px;height:60px;border:1px solid #e03c1f;border-radius:30px;line-height:60px;font-size:50px;}
.platform-body .nav-tabs li a:after {z-index:0;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;opacity:0;transform: rotate(45deg);content: "";display: block;width: 30px;height: 30px;background-color:#e03c1f;position: absolute;bottom: -15px;margin: 0px auto;left: 0px;right: 0px;}
.platform-body .nav-tabs li.active a:after{opacity:1;}
.platform-body .expanded-content{display:none;}
.platform-body.expanded .not-expanded-content{display:none;}
.platform-body.expanded .expanded-content{display:block;}#ddp-platform .nav-tabs li a span,#dmp-platform .nav-tabs li a span{display:none;}#ddp-platform .nav-tabs li a:before,#dmp-platform .nav-tabs li a:before{display:inline-block;width:61px;height:61px;content:'';}.platform-body .nav-tabs li#loop21 a:before{background:transparent url('images/picto-platform-tabs-2-1.png') no-repeat 50% bottom}.platform-body .nav-tabs li#loop22 a:before{background:transparent url('images/picto-platform-tabs-2-2.png') no-repeat 50% bottom}.platform-body .nav-tabs li#loop23 a:before{background:transparent url('images/picto-platform-tabs-2-3.png') no-repeat 50% bottom}.platform-body .nav-tabs li#loop31 a:before{background:transparent url('images/picto-platform-tabs-3-1.png') no-repeat 50% bottom}.platform-body .nav-tabs li#loop32 a:before{background:transparent url('images/picto-platform-tabs-3-2.png') no-repeat 50% bottom}.platform-body .nav-tabs li#loop33 a:before{background:transparent url('images/picto-platform-tabs-3-3.png') no-repeat 50% bottom}.platform-body .nav-tabs li a:before{background-position:50% top !important;}.platform-body .nav-tabs li:hover a:before,.platform-body .nav-tabs li.active a:before{background-position:50% bottom !important;}

/*Pages 3 Modules*/

.platform_tabs{
max-width:800px;
margin: 0 auto;
}
.platform_tabs h3 {
margin-top: 40px;
}
.nav-tabs{
border: none;
}
.nav-tabs > li > a{
border-radius:0;
padding: 25px 15px 25px;
}
/*Cercle*/
.platform_tabs .nav-tabs li strong {
margin-bottom: 5px;
display: inline-block;
width: 61px;
height: 61px;
border: 2px solid #e03c1f;
border-radius: 30px;
line-height: 60px;
font-size: 50px;
}
.platform_tabs .nav-tabs li a:hover strong, .platform_tabs .nav-tabs li.active a strong{
border: 2px solid #FFFFFF;
}

/*DDP*/
.platform_tabs .nav-tabs li#loop21 strong {
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-2-1.png) no-repeat top;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop21 a:hover strong, .platform_tabs .nav-tabs li#loop21.active a strong{
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-2-1.png) no-repeat bottom;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop22 strong {
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-2-2.png) no-repeat top;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop22 a:hover strong, .platform_tabs .nav-tabs li#loop22.active a strong{
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-2-2.png) no-repeat bottom;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop23 strong {
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-2-3.png) no-repeat top;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop23 a:hover strong, .platform_tabs .nav-tabs li#loop23.active a strong{
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-2-3.png) no-repeat bottom;
border: none;
border-radius: 0;
}

/*DMP*/

.platform_tabs .tab-content ul ul{
    margin-left: 20px;
    list-style-type: none;
}
.platform_tabs .nav-tabs li#loop31 strong {
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-3-1.png) no-repeat top;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop31 a:hover strong, .platform_tabs .nav-tabs li#loop31.active a strong{
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-3-1.png) no-repeat bottom;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop32 strong {
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-3-2.png) no-repeat top;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop32 a:hover strong, .platform_tabs .nav-tabs li#loop32.active a strong{
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-3-2.png) no-repeat bottom;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop33 strong {
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-3-3.png) no-repeat top;
border: none;
border-radius: 0;
}
.platform_tabs .nav-tabs li#loop33 a:hover strong, .platform_tabs .nav-tabs li#loop33.active a strong{
background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/picto-platform-tabs-3-3.png) no-repeat bottom;
border: none;
border-radius: 0;
}

/*End Cercle*/

.platform_tabs .nav-tabs li a{
color: #e03c1f;
}
.platform_tabs .nav-tabs li p{
margin-bottom: 10px;
}
.platform_tabs .nav-tabs li.active a, .platform_tabs .nav-tabs li a:hover {
border: 0;
background: #e03c1f;
color: #FFFFFF;
}
/*Flèche*/
.platform_tabs .nav-tabs li.active a:after {
opacity: 1;
}
.platform_tabs .nav-tabs li a:after{
z-index: 0;
transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
opacity: 0;
transform: rotate(45deg);
content: "";
display: block;
width: 30px;
height: 30px;
background-color: #e03c1f;
position: absolute;
bottom: -15px;
margin: 0px auto;
left: 0px;
right: 0px;
}
/*End Flèche*/

.tab-content{
margin-top: 50px;
}
.platform_content {
margin:0 auto;
padding: 40px 0;
background-color: #E6E6E6;
}
.platform_tabs .tab-content ul{
    margin-left: 20px;
    list-style-type: circle;
}
/*Section contenu*/
.platform_first{
width:800px;
margin:0 auto;
}

/*********************** content / contact ***********************/

/*maps*/
#our-offices{padding-top:80px;}
#our-offices .section-inner{}
#our-offices .section-inner h1{margin-bottom:40px;}
#our-offices .section-inner ul{width:900px;margin:0 auto;text-align:center;}
#our-offices .section-inner ul li{}
#our-offices .section-inner ul h2{color:#3e3e3e;font-size:16px;text-transform:uppercase;margin:0;padding-top:30px;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#our-offices .section-inner ul a{color:#3e3e3e;background-color:#FFFFFF;margin:0 5px;display:block;height:150px;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
#our-offices .section-inner ul a:hover,
#our-offices .section-inner ul a:focus,
#our-offices .section-inner ul a.selected{color:#FFFFFF;background-color:#E03C1F;text-decoration:none;}
#our-offices .section-inner ul a:focus h2,
#our-offices .section-inner ul a:hover h2,
#our-offices .section-inner ul .selected h2{color:#FFFFFF;}
#our-offices .section-inner ul a:after {z-index:10;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;opacity:0;transform: rotate(45deg);content: "";display: block;width: 30px;height: 30px;background-color:#e03c1f;position: absolute;bottom: -15px;margin: 0px auto;left: 0px;right: 0px;}
#our-offices .section-inner ul a.selected:after{opacity:1;}
#our-offices .gmap { position: relative; }
#our-offices .gmap iframe {display:block;width:100%;  position: relative; z-index: 0; }
#our-offices .gmap .shield { position: absolute; width: 100%; height: 100%; z-index: 1; }

.form-columns-1 {
	width: 100%;
}
.form-columns-1 label{
	display: block;
}
.form-columns-1 .hs-error-msgs{
	font-size: 60%;
}
.form-columns-1 .hs-input{
	width: 100% !important;
}
.hs_cv_upload, .hs_lettre_de_motivation{
	font-size: 15px;
	margin-bottom: 20px;
}
.hs_cv_upload .input, .hs_lettre_de_motivation .input{
	padding: 0;
}
.hs_cv_upload .hs-input, .hs_lettre_de_motivation .hs-input{
	color: #ffffff;
	margin: 0;
	padding: 0;
}

/*********************** content / page ***********************/

#page-standard {width:100%;position:relative; background-color: #E6E6E6; }
#page-standard .section-inner { max-width:940px; padding: 30px 0;}
#page-standard .section-inner > h1 { margin-bottom: 30px; }
#page-standard article { /* width: 630px; */ }
#page-standard article h2 {margin:20px 0; padding: 10px; text-align: left; line-height: 18px; background-color: #3e3e3e; color: #ffffff; font-size: 16px; }
#page-standard .entry-content { background-color: #ffffff; padding: 30px 40px; }
#page-standard .entry-content p { margin-bottom: 15px; }
#page-standard .post-thumbnail { padding-top: 30px; text-align: center; background-color: #ffffff; }

/*Modele Page simple*/
#page-simple {width:100%;position:relative; }
#page-simple .entry-content { margin:0 auto;}
#page-simple > h1 { margin-bottom: 50px; padding-top: 50px; z-index:10; }
/*Image Page*/
.page_image{
	width:100%;
	margin: 0;
	padding: 200px 0;
	position: relative;
    z-index: 5;
	background-repeat: no-repeat;
}
.page_image h2{
	font-family: 'Kalam', cursive;
	color: #fff;
	font-size: 60px;
	max-width: 900px;
    margin: 0 auto;
    line-height: 1.2;
}
/*
.titre_page{ color: #ffffff; }
.titre_page:after{ background: #ffffff; }
*/

/*Page CDP*/

#page-cdp .page_image h2{
	max-width: 70%;
}
#page-cdp .page_image h2:after{display:block;height:4px;width:82px;content:"";background:#fff;margin:20px auto 0 auto;}
#page-cdp .page_image p{
	max-width: 70%;
	color: #fff;
	font-size: 20px;
	margin: 30px auto 0;
	text-align: center;
	line-height: 1.3;
}
#page-cdp main{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/background_CDP.svg) center 230px no-repeat, #f2f2f2;
	background-size: 900px, auto;
	min-height: 4700px;
	position: relative;
}
.cdp_part1{
	position: relative;
	width: 900px;
	margin: 0 auto;
}
.cdp_part1 .box_cdp{
	width: 350px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -90px);
	z-index: 10;
}
.cdp_part1 article{
	width: 350px;
	text-align: center;
	position: absolute;
	right: -40px;
	top: -170px;
	z-index: 10;
}
.cdp_part1 article img{
	width: 250px;
	position: absolute;
	right: 0;
	top: 0;
}
.cdp_part1 article p{
	font-family: 'Gotham-Bold';
	position: absolute;
	top: 350px;
}

.cdp_part2, .cdp_part5, .cdp_part8, .cdp_part11{
	position: relative;
	width: 900px;
	margin: 0 auto;
}
.cdp_text{
	background: #fff;
	padding: 20px;
	width: 450px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
.cdp_part2 .cdp_text{
	top: 270px;
}
.cdp_text h3{
	color: #f7ac02;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Gotham-Bold';
	font-size: 18px;
}
.cdp_text p{
	text-align: justify;
	line-height: 1.2;
}
.cdp_text p:nth-last-child(1n+2){
	padding-bottom: 8px;
}
.cdp_part2 .piece_puzzle{
	display: flex;
	align-items: center;
	position: absolute;
	top: 440px;
	right: -23px;

}
.piece_puzzle img{
	width: 100px;
}
.piece_puzzle p{
	font-family: 'Gotham-Bold';
}
.cdp_part2 .piece_puzzle p, .cdp_part8 .piece_puzzle p{
	width: 120px;
	font-size: 15px;
	padding-left: 10px;
}

.cdp_part3, .cdp_part6, .cdp_part9, .cdp_part12{
	background: #e6e6e6;
	width: 100%;
	height: 230px;
	position: absolute;
	z-index: 0;
}
.cdp_part3{
	top: 750px;
}
.cdp_part3 img, .cdp_part6 img, .cdp_part9 img, .cdp_part12 img{
	width: 780px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%);
}
.cdp_part12 img{
	width: 1000px;
}

.cdp_part4, .cdp_part7, .cdp_part10, .cdp_part13{
	width: 550px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
.cdp_part4{
	top: 1020px;
}
.cdp_part4 h2, .cdp_part7 h2, .cdp_part10 h2, .cdp_part13 h2{
	text-align: center;
	color: #000;
	font-size: 18px;
}
.cdp_part4 nav, .cdp_part7 nav, .cdp_part10 nav, .cdp_part13 nav{
	display: flex;
	justify-content: space-around;
	margin: 20px auto;
}
.cdp_part4 nav a, .cdp_part7 nav a, .cdp_part10 nav a, .cdp_part13 nav a{
    border: solid;
    background: #fff;
	color: #292928;
    border-radius: 100px;
    width: 140px;
    height: 140px;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    padding: 10px;
    cursor: pointer;
    font-family: 'Gotham-Bold';
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cdp_part4 nav a:hover, .cdp_part7 nav a:hover, .cdp_part10 nav a:hover, .cdp_part13 nav a:hover{
	text-decoration: none;
}
.btm-yello{
	color: #fff !important;
    background: #f7ac02 !important;
     border: solid #f7ac02 !important;
}
.cdp_part4 nav a strong, .cdp_part7 nav a strong, .cdp_part10 nav a strong, .cdp_part13 nav a strong{
	font-size: 50px;
}
.cdp_benef{
	text-align: justify;
}
.cdp_benef h3{
	text-align: left;
	font-size: 18px;
	font-family: 'Gotham-Bold';
}
.cdp_benef h3, .cdp_benef p{
	margin-bottom: 10px;
}

.cdp_part5 .cdp_text{
	top: 1560px;
}
.cdp_part5 .piece_puzzle{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	position: absolute;
	top: 1650px;
	left: -30px;
}
.cdp_part5 .piece_puzzle p, .cdp_part11 .piece_puzzle p{
	width: 120px;
	font-size: 15px;
	padding-right: 10px;
	text-align: right;
}

.cdp_part6{
	top: 1900px;
}

.cdp_part7{
	top: 2170px;
}

.cdp_part8 .cdp_text{
	top: 2610px;
}
.cdp_part8 .piece_puzzle{
	display: flex;
	align-items: center;
	position: absolute;
	top: 2700px;
	right: -24px;

}

.cdp_part9{
	top: 2940px;
}

.cdp_part10{
	top: 3210px;
}

.cdp_part11 .cdp_text{
	top: 3680px;
}
.cdp_part11 .piece_puzzle{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	position: absolute;
	top: 3760px;
	left: -42px;
}

.cdp_part12{
	top: 4020px;
}

.cdp_part13{
	top: 4290px;
}

/*Les Offres pas à pas*/

.offer_page{
	background: #f2f2f2;
	z-index: 0;
	position: relative;
}
.offer_page:after{
	content:"";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 2px solid #1e1e1e;
    transform: translate(-50%);
    max-height: 3000px;
}
.offer_page .right{
	background: #fff;
    padding: 30px;
}
.offer_page .left, .offer_page .right{
	margin: 0;
	max-width: 400px;
	text-align: center;
}
.offer_page .left h3{
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Kalam', cursive;
    font-size: 30px;
}
.block_cdl, .block_dmp, .block_attrib{
	display: flex;
    justify-content: center;
    align-items: center;
}
.block_cdl{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/molecule-blanche1.gif) 5% 100px no-repeat, url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/molecule-blanche2.gif) 90% 50px no-repeat, url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/bgblanc-chimie1.gif) center bottom no-repeat, #b3b3b3;
	background-size: 100px, 100px, 80%, auto;
}
.block_dmp{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/bggris-city1.svg) center bottom no-repeat;
	background-size: 100%;
}
.block_attrib{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/bggris-arbre.gif) center bottom no-repeat, #b3b3b3;
	background-size: 100%, auto;
}
.offer_page .right h4{
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
	font-family: "Gotham-Bold";
	margin: 0;
}
.offer_page .right p{
	text-align: justify;
	margin-bottom: 30px;
}
.offer_page .right ul{
    margin-bottom: 30px;
	text-align: justify;
	list-style: inherit;
}
.offer_page .right ul li{
	margin: 10px 0 10px 20px;
}
.offer_page .right a{
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 20px;
    color: #fff;
    background: #292928;
	border: solid 2px #292928;
	-webkit-transition: 0.5s;
    transition: 0.5s;
}
.offer_page .right a:hover{
    color: #292928;
    background: #fff;
}
.offer_page section{
	padding: 50px 0;
}
.offer_page section section{
	display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
}
.left img{
	width: 300px;
}
.block_cdp img{
	width: 350px;
	position: relative;
	z-index: 10;
}
.block_cdp{
	text-align: center;
}
.offer_page figure{
	width: 30px;
	height: 30px;
	border: solid 2px #1e1e1e;
	border-radius: 30px;
	background: #fff;
	margin: 0 auto;
	z-index: 10;
	position: absolute;
    left: 50%;
    transform: translate(-50%);
}


/*Les Offres Eulerian*/
.background_cdl{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/molecule-grise1.gif) 10% 200px no-repeat, url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/molecule-grise2.gif) 90% 400px no-repeat, url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/background_lab.gif) center bottom no-repeat, #f2f2f2;
	background-size: 150px, 100px, 70%;
	padding: 50px 0 160px;
	z-index: 0;
}
.background_dmp{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/bggris-city1.svg) center bottom no-repeat, #f2f2f2;
	background-size: 100%;
	padding: 50px 0 150px;
	z-index: 0;
}
.background_attrib{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/bggris-arbre.gif) center bottom no-repeat, #b3b3b3;
	background-size: 100%, 100%;
	padding: 50px 0 100px;
	z-index: 0;
}
.part_01:after{
	content:"";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 2px solid #1e1e1e;
    transform: translate(-50%);
    max-height: 1700px;
}
.boite_puzzle{
	width: 300px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 10;
}
.block_text{
	width: 900px;
	margin: 400px auto 0;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.block_text figure{
	width: 30px;
	height: 30px;
	border: solid 2px #1e1e1e;
	border-radius: 30px;
	background: #fff;
	position: absolute;
    left: 50%;
    top: -30px;
    transform: translate(-50%);
	z-index: 10;
}
.block_text article h3{
	padding-bottom: 10px;
	font-family: 'Gotham-Bold';
}
.block_text .text_left p{
	text-align: justify;
}
.block_text .text_left, .block_text .text_right{
	background: #fff;
    padding: 20px;
}
.block_text .text_left{
	width: 400px;
	transform: translate(0, -40px);
    text-align: right;
	height: 100%;
}
.block_text .text_right{
	width: 400px;
	transform: translate(0, -40px);
    text-align: left;
}
.block_text .text_right ul{
	list-style: inherit;
    padding-left: 30px;
	text-align: justify;
}
.block_text .text_right ul li{
	margin-bottom: 10px; 
}

.part_02{
	position: relative;
	z-index: 0;
}
.background_cdl2{
	height: 1000px;
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/molecule-blanche1.gif) 90% 200px no-repeat, url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/molecule-blanche2.gif) 10% 400px no-repeat, #b3b3b3;
	background-size: 100px, 100px, auto;
}
.background_dmp2{
	height: 1000px;
	background: #b3b3b3;
}
.background_attrib2{
	height: 1200px;
	background: #f2f2f2;
}
.background_cdl2:after, .background_dmp2:after, .background_attrib2:after{
	content:"";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 2px solid #1e1e1e;
    transform: translate(-50%);
}
.background_cdl2:after{
    height: 300px;
}
.background_dmp2:after{
    height: 350px;
}
.background_attrib2:after{
    height: 350px;
}
.part_02 .visuel_cdl{
	max-width: 900px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
}
.part_02 .visuel_dmp-FR{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/visuel-dmp-FR.svg) center center no-repeat;
}
.part_02 .visuel_dmp-EN{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/visuel-dmp-EN.svg) center center no-repeat;
}
.part_02 .visuel_dmp-ES{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/visuel-dmp-ES.svg) center center no-repeat;
}
.part_02 .visuel_dmp-FR, .part_02 .visuel_dmp-EN, .part_02 .visuel_dmp-ES {
	background-size: 2300px;
	width: 100%;
	height: 500px;
	position: absolute;
    top: -150px;
}
.part_02 .visuel_attrib-FR{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/visuel-page-attribution-FR.svg) center center no-repeat;
}
.part_02 .visuel_attrib-EN{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/visuel-page-attribution-EN.svg) center center no-repeat;
}
.part_02 .visuel_attrib-ES{
	background: url(https://www.eulerian.com/wp-content/themes/eulerian/images/svg/visuel-page-attribution-ES.svg) center center no-repeat;
}
.part_02 .visuel_attrib-FR, .part_02 .visuel_attrib-EN, .part_02 .visuel_attrib-ES{
	background-size: 2300px;
	width: 100%;
	height: 500px;
	position: absolute;
    top: -150px;
}
.background_cdl2 figure, .background_dmp2 figure, .background_attrib2 figure{
	width: 30px;
	height: 30px;
	border: solid 2px #1e1e1e;
	border-radius: 30px;
	background: #fff;
	margin: 0 auto;
	z-index: 10;
	position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.background_cdl2 figure{
    top: 300px;
}
.background_dmp2 figure{
    top: 350px;
}
.background_attrib2 figure{
    top: 350px;
}
.background_cdl2 article, .background_dmp2 article, .background_attrib2 article{
	width: 900px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.part_02 article .cta {
	position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin: 90px 0 0;
    padding: 20px 40px;
	color: #fff;
    background: #292928;
    border: solid 4px #292928;
    font-size: 20px;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
	transition: all .2s ease-in-out;
}
.part_02 article .cta:hover{
	color: #292928;
    background: #fff;
}
.background_cdl2 article{
    top: 400px;
}
.background_dmp2 article{
    top: 450px;
}
.background_attrib2 article{
    top: 450px;
}
.part_02 article h3{
	text-align: center;
	padding-bottom: 50px;
	font-weight: bold;
}
.benef{
	list-style: none;
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.benef img{
	width: 180px;
	height: 180px;
	background: #f7ac02;
	border: solid 4px #353535;
	padding: 25px;
	border-radius: 30px;
	z-index: 10;
}
.benef li{
	display: flex;
    flex-direction: column;
	align-items: center;
	width: 200px;
}
.benef p{
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
}
.benef2{
	list-style: none;
	display: flex;
	justify-content: space-around;
	align-items: self-start;
	font-size: 50px;
	padding: 0;
}
.benef2 li{
	width: 280px;
	margin: 0 5px;
}
.benef2 h5{
	border-radius: 30px;
	background: #f7ac02;
	border: solid 4px #353535;
	color: #353535;
	font-size: 50px;
	text-transform: uppercase;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 10px 20px 0;
}
.benef2 h5 span{
	font-size: 30px;
	font-family: 'Gotham-Bold';
	padding-bottom: 20px ;
}
.benef2 p{
	font-size: 15px;
	font-weight: bold;
	margin: 20px auto 0;
	text-align: center;
	width: 220px;
}

.benef3{
	list-style: none;
	display: flex;
	justify-content: space-around;
	align-items: self-start;
	font-size: 20px;
	padding: 0;
	text-align: center;
}
.benef3 li{
	width: 330px;
}
.benef3 img{
	width: 270px;
}
.benef3 h5{
	font-size: 20px;
    text-transform: uppercase;
    margin: 20px auto;
	font-family: 'Gotham-Bold';
}
.benef3 p{
	font-size: 15px;
    font-weight: bold;
	padding: 0 5px;
}

/*********************** Responsive Produit ***********************/

/*********************** Responsive Produit ***********************/

@media only screen and (max-device-width: 900px){
	
/********** Home **********/
    #platform .section-inner article{
    	flex-direction: column;
    }
	#platform .section-inner article figure{
		width: 90%;
		height: 100%;
	}
	.v-lign{
    	width: 200px;
    	height: 2px;
		margin: 30px auto;
    }
	#case-studies .container-fluid{
		background: none;
		width: 85%;
		height: 100%;
	}
	#case-studies .container-fluid #slider_3208, #case-studies .container-fluid #slider_3217, #case-studies .container-fluid #slider_3219{
    	height: 100%;
    	position: relative;
    	margin: 0 auto 50px;
    	left: auto;
		top: 20px;
		border: solid #3e3e3e 30px;
		border-radius: 15px;
	}
	.cta_demo{
		width: 150px;
		bottom: 10px;
		padding: 15px;
	}
	
/********** CDP **********/
	
	.page_image{
		padding: 20px 0;
	}
	#page-cdp .page_image h2{
		max-width: 95%;
	}
	#page-cdp main{
		background: none, #f2f2f2;
		height: 100%;
	}
	.cdp_text{
		width: 95%;
	}
	.cdp_part2, .cdp_part5, .cdp_part8, .cdp_part11{
		width: 100%;
		display: flex;
    	flex-direction: column-reverse;
    	align-items: center;
	}
	.cdp_part4, .cdp_part7, .cdp_part10, .cdp_part13{
		top: 0;
		margin: 0 auto;
    	width: 80%;
		left: 0;
    	transform: translate(0);
	}
	.cdp_part1{
		width: 95%;
	}
	.cdp_part1 .box_cdp{
		width: 50%;
		transform: translate(-50%, 0);
    	margin: 20px auto;
	}
	.cdp_part1 article{
    	right: 0;
    	top: 0;
		margin: 0 auto;
	}
	.cdp_text, .cdp_part3, .cdp_part6, .cdp_part9, .cdp_part12, .cdp_part4, .cdp_part7, .cdp_part10, .cdp_part13, .cdp_part1 .box_cdp, .cdp_part1 article, .cdp_part1 article img, .cdp_part1 article p, .cdp_part2 .cdp_text, .cdp_part2 .piece_puzzle, .cdp_part5 .piece_puzzle, .cdp_part8 .piece_puzzle, .cdp_part11 .piece_puzzle{
		position: relative;
	}
	.cdp_part1 article img{
		width: 70%;
		transform: translate(20%, 0);
	}
	.cdp_part1 article p, .cdp_part3, .cdp_part6, .cdp_part9, .cdp_part12{
		top: 0;
    	margin: 20px auto;
	}
	.cdp_part2 .cdp_text, .cdp_part5 .cdp_text, .cdp_part8 .cdp_text, .cdp_part11 .cdp_text{
		top:0;
		left: 0;
    	transform: translate(0);
		margin-bottom: 20px;
	}
	.cdp_part2 .piece_puzzle, .cdp_part5 .piece_puzzle, .cdp_part8 .piece_puzzle, .cdp_part11 .piece_puzzle{
    	top: 0;
    	right: 0;
		left: 0;
		margin: 100px auto 30px;
	}
	.cdp_part2 .piece_puzzle::before, .cdp_part5 .piece_puzzle::before, .cdp_part8 .piece_puzzle::before, .cdp_part11 .piece_puzzle::before{
		content: "";
    	background: #3e3e3e;
		width: 250px;
		height: 2px;
		position: absolute;
    	left: 50%;
    	transform: translate(-50%,-100px);
	}
	.cdp_part5 .piece_puzzle p, .cdp_part11 .piece_puzzle p, .cdp_part2 .piece_puzzle p, .cdp_part8 .piece_puzzle p{
		width: 200px;
	}
	.cdp_part13{
		margin-bottom: 50px;
	}

/********** Offre **********/
	
	.offer_page section section{
		flex-direction: column;
		padding: 0;
	}
	.offer_page .left{
		margin-bottom: 50px;
	}
	.offer_page figure{
		display: none;
	}
	.offer_page:after{
		content: none;
	}

/********** CDLab **********/
	
	.part_01 .block_text{
		width: 95%;
		margin: 350px auto 0;
		flex-direction: column;
	}
	.part_01 .block_text .text_left, .part_01 .block_text .text_right{
		width: 80%;
		margin: 10px auto;
		transform: translate(0, 0);
    	z-index: 10;
	}
	.part_01 .block_text .text_left h3, .part_01 .block_text .text_right h3{
		text-align: center;
		padding-bottom: 20px
	}
	.background_cdl{
		padding: 50px 0 100px;
	}
	.background_cdl2{
		height: 1300px;
	}
	.background_cdl2 article, .background_dmp2 article, .background_attrib2 article{
		width: 90%;
	}
	.benef{
		justify-content: center;
		flex-wrap: wrap;
	}
	.benef li{
		margin: 10px;
	}
	.part_02 article .cta{
		margin: 20px auto 0;
		text-align: center;
	}
	
/********** DMP **********/
	
	.part_02 .visuel_dmp-FR, .part_02 .visuel_dmp-EN, .part_02 .visuel_dmp-ES{
		top: -200px;
		background-size: 1920px;
	}
	.background_dmp2{
		height: 1350px;
	}
	.background_dmp2:after, .background_attrib2:after{
		height: 250px;
	}
	.background_dmp2 figure, .background_attrib2 figure{
		top: 250px;
	}
	.background_dmp2 article, .background_attrib2 article{
		top: 350px;
	}
	.benef2{
		align-items: center;
		flex-direction: column;
	}
	.benef2 li{
		margin: 20px;
	}
	

/********** Attribution **********/
	
	.background_attrib2{
		height: 1550px;
	}
	.part_02 .visuel_attrib-FR, .part_02 .visuel_attrib-EN, .part_02 .visuel_attrib-ES{
		top: -180px;
		background-size: 1920px;
	}
	.benef3{
		align-items: center;
		flex-direction: column;
	}
	.benef3 li{
		margin: 20px;
	}
	
}
@media only screen and (max-width: 1250px) {
	#interested{
    	background: none, none, #f7ac02;
    }
}

/*********************** content / customer ***********************/

#testimonials-list{padding:110px 0 80px 0;border-bottom:1px solid #e4e4e4;}
#testimonials-list .section-inner{max-width:960px;}
#testimonials-list .testimonial{line-height:16px;font-size:12px;width:50%;padding-right:20px;position:relative;height:350px;overflow:hidden;}
#testimonials-list .testimonial img{display:block;position:absolute;top:0;left:0;padding-bottom:25px;background-color:#e03c1f;height:350px;}
#testimonials-list .testimonial .testimonial-content{height:100%;position:relative;margin-left:105px;}
#testimonials-list .testimonial .testimonial-content h2{margin-bottom:15px;text-align:left;color:#3e3e3e;font-size:18px;line-height:22px;}
#testimonials-list .testimonial .testimonial-content .red{position:absolute;bottom:0;left:0;width:100%;line-height:14px;}
#testimonials-list .flickity-prev-next-button.previous{left:-50px;}
#testimonials-list .flickity-prev-next-button.next{right:-50px;}
#customers-list{padding-top:80px;}
#customers-list .section-inner{max-width:960px;font-size:0;}
#customers-list .section-inner h1{margin-bottom:20px;}
#customers-list .section-inner div{padding-top:40px;padding-bottom:40px;border-bottom:1px solid #e4e4e4;text-align:center;}
#customers-list .section-inner div img{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;display:inline-block;max-width:20%;padding:0 40px;}
#customers-list .section-inner div h3{color:#e03c1f;text-transform:uppercase;font-size:22px;margin-bottom:30px;}
#customers-list .section-inner div h3:before,
#customers-list .section-inner div h3:after{display:inline-block;content:'';background:#e03c1f;height:5px;width:5px;vertical-align:middle;margin:0 15px;}
#customers-list .section-inner img.grey{-webkit-filter: grayscale(100%);filter: grayscale(100%);}

/*********************** content / blog ***********************/
#blog{padding-top:130px;background-color:#e6e6e6;}
#blog .section-inner{width:940px;}
#blog h1{margin-bottom:60px;}
#blog #blog-article-list{max-width:620px;padding-bottom:40px;min-height:700px;}
#blog article{width:100%;position:relative;margin-bottom:40px;max-height:100000px;overflow:hidden;transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
#blog article.filtered{max-height:0;margin-bottom:0px;}
#blog article:last-child{margin-bottom:0px;}
#blog article img{display:block;width:100%;height:auto;margin-bottom:5px;}
#blog article h2{text-transform:none;color:#FFFFFF;background-color:#3e3e3e;font-size:16px;text-align:left;padding:5px 200px 5px 10px;line-height:20px;position:relative;}
#blog article h2 a{color:#FFF; text-decoration:none;}


#blog article h2 span{float:right;font-family: 'Gotham-Book';font-size:10px;text-transform:none;margin-right:-190px;}
#blog article .article-introduction{background-color:#FFFFFF;padding:30px;margin-bottom:1px;}
#blog article .article-content{transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;max-height:0;overflow:hidden;background-color:#FFFFFF;padding:0 100px;margin-bottom:1px;}
#blog article.expanded .article-content{max-height:10000px;}
#blog article.expanded .article-content ul{list-style:disc;}
#blog article.expanded .article-content ul li{margin-bottom:10px;margin-left:15px;}
#blog article .article-content .article-social{text-align:center;font-size:0;padding-top:40px;}
#blog article .article-content .article-social a{transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;display:inline-block;color:#3e3e3e;height:55px;line-height:55px;border:1px solid #3e3e3e;width:55px;font-size:20px;border-left:0;}
#blog article .article-content .article-social a:first-child{border-left:1px solid #3e3e3e;}
#blog article .article-content .article-social a.icon-fb:hover{color:#FFFFFF;background:#507CBE;}
#blog article .article-content .article-social a.icon-tw:hover{color:#FFFFFF;background:#63cdf1;}
#blog article .article-content .article-social a.icon-in:hover{color:#FFFFFF;background:#90cadd;}
#blog article .article-content .article-social a.icon-gp:hover{color:#FFFFFF;background:#cc3732;}
#blog article .article-content:before,#blog article .article-content:after{display:block;content:"";height:30px;}
#blog article .article-content h3{padding-bottom:20px;text-transform:uppercase;font-size:16px;line-height:20px;}
#blog article .expand-link{line-height:50px;text-decoration:none;background-color:#FFFFFF;display:block;color:#E03C1F;text-align:center;text-transform:uppercase;}
#blog article .expand-link .expanded-content{display:none;}
#blog article.expanded .expand-link .not-expanded-content{display:none;}
#blog article.expanded .expand-link .expanded-content{display:block;}
#blog #blog-sidebar{width:300px;position:absolute;right:0;top:120px;}
#blog #blog-sidebar .sidebar-block{position:relative;margin-bottom:20px;}
#blog #blog-sidebar .sidebar-block h2{color:#FFFFFF;font-size:16px;line-height:30px;text-align:left;padding:0 10px;}
#blog #blog-sidebar .sidebar-block h3{font-size:15px;line-height:18px;text-align:left;font-family: 'Gotham-Medium';}
#blog #blog-sidebar #ressources-sidebar-block h2{background:#e03c1f;}
#blog #blog-sidebar #ressources-sidebar-block a{color:#3e3e3e;padding:15px 10px;display:block;text-decoration:none;background:#f2f2f2;}
#blog #blog-sidebar #ressources-sidebar-block a.white-bg{background:#ffffff;}
#blog #blog-sidebar #ressources-sidebar-block a span{font-size:12px;line-height:18px;display:block;}
#blog #blog-sidebar #most-popular-sidebar-block h2{background:#3e3e3e;}
#blog #searchform-container,#resources #searchform-container{position:absolute;right:0;top:0px;width:300px;font-size:0;}
#blog #searchform-container input,#resources #searchform-container input{display:inline-block;font-size:16px;vertical-align:top;}
#blog #searchform-container input[type="text"],
#resources #searchform-container input[type="text"]{width:240px;}
#blog #searchform-container input[type="submit"],
#resources #searchform-container input[type="submit"]{width:60px;background:#FFFFFF url(images/picto-search.png) no-repeat 50% 50%;}
#blog #searchform-container .reset-search,
#resources #searchform-container .reset-search{width:60px;background:#FFFFFF url(images/picto-cross.png) no-repeat 50% 50%;display:inline-block;height:60px;line-height:60px;}

/*********************** content / ressources ***********************/

#resources{padding-top:130px;background-color:#e6e6e6;}
#resources .section-inner{max-width:940px;}
#resources h1{margin-bottom:60px;}
#resources-article-list{min-height:400px;}
#resources article{width:300px;position:relative;margin-bottom:20px;}
#resources article a{text-decoration:none;}
#resources article img{display:block;width:100%;height:auto;margin-bottom:2px;}
#resources article h2{color:#FFFFFF;background-color:#3e3e3e;font-size:16px;text-align:left;padding:0 10px;line-height:30px;}

#resources article h2 a,
.single-types-case-study article h1 a,
.single-post article h1 a{display:inline-block;float:right;width:20px;height:20px;background:#3e3e3e url('images/picto-dl-red.png') no-repeat 50% 50%;margin-top:4px;}.single-types-case-study article h1 a,.single-post article h1 a{margin-top:0px;}#resources article h2 span{float:right;font-family: 'Gotham-Book';font-size:10px;text-transform:none;}#resources article .article-introduction{background-color:#FFFFFF;padding:30px;margin-bottom:1px;}
#resources article .article-content{background-color:#FFFFFF;padding: 20px;color:#3e3e3e;}


.single-types-case-study  .entry-content .cta{transition: all 0.2s ease-in-out 0s;
display: inline-block;
border: 1px solid #E03C1F;
padding: 0px 45px;
line-height: 34px;
color: #FFFFFF;
text-transform: uppercase;}
.single-types-case-study  .entry-content .cta:hover{background: #FFFFFF none repeat scroll 0% 0%;
color: #FFF;
text-decoration: none;
color: #E03C1F;}


.partners-section .nav-tabs .tooltip, .partners-section .nav-tabs .tooltip-inner{width:100%;max-width:100%;}
.partners-section .nav-tabs .tooltip-inner{background:#FFFFFF;color:#3e3e3e;font-size:14px;}
.partners-section .nav-tabs .tooltip.top .tooltip-arrow{border-top-color:#FFFFFF;}
.partners-section .nav-tabs{margin-top:50px;}

.partners-section .tab-content .tooltip, .tab-content .tooltip-inner{}
.partners-section .tab-content .tooltip-inner{background:#3e3e3e;color:#FFFFFF;font-size:14px;}
.partners-section .tab-content .tooltip.top .tooltip-arrow{border-top-color:#3e3e3e;}



.single-types-video .entry-content .cta {
    transition: all 0.2s ease-in-out 0s;
    display: inline-block;
    border: 1px solid #E03C1F;
    padding: 0px 45px;
    line-height: 34px;
    color: #FFF;
    text-transform: uppercase;
}
.formulaire{
	text-align: left;
	width: 50%;
	margin: 0 auto;
}
.formulaire input{
	border: solid 2px #f7ac02;
	padding: 10px;
}
.formulaire .actions input{
	background: #f7ac02;
	border: solid 2px #f7ac02;
	width: 100%;
}
.formulaire .actions input:hover{
	background: #fff;
}
/*********************** Trombinoscope ***********************/

.trombinoscope h1{
	font-size: 22px;
	text-transform: uppercase;
	text-align: left;
	background-color: #e03c1f;
	color: white;
	margin: 0 0 30px;
	padding: 5px 30px 5px 30px;
}
.trombinoscope h1:after{
	margin: 0;
}
.trombinoscope .equipe{
	display: flex;
	flex-wrap: wrap;
}
.trombinoscope .equipe article{
	width: 200px;
	margin: 0 5px 20px;
}
.trombinoscope .equipe img{
	margin-bottom:10px;
}
@media screen and (max-width: 940px) {
	.trombinoscope .equipe{
		justify-content: space-between;
	}
}

/*********************** Page RGPD ***********************/

.rgpd{
	background: #f2f2f2;
	margin: 0;
	padding: 0;
}
.rgpd h2{
	margin: 0 auto 50px;
	max-width: 900px;
}
.bcg_white{
	background: #fff;
}
.bcg_yello{
	background: #f7ac02;
	color: #fff;
}
.bc_grey{
	background: #b3b3b3;
}
.rgpd_part1, .rgpd_part2, .rgpd_part3, .rgpd_part4, .rgpd_part5, .rgpd_part6{
	padding: 70px 100px;
	text-align: center;
}

/********** Partie 1 **********/

.rgpd_part1 p{
	max-width: 900px;
	margin: 0 auto 30px;
}
.rgpd_part1 figure{
	max-width: 600px;
    margin: 0 auto;
    text-align: justify;
    display: flex;
	align-items: center;
    justify-content: space-between;
	margin: 0 auto 30px;
}
.rgpd_part1 figure img{
	margin-right: 50px;
	width: 100px;
    height: 100px;
}
.rgpd_part1 figure p{
	margin: 0;
	font-size: 16px;
	font-family: 'Gotham-Bold';
}

/********** Partie 2 **********/

.rgpd_part2 p{
	max-width: 900px;
	margin: 0 auto 50px;
}
.rgpd_part2 .rgpd_obligation{
	max-width: 100%;
	margin: 0 auto 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.rgpd_part2 .rgpd_obligation *{
	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	-webkit-transition: all 0.6s ease;
  	transition: all 0.6s ease;
}
.rgpd_part2 .rgpd_obligation li{
	color: #fff;
	width: 250px;
	height: 250px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.rgpd_part2 .rgpd_obligation figcaption{
	background:#f7ac02;
	width: 100%;
	height: 100%;
	padding-top: 40px;
}
.rgpd_part2 .rgpd_obligation figcaption img{
	margin-bottom: 20px;
}
.rgpd_part2 .rgpd_obligation figure{
	background:#f7ac02;
	position: absolute;
  	width: 100%;
  	padding: 70px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-transform: translateY(110%);
  	transform: translateY(110%);
 	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
 	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.rgpd_part2 .rgpd_obligation li:hover > figcaption{
	-webkit-transform: translateY(100%);
  	transform: translateY(100%);
}
.rgpd_part2 .rgpd_obligation li:hover > figure{
	-webkit-transform: translateY(0%);
  	transform: translateY(0%);
}
.rgpd_part2 .rgpd_obligation figure li img{
	width: 100px;
	height: 100px;
	margin: 10px 0;
}
.rgpd_part2 .rgpd_obligation li h3{
	color: #fff;
	font-size: 20px;
	font-family: 'Gotham-Bold';
	margin-bottom: 10px;
}
.rgpd_part2 .rgpd_obligation li p{
	padding: 0 20px;
	margin: 0;
}


/********** Partie 3 **********/

.rgpd_part3 article{
	max-width: 900px;
	text-align: justify;
	margin: 0 auto 50px;
}
.rgpd_part3 h3{
	margin: 50px auto;
	text-align: left;
	font-family: 'Gotham-Bold';
}
.rgpd_part3 ul{
	max-width: 700px;
	margin: 0 auto;
}
.rgpd_part3 ul li{
	display: flex;
	align-items: center;
	text-align: justify;
	margin: 0 auto 20px;
}
.rgpd_part3 ul li img{
	width: 100px;
	height: 100px;
	margin-right: 50px;
}
.rgpd_part3 ul li p{
	margin: 0;
}
.rgpd_part3 .cta{
	max-width: 500px;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #fff;
	background: #f7ac02;
	border: solid 2px #f7ac02;
	padding: 20px 20px;
	font-size: 16px;
}
.rgpd_part3 .cta:hover, .rgpd_part3 .cta:hover h3{
	text-decoration: none;
	color: #f7ac02;
	transition: .4s ease;
}
.rgpd_part3 .cta:hover{
	background: #fff;	
}
.rgpd_part3 .cta:visited, .rgpd_part3 .cta:active{
	text-decoration: none;
}
.rgpd_part3 .cta h3{
	font-size: 22px;
    margin: 0 0 10px;
	text-align: center;
    color: #fff;
}
.rgpd_part3 .cta p{
	margin: 0;
}

/********** Partie 4 **********/

.rgpd_part4 article{
	max-width: 900px;
	text-align: justify;
	margin: 0 auto 50px;
}
.rgpd_part4 article ul{
	list-style: none;
	margin: 50px auto 0;
}
.rgpd_part4 article ul li{
	margin: 0 auto 30px;
	display: flex;
}
.rgpd_part4 article ul li img{
	margin-right: 40px;
	width: 100px;
}
.rgpd_part4 span{
	display: block;
    height: 2px;
    width: 200px;
    content: "";
    background: #b3b3b3;
    margin: 50px auto;
}
.rgpd_part4 article:nth-last-child(1){
	margin: 0 auto 0;
}

/* Accordeon */

.rgpd .accordion {
  max-width: 800px;
  margin: 0 auto;
  border-top: 1px solid #e3e3e3;
  list-style: none;
}
.rgpd .accordion li {
  border-bottom: 1px solid #e3e3e3;
  position: relative;
  text-align: left;
}
.rgpd .accordion li p {
  display: none;
  padding: 10px 25px 30px;
  text-align: justify;
}
.rgpd .accordion a {
  color: #3e3e3e;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  line-height: 3;
  font-size: 18px;
  text-indent: 15px;
  user-select: none;
}
.rgpd .accordion a:hover{
	text-decoration: none;
}
.rgpd .accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #3e3e3e;
  border-bottom: 1px solid #3e3e3e;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rgpd .accordion p {
  font-size: 16px;
  line-height: 1.5;
  padding: 10px;
}
.rgpd .accordion p a{
  font-family: 'Gotham-Bold';
  display: inline;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}
.rgpd .accordion p a:after{
	content: none;
}

.rgpd a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/********** Partie 5 **********/

.rgpd_part5 p{
	text-align: justify;
	max-width: 900px;
	margin: 0 auto 20px;
}
.rgpd_part5 p:nth-child(3){
	margin: 0 auto 50px;
}
.rgpd_part5 ul{
	max-width: 600px;
	text-align: justify;
	margin: 0 auto 50px;
	list-style: none;
}
.rgpd_part5 ul li{
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.rgpd_part5 ul li img{
	width: 100px;
	height: 100px;
	margin-right: 50px;
}
.rgpd_part5 ul li p{
	margin: 0;
}
.rgpd_part5 article{
	margin: 0 auto;
	max-width: 900px;
}
.rgpd_part5 article p{
	text-align: center;
}

/********** Partie 6 **********/

.rgpd_part6 article{
	display: flex;
	align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}
.rgpd_part6 a{
	color: #fff;
	font-family: 'Gotham-Bold';
	margin-bottom: 20px;
	font-size: 16px;
	text-decoration: none;
	width: 200px;
    height: 200px;
    background: #3e3e3e;
	border: solid 2px #3e3e3e;
    display: flex;
    align-items: center;
    padding: 20px;
    margin: 20px;
	transition: .4s ease;
}
.rgpd_part6 a:hover{
	color: #3e3e3e;
	background: #fff;
}

/********** Responcive **********/

@media only screen and (max-width: 900px) {
    .rgpd_part1, .rgpd_part2, .rgpd_part3, .rgpd_part4, .rgpd_part5, .rgpd_part6{
	padding: 70px 50px;
	}
	.rgpd_part2 article{
		flex-direction: column;
	}
	.rgpd_part2 article img{
		margin-right: 0;
		margin-bottom: 50px;
	}
}

/*********************** footer ***********************/

footer{position:relative;text-align:center;font-family: 'Gotham-Light';border-top:1px solid #cccccc;font-size:15px;}footer a:focus{color:#FFF;}
footer .row{max-width:960px;}
footer #social{padding:20px 0;line-height:45px;}
footer p{font-family: 'Gotham-Medium';}
footer a,
footer hr{color:#FFFFFF;text-decoration:none;}
footer a:hover{color:#FFFFFF;}
footer #social .col-sm-2{line-height:46px;height:46px;vertical-align:middle;}
footer #social .col-sm-2 a{line-height:20px;display:inline-block;vertical-align:middle;}
footer #social a{color:#3e3e3e;text-decoration:underline;}
footer ul{list-style:none;line-height:30px;margin-bottom:40px;}

footer ul:last-child a{font-family: 'Gotham-Medium';}

footer div{line-height:46px;}
footer hr{margin:0;}
footer nav{padding-top:30px;}
footer #social .social-networks{font-size:0;font-family: 'pictos';}
footer #social .social-networks a{text-decoration:none;color:#FFF;font-size:18px;display:inline-block;height:40px;width:40px;line-height:40px;vertical-align:middle;transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
footer #social .social-networks a.icon-fb{background-color:#767676;}
footer #social .social-networks a.icon-tw{background-color:#b1b1b1;}
footer #social .social-networks a.icon-in{background-color:#bbbbbb;}
footer #social .social-networks a.icon-fb:hover{background-color:#507cbe;}
footer #social .social-networks a.icon-tw:hover{background-color:#55acee;}
footer #social .social-networks a.icon-in:hover{background-color:#0077b5;}

footer .col-sm-3:last-child ul{line-height:46px;}

#newsletter-block{font-size:0;text-align:left;padding-left:20px;}
#newsletter-block form{display:block;height:46px;padding-top:4px;}
#newsletter-block span{display:inline-block;font-size:15px;width:130px;line-height:20px;}
#newsletter-block input[type="email"]{
	margin: 0px;
	display:inline-block;
	border: 0px none;
	width: 170px;
	color: #3E3E3E;
	font-weight: normal;
	font-size: 15px;
	padding:0 0 0 10px;
	height:38px;
	line-height:38px;
	background-color:#cccccc;
	color:#FFFFFF;
	vertical-align:top;
}
#newsletter-block input[type="submit"]{margin:0;font-size: 15px;padding:0;vertical-align:top;width:50px;display:inline-block;text-align:center;height:38px;line-height:38px;background-color:#FFFFFF;color:#cccccc;border:1px solid #cccccc;}

#file-dl-link{display:none;}

#file-dl-link h3{color:#FFFFFF;}
#file-dl-link a{text-transform: uppercase;text-align:center;
background-color: #FFFFFF;
color: #e03c1f;
width: 100%;
display: block;
border: 1px solid #fff;
padding: 20px 0;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;margin-top:20px;}
#file-dl-link a:hover{background-color: #e03c1f;text-decoration:none;
color: #FFFFFF;}


.article-social a:first-child {
    border-left: 1px solid #3e3e3e;
}

.article-social {
    text-align: center;
    font-size: 0;
    padding-top: 40px;
}
.article-social a {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    display: inline-block;
    color: #3e3e3e;
    height: 55px;
    line-height: 55px;
    border: 1px solid #3e3e3e;
    width: 55px;
    font-size: 20px;
    border-left: 0;
}
.article-social a.icon-fb:hover {
    color: #FFFFFF;
    background: #507CBE;
}
.article-social a.icon-tw:hover {
    color: #FFFFFF;
    background: #63cdf1;
}
.article-social a.icon-in:hover {
    color: #FFFFFF;
    background: #90cadd;
}
