/* FONT FACE */

/** Global **/
html{background: #3d3d3d}

/*
body {position: relative}
.site-content {overflow-x: hidden!important;overflow-y: hidden !important;position: static !important}
.decal header.main .menu-primary-navigation-container {position: absolute !important}
header.main {position: static !important}
*/

.vc_row {margin-left: 0 !important;margin-right:0 !important}
body {font-family: "GillSans","Cabin", Arial, sans-serif;color: #262626;font-size: 14px;position: relative;background: #fff;-webkit-font-smoothing: antialiased;}
.wpb_button {border:0 !important;background: #fff!important;width:90px;height:30px;text-transform: uppercase;line-height: 30px !important;margin-right: 40px;}
/*h1, h2 {font-size: 2em;color: #fff;padding: 40px 40px 0 0;text-align: center;font-family: "GillSansMT-Bold","Cabin", Arial, sans-serif}*/
h1, h2 {font-family: 'GillSans-SemiBold';font-size: 2em;color: #fff;padding: 40px 40px 0 0;text-align: center;line-height:28px;}
h3 {font-size: 1.7em;color: #090909;text-transform: uppercase;}
h4 {line-height: 28px !important;}
.btn {border: 1px solid #2d77bf;color: #2d77bf!important; text-transform: uppercase;line-height: 25px;min-height: 25px;font-family: 'GillSans-SemiBold';padding: 10px;margin: 0 auto;display: inline-block;font-size: 1.3em;background-color: transparent;transition: none;transition: all .3s ease;}
.btn.white { color:#fff!important; border: 1px solid #fff; }
.cs-grid-wrapper a.btn.white { color:#2d77bf!important; border: 1px solid #2d77bf; }
.cs-grid-wrapper a.btn.white:hover { color:#fff!important; }
.btn:hover {border: 1px solid #2d77bf; color: #fff!important; background-color: #2d77bf; }
.btn, .vc_btn, .wpb_button {border-radius: 0 !important;}

.clear {clear: both!important;float: none!important;}
.center {text-align: center;}
.wrapper {max-width: 1024px; margin: 0 auto;padding:0 10px;box-sizing: border-box;}
.respHide {display: none;visibility: hidden;}
input, textarea {font-family: "GillSans","Cabin", Arial, sans-serif;color: #262626;font-size: 1em;}
.cs-banner {height: 200px;background-color: #7e7f83;margin: 0 !important}
.cs-banner h1 {margin-top:10%; /*padding-top: 40px*/;text-align: left}
input[type="text"],input[type="tel"], input[type="email"], textarea, input[type="submit"] {border-radius: 0 !important; border:0 !important;-webkit-appearance: none !important;-webkit-border-radius: 0 !important;}
.hidelm {display: none !important;}
.wpb_single_image img { width: inherit;max-width: 100%;height: auto; }
.wpb_wrapper {clear: both}

.loadDiv {position: absolute;width: 100%;top:90px;height: 100%;z-index: 99999;background: #fff;}
.pdf_is_protected:hover {cursor:pointer}

/** GENERAL  **/
ul.li-float {list-style-type: none;}
ul.li-float li {
  float: left;
  list-style-type: none;
}
a,
a:hover,
a:active,
a:focus,
a:visited,
a:link {
  text-decoration: none;
}

img.grayscale {
  filter:gray;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

img { max-width: 100%; height:auto; }
/** Header **/

header.main {
  background: #2d2d2d;
  font-family: 'GillSans';
  -moz-box-shadow: 0px 3px 5px 0px #2d2d2d;
  -webkit-box-shadow: 0px 3px 5px 0px #2d2d2d;
  -o-box-shadow: 0px 3px 5px 0px #2d2d2d;
  box-shadow: 0px 3px 5px 0px #2d2d2d;
  filter: progid: DXImageTransform.Microsoft.Shadow(color=#2d2d2d, Direction=180, Strength=5);
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 85px;
}
/*header.main > .wrapper {position: relative}*/
section.main {
  padding-top: 83px;
}
/* logo */

header.main .logo {
  display: block;
  float: left;
  max-width: 30%;
  min-width: 200px;
  /*height: auto;*/
  margin-top: 10px;
  width: 100%;
}
header.main .logo img {
  width: 100%;
}
header.main .logoSlide {
  display: none;
}
/* Menu principal */

header.main .fa-bars, header.main .menu-primary-navigation-mobile.menu-mobile {
  display: none;
}
header.main .menu-primary-navigation-container {
  float: right;
  margin-top: -20px;
}
header.main .menu-primary-navigation-container > ul li {
  float: left;
  position: relative;
}
header.main .menu-primary-navigation-container > ul li,
header.main .menu-primary-navigation-container > ul li a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
header.main .menu-primary-navigation-container > ul li.topMenu {
  display: none;
}
header.main .menu-primary-navigation-container > ul > li.demo {
  margin-top: 5px;
  border-radius: 3px;
}
header.main .menu-primary-navigation-container > ul > li.demo a {
  color: #c92019;
  margin: 5px 20px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
header.main .menu-primary-navigation-container > ul.menu > li.demo:hover,
header.main .menu-primary-navigation-mobile.menu-mobile .liActive > a {
  background: #c92019;
  cursor: pointer;
}
header.main .menu-primary-navigation-container > ul.menu > li.demo:hover a {
  color: #fff;
}
header.main .menu-primary-navigation-container li a {
  color: #fff;
  display: block;
  padding: 10px 20px;
  font-size: 1.3em;
  text-transform: uppercase;
}
header.main .menu-primary-navigation-container .menu li:hover {
  background: #fff;
}
header.main .menu-primary-navigation-container .menu li:hover a {
  color: #000;
}
/* Sous menu */

header.main .menu-primary-navigation-container .menu li .sub-menu {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-box-shadow: 0px 3px 5px 0px #656565;
  -webkit-box-shadow: 0px 3px 5px 0px #656565;
  -o-box-shadow: 0px 3px 5px 0px #656565;
  box-shadow: 0px 3px 5px 0px #656565;
  filter: progid: DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
  overflow:hidden;
}
header.main .menu-primary-navigation-container li#menu-item-1747 > ul.sub-menu { width:150px; }

header.main .menu-primary-navigation-container li .sub-menu li {
  float: none;
  clear: both;
  border-radius: 0;
}
header.main .menu-primary-navigation-container li .sub-menu li a {
  color: #000;
  font-size: 1em;
  padding: 10px;
}
header.main .menu-primary-navigation-container ul.menu li > a:hover,
header.main .menu-primary-navigation-container ul.menu li > a:active,
header.main .menu-primary-navigation-container ul.menu li .sub-menu li:hover,
header.main .menu-primary-navigation-container ul.menu li .sub-menu li:active {
  background: #c92019;
}
header.main .menu-primary-navigation-container ul.menu li > a:hover,
header.main .menu-primary-navigation-container ul.menu li > a:active,
header.main .menu-primary-navigation-container ul.menu li .sub-menu li:hover a
header.main .menu-primary-navigation-container ul.menu li .sub-menu li:active a {
  color: #fff;
}
header.main .menu-primary-navigation-container ul.menu li:hover .sub-menu,
header.main .menu-primary-navigation-container ul.menu li:active .sub-menu {
  display: block;
}
/* Top menu */
header.main .menu-top-menu-container {
  float: right;
  margin-top: 10px;
}
header.main .menu-top-menu-container li {
  float: left;
}
header.main .menu-top-menu-container li ul {
  display: none;
}
header.main .menu-top-menu-container li.contact a:before {
  content: '';
  width: 14px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  background-size: 14px 10px;
  background-repeat: no-repeat;
  font-size:10px;
}
header.main .menu-top-menu-container li a {color: #fff;padding-left: 10px; font-size: 1.2em; }

/* HOME / NOS CLIENTS */
#homeClients {text-align: center;padding-bottom: 40px;}
#homeClients #pushClients{display: block}
#homeClients h3 {padding: 20px 0;text-align: center;font-family: 'GillSans-SemiBold';font-size: 2em;}
#homeClients .wrapper > p {font-size: 1.7em;text-align: center;}
#pushClients {margin-top: 50px;width: 100%;overflow: auto;}
#pushClients article {width: 33.33333333%;float: left;position: relative;}
#pushClients article img {max-width: 100%;height: auto;display: block;margin: 0 auto;margin-top: 7px;}
#pushClients article figcaption > p {width: 100%;margin: 0 auto;font-size: 1.5em;height: 50px;margin-top: -50px;color: #fff;text-align: center;position: relative;line-height: 50px;font-family: 'GillSans-SemiBold';}
#pushClients article figure {position: relative;overflow: hidden;width: 95%;margin: 0 auto;border: 3px solid #e5e5e5;}
#pushClients article figure img.logoCasClient {position: absolute;left: 50%;margin-left: -115px;top: 60px;}
#pushClients article figure {position: relative;overflow: hidden;width: 95%;margin: 0 auto;border: 3px solid #e5e5e5; height:270px;}
#pushClients article aside {position: absolute;top:100%;left: 0;height: 100%;color: #fff;text-align: center;}
#pushClients article aside a.btn {margin-top: 0;}
#pushClients article aside blockquote {font-size: 1em;line-height: 1.25em;/*  padding: 50px;*/padding: 5%;text-align: center;font-style: italic}
#pushClients article aside blockquote p {/*  margin-bottom: 30px;*/margin-bottom: 5%;font-style: italic;}
#pushClients article aside blockquote cite,
.casClients article aside blockquote cite {padding-top: 10px; display: block;font-family: 'GillSans-SemiBold';font-style: normal; }
#galleryClients {width: 100%;margin: 50px 0 30px 0;}
#galleryClients ul {width: 100%;}
#galleryClients li {width: 14%;display: inline-block;vertical-align: middle}
#galleryClients img {max-width: 100%;height: auto;}
#homeClients a.btn {margin-top: 40px;}

/* HOME / COUCHES */
#homeContent .homeCouches {background: #7e7f83;text-align: right;margin-bottom: 0;}
#homeContent .homeCouches h1 {text-align: right;}
#homeContent .homeCouches p {color: #fff;font-size:1.4em;padding-right: 40px;}
#homeContent .homeCouches a {font-family: 'GillSans-SemiBold';}
#homeContent .homeCouches span.wpb_button.demoHover {color: #fff;background-color: #c92019 !important}

/* HOME / ANIM */
.animContainer {height: 270px;position: relative;overflow: hidden;}
.animContainer img {width: 600px;position: absolute;display: block}
.homeCouches .vc_col-sm-6 {position: static;}
.animContainer img.couche {top:-300px;}
.animContainer img.ux {z-index: 100;}
.animContainer img.usertest {z-index: 90;}
.animContainer img.ab {z-index: 80;}
.animContainer img.bench {z-index: 70;}
.animContainer img.shadow {z-index: 60; opacity: 0; bottom: 0;}
.animContainer img.bigShadow {z-index: 60; top:50px; opacity: 0.2;}

#notfound .animContainer img {width: 100%;}
#notfound .animContainer {height: 450px;}
#notfound .animContainer img.bigShadow {top:100px;}
body.MSIE.version_8 #anim {display:none !important}

/* HOME / SOLUTIONS */
#homeContent .homeSolutions h2{color: #000;text-align: center;padding: 40px 0;width: 70%;margin: 0 auto;}
#homeContent .homeSolutions .pictoSolution {margin-bottom: 20px;}
#homeContent .homeSolutions a {color: #000; }
#homeContent .homeSolutions p {text-align: center;font-size: 1.25em;}

#homeContent .homeSolutions .titleSolution p {font-family: 'GillSans-SemiBold'; font-size:2em; }
#homeContent .homeSolutions .textSolution p {font-size:1.4em; }

#homeContent .homeSolutionsLink  {margin-top: 40px;text-align: center;}

/* HOME / SAAS */
#homeContent .homeSaasBandeau {background: #3d3d3d;color: #fff;margin-bottom: 100px;}
#homeContent .homeSaasBandeau h3 {text-align: center;color:#fff;padding: 20px 0;text-transform: none;font-size: 2em;font-family: 'GillSans-SemiBold';width: 60%;margin: 0 auto;}
#homeContent .homeSaasBandeau p {text-align: center;font-size: 1.7em;}
#homeContent .homeSaasBandeau .homeSaasBandeauTitle {margin-bottom: 10px;}
#homeContent .homeSaasBandeau .homeSaasBandeauRuban { padding: 5px; font-size:0.8em; position: absolute;width: 95px;height: 205px;background: #bc3f2b;top: -30px;right: 30px;}
#homeContent .homeSaasBandeau .homeSaasBandeauRuban:after {content: "";width: 95px;display: block;height: 18px; background-repeat: no-repeat;position: absolute;left: 0;top: 100%;}
#homeContent .homeSaasBandeau .homeSaasBandeauRuban p{font-size: 1.1em;font-family: 'GillSans';}
#homeContent .homeSaasBandeau .homeSaasBandeauRuban .homeSaasBandeauTime { font-size:1.4em; margin-top: 5px;margin-bottom: 10px;}
#homeContent .homeSaasBandeau .homeSaasBandeauRuban .homeSaasBandeauTime strong{ display:block; }
#homeContent .homeSaasBandeau .homeSaasBandeauRuban .homeSaasBandeauTime strong i { font-size: 3em; }
#homeContent .homeSaasBandeau .homeSaasBandeauRuban .homeSaasBandeauTime span{display: block;font-size: 1rem;}

#homeContent .homeSaasExperts:before,
#homeContent .homeSaasConversion:before {content: "+";font-family: "Handlee", Arial, sans-serif;font-size: 4em;position: absolute;top: 60px;left: -10px;}
#homeContent .homeSaasConversion:before {content: "=";}

#homeContent .homeSaasSolutions p {text-align: center;font-size:1.4em;}
#homeContent .homeSaasLink {margin-top: 40px;text-align: center;}

/* SOLUTIONS */
#solutions article {background: #fff;color: #000;position: relative;padding: 30px;min-height: 230px}
body.MSIE.version_8 #solutions article {height: 230px}
#solutions article img.imgCasClients, #solutions article figcaption {display: none}
#solutions article img {margin: 0 auto;display: block;margin-top: -30px}
#solutions article .overlay {position: absolute;display: none; top: 0;left:0;width: 100%;height: 100%;filter: none !important; }
#solutions article blockquote {font-size: 1.25em}
#solutions .cs-solutions-block { min-height:275px; }
#solutions .solutions { padding-bottom: 30px }
/*#solutions .vc_col-sm-3 a {display: block;max-width: 300px;max-height: 150px;}*/
/*#solutions .vc_col-sm-3 a {display: inline-block;vertical-align: middle;}
#solutions .vc_col-sm-3 a:before {content:"";height:100%;display: inline-block;vertical-align: middle;}
#solutions .vc_col-sm-3 img {display: inline-block;vertical-align: middle;}*/
/*#solutions .cs-solutions-mixed-row-last.vc_row.wpb_row {margin-bottom: 30px}*/
/*#solutions .images-last {margin-bottom: 50px !important}*/
#solutions .images-last {}
#solutions .vc_col-sm-3 a {display: block;}

/* SOLUTIONS / UX ANALYTICS */
/*.vc_row.wpb_row.vc_row-fluid.cs-solutions-mixed-row-last.cs-solutions-row-white.cs-solutions-row-left {padding: 0 !important;height: 320px;}*/
.vc_row.wpb_row.vc_row-fluid.cs-solutions-mixed-row-last.cs-solutions-row-white.cs-solutions-row-left {}

/* PAGES ISOTOPES */
#pushClients { display: none; }
.casClients {background:#efefef;padding: 30px;margin-bottom: 0 !important;}
.casClients .wpb_row{margin-bottom: 0 !important;}
.casClients article {margin-bottom: 35px !important}
.casClients article {background: #fff;color: #000;position: relative;padding: 30px;min-height: 235px; }
.casClients article img.imgCasClients, .casClients article figcaption {display: none}
.casClients article img {margin: 0 auto;display: block;margin-top: -20px}
.casClients article .overlay {text-align: center;position: absolute;display: none; top: 0;left:0;width: 100%;height: 100%;filter: none !important; }
/*.casClients article a.btn {position: absolute;top: 50%;margin-top: -24.5px;margin-left: -113px;left: 50%;width: 215px;text-align: center;height: 25px;line-height: 27px; border: 1px solid #fff; }*/
.casClients article a.btn {text-align: center;height: 25px;line-height: 27px; border: 1px solid #fff;position: relative;top: 50%;margin-top: -12px !important; }
.casClients article a.btn:hover { border: 1px solid #2d77bf; }
.casClients article blockquote {font-size: 1.25em}
.casClients article cite {display: block;font-family: "GillSans"}
.casClients blockquote {line-height: 1.25em;text-align: center;font-style: italic;}
.casClients blockquote cite {font-family: "GillSans-SemiBold";font-style: normal !important;margin-top: 10px}

/* HOME / ACCOMPAGNEMENT */
#homeContent .homeAccompagnement {background: #a2a3a8;text-align: center;padding-bottom: 40px;}
#homeContent .homeAccompagnement .homeAccompagnementTitle {margin-bottom: 30px;}
#homeContent .homeAccompagnement h3 {color: #fff;text-align: center;padding: 20px 0;text-transform: none;font-size: 2em;font-family: 'GillSans-SemiBold';}
#homeContent .homeAccompagnement p {text-align: center;font-size: 1.7em;color: #fff;}
#homeContent .homeAccompagnement .homeAccompagnementLivraison p {font-family: "Handlee", Arial, sans-serif;font-weight: bold;font-size: 1.5em;}
.wpb_content_element.homeAccompagnementTitle2 { margin-bottom: 60px; }

/* SERVICES */
#services .servicesBanner {background-image: url(../img/services/services.jpg);background-position: center;background-repeat: no-repeat;}
#services .cs-banner h1 {text-transform: none;color: #fff;padding: 0;margin-top: 3em;text-align: left}
#services .cs-banner p {color: #fff;}
#pushEquipe {display: none;}

/* SERVICES / METHODE */
#services .methodeBanner.cs-banner {background-image:url(../img/methode/methode-banner.png);background-position: center;background-repeat: no-repeat;}
#services .methode .wpb_content_element{margin-bottom: 0;}
#services .methode.sub-banner {background-color: #3d3d3d;padding:20px 0;margin-bottom: 0;}
#services .methode.sub-banner p {color:#fff;}
#services .methodeBanner.cs-banner h1 {display:block;text-transform: uppercase !important;}
#services .methodeBanner.cs-banner h1 span {display: block;font-size: 1.5rem;text-transform:none;font-family:"GillSans-SemiBold"}
#services .methode h3 {text-align:center;font-size: 2.6em;font-family: GillSans-SemiBold;}
#services .methode.cs-solutions-row-grey h3 {color:#fff;}

/* SERVICES / CONSULTING */
#services .consultingBanner {background-image: url(../img/consulting/consulting.jpg);background-position: center;background-repeat: no-repeat;}
#services .btn {margin-top: 20px;}
#services p {margin: 10px 0}
#services ul li {list-style-type: disc;list-style-position: inside}
#services strong {font-family: "GillSans-SemiBold"; font-weight: normal;}
#services .dark-grey {background: #a2a3a8;}
#services .dark-grey h2, #services .dark-grey p, #services .dark-grey li {color:#fff}
#services .light-grey {background: #efefef;}

/* SERVICES / FORMATIONS */
#services .formationsBanner {background-image: url(../img/formations/formation.jpg);background-position: center;background-repeat: no-repeat;}

/* SERVICES / EQUIPES */
#services .equipesBanner {background-image: url(../img/equipes/equipe.jpg);background-position: center;background-repeat: no-repeat;}

/* RECRUTEMENT */
#recrutement .recrutementBanner {margin-bottom: 0; background-image: url(../img/recrutement/recrutement.jpg);background-position: center;background-repeat: no-repeat;}
#recrutement h1 {color: #fff;text-align: left;margin-top: 10%;padding: 0}
#recrutement h2 {padding: 0}
#recrutement h2, #recrutement h3 {color:#090909; }
#recrutement h2 {text-align:left;}
#recrutement h3 {font-family: 'GillSans-SemiBold'; }
#recrutement .jobsList  {padding:40px 0; margin:0; }
.contact_recrut { font-style: italic; padding-bottom: 20px; color: #777; }
#offres, #jobs { padding-left:15px; }
#offres { padding-bottom:20px; border-bottom:1px dotted #ccc; }
#offres #cdiJobs, #offres #stageJobs{ width:47%; float:left; }
#offres #stageJobs{ float:right; }
#offres ul li {margin: 10px 0;text-transform: uppercase;}
#offres ul li a {font-size: 1.25em;color: #000;transition: color .3s ease;}
#offres ul li a:hover {color: #c92019;}
#offres ul li a.open { color: #c92019 ;}
#offres ul li a, #offres h3 {font-family: "GillSans"}
#offres h3 {margin-bottom: 30px;}
#jobs { padding-top:20px; }
#jobs .post-content {display: none; padding-bottom: 30px; }
#jobs h3, #jobs ul li {font-size: 1.25em;}
#jobs p {font-size: 1.25em;margin:10px 0}
#jobs ul {margin: 10px 0;}
#jobs ul li {list-style-type: disc;list-style-position: inside;margin: 10px 0;}
#jobs strong {font-family: 'GillSans-SemiBold';font-weight: normal !important;}
#jobs article.post-content .content-img { width:30%; float:right; text-align: center }
#jobs article.post-content .content { width:65%; float:left; }

#jobs article.post-content .content h1,
#jobs article.post-content .content h2,
#jobs article.post-content .content h3,
#jobs article.post-content .content h4,
#jobs article.post-content .content h5,
#jobs article.post-content .content h6 { text-transform: uppercase; padding:20px 0 5px 0; font-family: 'GillSans-SemiBold'; font-size: 1.25em; }
#jobs article.post-content h3.title-offer { text-transform: uppercase; font-family: 'GillSans-SemiBold'; font-size:1.5em; }

/* CONTACT */
#contactPage .contactBanner {margin-bottom: 0; background-image: url(../img/contact/contacts.jpg);background-position: center;background-repeat: no-repeat;}
#contactPage .contactBanner h1 {padding: 0;line-height: 1.25em;text-align: left;margin-top: 10%;}
#contactPage .contactBanner p {font-size: 1.4em;color: #fff;}
#contactPage .pageContactForm {margin-bottom: 0px;}
#contactPage .pageContactForm form {position: relative;width:70%;margin: 0 auto }
#contactPage .pageContactForm .form_left {float:left}
#contactPage .pageContactForm .form_right {float:right}
#contactPage .pageContactForm h3 {color: #fff;text-transform: none;font-family: "GillSans-SemiBold";padding-top: 30px;}
#contactPage .pageContactForm p.form_msg textarea {border: 0;margin: 0;padding: 0;max-width: 280px;padding: 10px}
#contactPage .pageContactForm p.form_submit input {background: #e2e2e3;width: 110px;height: 35px;float: right;margin-top: 5px;}
#contactPage .pageContactForm p.mentions  {color:#fff;text-align: right;}
#contactPage .pageContactForm label {color: #adadae;font-size: 1.1em;padding: 5px 0;display: block;font-family: "GillSans"}
#contactPage .pageContactForm input {display: block;margin-bottom: 10px;height: 25px;border: 0;width: 270px;text-indent: 10px;line-height: 25px}
#contactPage .contactExpert  {color:#fff;font-size: 1.2em;padding: 30px 0;}
#contactPage .bureaux h2 {text-align: center;color:#000}
#contactPage .bureaux p {font-size: 1.25em;line-height: 20px}
#contactPage .bureaux .flag {margin-bottom: 20px;}
#contactPage .bureaux .name {margin-bottom: 10px;font-size: 1.4em;font-family: "GillSans-SemiBold"}
#contactPage .bureaux .address strong {font-family: "GillSans";display: inline-block;margin-bottom: 3px;font-size: 1.3em;color:#000;}
#contactPage .social {height: 200px;margin-bottom: 0;}
#contactPage .five-columns.wpb_row .vc_col-sm-2 {float: left;width: 18.5%;padding: 0;margin: 0 0.75%;min-height: 0;font-size: 5em;text-align: center;}
#contactPage .social a {color:#000;text-align: center}
#contactPage .social .social-icon {background:url(../img/contact/hexagon.png);background-repeat: no-repeat;background-position: center;height: 160px;margin-top: 20px;line-height: 160px;overflow: hidden;text-align: center}
#contactPage .services h2 {text-align: left;color:#000}
#contactPage .services .poste_row {margin-bottom: 0;}
#contactPage .services .poste_row_two {border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}
#contactPage .services .poste_col_two {border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;}
#contactPage .services .poste {padding: 20px 40px;font-size: 1.25em}
#contactPage .services .poste p {line-height: 20px}
#contactPage .services .poste strong {font-family: "GillSans-SemiBold";}
#contactPage .services .poste p:first-child {margin-bottom: 10px}
#contactPage .bureaux { padding-bottom:20px; }
.required.mentions {display: none !important;}
#contactPage .required.mentions {display: block !important;}
/* INVESTISSEURS */
#investisseursContent .investisseursBanner {background-image: url(../img/clients/clients.jpg);background-position: center;background-repeat: no-repeat;}
#investisseursContent .investisseursBanner h1 {text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}
#investisseursContent h2 {padding-top: 40px}
#investisseursContent p { line-height: 1.4em;}

/* LISTE CLIENTS */
#clientsHeader .listClientsBanner {background-image: url(../img/clients/clients.jpg);background-position: center;background-repeat: no-repeat;}
#clientsHeader .listClientsBanner h1{text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}

/* CAS CLIENTS */
#casClientsHeader .casClientsBanner {background-image: url(../img/clients/clients.jpg);background-position: center;background-repeat: no-repeat;}
#casClientsHeader .casClientsBanner h1 {text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}

/* RESSOURCES */
.ressourcesBanner {background-image: url(../img/ressources/ressources.jpg);background-position: center;background-repeat: no-repeat;}
.ressourcesBanner h1{text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}

/* RESSOURCES / PRESENTATIONS */
#presHeader .presentationBanner {background-image: url(../img/presentation/pres.jpg);background-position: center;background-repeat: no-repeat;}
#presHeader .presentationBanner h1{text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}

/* RESSOURCES / EVENTS */
#eventsHeader .eventsBanner {background-image: url(../img/events/event.jpg);background-position: center;background-repeat: no-repeat;color:#fff}
#eventsHeader .eventsBanner h1{text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}
#eventsHeader .eventsBanner p{font-size: 1.4em;}
.future-events .tpl-catsEvents { padding-left: 25px; }

/* RESSOURCES / RECOMPENSES */
#recompensesContent .recompensesBanner{background-image: url(../img/recompenses/recompenses.jpg);background-position: center;background-repeat: no-repeat;}
#recompensesContent .recompensesBanner h1{text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}
#gridAwards  {padding-top: 40px}
#gridAwards article {padding: 10px;border: 5px solid #dfdfdf;height: 250px;margin-bottom: 30px;font-size: 1.25em;text-align: center;position: relative;font-family: "GillSans"}
#gridAwards article img, #gridAwards article div.content {}
#gridAwards article a {position: absolute;width: 150px;left: 50%;margin-left: -80px;bottom: 10px;font-size: 0.9em;padding: 5px 5px; }

/* RESSOURCES / PRESSE */
#pressHeader .pressBanner {background-image: url(../img/presse/presse.jpg);background-position: center;background-repeat: no-repeat;}
#pressHeader .pressBanner h1{text-transform: none;color: #fff;padding: 0;margin-top: 10%;text-align: left}
#pressHeader .revuePresse {margin-bottom: 0;height: 100px}
/*
#pressHeader .revuePresse h2 {color: #000; text-transform: uppercase;padding: 0;line-height: 100px;float: left;margin-right: 20px;height: 100px}
#pressHeader .revuePresse p { margin-left: 1em; line-height: 100px; float: right; }
#pressHeader .revuePresse p a.btn.black {border: solid #000 1px; }
#pressHeader .revuePresse p a.btn.black:hover { border-color: #ababab; }
*/
.headerCTA {margin-bottom: 0}
.headerCTA h2 {color: #000; text-transform: uppercase;padding: 0;line-height: 100px;float: left;margin-right: 20px;height: 100px}
.headerCTA p { margin-left: 1em; line-height: 100px; float: right; }
/*
.headerCTA p a.btn.black {border: solid #000 1px; }
.headerCTA p a.btn.black:hover { border-color: #ababab; }
*/

/* FORM PDF */
.formPdfContainer {display: none;}
.fancyForm.fancybox-opened .fancybox-skin {background: #a2a3a8;border: 1px solid #fff}
.fancyForm.fancybox-opened .fancybox-close {background: none;}
.fancyForm.fancybox-opened .fancybox-close:before {content: "x";color: #fff;display: block;margin-top: 20px;font-size: 1.5em;}
.fancyForm.fancybox-opened input#verifField {display: none;}
.fancyForm.fancybox-opened ul li {width: 70%;float: right;padding: 10px 0;font-size: 1.25em;font-family: "GillSans-SemiBold";color: red;}
.fancyForm.fancybox-opened p.instr {width: 70%;float: right;padding: 20px 0;font-size: 1.25em;font-family: "GillSans-SemiBold";}
.fancyForm.fancybox-opened p {clear: both;width: 95%;margin: 0 auto;padding: 10px;color: #fff;font-family: "GillSans";line-height: 20px;height: 20px;margin: 10px 0;}
.fancyForm.fancybox-opened p.required {text-align: right;padding: 0;margin-top: 20px;padding : 0 8px}
.fancyForm.fancybox-opened label {width: 25%;text-align: right;display: inline-block;text-transform: uppercase;display: inline-block;vertical-align: middle;margin-right: 15px;}
.fancyForm.fancybox-opened input {width: 70%;height: 20px;display: inline-block;vertical-align: middle}
.fancyForm.fancybox-opened input.submit {width: auto;height:35px;background: #000;border: 0;color: #fff;padding: 10px;text-transform: uppercase;font-family: "GillSans-SemiBold";}
.error_log {margin-left: 30%;color: red;float: left;}
#formPDF input[type="text"] {text-indent : 10px}
#formPDF form > p:last-child {text-align: right}

.confirmEmail p {font-size: 2em;overflow: visible !important; height : auto !important; width: auto !important;text-align: left;}
.confirmEmail p + p {margin-top: 40px;margin-bottom: 20px;}
.confirmEmail input {border: 1px solid #2d77bf !important;cursor: pointer}
.confirmEmail .fancybox-inner {overflow: visible !important; height : auto !important; width: auto !important;text-align: center;}

/* 404 */
#notfound {height: 100%; background: #9e9fa4; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWZhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2M4YzhkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(top,  #9e9fa4 0%, #c8c8d0 98%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9fa4), color-stop(98%,#c8c8d0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #9e9fa4 0%,#c8c8d0 98%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #9e9fa4 0%,#c8c8d0 98%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #9e9fa4 0%,#c8c8d0 98%); /* IE10+ */background: linear-gradient(to bottom,  #9e9fa4 0%,#c8c8d0 98%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9fa4', endColorstr='#c8c8d0',GradientType=0 ); /* IE6-8 */}
#notfound .col6 {width: 49%;display: inline-block;vertical-align: middle;}
#notfound .text {text-align: center;height: 100px}
#notfound .text h1 {font-size: 8em;display: block;padding: 0;}
#notfound .text h1 span {display: block;font-size: 1.7rem;margin-top: 30px;text-transform: uppercase;}
#notfound .text a {display: inline-block;padding: 4px 10px 4px;color: #333333;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;border: 0 !important;background: #fff;width: 90px;height: 30px;text-transform: uppercase;line-height: 30px;margin-top: 20px }
#notfound .text .msg { color:#fff; font-size:1.2em; padding:20px 0; }

/* PAGE DOWNLOAD */
#download {text-align: center;padding: 40px 0}
#download h1 {color: #000;padding: 0 0 20px 0}

/** SOLUTIONS + Commons **/


/* Style each row of the website */

.solutionsBanner {
  background-image: url('../img/solutions/solutions.jpg');
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.solutionsBanner h1{color: #fff;}

.cs-solutions-title {
  font-family: 'GillSans-SemiBold';
  margin-bottom: 0.06666666666666666em;
  padding: 0;
  font-size: 21pt;
  text-transform: uppercase;
  letter-spacing: 0.0333333333333333em;
  color: #000;
  text-align: left;
}

.cs-solutions-subtitle {
  font-family: 'GillSans';
  margin-bottom: 0.33333333333333333em;
  padding: 0;
  font-size: 2em;
  color: #000;
  text-align: left;
}

.cs-solutions-lighttitle {
  font-family: 'GillSans';
  margin-bottom: 0.33333333333333333em;
  padding: 0;
  font-size: 2em;
  color: #000;
  text-align: left;
  text-transform: none;
}

.cs-solutions-name {
  font-family: 'GillSans';
  margin-bottom: 1em;
  font-size: 1.33333333333333333333em;
}

[class*="cs-solutions-row"] {
  margin: 0;
  padding: 40px 0;
  line-height: 1.35;
}

.cs-solutions-row-right p,
.cs-solutions-row-right .cs-solutions-text,
.cs-solutions-row-right .cs-solutions-title,
.cs-solutions-row-right .cs-solutions-subtitle,
.cs-solutions-row-right .cs-solutions-lighttitle {
  text-align: right;
  -moz-text-align-last: right;
  text-align-last: right;
}

.cs-solutions-row-left p,
.cs-solutions-row-left .cs-solutions-text,
.cs-solutions-row-left .cs-solutions-title,
.cs-solutions-row-left .cs-solutions-subtitle,
.cs-solutions-row-left .cs-solutions-lighttitle {
  text-align: left;
  -moz-text-align-last: left;
  text-align-last: left;
}

.cs-solutions-row-dark { background-color: #3d3d3d; color: #fff; }
.cs-solutions-row-grey { background-color: #a2a3a8; color: #fff; }
.cs-solutions-row-light { background-color: #e6e6e6; color: #000; }
.cs-solutions-row-white { background-color: #fff; color: #000; }

.cs-solutions-row-dark .cs-solutions-title,
.cs-solutions-row-dark .cs-solutions-subtitle,
.cs-solutions-row-dark .cs-solutions-lighttitle,
.cs-solutions-row-grey .cs-solutions-title,
.cs-solutions-row-grey .cs-solutions-subtitle,
.cs-solutions-row-grey .cs-solutions-lighttitle,
.cs-solutions-header-background .cs-solutions-subtitle,
.cs-solutions-header-background .cs-solutions-text,
.cs-ressources-header-background .cs-solutions-subtitle,
.cs-ressources-header-background .cs-solutions-text {
  color: #fff;
}

.cs-solutions-row-light .cs-solutions-title,
.cs-solutions-row-light .cs-solutions-subtitle,
.cs-solutions-row-light .cs-solutions-lighttitle,
.cs-solutions-row-white .cs-solutions-title,
.cs-solutions-row-white .cs-solutions-subtitle,
.cs-solutions-row-white .cs-solutions-lighttitle {
  color: #000;
}

.cs-solutions-row.vc_row.wpb_row {
  margin: 0;
  padding: 40px 0;
  line-height: 1.35;
}

#solutions .vc_row {
  margin: 0;
}

.cs-solutions-prez-column .wpb_content_element {
  margin-bottom: 0;
}

.cs-solutions-prez-column-name {
  margin: 1em 0;
  text-align: center;
}

.cs-solutions-mixed-row-first.vc_row.wpb_row {
  margin: 0;
  padding-top: 40px;
  padding-bottom: 20px;
}

.cs-solutions-mixed-row-last.vc_row.wpb_row {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 40px;
}

.cs-solutions-row-multicanal .wpb_column .cs-solutions-subtitle,
.cs-solutions-row-multicanal .wpb_content_element {
  margin-bottom: 20px;
}

.cs-solutions-block.wpb_column {
  padding: 20px;
}


.cs-solutions-block { transition: background .3s ease; }
.cs-solutions-block:hover {
  transition: background .3s ease;
  cursor:pointer;
}

.wpb_content_element
/*.cs-solutions-textBlock {
  position: absolute !important;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
  height: 42%;
}

.cs-solutions-row-odd > .cs-solutions-textBlock {
  top: 0; bottom: 0; left: 0; right: auto;
}
.cs-solutions-row-odd > .cs-solutions-image {
  float: right;
}

.cs-solutions-row-even > .cs-solutions-textBlock {
  top: 0; bottom: 0; left: auto; right: 0;
}
.cs-solutions-row-even > .cs-solutions-image {
  float: left;
}*/

.cs-solutions-text {
  font-size: 1.2em;
  line-height: 1.3;
}

.btn.black.cs-solutions-btn {
  padding: 5px 7px;
/*  border-color: #b2b2b2;*/
/*  background: #fff;*/
/*  color: #ababab !important;*/
  font-family: 'GillSans';
  font-size: 1.1em;
}

/*
.btn.black.cs-solutions-btn:hover {
  background:#ababab;
  color: #fff !important;
  border-color: #ababab;
}
*/

.btn.black.cs-solutions-btn:after {
  padding-left: 8px;
}

.block-emphasis {
  display: block;
  margin: 0.66666666666666666em 0 !important;
  /*font-weight: bold;*/
  font-family: 'GillSans-SemiBold';
}

.justify-right {
  text-align: right;
  -moz-text-align-last: right;
  text-align-last: right;
}

.align-center {
  text-align: center !important;
}

.block-center {
  margin: 0 auto;
}

.block {
  display: block;
}

.align-left {
  text-align: left !important;
}

.semibold {
}

.bold {
  /*font-weight: bold;*/
  font-family: 'GillSans-SemiBold';
}

.uxa-color { color: #c60403; }
.usertest-color { color: #347bbf; }
.abtest-color { color: #f5a200; }
.benchmark-color { color: #3d3d3d; }




/** RESSOURCES **/

/*
.cs-ressources-header-background {
  background-image: url('../img/ressources/background-ressources.jpg');
  background-position: center;
  background-repeat: no-repeat;
}
*/

.cs-ressources-text {
  padding: 1.333333333333em 0 2em 0;
  font-size: 1.2em;
  text-align: justify;
  line-height: 1.3;
}

.btn.black.cs-ressources-grey-link {
  padding: 5px 10px;
/*
  border-color: #b2b2b2;
  background: #fff;
  color: #ababab !important;
*/
  font-family: 'GillSans';
  font-size: 1.2em;
  cursor: pointer;
}

/*
.btn.black.cs-ressources-grey-link:hover {
  color: #fff !important;
  background: #ababab;
*/
}

.btn.black.cs-ressources-white-link {
  padding: 5px 10px;
/*
  border-color: #fff;
  background: transparent;
  color: #fff !important;
*/
  font-family: 'GillSans';
  font-size: 1.2em;
  cursor: pointer;
}

/*
.btn.black.cs-ressources-white-link:hover {
  color: #000 !important;
  background: #fff;
}
*/
.justify-right h2,.justify-right p{text-align: right !important}


/** Footer **/

footer.main .contact-zone {
  background-color: #3d3d3d;
  padding: 40px 0;
}
footer.main .social-zone {
  background-color: #2d2d2d;
}
/* Form */
.form input, .form textarea {
  border: none;
  height: 25px;
  line-height: 25px;
  padding: 3px 2%;
  color: #adadad;
  width: 96%;
  background: #fff;
}
.form textarea {
  max-width: 96%;
  height: 50px;
}
.form input[type="submit"] {
  width: auto;
  margin: 0;
  height: auto;
  padding: 3px 15px;
  color: #3f3d42;
  cursor: pointer;
}
footer.main .contact-zone .wrapper > div {
  padding: 0 75px;
}
/* form contact */
.contactForm {
  width: 290px;
  padding-left: 95px;
  float: left;
}
.contactForm h1 {
  font-size: 1.4em;
  line-height: 1.2em;
  color: #fff;
  padding: 0;
  padding-bottom: 30px;
  font-family: 'GillSans-SemiBold';
  text-align: left;
}
.contactForm h1 span {
  display: block;
  font-size: 0.9em;
  font-family: 'GillSans';
}
.contactForm p {
  padding-top: 5px;
}
.contactForm p label {
  position: absolute;
  left: -999em;
}
.contactForm p.submit input {
  float: left;
  font-size: 1.3em;
}
.contactForm input.wpcf7-text,
.contactForm textarea.wpcf7-textarea {color:#000}
.contactForm p.submit span {
  float: right;
  padding-top: 5px;
}
.contactForm h1,
.contactForm p.submit span {
  color: #fff;
}
.contactForm p.form_submit {
  float: left;
}
.contactForm .form_champsObligatoires {
  float: right;
  margin-top: -25px;
  color: #efefef;
}
div.wpcf7-response-output {margin: 20px 0 !important;color: #fff;padding: 10px;}
#contactConfirmContainer {display: none}
.newsletter .wpcf7-form { position: relative; }
/*.newsletter .EMAIL { position: relative; }
.newsletter .EMAIL span { position: static;float:left;}
.newsletter .wpcf7-submit { position: static;float:none;}*/
span.wpcf7-not-valid-tip {padding: 10px 0 0 0;font-family: "GillSans-SemiBold"; position: absolute; top:25px; left:25%; }
/* page contact */
#contactPage span.wpcf7-not-valid-tip { bottom: 50px; left: 0; }
#contactPage span.wpcf7-not-valid-tip { position: static;padding: 0;}
.contactFancybox .fancybox-inner {height: auto !important}
div.wpcf7-mail-sent-ok {border: 0 !important;color: #000;font-size: 2em;font-family: "GillSans-SemiBold";}
div.wpcf7-validation-errors {border: 2px solid #bc3f2b !important;font-size: 1.25em;}
.mc4wp-error {color: red;margin-left: 106px;padding-top: 40px;font-family: "GillSans-SemiBold"}
span.wpcf7-form-control-wrap { position:static; }
.contactForm form input[type="submit"]:hover { background: #c92019; color:#fff; }
/* Map */
.contact-zone .ggMap {position: relative;overflow: auto;}
.contact-zone .ggMap img {max-width: inherit;}
.contact-zone #map {width: 500px;height: 310px;float: right;background: #fff;}
body.MSIE.version_8 .contact-zone #map {width: 400px;}
.contact-zone #mapInfo {position: absolute;bottom: 0;right: 0;float: none;clear: both;height: 40px;width: 460px;text-align: right;padding: 20px;}
body.MSIE.version_8 .contact-zone #mapInfo {width: 360px;}
.contact-zone #mapInfo #cs{font-size: 1.4em;font-family: 'GillSans-SemiBold';text-transform: uppercase;}
.contact-zone #mapInfo #cs_tel{font-size: 1.4em;font-family: 'GillSans';padding: 10px 0 3px 0; color:#262626;}
.contact-zone #mapInfo #address{display: none;}
/*.contact-zone #infobox {font-size: 1.4em;font-family: 'GillSans-SemiBold';color:#a00000}*/
.contact-zone .infoBox {font-size: 1.4em;font-family: 'GillSans-SemiBold';color:#a00000;border:0}
.contact-zone .infoBox img {display: none !important}
/* Social */

.social-zone {
  padding: 15px 0;
}
.social-zone .wrapper > div {
  float: left;
}
.social-zone div.reseaux {
  width: 25%;
  min-width: 150px;
  padding: 10px 0;
}
.social-zone div.newsletter {
  width: 48%;
  padding: 5px 0 0 0;
}
.social-zone div.partenaire {
  width: 27%;
}
.social-zone div.partenaire ul {
  float: right;
}
.social-zone div.partenaire ul li.first {
  padding-right: 5px;
}
.social-zone div.reseaux ul {
  width: 150px;
  margin: 0 auto;
}
.social-zone div.reseaux ul li {
  width: 25%;
}
.social-zone div.reseaux ul li a {
  display: block;
  color: #fff;
  font-size: 1.8em;
  text-align: center;
}
.social-zone div.newsletter label {
  width: 20%;
  display: block;
  float: left;
  text-align: center;
  text-transform: uppercase;
  line-height: 32px;
  font-size: 1em;
  color: #fff;
  font-family: 'GillSans-SemiBold';
  padding-right: 10px;
}
.social-zone div.newsletter input[type="email"] {
  width: 55%;
  height: 30px;
  float: left;
  text-indent: 10px;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
.social-zone div.newsletter input[type="submit"] {
  color: #fff;
  cursor: pointer;
  padding: 0; margin:0; margin-left:3px;
  text-align: center;
  width: 35px;
  display: block;
  min-height: 37px; max-width: 35px; float:left;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent:-999em;
}
.social-zone div.newsletter p.newsletterOK {
  width: 35px;
  height: 32px;
  float: left;
  min-width: 35px;
  text-align: center;
  margin-left: 3px;
  background-color: #666;
  cursor:pointer;
  padding-top: 6px;
}

/* siteMap */

.siteMap .wrapper > div {
  padding: 20px 10px 20px 60px;
}
#menu-primary-navigation-1 li a {
  text-transform: uppercase;
  font-family: 'GillSans';
}
#menu-primary-navigation-1 > li {
  float: left;
  width: 16.666667%;
}
#menu-primary-navigation-1 > li > a {
  font-size: 1.5em;
  display: block;
  padding-bottom: 10px;
  color: #cccccc;
}
#menu-primary-navigation-1 > li li {
  padding-bottom: 5px;
}
#menu-primary-navigation-1 > li li a {
  color: #999;
}
.siteMap .mentionsLegales {display: block;text-align: center;text-transform: uppercase;color: #999;padding-bottom: 20px}

/* BANDEAU ACTU */
section.bandeauActu {border-bottom:2px solid #e2e5e9; overflow:hidden;height: 95px }
section.bandeauActu article { clear: both; min-height:300px;}
section.bandeauActu article.caseImgTxt p { float:left; width:22%; text-align: center;  }
section.bandeauActu article img { max-width:100%;height: auto; }
section.bandeauActu article.caseImgTxt h3 { float:right; text-align:left; width:75%; padding-top: 4%; font-size:1.2em; }
section.bandeauActu article.caseImgTxt h3,
section.bandeauActu article.caseImgTxt h3 a { color:#808e96;  }
section.bandeauActu article.caseOnlyContent { padding-top: 20px; }
section.bandeauActu article.Gartner h3 a { color:#d70600; }


/* HEADER */
header.top { height:201px; }
header.top img.imgSizer { max-width:100%; }
header.top h1 { position:absolute; top:0;left:0; }

/* CLIENTS */
header.top.nosClients{ background-size: 100%; position:relative; }
header.top.nosClients h1 { font-size:2.3em; color:#fff; width:40%; min-width:320px; padding: 6% 0 0 6%; }

/* BANDEAU EQUIPE (INCLUDE) */
.pushed { background-color: #3d3d3d; padding:30px 45px 45px 45px;text-align: center; }
.pushed h3, .pushed p, .pushed a { color: #fff }
.pushed h3 { padding-bottom:20px;text-transform: none }
.pushed .cols { width: 16%; max-height: 212px; margin-right:0.6%; float:left; position:relative; overflow:hidden; min-width:106px; text-align: left;}
.pushed .cols figcaption { display:none; height:212px; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; }
.pushed .cols figcaption .team-icon-linkedin { border-radius:50%; border:2px solid #fff; padding:10px; font-size:1.5em; }
.pushed .cols figcaption .team-text { font-family: 'GillSans-SemiBold'; margin: 0.5em 0; }
.pushed .cols figcaption .team-name { text-transform: uppercase; }
.pushed .cols figcaption .team-job  { margin-bottom: 0; }
.pushed .cols figcaption a { display:block; padding: 40% 5% 0 5%;  }
#services .pushed a.btn {margin-top: 40px}

/* CS TOOLS BAR (TRIE DYNAMIQUE) */
.sortTools, select {font-family: "GillSans";}
.sortTools { background-color: #efefef; height:30px; padding:15px 0; }
.sortTools li { float:left; }
.sortTools li.showReassurance { float:right; }
.sortTools li.showReassurance button { border:none; width:30px; height:30px; margin-right: 5px; cursor:pointer; background: #a9a9a9 url(../img/isotope/pictosShowPosts.png) left top no-repeat}
.sortTools li.showReassurance button.with { background-position: right top }
.sortTools li.showReassurance button:hover, .sortTools li.showReassurance button.active { background-color:#292929; }
.sortTools li { line-height:28px;height: 30px }
.sortTools li.radioSort { padding-left:2%;margin-top:1px }
.sortTools li.radioSort span { padding-left: 10px }

.dropDownContainer {border: 1px solid #ccc;min-width: 170px;overflow: hidden;background: #000 url("../img/arrowDown.png") no-repeat 90% 50%; padding-right: 24px;}
.dropDownContainer select {padding: 5px 8px;width: 130%;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;height: 30px;color: #fff;font-size: 0.9em;background: none;}
.dropDownContainer select:focus {outline: none;border: none;}
.dropDownContainer option { color:#000; background: #fff; }
body.MSIE .dropDownContainer{background: none;overflow: visible;border: 0;}
body.MSIE .dropDownContainer select{width: 100%;background:#fff;}

/* CS-GRID */
[class^='cs-grid-unit']        { float: left; position: relative; }
[class^='cs-grid-unit']:before { content: ''; float: left; padding-top: 100%; }
[class^='cs-grid-unit']:after  { content: ''; clear: both!important; float: none!important; }
.cs-grid-wrapper, .cs-grid-wrapper > * {  box-sizing: border-box; }
.cs-grid-wrapper { width: 960px; max-width: 100%; margin: 40px auto; min-height: 160px; }
.cs-grid-container { /*position: relative; display: block; width: 100%; height: 100%;*/ }
.cs-grid-container:after { content: ''; clear: both!important; float: none!important; }


.tpl-cats .cs-grid-unit.cs-cas-client       { transition: background .15s ease; }
.tpl-cats .cs-grid-unit:hover.cs-cas-client { background: #d2d2d2; transition: background .15s ease; }
.tpl-cats .cs-grid-container img  { padding-top: 30%; }
.tpl-cats .cs-grid-unit           { width: 15.8%; margin-right: 0.5%; margin-bottom: 0.66666%; border: 1px solid #b3b3b3; margin-left:0; margin-right:0.6666666%; }
.tpl-cats .cs-grid-2              { width: 32.66666666%; }
.tpl-cats .reassuanceElem         { font-size: 3em; padding: 0.5em; border: 5px solid #dfdfdf; text-align: center; }
.tpl-cats .reassuanceElem strong  { display: block; padding: 0.125em; font-family: 'GillSans-SemiBold'; color: #c92019; }
.tpl-cats .cs-cas-client          { border: 5px solid #b3b3b3; }
.tpl-cats .cs-grid-hoverred       { opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; padding: 6px; background: #D2D2D2; }
.tpl-cats .cs-grid-results        { line-height: 1.33; font-family: 'GillSans'; text-align: center; text-transform: uppercase; }
/*.tpl-cats .cs-grid-results-text   { display: inline-block; font-size: 1.33em; margin: 0.5em 0; }*/
.tpl-cats .cs-grid-results-text   { display: inline-block; font-size: 1.33em; margin: 0;line-height: 1em; }
/*.tpl-cats .cs-grid-results-number { display: block; font-size: 2.5em; color: #488dc4; }*/
.tpl-cats .cs-grid-results-number { display: block; font-size: 2.5em; color: #488dc4; }
/*.tpl-cats .cs-grid-link           { text-align: center; padding: 5px 10px; position: absolute; bottom: 10px;left: 10px;right: 10px; }*/
.tpl-cats .cs-grid-link           { text-align: center; padding: 5px 0px; position: absolute; bottom: 10px;left: 10px;right: 10px; }
.tpl-cats .cs-grid-link:after     { content: ''; padding: 0; }
.tpl-cats .cs-grid-unit .cs-grid-container,
.tpl-cats .cs-grid-unit .cs-grid-container .cs-grid-content { position:absolute; top:0; right:0; left:0; bottom:0; overflow:hidden; text-align:center; }
.tpl-cats .cs-grid-unit .cs-grid-container .cs-grid-content.showCasClient { border:5px solid #ccc; }

/* EVENTS */
.eventTimeLine { background-color: #2d2d2d; padding:10px 0;}
.eventTimeLine h2 { text-align:left; padding-left:25px; }
.wrapper.future-events { width: 1200px; margin: 2em auto; padding: 0; }
.wrapper.future-events .cs-grid-unit { box-sizing: border-box; }

.tpl-catsEvents .cs-grid-unit           { border : 1px solid #ccc; width: 30%; margin-right: 2.7%; margin-bottom: 2.8888888888%; }
.tpl-catsEvents .cs-grid-unit:hover     { background: #d2d2d2; transition: background .15s ease; }
.tpl-catsEvents .cs-grid-content        { position: absolute; padding: 1em;top: 0;bottom: 0;left: 0;right: 0; }
.tpl-catsEvents .cs-grid-title          { font-size: 1.3em; padding: 0.1em; text-align: center; }
.tpl-catsEvents .cs-grid-text           { font-size: 1em; padding: 0.1em; text-align: center;line-height: 20px }
.tpl-catsEvents .cs-grid-center         { margin: 0 auto; text-align: center; }
.tpl-catsEvents .cs-grid-cta a          { margin-top: 1.5em; font-family: 'GillSans'; position: absolute; bottom: 20px;left: 20%;right: 20%; }
.tpl-catsEvents .cs-grid-cta a:after    { content: ''; padding: 0; }
.tpl-catsEvents .cs-grid-cta a:hover    { color: #fff; border-color: #ababab; }
.tpl-catsEvents .cs-grid-hoverred       { opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; background: #D2D2D2; }
.tpl-catsEvents .fancybox-img           { float: left; max-width: 320px ;}
.tpl-catsEvents .fancybox-text          { float: left; font-size: 1.2em; max-width: 640px;line-height: 20px }
.tpl-catsEvents .fancybox-text h3       { font-family: 'GillSans'; margin-bottom: 0.5em; font-size: 2em; color: #000; text-align: left; text-transform: none;line-height: 28px }
.tpl-catsEvents .fancybox-text h4       { font-family: 'GillSans'; margin-bottom: 0.5em; font-size: 2em; color: #000; text-align: left; }
.tpl-catsEvents .fancybox-text h4 strong{ font-family: 'GillSans'; }
.tpl-catsEvents .fancybox-text strong,
.tpl-catsEvents .fancybox-text b        { font-family: 'GillSans-SemiBold'; }
.tpl-catsEvents .fancybox-text p        { margin: 1em 0; }

.tpl-catsEvents .cs-grid-text.cs-grid-text-hover-date { padding-bottom:10px; }

/* G2N2RAL TPL GRID */
.cs-grid-text.cs-grid-text-hover-title { padding-bottom:10px; font-weight:bold; }

.fancybox-wrap { box-sizing: border-box; }
.fancybox-wrap .fancybox-skin { max-width: 960px; padding: 3em; background: #fff; border-radius: 0; }

pre { display: block; font-size: 1.2em; font-family: 'Monaco';}


/* PRESSE */

.tpl-type_Presse .cs-grid-unit           { border : 1px solid #ccc; width: 30%; margin-right: 2.7%; margin-bottom: 2.8888888888%; transition: background .15s ease; }
.tpl-type_Presse .cs-grid-unit:hover     { background: #d2d2d2; transition: background .15s ease; }
.tpl-type_Presse .cs-grid-content        { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding:10px;text-align: center}
.tpl-type_Presse .cs-grid-title          { font-size: 1.66666em; padding: 0.1em; text-align: center; }
.tpl-type_Presse .cs-grid-text           { font-size: 1.2em; padding: 0.1em; text-align: justify; }
.tpl-type_Presse .cs-grid-text span      {}
.tpl-type_Presse .cs-grid-text a:hover   { background: #ababab; border: 1px solid #ababab; color: #fff !important; }
.tpl-type_Presse .cs-grid-center         { margin: 0 auto; text-align: center; }
.tpl-type_Presse .cs-grid-cta a          { margin-top: 1.5em; padding: 10px; font-family: 'GillSans'; }
.tpl-type_Presse .cs-grid-cta a:after    { content: ''; padding: 0; }
.tpl-type_Presse .cs-grid-hoverred       { opacity: 0; background: #D2D2D2; }
.tpl-type_Presse .cs-grid-hoverred .cs-grid-text {line-height: 1.33; text-align: justify;padding: 1em 0;}

.tpl-type_Presse .cs-grid-center.cs-grid-logo { min-height:100px;display: inline-block;vertical-align: middle;}
.tpl-type_Presse .cs-grid-center.cs-grid-logo img { vertical-align: middle}

.tpl-type_Presse .cs-grid-hoverred .cs-grid-link a,
.tpl-type_Presse .cs-grid-content .cs-grid-cta { position:absolute; bottom:20px; left:10%; right:10%;}
.tpl-type_Presse .cs-grid-hoverred .cs-grid-link a,
.tpl-type_Presse .cs-grid-content .cs-grid-cta a {  display: inline-block; margin-top: 1em; padding: 5px; font-family: 'GillSans'; transition: all .3s ease; text-align:center; }
.tpl-type_Presse .cs-grid-hoverred .cs-grid-link a { bottom:40px; }
.tpl-type_Presse .cs-grid-hoverred .cs-grid-link a:hover { border-color: #ababab; color: #fff; }



/* PRESENTATIONS */
.tpl-catsPres .cs-grid-unit         { width: 30%; margin-right: 2.7%; margin-bottom: 2.8888888888%; border: 1px solid #b3b3b3; transition: background .15s ease; }
.tpl-catsPres .cs-grid-unit:hover   { background: #d2d2d2; transition: background .15s ease; }
.tpl-catsPres .cs-grid-content,
.tpl-catsPres .cs-grid-link         { position: relative; text-align: center;font-size: 1em; }
.tpl-catsPres .cs-grid-link         { position:absolute; bottom:10px; left:10%; right:10%; }
.tpl-catsPres .cs-grid-link:after   { content: ''; padding: 0; }
.tpl-catsPres .cs-grid-text         { position: relative; width: 75%; margin: 0 auto; font-size: 1.2em; font-family: 'GillSans-SemiBold'; text-align: center; }
.tpl-catsPres .cs-grid-2            { width: 32.66666666%; }
/*.tpl-catsPres .cs-pdf-link          { color: #c92019; }
.tpl-catsPres .cs-video-link        { color: #488dc4; }*/
.tpl-catsPres .cs-grid-hoverred     { opacity: 0; position: absolute; top:0; left:0; right:0; bottom:0; padding: 0;cursor: pointer}
.tpl-catsPres .reassuanceElem       { font-size: 3em; padding: 0.5em; border: 5px solid #dfdfdf; text-align: center; }
.tpl-catsPres .reassuanceElem strong{ display: block; padding: 0.125em; font-family: 'GillSans-SemiBold'; color: #c92019; }
.tpl-catsPres .cs-grid-content,
.tpl-catsPres .cs-grid-container    { position:absolute; top: 0;bottom: 0;left: 0;right: 0; }
.tpl-catsPres .cs-grid-content .img { min-height:130px; }

.tpl-catsPres .cs-grid-content .cs-grid-lang { position: absolute; right: 0;left: 0;bottom: 15px;font-weight: bold;color: #000; text-transform: uppercase; }
.tpl-catsPres .cs-grid-content .cs-grid-lang { position: absolute; right: 0;left: 0;bottom: 15px;font-weight: bold;color: #000; text-transform: uppercase; }
.tpl-catsPres .cs-grid-content .cs-grid-lang span { display:block; }
.tpl-catsPres .cs-grid-content .cs-grid-lang span.date { text-transform: none; padding-bottom:5px; }
.tpl-catsPres .cs-conf-link .cs-grid-content { min-height:50px; }
.tpl-catsPres .cs-conf-link .cs-grid-content .cs-grid-text { padding-bottom:20px; }
.tpl-catsPres .cs-conf-link .cs-grid-content p { padding:0 10px; }
/*.tpl-catsPres .cs-conf-link .cs-grid-content.cs-grid-hoverred p { padding:10px; text-align:center; color:#fff; font-size:2em; font-family: 'GillSans-SemiBold'; }*/
.tpl-catsPres .cs-conf-link .cs-grid-content.cs-grid-hoverred p { padding:10px; text-align:center; color:#fff; font-size:1.5em; font-family: 'GillSans-SemiBold'; }
.tpl-catsPres .cs-conf-link .cs-grid-textPres { font-style: italic; }

.tpl-catsPres .cs-grid-container.cs-conf-link .cs-grid-content.cs-grid-hoverred { background: url(../img/presentation/pictos/micro.png) center no-repeat; }
.tpl-catsPres .cs-grid-container.cs-video-link .cs-grid-content.cs-grid-hoverred { background: url(../img/presentation/pictos/play.png) center no-repeat; }
.tpl-catsPres .cs-grid-container.cs-pdf-link .cs-grid-content.cs-grid-hoverred { background: url(../img/presentation/pictos/pdf.png) center no-repeat; }

.tpl-catsPres .cs-video-link .cs-grid-content {width: 100%;padding-top: 70px; }
.tpl-catsPres .cs-video-link .cs-grid-content > div {vertical-align: middle;}

/* CAS CLIENTS */
.tpl-catsCasClients .cs-grid-unit         { width: 15.8%; margin-right: 0.5%; margin-bottom: 0.5%; border: 1px solid #b3b3b3; transition: background .15s ease; }
.tpl-catsCasClients .cs-grid-unit:hover   { background: #d2d2d2; transition: background .15s ease; }
.tpl-catsCasClients .cs-grid-content,
.tpl-catsCasClients .cs-grid-link         { position: relative; }
.tpl-catsCasClients .cs-grid-content      { position:absolute; top:0!important; left:0; bottom:0; right:0; }
/*.tpl-catsCasClients .cs-grid-link         { text-align: center; padding: 5px 10px; }*/
.tpl-catsCasClients .cs-grid-link         { text-align: center; padding: 5px 0px; }
.tpl-catsCasClients .cs-grid-link:after   { content: ''; padding: 0; }
.tpl-catsCasClients .cs-grid-solution     { margin-top: 1em; margin-bottom: 0.2em; font-size: 1.5em; font-family: 'GillSans'; text-align: center; text-transform: uppercase; }
.tpl-catsCasClients .cs-grid-date         { font-size: 1.33em; font-family: 'GillSans'; text-align: center; }
.tpl-catsCasClients .cs-grid-results        { line-height: 1.33; font-family: 'GillSans'; text-align: center; text-transform: uppercase; padding-top:10px; }
/*.tpl-catsCasClients .cs-grid-results-text   { display: inline-block; font-size: 1.33em; margin: 0.5em 0; }*/
.tpl-catsCasClients .cs-grid-results-text   { display: inline-block; margin: 0;font-size: 1em;line-height: 1em }
.tpl-catsCasClients .cs-grid-results-number { display: block; font-size: 2.3em; color: #488dc4; }
/*.tpl-catsCasClients .cs-grid-results-number { display: block; font-size: 2.5em; color: #488dc4; }*/
.tpl-catsCasClients .cs-grid-text         { position: relative; width: 75%; margin: 0 auto; font-size: 1.2em; font-family: 'GillSans-SemiBold'; text-align: center; }
.tpl-catsCasClients .cs-grid-2            { width: 32.66666666%; }
.tpl-catsCasClients .cs-grid-hoverred     { opacity: 0; padding: 5px; position: absolute; top:0; left:0; right:0; bottom:0; background: #D2D2D2; }
.tpl-catsCasClients .reassuanceElem       { font-size: 3em; padding: 0.5em; border: 5px solid #dfdfdf; text-align: center; }
.tpl-catsCasClients .reassuanceElem strong{ display: block; padding: 0.125em; font-family: 'GillSans-SemiBold'; color: #c92019; }
.tpl-catsCasClients .cs-grid-hoverred a { position:absolute; bottom:20px; right:10px; left:10px; }

.casClients .vc_col-sm-12, .casClients .vc_col-sm-6 { padding: 0; }
.casClients .vc_col-sm-12 { padding-left:5px; }
.casClients .vc_col-sm-6.toLeft,
.casClients .vc_col-sm-6.toRight { width:48.5%; }
.casClients .vc_col-sm-6.toLeft{ float:left; }
.casClients .vc_col-sm-6.toRight{ float:right; }

.cs-grid-unit { overflow:hidden; }
.sortTools ul { padding-left:17px; }
.sortTools ul li, .sortTools li.dropDownContainer select option { font-size:1.2em!important; }

/* Mentions Legales */
.pageMentionsLegales h1, .pageMentionsLegales h2 { color:#000; text-align: left; padding-bottom:10px; }
.pageMentionsLegales p { padding-bottom:10px;font-size: 1.25em;line-height:1.25em }

.casClients .vc_col-sm-12, .casClients .vc_col-sm-6 { padding: 0; }
.casClients .vc_col-sm-12 { padding-left:5px; }
.casClients .vc_col-sm-6.toLeft,
.casClients .vc_col-sm-6.toRight { width:48.5%; }
.casClients .vc_col-sm-6.toLeft{ float:left; }
.casClients .vc_col-sm-6.toRight{ float:right; }

/* WELCOME ABOARD */
div.welcome_aboard { display:none; position:absolute; top:450px; left:0; background-color:#000; }

/* WPML  */
.menu-item.menu-item-language.menu-item-language-current.topMenu, #lang_sel_footer { display:none; }

.cs-solutions-row-multicanal img { max-width:80%!important; }

#homeContent > div.vc_row.wpb_row.vc_row-fluid.homeSaasSolutions,
#homeContent > div.vc_row.wpb_row.vc_row-fluid.homeSolutions { padding-bottom:30px; }

.fancybox-text a { color:#444; text-decoration: underline }

#homeContent .solu-multi-title { text-transform: uppercase; font-weight:bold; margin-bottom:10px; padding-top:20px; }
#homeContent .solu-multi-liste { margin-bottom:15px; }

/* INVESTISSEURS */
#Investisseurs > article { width:163px; float:left; margin:0 0 15px 15px; text-align: center; min-height:300px; }
#Investisseurs > article h4 { font-family: "GillSans-SemiBold"; }
#Investisseurs > article p { font-weight:lighter; }


/* ANIMS CONTACT */
#contactPage .social a:hover:before{
    -webkit-animation: bounce 0.6s ease-in-out infinite;
       -moz-animation: bounce 0.6s ease-in-out infinite;
        -ms-animation: bounce 0.6s ease-in-out infinite;
         -o-animation: bounce 0.6s ease-in-out infinite;
            animation: bounce 0.6s ease-in-out infinite;
}

@-webkit-keyframes bounce{
     from {margin-top: 0px;}
     33%  { margin-top:10px; }
     66%  { margin-top:-10px; }
     to   {margin-top: 0px; }
}
@-moz-keyframes bounce{
     from {margin-top: 0px;}
     33%  { margin-top:10px; }
     66%  { margin-top:-10px; }
     to   {margin-top: 0px; }
}
@-ms-keyframes bounce{
     from {margin-top: 0px;}
     33%  { margin-top:10px; }
     66%  { margin-top:-10px; }
     to   {margin-top: 0px; }
}
@-o-keyframes bounce{
     from {margin-top: 0px;}
     33%  { margin-top:10px; }
     66%  { margin-top:-10px; }
     to   {margin-top: 0px; }
}
@keyframes bounce{
     from {margin-top: 0px;}
     33%  { margin-top:10px; }
     66%  { margin-top:-10px; }
     to   {margin-top: 0px; }
}


.cs-solutions-row.vc_row.wpb_row.casClients { padding-bottom:0; }

#homeContent .homeSaasBandeau .homeSaasBandeauRuban .bandeauTMS p { font-size:1.4em; }

.newsletter .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { display:none!important; margin-top: -999em!important; }

/* Debug Nav */
.Firefox.ff_28_inf .vc_col-sm-8 { width: 58%; }
.Firefox.ff_28_inf .vc_col-sm-6 { width: 46%; }
.Firefox.ff_28_inf .vc_col-sm-3 { width: 22%; }
.Firefox.ff_28_inf .vc_col-sm-4 { width: 30%; }
.Firefox.ff_28_inf .vc_col-sm-2 { width: 14%; }
.Firefox.ff_28_inf .vc_col-sm-9 { width: 73%; }
.Firefox.ff_28_inf #contactPage .services .poste { padding: 20px 19px; }
.Firefox.ff_28_inf #homeContent .homeSaasBandeau .homeSaasBandeauRuban { width:74px; }




/* MENU LANGUES */
#lang_sel_click { float:right; margin:5px; }
#lang_sel_click a.lang_sel_sel, #lang_sel_click ul ul a, #lang_sel_click ul ul a:visited, #lang_sel_click a.lang_sel_sel:hover { background-color: #515151; color:#fff; }
#lang_sel_click ul ul, #lang_sel_click a, #lang_sel_click a:visited { border-color: #3d3b3b!important }
#lang_sel_click ul li a img { margin-right:5px; }


/*
.menu-primary-navigation-mobile.menu-mobile .sub-menu { position: relative; z-index: 100000; }
.menu-primary-navigation-mobile.menu-mobile .sub-menu li {background: yellow!important; }
*/

.menu-top-menu-anglais0-container,
.menu-primary-navigation-anglais0-container
{ display:none; }
.menu-top-menu-anglais0-container.menu-top-menu-container,
.menu-primary-navigation-anglais0-container.menu-primary-navigation-container
{ display:block; }


.resendForm .formPdfContainer { display:block; }
.resendForm { display: none; }
.fancyForm.fancybox-opened .infoDl p{ height:auto; padding:0; font-size: 1.25em; }
#resendFormDisplay { color:#333!important; text-decoration: underline!important; font-size:0.8em; }
.reponsePopin { max-width: 680px!important; }
.fancyForm, .fancybox-inner {

  margin: 0 auto!important;
}
.fancyForm.fancybox-opened .infoDl p.infoDl_confirmation { padding-left:125px; background: url(../img/logopdf.png) left top no-repeat; width:auto; padding-top:10px; min-height:80px; }
