@font-face {
  font-family: 'ProximaNovaBlack';
  src: url('../fonts/ProximaNovaBlack.woff2') format('woff2'), url('../fonts/ProximaNovaBlack.woff') format('woff'),  url('../fonts/ProximaNovaBlack.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('../fonts/ProximaNovaBold.woff2') format('woff2'),
  url('../fonts/ProximaNovaBold.woff') format('woff'),
  url('../fonts/ProximaNovaBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaExtraBold';
  src: url('../fonts/ProximaNovaExtraBold.woff2') format('woff2'),
  url('../fonts/ProximaNovaExtraBold.woff') format('woff'),
  url('../fonts/ProximaNovaExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url('../fonts/ProximaNovaLight.woff2') format('woff2'),
  url('../fonts/ProximaNovaLight.woff') format('woff'),
  url('../fonts/ProximaNovaLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('../fonts/ProximaNovaRegular.woff2') format('woff2'),
  url('../fonts/ProximaNovaRegular.woff') format('woff'),
  url('../fonts/ProximaNovaRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaSemiBold';
  src: url('../fonts/ProximaNovaSemiBold.woff2') format('woff2'),
  url('../fonts/ProximaNovaSemiBold.woff') format('woff'),
  url('../fonts/ProximaNovaSemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/FontAwesome-webfont.woff2') format('woff2'),
  url('../fonts/FontAwesome-webfont.woff') format('woff'),
  url('../fonts/FontAwesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat-extrabold';
  src: url('../fonts/Montserrat-ExtraBold.eot');
  src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg'),
  url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
  url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
  url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-size: 42px !important;
}
h2 {
  font-size: 36px !important;
}
h3 {
  font-size: 28px !important;
}
h4 {
  font-size: 24px !important;
}
h5 {
  font-size: 18px !important;
}
h6 {
    font-size: 16px !important;
}
a {
  color: #01c8d4;
}
header .site-branding-logo img{
  /*padding-top: 9px !important;*/
}
header #block-wevioo-main-menu ul.menu {
  text-transform: uppercase;
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
#block-wevioo-main-menu >.navbar-nav> li:nth-of-type(3){
  /*display: none;*/
}
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-6px;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}
html {
  overflow-x: hidden;
}

body {
  overflow: hidden;
  font-family: "ProximaNovaRegular";
}

a:hover, a:focus, a:active {
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  outline: none !important;
  /*color: white !important;*/
  text-decoration: none !important;
}
#footer a:hover, #footer a:focus, #footer a:active{
  color: white !important;
}
/*img {*/
  /*border: 0;*/
  /*vertical-align: top;*/
  /*max-width: 100%;*/
  /*height: auto;*/
/*}*/

.video-responsive {
  height: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 1px;
}

/*.body-page input[type="text"],*/
/*.body-page input[type="tel"],*/
/*.body-page input[type="password"],*/
/*.body-page input[type="email"],*/
/*.body-page textarea, .body-page select {*/
/*background-color: #fff;*/
/*-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;*/
/*box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset;*/
/*border: 1px solid rgba(0, 0, 0, 0.1);*/
/*padding: 5px 10px;*/
/*}*/

.label {
  color: #000 !important;
}

.list-menu ul li {
  list-style: none;
  padding: 15px 2px;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list-menu ul li:last-child {
  border-bottom: none;
}

ul {
  margin: 0;
  padding: 0;
}

ul ul {
  padding-left: 20px;
}

ul li {
  list-style: none;
}

ul li i {
  margin-right: 3px;
  font-size: 16px;
  min-width: 20px;
  text-align: center;
}

.item-list ul li {
  margin-left: 0;
}
.wysiwyg-list-ul ul{
  padding-left: 1.5em !important;
}
.wysiwyg-list-ul ul li{
  list-style: disc !important;
}
.page-node-type-expertise-service .paragraphe {
  list-style: disc !important;
}
.page-node-type-expertise-service .description ul {
  padding-left: 1.5em !important;
}
ul.feature-list > li {
  position: relative;
  padding: 3px 0;
  padding-left: 16px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
}

ul.feature-list > li:after {
  content: "\f105";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
}

ul.feature-list > li:hover {
  padding-left: 25px;
}

ul.feature-list > li:hover:after {
  left: 10px;
}

ul.inline > li {
  float: left;
  margin-left: 5px;
}

table {
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid #ddd;
}

table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  border-color: #ddd;
  border-width: 1px 1px 1px 0;
  border-style: solid;
}

table > thead > tr > th,
table > thead > tr > td {
  border-bottom-width: 2px;
}

.no-padding {
  padding: 0 !important;
}

a.disable {
  pointer-events: none;
  cursor: default;
}

/************************* Pagination ************************/
.pager .paginations {
  border-radius: 5px;
  display: inline-block;
  margin: 0 30px;
  padding: 4px 3px;
}

.pager .paginations a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
  display: inline-block;
  height: 35px;
  line-height: 34px;
  margin: 0 1px;
  text-align: center;
  width: 35px;
  margin-right: 10px;
}

.pager .paginations a:last-child {
  margin-right: 0;
}

.pager .paginations a.active {
  background: #feb800;
  border-color: #feb800;
  color: #fff;
}

#edit-preview, #edit-submit {
  background: #feb800;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 15px;
  border: none;
}

#edit-preview:hover, #edit-submit:hover {
  background: #ffc732;
}

.breadcrumb-content-inner {
  margin-bottom: 30px;
}
/*.breadcrumb {*/
  /*text-align: right;*/
/*}*/

.container .container {
  width: auto !important;
}


body.boxed {
  max-width: 1280px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  background: #efefef;
}

body.boxed div.body-page {
  background: #fff;
}

.topbar i {
  color: #feb800;
  font-size: 14px;
}

.topbar i:hover {
  color: #fff;
}

.topbar .block {
  margin: 0 !important;
}

header .header-main {
  padding: 30px 0;
  background: #fff;
}

header .site-branding-logo {
  padding: 15px 0 20px;
   display: block;
  transition: all 0.3s ease-in-out;
}
header .site-branding-logo  img{
  max-height: 50px;
  margin-top: 0 !important;
  transition: all 0.3s ease-in-out;
}


.stuck {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}

.stuck.header-main {
  background: #fff;
  padding-top: 0 !important;
}

.stuck.header-main .site-branding-logo {
  padding: 10px 0 !important;
}

.stuck.header-main .gva-search-region .icon {
  color: #000 !important;
}

.stuck.header-main .navigation .gva_menu > li > a {
  color: #999999 !important;
  padding-bottom: 18px !important;
  padding-top: 18px !important;
}

.stuck.header-main .navigation .gva_menu > li > a:hover {
  color: #feb800 !important;
}

.content-full {
  overflow: hidden;
}

div[class*='-md-6'].main-content .post-slider.v2 .views-field-body {
  display: none !important;
}

.area.slideshow_content .block {
  margin-bottom: 0;
}

.area-panel {
  padding: 30px 0;
}

.header-right .block {
  margin-bottom: 0;
}

.promotion {
  padding: 0;
  margin-bottom: 0;
}



.sidebar {
  position: relative;
}

.footer {
  color: #999999;
  margin-top: -1px;
  border-top:unset;
}

.footer a {
  color: #ececec;
}

.footer a:hover, .footer a:focus {
  color: white;
  background-color: transparent !important;
}

.footer .footer-top {
  background: #fff;
  padding: 20px 0;
}

.footer .footer-top .block {
  padding-bottom: 0;
  margin-bottom: 0;
}

.footer .footer-center {
  padding: 19px 0 2px 4px;
  background: #333333;
  color: #999999;
  line-height: 28px;
}
.footer .footer-center h1.titleG{
  font-size: 37px;
  font-family: Montserrat-Bold;
  color: white;
  margin-left: 14px;
}

.footer .footer-center .block .block-title {
  border: none;
}

.footer .footer-center .block .block-title span {
  color: #fff !important;
}

.copyright {
  background: #232526;
  color: #d5d5d5;
}

.copyright a {
  color: #d5d5d5;
}

.copyright a:hover {
  color: #feb800;
}

.copyright .copyright-inner {
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.copyright .copyright-inner .block {
  margin: 0;
}

/* ----- Maintenance page ----- */
body.maintenance-page {
  background-color: #fff;
  color: #000;
}

.maintenance-page #page-wrapper {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  min-height: 0;
  border: 1px solid #ddd;
  margin-top: 40px;
}

.maintenance-page #page {
  margin: 10px;
}

.maintenance-page #main-wrapper {
  min-height: inherit;
}

.maintenance-page #header {
  width: auto;
}

.maintenance-page #main {
  margin: 0;
}

.maintenance-page .content .section {
  padding: 0 0 0 10px;
  /* LTR */
}

[dir="rtl"] .maintenance-page .content .section {
  padding-left: 0;
  padding-right: 10px;
}

.maintenance-page #header {
  background-color: #fff;
  background-image: none;
}

.maintenance-page .site-branding-text {
  margin-bottom: 50px;
  margin-left: 0;
  /* LTR */
  padding-top: 20px;
  font-size: 90%;
}

[dir="rtl"] .maintenance-page .site-branding-text {
  margin-right: 0;
}

.maintenance-page .site-branding-text,
.maintenance-page .site-branding-text a,
.maintenance-page .site-branding-text a:hover,
.maintenance-page .site-branding-text a:focus {
  color: #777;
}

.maintenance-page .page-title {
  line-height: 1em;
  margin-top: 0;
}



.page-notfound .sub-title {
  color: #999999;
  padding: 30px 0;
}

.page-notfound .content {
  color: #666666;
  font-size: 16px;
  max-width: 450px;
  margin: 0 auto;
  line-height: 30px;
}


.page-notfound .action {
  text-align: center;
  margin-top: 30px;
}

.page-notfound .action a {
  font-size: 16px;
  color: #feb800;
  font-weight: 700;
  font-family: "helvetica-neue";
  text-transform: uppercase;
  letter-spacing: 1px;
}

.page-notfound .action a:hover {
  color: #000;
}

.node--view-mode-full ul {
  padding-left: 20px !important;
}

.node--view-mode-full ul li {
  list-style: disc !important;
}

.node--view-mode-full .post-title span {
  text-transform: none;
}

.node-detail {
  margin-top: 30px;
}

.post-block {
  background: #fff;
}

.post-block .post-image {
  overflow: hidden;
}

.post-block .post-image a {
  position: relative;
  display: block;
}

.post-block .post-image img {
  width: 100%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
}

.post-block .post-image:hover a:before, .post-block .post-image:hover a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.post-block .post-title {
  padding: 5px 0;
}

.post-block .post-title a {
  display: block;
  line-height: 30px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: "helvetica-neue";
  color: #000;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.post-block .post-content:before, .post-block .post-content:after {
  content: " ";
  display: table;
}

.post-block .post-content:after {
  clear: both;
}

.post-block .post-meta {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 10px;
  letter-spacing: 1px;
  font-family: "helvetica-neue";
}

.post-block .post-meta:before, .post-block .post-meta:after {
  content: " ";
  display: table;
}

.post-block .post-meta:after {
  clear: both;
}

.post-block .post-meta .post-categories {
  margin-bottom: 0;
}

.post-block .post-created {
  text-transform: none;
  position: relative;
}

.post-block .post-description {
  margin-top: 15px;
}

.post-block .post-comment {
  text-transform: none;
  position: relative;
}

.post-block .post-categories {
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}

.post-block .post-categories a {
  font-weight: 400;
  color: #feb800;
  display: inline-block;
  padding: 0;
  margin-right: 5px;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 12px;
  font-family: "helvetica-neue";
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  letter-spacing: 1px;
  line-height: 22px;
  line-height: 1.5;
}

.post-block .post-categories a:hover {
  color: #ffc732;
  text-decoration: none;
}

.post-block .post-body {
  line-height: 30px;
}

.post-block .content-after {
  padding: 10px 0 0;
}

.gallery-post {
  position: relative;
}

.gallery-post .post-meta-wrap {
  opacity: 0;
  filter: alpha(opacity=0);
  background: #fff;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  padding: 15px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
}

.gallery-post .post-meta-wrap .post-title a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "helvetica-neue";
  font-weight: 700;
  letter-spacing: 2px;
}
.baniere-full img{
  margin: 0 auto;
}

.postit-item{
  margin: 5px;
}

.offre-d-emploi-form .form-checkbox {
  margin-right: 25px;
  margin-top: 20px;
}
.select-wrapper:after {
  color: rgb(13, 211, 197);
  line-height: 0;
}
#block-languagedropdownswitcher .select-wrapper:after {
  color: #777777 !important;
  line-height: 0.7 !important;
  font-size: 12px;
}
/******wysiwyg*******/
.titre_article{
  font-size: 36px;
  /*font-family: "Montserrat-Bold";*/
  /*font-weight: bold;*/
  /*color: #00457e;*/
  /*letter-spacing: 2.8px;*/
}
.paragraphe_title{
  font-size: 18px;
  /*font-family: "Montserrat-Bold";*/
}
.titre_table_sombre{
  font-size: 16px;
  /*font-family: "Montserrat-Bold";*/
  background: #0d4e85;
  color:white;
}
.titre_table_claire{
  font-size: 16px;
  /*font-family: "Montserrat-Bold";*/
  background: #f1f9fc;
  color:#656a72;
}
.list_alphabetic:before {
  list-style-type: lower-alpha;
  float: left;
  margin-left: -1.5em;
  color: #0074D9;
}
.list_puce:before {
  list-style-type: disc;
  float: left;
  margin-left: -1.5em;
  color: #0074D9;
}
.list_with_stars:before {
  content: '\f006';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #0074D9;
}
.without_border{
  border:none;
  border-width: 0;
  border-style: solid;
}
.with_border{
  border-color:#0074D9;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}
.paragraphe{
  /*font-family:"Montserrat-Regular";*/
  font-size:14px;
  text-align: justify;
  /*color:#656a72;*/
}
.big_img{
  width:500px;
  height:500px;
  border:1px solid #656a72
}
.thumbnail{
  width:50px;
  height:50px;
  border:1px solid #656a72
}
.circle_img{
  border-raduis:50px;
}
.text_info_desc{
  font-size:10px;
  /*font-family:"Montserrat-Regular";*/
}
/*****end wysiwyg********/
/*Begin MJ*/
body{
  margin: 0;
}
@media (min-width: 768px){
  .navbar-header {
    /*float: none;*/
  }

}
@media (max-width: 767px){
  footer .region-footer {
    display: block !important;
  }

}


header#navbar{
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 0px;
  background-color: #ffffff;
  position: fixed !important;
  z-index: 999;
  width: 100%;
  height: 80px;
  transition: all 0.3s ease-in-out;
}
header.navbar-fixed-top#navbar{
  height: 65px;
  transition: all 0.3s ease-in-out;
}
.navbar-fixed-top{
   box-shadow: 0px 0px 12px 2px #a0a0a0;
   transition: all 0.3s ease-in-out;
}
.block-lang-dropdown{
  right: 313px;
  position: absolute;
  top: 23px;
  width: 84px;
  transition: all 0.3s ease-in-out;
}
header.navbar-fixed-top .block-lang-dropdown{
  top: 18px;
  transition: all 0.3s ease-in-out;
}

.body-page>.col-sm-12{
  display:none;
}
@media (max-width: 1199px){
  .navbar-nav > li > a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px){
  .navbar-nav > li > a {
    padding-top: 33px;
    padding-bottom: 26px;
    transition: all 0.3s ease-in-out;
  }
  header.navbar-fixed-top  .navbar-nav > li > a {
    padding-top: 23px;
    padding-bottom: 22px;
    transition: all 0.3s ease-in-out;
  }
  .block-lang-dropdown{
    right: 13px;
  }
}
.navbar-toggle{
  margin-top: -31px;
}
.container > .navbar-header{
  /*height: 80px*/
  position: relative;
}
.slideshow_home_page{
  /*height: 774px;*/
  margin-top: 76px;
}
@media (max-width: 991px){
  .slideshow_home_page{
    padding: 0 15px;
  }
}
.path-frontpage .flexslider{
  border:none;
}
.navbar-default{
  border-color: transparent;
}

header.navbar-fixed-top ul.navbar-right .glyphicon-search {
  top: 25px;
  transition: all 0.3s ease-in-out;
}
header.navbar-fixed-top .site-branding-logo {
  padding: 10px 0 10px;
  display: block;
}
nav ul.navbar-nav li a{
  font-family: ProximaNovaSemiBold;
  text-transform: capitalize;
  color: #4A4A4A !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color:#01c8d4;
  background: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color:#01c8d4;
  background: transparent;
}
ul.navbar-right .glyphicon-search{
  display: initial;
  top: 33px;
  left: 140px ;
  cursor: pointer;
  color: #777777;
  transition: all 0.3s ease-in-out;
}

.show-Search{
  display:block !important;
  width: 100% !important;
  position: fixed !important;
  /*top: -19px;*/
  background: rgba(0,0,0,0.8);
  min-height: 55px;
  z-index: 999;
  height: auto;
}
.show-Search .input-group{
  width: 70%;
  margin: 0 auto;

}
.show-Search input.form-search{
  height: 50px;
  background: transparent;
  padding-left: 100px;
  padding-right: 165px;
  margin: 0 auto;
  position: fixed;
  color: white;
  outline: none;
  box-shadow: none;
  border: none;
  background-color: transparent !important;
}
.show-Search button.btn-primary{
  background-color: transparent !important;
  border: none;
  top:9px;
  outline: none;
  box-shadow: none;
  border-color: transparent !important;
}
#block-languagedropdownswitcher select.lang-dropdown-select-element{
  width: 60px !important;
  border: none;
  box-shadow: none;
  /*border-right: 1px solid #eee;*/
  /*border-left: 1px solid #eee;*/
  border-radius: 0px;
  font-family: ProximaNovaSemiBold;
  text-transform: uppercase;
  color: #000;
}
#block-languagedropdownswitcher .select-wrapper::after{
  color: #eee;
  content: "▼";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.5em;
  padding-right: 0.5em;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 10;
}
@media (min-width: 1366px){
  .block-lang-dropdown {
     right: 2% ;
  }
}
@media (max-width: 1366px){
  ul.navbar-right .glyphicon-search {
    left: 0px !important;
  }
  .block-lang-dropdown{
    /* right: 4% !important; */
  }
  .wstudio-container{
    margin-left: 30px !important;
    /*margin-right: 225px !important;*/
  }
  .navbar-right{
    margin-right: 40px;
  }
}
@media (max-width:1300px){
  ul.navbar-right {
    /* margin-right: 178px !important; */
  }
}
@media (max-width:1100px){
  ul.navbar-right {
    /* margin-right: 308px !important; */
    font-size: 14px !important;
  }
  .wstudio{
    font-size: 10px !important;
  }
}
@media (max-width:900px){

  .wstudio-container{
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  ul.navbar-right{
    margin-right: 412px !important;
  }
  ul.navbar-right .glyphicon-search{
    /* left: -12px !important; */
  }
}

@media (min-width: 1600px){
  .block-lang-dropdown {
     right: 8% ;
  }

}
@media (min-width: 1900px){
  .block-lang-dropdown {
     right: 15% ;
  }
}

/****Block actualités***/
#block-views-block-actualites-block-1{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px){
  #block-views-block-actualites-block-1 {
    width: 750px;
  }

}
@media (min-width: 992px){
  #block-views-block-actualites-block-1 {
    width: 970px;
  }
}
@media (min-width: 1200px){
  #block-views-block-actualites-block-1 {
    width: 1170px;
  }
}

/*#block-views-block-actualites-block-1 .img-responsive{*/
  /*width: 386px;*/
  /*height: 233px;*/
  /*min-width: 100%;*/
  /*min-height: 100%;*/
  /*border-radius: 15px;*/
  /*margin-bottom: 37px;*/
/*}*/
#block-views-block-actualites-block-1 .img-responsive:hover{
  /*box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);*/

}

#block-views-block-actualites-block-1 h2.block-title{
  font-family: 'ProximaNovaExtraBold';
  text-transform: uppercase;
  font-size: 30px !important;
  margin : 5px 0 30px;
  float: left;
}
@media (max-width: 460px) {
  #block-views-block-actualites-block-1 h2.block-title{
    float: none !important;
  }
  .action-btn-all-actus {
    float: none !important;
  }
}

.block-actualites-home-page  .button-more a.btn-more{
  border: none;
  color: #fff;
  padding: 10px 25px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  min-height: 40px;
  display: inline-block;
  min-width: 175px;
  text-align: center;
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}
.block-actualites-home-page .lien_presse{
  font-size: 16px;
  margin: 0 0 20px;
}
#block-views-block-actualites-block-1 .button-more a.btn-more:hover,.btn-actu, a.btn-more:hover{
  color: #ffffff;
  /*background-color: #683d87;*/
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
}
.block-actualites-home-page  .read-more a{
  /*border: 1px solid #683d87;*/
  color: #fff;
  padding: 10px 30px;
  border-radius: 53px;
  font-family: 'ProximaNovaRegular';
  font-size: 15px;
  min-height: 38px;
  display: inline-block;
  min-width: 135px;
  text-align: center;
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}
.block-actualites-home-page  .read-more a:hover{
  color: #fff;
  background-image: linear-gradient(to right, #000000, #1a171b, #262933, #293e49, #2e5456);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  #block-views-block-actualites-block-1 .read-more a,
  #block-views-block-tendance-block-1 .read-more a{
    min-width: 100px;
    padding: 10px 15px;
  }
}
.bloc-buttons {
  display: flex;
  justify-content: space-evenly;
  min-height: 40px;
  height: auto;
  position: relative;
}
.block_social_share_page{
  position: absolute;
  top: -65px;

}
@keyframes fade-in-right {
  from {
    opacity: 1;
    transform: translateX(-15px);
  }
  to {
    opacity: 0;
    transform: translateX(0);
  }
}

@keyframes grow-left {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.social-media-sharing {
  display: block;
  animation: none;
}
.path-medias .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-actualites .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-presse .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-tendance .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-realisation .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-events .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-videos .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.path-frontpage .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.page-node-type-expertise-service .social-media-sharing {
  display: none;
  animation: fade-in-right ease 1s forwards;
}
.show-bloc-social-media {
  display: block !important;
  transform: scaleX(0);
  transform-origin: left;
  animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s forwards !important;
  animation-delay: 0.2s !important;
  text-align: left;
  /*padding-left: 15px;*/
  /*padding-top: 5px;*/
}
.social-media-sharing .share img {
  width: 35px !important;
}
.share-social-media {
  /*margin-top: 10px;*/
}
.path-videos .share-social-media {
  margin-top: -5px;
}
.share-presse-container {
  min-height: 20px;
}
.read-more-article-bloc a{
  border: 1px solid #683d87;
  color: #683d87;
  padding: 7px 30px 7px 30px;;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 16px;
  text-transform: uppercase;
}
.read-more-article-bloc {
  margin-top: 10px;
}
.block-tendance-item .read-more-article-bloc {
  margin-top: 5px;
}
.block-realisation-item .read-more-article-bloc {
  margin-top: 5px;
}
.path-livre-blanc .bloc-buttons{
 float: left;
}
.share-social-media .fa-share:before {
  content: url("../../../../themes/wevioo/cdn/img/sharehover.png");
  vertical-align: middle;
}
.share-social-media .fa-share {
  padding-top: 2px;
}
.share-social-media button.share-btn{
  color: #888ea8;
  background-color: #fff;
  display: block;
  box-shadow: none;
  border:none;
  outline: none;
  display: flex;
  padding: 10px 5px;
  display: flex;
  align-items: center;
}
.share-social-media button.share-btn .text-share{
  width: calc(100% - 40px);
  font-family: 'ProximaNovaBold';
  display: inline-block;
  margin: 0 0 0 10px;
  color: #848484;
  transition: all 0.3s ease-in-out;
}
.read-more-article-bloc:hover a{
  color: #ffffff;
  background-color: #683d87;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}
.share-social-media:hover button.share-btn{
  border: none;
  color: #683d87;
  transition: all 0.3s ease-in-out;
}
.share-social-media button.share-btn:hover .text-share{
  color: #000;
  transition: all 0.3s ease-in-out;
}
.share-social-media button.share-btn:hover svg path{
  fill: #000;
  transition: all 0.3s ease-in-out;
}
.share-social-media:hover .fa-share:before {
  content: url("../../../../themes/wevioo/cdn/img/socialShare.png");
  vertical-align: middle;
}
/*.share-social-media:hover .fa-share:before{*/
  /*content: url("../../../../themes/wevioo/cdn/img/share.png");*/
/*}*/
.wstudio{
  color: #01c8d4 !important;
  font-family: ProximaNovaBold;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 15px;
}

.wstudio:hover{
  color: #01c8d4 !important;
}
@media (max-width: 1366px){
  .wstudio-container{
    /*margin-top: 22px;*/
    margin-left: 15px;
    margin-right: 75px;
  }
}
.wstudio-container{
  /*margin-top: 22px;*/
  margin-left: 75px;
  margin-right: 40px;
}

@media (max-width: 711px){
  .wstudio-container{
    margin-left: -15px;
  }
  .wstudio{
    border: unset;
    color: #683d87;
    padding: unset;
    border-radius: unset;
    font-family: ProximaNovaBold;
    text-transform: uppercase;
    margin-left: -16px;
    font-size: 12px;
  }
}
#block-views-block-actualites-block-1 .read-more a:hover,.btn-actu{
  color: #ffffff;
  /*background-color: #683d87;*/
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
#block-views-block-actualites-block-1 .button-more  .read-more{
  margin-top:0;
  border: none;
  color: #fff;
  padding: 10px 25px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  min-height: 40px;
  display: inline-block;
  min-width: 175px;
  text-align: center;
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
  transition: all 0.3s ease-in-out;
}
#block-views-block-actualites-block-1 .button-more  .read-more:hover{
  color: #ffffff;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
  background-image: linear-gradient(to right, #000000, #1a171b, #262933, #293e49, #2e5456);
  transition: all 0.3s ease-in-out;
}
#block-views-block-actualites-block-1 .sub_actu_home_page{
  margin-bottom: 50px;
}
@media (max-width: 991px){
  #block-views-block-actualites-block-1 .sub_actu_home_page, .sub_actu_home_page{
    margin-bottom: 30px;
  }
}
.action-btn-all-actus{
  float: right;
}
#block-views-block-actualites-block-1 .button-more{
  margin-bottom: 35px;
}
#block-views-block-actualites-block-1 .title_actualites_content{
  min-height: 60px;
}
#block-views-block-actualites-block-1 .image_actualites img{
  border-radius: 20px 20px 0 0;
  object-fit: cover;
  height: 220px;
}

@media (max-width: 767px){
  .block-actualites-home-page  .image_actualites img{
    border-radius: 20px 20px 0 0;
    object-fit: contain;
    height: auto;
  }
}
.block-actualites-home-page  .created_content_actualites-block span{
font-family: 'ProximaNovaBold';
font-size: 14px;
color: #434343;
}
#block-views-block-actualites-block-1  .created_content_actualites-block{
margin-bottom: 4%;
}
.block-actualites-home-page  .title_actualites{
max-height: 50px;
overflow: hidden;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
  font-family: ProximaNovaBold;
  font-size: 17px;
}
.block-actualites-home-page  .title_actualites>a{
font-family: ProximaNovaBold;
font-size: 17px;
line-height: 22px;
color: #000000;
}
.block-actualites-home-page  .contenu_actualites-block{
min-height: 85px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 0 0 25px;
}
.block-actualites-home-page  .contenu_actualites-block>p{
font-family: ProximaNovaRegular;
font-size: 16px;
color: #3d3d3d;
min-height: 70px;
}
.block-actualites-home-page .social-media-sharing{
padding : 10px 15px;
box-shadow: 0px 3px 6px rgba(0,0,0,.29);
border-radius: 10px;
position: relative;
background: #f5f5f2;
}
.social-media-sharing:before {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 15px solid  #f5f5f2;
bottom: -14px;
content: "";
right: 16px;
position: absolute;
z-index: 10;
}
.social-media-sharing li {
margin : 0 7px;
}
h1.page-header,.view-frontpage a.feed-icon{
display: none;
}
.path-realisation h1.page-header, .path-tendance h1.page-header,.path-events h1.page-header,.path-videos h1.page-header,.path-actualites h1.page-header,.path-presse h1.page-header{
display:block;
font-family: ProximaNovaBlack;
text-transform: uppercase;
font-size: 42px;
margin-bottom: -20px;
margin-top: 50px;
border-bottom: none;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.path-videos h1.page-header {
margin-bottom: 50px;
}
.page-node-type-video .social-media-sharing{
margin-bottom: 20px;
}
.page-node-type-video .page_actualites .page_actualites_item {
margin-top: 0px;
}

@media (min-width: 768px){
.path-realisation h1.page-header, .path-tendance h1.page-header,.path-events h1.page-header,.path-videos h1.page-header,.path-actualites h1.page-header,.path-presse h1.page-header{

width: 750px;
}
}
@media (min-width: 992px){
.path-realisation h1.page-header, .path-tendance h1.page-header,.path-events h1.page-header,.path-videos h1.page-header,.path-actualites h1.page-header,.path-presse h1.page-header{

  width: 970px;
}
}
@media (min-width: 1200px){
.path-realisation h1.page-header, .path-tendance h1.page-header,.path-events h1.page-header,.path-videos h1.page-header,.path-actualites h1.page-header,.path-presse h1.page-header{
  width: 1170px;
}
}
/*Block services*/
section#block-views-block-services-block-1{
  /*background-image: url("../img/service_blue.png");*/
  /*background-image: linear-gradient(-90deg, #0194d9, #025dac);*/
  background-image: linear-gradient(to right, #edfdff, #edfdff, #edfeff, #edfeff, #edfeff);
  /*min-height: 760px;*/
  color:white;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index:1;
}
section#block-views-block-services-block-1 {
  position: relative;
}
section#block-views-block-services-block-1 .background-text{
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 0;
  font-family: ProximaNovaBlack;
  /*font-size: 280px;*/
  font-size: 15vw;
  color: #333;
  opacity: 0.08;
  text-transform: uppercase;
  max-height: 296px;
  display: none;
}
.user-logged-in section#block-views-block-services-block-1 .background-text{
  top: 324px;
  left: -392px;
}
@media (max-width: 1600px){
  section#block-views-block-services-block-1 .background-text{
    bottom: -50px;
  }
  .user-logged-in section#block-views-block-services-block-1 .background-text{
    top: 375px;
    left: -233px;
  }
}
@media (max-width: 1366px){
  section#block-views-block-services-block-1 .background-text{
    bottom: -82px;
  }
  .user-logged-in section#block-views-block-services-block-1 .background-text {
    top: 416px;
    left: -112px;
  }
}
@media (max-width: 711px){
  section#block-views-block-services-block-1 .background-text{
    bottom: -31px;
  }
  #block-views-block-actualites-block-1 .sub_actu_home_page{
    text-align: center;
    margin: 10px 10px 30px 10px;
  }
  #block-views-block-actualites-block-1 .button-more{
    margin-top:40px;
  }
}
section#block-views-block-services-block-1 >*:not(.background-text){
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;

}

section#block-views-block-services-block-1 h2.block-title{
  font-family: 'ProximaNovaExtraBold';
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 0;
  color: #000;
  font-size: 25px !important;
}
section#block-views-block-services-block-1 .field--type-text-with-summary p{
  font-family: 'ProximaNovaSemiBold';
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
  font-size: 18px;
  max-height: 75px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}
@media (min-width: 768px){
  section#block-views-block-services-block-1 >*:not(.background-text) {
    width: 750px;
  }
}
@media (min-width: 992px){
  section#block-views-block-services-block-1 >*:not(.background-text) {
    width: 970px;
  }
}
@media (min-width: 1200px){
  section#block-views-block-services-block-1 >*:not(.background-text){
    width: 1170px;
  }
}
#block-views-block-services-block-1 .img-responsive{
  /*max-width: 363px;*/
  /*max-height: 242px;*/
  width: 363px;
  height: 242px;
  min-width: 100%;
  min-height: 100%;
  border-radius: 10px;

}
#block-views-block-services-block-1 .img-responsive:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  border-radius: 10px;
}
#block-views-block-services-block-1 .button-more a.btn-more{
  border: 1px solid #0dd3c5;
  color: #ffffff;
  padding: 14px;
  padding-left: 75px;
  padding-right: 75px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #0dd3c5;
}
#block-views-block-services-block-1 .button-more a.btn-more:hover{
  color: #0dd3c5;
  background-color: transparent;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
#block-views-block-services-block-1 .button-more a.btn-actu:hover{
  color: #ffffff;
  background-color: #0dd3c5;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.btn-more-service{
  text-align: center;
  position: relative;
}
#block-views-block-services-block-1 .title_services{
  text-align: center;
  color: white;
  font-family: ProximaNovaBlack;
  font-size: 30px;
  margin-top: 18px;
  margin-bottom: 50px;

}
#block-views-block-services-block-1 .title_services a {
  color: white;
}



/*Block expertise*/
section#block-views-block-services-block-2{
  background-color: #fff;
  /*min-height: 760px;*/
  color:white;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index:1;
}
section#block-views-block-services-block-2 {
  position: relative;
  /*margin-bottom: 80px;*/
}
section#block-views-block-services-block-2 .background-text{
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 0;
  font-family: ProximaNovaBlack;
  /*font-size: 280px;*/
  font-size: 15vw;
  color: #333;
  opacity: 0.03;
  text-transform: uppercase;
  max-height: 296px;
  display: none;
}
.user-logged-in section#block-views-block-services-block-2 .background-text{
  top: 324px;
  left: -310px;
}
@media (max-width: 1600px){
  section#block-views-block-services-block-2 .background-text{
    bottom: -50px;
  }
  .user-logged-in section#block-views-block-services-block-2 .background-text{
    top: 383px;
    left: -120px;
  }
}
@media (max-width: 1366px){
  section#block-views-block-services-block-2 .background-text{
    bottom: -82px;
  }
  .user-logged-in section#block-views-block-services-block-2 .background-text {
    top: 418px;
    left: -112px;
  }
}
@media (max-width: 711px){
  section#block-views-block-services-block-2 .background-text{
    bottom: -31px;
  }
  #block-views-block-actualites-block-1 .sub_actu_home_page{
    text-align: center;
    margin: 10px 10px 30px 10px;
  }
  #block-views-block-actualites-block-1 .button-more{
    margin :0 0 30px !important;
  }
}
section#block-views-block-services-block-2 >*:not(.background-text){
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;

}

section#block-views-block-services-block-2 h2.block-title{
  font-family: 'ProximaNovaExtraBold';
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 0;
  color: #000;
  font-size: 25px !important;
}
section#block-views-block-services-block-2 .field--type-text-with-summary p{
  font-family: 'ProximaNovaSemiBold';
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
  font-size: 18px;
  max-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(51,51,51);
  font-weight: normal;
}
section#block-views-block-services-block-2 .view-header{
  padding: 15px;
}
section#block-views-block-services-block-2 .title_services a{
  color: rgb(51, 51, 51);
}

  section#block-views-block-services-block-2 .form-group{
    padding: 0 !important;
  }
section#block-views-block-services-block-2 .view-content-wrap{
  padding: 0 15px !important;
}
@media (min-width: 768px){
  section#block-views-block-services-block-2 >*:not(.background-text) {
    width: 750px;
  }
}
@media (min-width: 992px){
  section#block-views-block-services-block-2 >*:not(.background-text) {
    width: 970px;
  }
}
@media (min-width: 1200px){
  section#block-views-block-services-block-2 >*:not(.background-text){
    width: 1170px;
  }
}
#block-views-block-services-block-2 .img-responsive{
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  border-radius: 10px;

}
#block-views-block-services-block-2 .img-responsive:hover{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  border-radius: 10px;
}
#block-views-block-services-block-2 .button-more a.btn-more{
  border: 1px solid #0dd3c5;
  color: #ffffff;
  padding: 14px;
  padding-left: 75px;
  padding-right: 75px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #0dd3c5;
}
#block-views-block-services-block-2 .button-more a.btn-more:hover{
  color: #0dd3c5;
  background-color: transparent;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
#block-views-block-services-block-2 .button-more a.btn-actu:hover{
  color: #ffffff;
  background-color: #0dd3c5;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.btn-more-service{
  text-align: center;
  position: relative;
}
#block-views-block-services-block-2 .title_services{
  text-align: center;
  color: white;
  font-family: ProximaNovaBlack;
  font-size: 30px;
  /*margin-top: 64px;*/
  /*margin-bottom: 72px;*/

  margin-top: 18px;
  margin-bottom: 50px;

}
#block-views-block-services-block-2 .title_services a {
  color: white;
}

/*Block video*/
section#block-views-block-video-block-1>*:not(.background-text){
  padding : 0 15px;
  margin : 50px auto;
}
@media (min-width: 768px){
  section#block-views-block-video-block-1>*:not(.background-text) {
    width: 750px;
  }
}
@media (min-width: 992px){
  section#block-views-block-video-block-1>*:not(.background-text) {
    width: 970px;
  }
}
@media (min-width: 1200px){
  section#block-views-block-video-block-1>*:not(.background-text){
    width: 1170px;
  }
}
section#block-views-block-video-block-1 .title_video{
  font-family: 'ProximaNovaExtraBold';
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 0;
  color: #000;
  font-size: 25px !important;

}
section#block-views-block-video-block-1 .title_video>a{
  color: #333333;
}
section#block-views-block-video-block-1 .description-video>p {
  max-height: 70px;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 618px; */
  font-family: ProximaNovaRegular;
  font-size: 16px;
  color: #202225;
}
section#block-views-block-video-block-1 .button-more a{
  border: none;
  color: #fff;
  padding: 10px 25px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  min-height: 40px;
  display: inline-block;
  min-width: 175px;
  text-align: center;
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
  transition: all 0.3s ease-in-out;
}
section#block-views-block-video-block-1 .button-more a:hover{
  color: #ffffff;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
  background-image: linear-gradient(to right, #000000, #1a171b, #262933, #293e49, #2e5456);
  transition: all 0.3s ease-in-out;
}

section#block-views-block-video-block-1 {
  background-image: linear-gradient(to right, #edfdff, #edfdff, #edfeff, #edfeff, #edfeff);
  position: relative;
  /*min-height: 611px;*/
  height: auto;
}
section#block-views-block-video-block-1 .video-homepage{
  overflow: hidden;
  box-shadow: 0px 3px 6px rgba(0,0,0,.19);
  border-radius: 6px;
  margin: 0 5px;
}
section#block-views-block-video-block-1 .actu_block_homepage{
  padding: 0 15px;
}
section#block-views-block-video-block-1 .background-text{
  position: absolute;
  left: 48px;
  top: 848px;
  bottom: 0;
  z-index: 0;
  font-family: ProximaNovaBlack;
  /* font-size: 280px; */
  font-size: 9vw;
  color: #333;
  opacity: 0.03;
  text-transform: uppercase;
  max-height: 296px;
  display: none;
}
section#block-views-block-video-block-1 .video-homepage-all {
  padding-top: 35px;
  text-align: center;
}
.user-logged-in section#block-views-block-video-block-1 .background-text{
  left: -100px;
  top: 778px;
}
@media (max-width: 1366px){
  section#block-views-block-video-block-1 .background-text{
    top: 900px;
  }
  .user-logged-in section#block-views-block-video-block-1 .background-text{
    left: -56px;
    top: 413px;
  }
}
@media (max-width: 1024px) {
  section#block-views-block-video-block-1 .background-text {
    top: 794px;
  }
  .navbar-right{
    margin-right: 15px;
  }
  .page_actualites .page_actualites_item .title_page_actualites{

    font-size: 21px !important;
    margin-bottom: 9% !important;
  }
}
section#block-views-block-video-block-1 .video-homepage-details{
  margin : 0 -10px;
}
.sub_video_page{
  height:350px;
}

/*Footer*/
footer{
  background: #202225;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-family: ProximaNovaRegular;
}
footer.footer-pages{
  background:transparent;
  padding: 50px 0 !important;
}
footer .region-footer{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
}
@media (min-width: 768px){
  footer .region-footer {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px){
  footer .region-footer {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px){
  footer .region-footer{
    width: 100%;
    max-width: 100%;
  }
}

footer nav, footer ul.menu--footer{
  display: inline-flex;
}
section#block-socialmedia .field--item ul{
  display: inline-flex;
}
.fa-twitter {
  border-radius: 26px;
  border: 1px solid #eee;
  font-size: 24px;
  padding: 7px;
}
.fa-facebook{
  border-radius: 26px;
  border: 1px solid #eee;
  font-size: 24px;
  padding: 7px;
  width: 30px;
}
.fa-linkedin{
  border-radius: 26px;
  border: 1px solid #eee;
  font-size: 24px;
  padding: 7px;
}
.fa-instagram{
  border-radius: 26px;
  border: 1px solid #eee;
  font-size: 24px;
  padding: 7px;
  width: 30px;
}

.fa-youtube{
  border-radius: 26px;
  border: 1px solid #eee;
  font-size: 24px;
  padding: 7px;
}
#block-wevioo-powered {
  line-height: 2.8;
}
/******Page interne (industrie)****/
.main-container>.row>section:first-child{
  margin-top:85px !important;
}
.user-logged-in .main-container>.row>section:first-child{
  margin-top:85px !important;
}

.baniere-full-with-title .field--item {
  /*min-height: 372px;*/
  /*overflow: hidden;*/
  /*background: #ededed;*/
}
.baniere-full-with-title .field--item img{
  margin: 0 auto;
}

.page-expertise-service .description{
  /*margin-top: 43px;*/
  /*text-align: center;*/
  font-family: "ProximaNovaRegular";
}
.page-expertise-service .description h2{
  font-family: "ProximaNovaBlack";
  font-size: 36px;
}
.page-expertise-service .description h6{
  font-family: "ProximaNovaRegular";
  font-size: 14px;
}

.page-expertise-service .description .field--name-body{
  margin-bottom:16px;
  font-family: "ProximaNovaRegular";
  padding: 30px 0;
}
.page-expertise-service .description .field--name-body p{
  font-size: 16px;
  line-height: 32px;
}
.page-expertise-service .description .field--name-body h1{
  font-family: "ProximaNovaBlack";
}
.baniere-full-with-title span{
  font-size: 62px;
  line-height: 82%;
  font-family: "ProximaNovaBlack";
  color: white;
  /*text-transform: uppercase;*/
  /*left: 400px;*/
  /*top: 130px;*/
  left: 140px;
  top: 75px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  position: absolute;
  /*background: rgba(255,255,255,0.8);*/
  padding: 15px;
}
.page-node-type-expertise-service .baniere-full-with-title span{
  font-size: 55px;
  line-height: 55px;
  left: 0;
  top: 0;
  padding: 0;
  font-family: 'ProximaNovaBlack';
  position: static;
}


@media (max-width: 1820px) {
  .baniere-full-with-title span{
     /*left: 300px;*/
    left: 140px;
  }
  .page-node-type-expertise-service .baniere-full-with-title span{
    left: 0;
  }
}
@media (max-width: 1366px){
  .baniere-full-with-title span{
    font-size: 80px;
    left: 150px;
    top: 70px;
  }
}
@media (max-width: 991px){
  .baniere-full-with-title span{
    font-size: 70px;
    left: 135px;
    top: 35px;
  }
  .expanded.dropdown .link-sub-menu {
    display: block !important;
  }
  .expanded.dropdown .dropdown-toggle {
    width: 70%;
  }
}
@media (max-width: 800px){
  .baniere-full-with-title span{
    font-size: 55px;
    left: 50px;
    top: 25px;
  }
}
@media (max-width: 711px){
  .baniere-full-with-title span{
    font-size: 40px;
    left: 45px;
    top: 20px;
  }
  .page-node-type-expertise-service .baniere-full-with-title span{
    font-size: 25px;
    line-height: 25px;
  }
}
@media (max-width: 463px){
  .baniere-full-with-title span{
    font-size: 35px;
    left: 35px;
    top: 15px;
  }
  /*.page-expertise-service .description{*/
    /*margin-top:35px;*/
  /*}*/
}
.post_it-expertise-service{
  margin-bottom: 85px;
  background-image: linear-gradient(to right, #b198c1, #a6a8d5, #98b9e3, #8dc8eb, #8ad7eb);
  border-radius: 30px;
}
.page-node-type-expertise-service .post_it-expertise-service{
  margin-bottom: 50px;
  padding: 45px 0 15px;
}
.services-container{
  display: flex;
  flex-wrap: wrap;
}
.post_it-expertise-service .postit-item{
  border: 1px solid #eee;
  padding: 68px 10px 10px 10px;
  text-align: center;
  border-radius: 10px;
  height:232px;
  width: 375px;
  max-width: 100%;
  margin: 0 auto 15px auto;
}
.post_it-expertise-service .col-md-4{
  padding-bottom: 22px;
}
@media (max-width: 768px){
  .post_it-expertise-service .post-it-image .field--name-field-image img{
    margin: 0 auto;
    width: 12%;
    height: auto;
  }
  .block-lang-dropdown{
    right: 60px !important;
    top: 18px;
  }
  .actualites_block .pull-right{
    text-align: center;
    float: none !important;
  }

}

.post_it-expertise-service .post-it-image .field--name-field-image img{
  margin: 0 auto;
  width: 20%;
  height: auto;
}

@media (max-width: 711px){
  .post_it-expertise-service .post-it-titre{
    margin-top:10px;
  }
  .post_it-expertise-service .postit-item{
    padding: 34px 10px 10px 10px;
  }
}
.post_it-expertise-service .post-it-titre{
  margin-top:25px;
  margin-bottom:10px;
  font-family: ProximaNovaBold;
  font-size: 22px;
  color:#333333;
}
.post_it-expertise-service .post-it-titre a{
  margin-top:10px;
  margin-bottom:10px;
  font-family: ProximaNovaBold;
  font-size: 22px;
  color:#333333;
}

.post_it-expertise-service .postit-item .post-it-description{
  display: none;
}
.post_it-expertise-service .postit-item:hover{
  background:rgba(13,211,197,0.5);
  /*background:#0dd3c5;*/
  box-shadow: 0 19px 38px rgba(0,0,0,0.0), 0 9px 12px rgba(0,0,0,0.22);
  border:none;
  padding: 40px 10px 10px 10px;
}
.post_it-expertise-service .postit-item .post-it-description>.field {
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff !important;
}

.post_it-expertise-service .postit-item .post-it-description>.field a{
  color: #ffffff !important;
}
.post_it-expertise-service .postit-item .post-it-description>.field a:hover{
  color: #ffffff !important;
}
  /*.post_it-expertise-service .postit-item:hover .bg-title_desc{*/
    /*background: url("../img/conseil_b.png") no-repeat;*/
/*}*/

.post_it-expertise-service .postit-item:hover .post-it-image{
  position: absolute;
  width: 225px;
  /* height: 158px; */
  opacity: 0.1;
  right: 0;
  left: 75px;
  top: 54px;
  z-index: -1;
  /* bottom: 0; */
}
.post_it-expertise-service .postit-item:hover .post-it-image img{
  width: 150px;
  height: auto;
}
.post_it-expertise-service .postit-item:hover .post-it-titre a{
  color:white;
}
.post_it-expertise-service .postit-item:hover .post-it-titre{
  color:white;
}
.post_it-expertise-service .postit-item:hover .post-it-description{
  display: block;
  color:white;
  font-family: ProximaNovaRegular;
  font-size: 18px;
}

#block-views-block-tendance-block-1{
  /*background:#EEFAFB;*/
  /*background:#efdcff;*/
  /*background-image: linear-gradient(to right, #efdcff, #e3e4ff, #daeaff, #d7f0ff, #daf4fd);*/
  min-height: 600px;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
#block-views-block-tendance-block-1 .block-title{
  font-family: ProximaNovaBold;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 0;
  color: #000;
  font-size: 30px !important;
}
#block-views-block-tendance-block-1 h2.block-title{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}



#block-views-block-realisation-block-1{
  background: #eeeeee;
  min-height: 700px;
  padding-top: 30px;
  z-index: 1;
  position: relative;
}
#block-views-block-realisation-block-1 .block-title{
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size: 42px;
}
#block-views-block-realisation-block-1 h2.block-title{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}





@media (min-width: 768px){
  #block-views-block-tendance-block-1 h2.block-title{
  width: 750px;
  }


  #block-views-block-realisation-block-1 h2.block-title{
    width: 750px;
  }


}
@media (min-width: 992px){
  #block-views-block-tendance-block-1 h2.block-title{
    width: 970px;
  }
  #block-views-block-realisation-block-1 h2.block-title{
    width: 970px;
  }
}

@media (min-width: 1200px){
  #block-views-block-tendance-block-1 h2.block-title{
    width: 1170px;
  }
  #block-views-block-realisation-block-1 h2.block-title{
    width: 1170px;
  }
}
section#block-views-block-tendance-block-1 .background-text{
  position: absolute;
  left: 0;
  bottom: 4px;
  z-index: 0;
  font-family: ProximaNovaBlack;
  font-size: 15vw;
  color: #f0f0f0;
  text-transform: uppercase;
  max-height: 296px;
}
.user-logged-in section#block-views-block-tendance-block-1 .background-text {
  bottom: -18%;
}

section#block-views-block-tendance-block-1 .background-text{
  position: absolute;
  left: 0;
  bottom: 4px;
  z-index: 0;
  font-family: ProximaNovaBlack;
  font-size: 15vw;
  color: #f0f0f0;
  text-transform: uppercase;
  max-height: 296px;
  display: none;
}
.user-logged-in section#block-views-block-tendance-block-1 .background-text {
  bottom: -18%;
}


section#block-views-block-realisation-block-1 .background-text{
  position: absolute;
  left: 0;
  bottom: 4px;
  z-index: 0;
  font-family: ProximaNovaBlack;
  font-size: 13vw;
  color: #f0f0f0;
  text-transform: uppercase;
  max-height: 296px;
}
.user-logged-in section#block-views-block-realisation-block-1 .background-text {
  bottom: -33%;
}








@media (max-width: 1600px){
  section#block-views-block-tendance-block-1 .background-text{
    bottom: -50px;
  }
  .user-logged-in section#block-views-block-tendance-block-1 .background-text {
    bottom: -26% !important;
  }




  section#block-views-block-realisation-block-1 .background-text{
    bottom: -50px;
  }
  .user-logged-in section#block-views-block-realisation-block-1 .background-text {
    bottom: -26% !important;
  }




  .user-logged-in section#block-views-block-video-block-1 .background-text {
    top: 809px;
  }
  section#block-views-block-video-block-1 .background-text {
    top: 878px;
  }
}
@media (max-width: 1440px) {
  .user-logged-in section#block-views-block-video-block-1 .background-text {
    top: 823px;
  }
  section#block-views-block-video-block-1 .background-text {
    top: 892px;
  }
}
@media (max-width: 1366px){
  section#block-views-block-tendance-block-1 .background-text{
    bottom: -81px;
  }
  .user-logged-in section#block-views-block-tendance-block-1 .background-text {
    bottom: -32% !important;
  }



  section#block-views-block-realisation-block-1 .background-text{
    bottom: -81px;
  }
  .user-logged-in section#block-views-block-realisation-block-1 .background-text {
    bottom: -32% !important;
  }



  .user-logged-in section#block-views-block-video-block-1 .background-text {
    top: 831px;
  }
}
@media (max-width: 711px){
  section#block-views-block-tendance-block-1 .background-text{
    bottom: -23px;
  }
  section#block-views-block-realisation-block-1 .background-text{
    bottom: -23px;
  }
}

#block-views-block-tendance-block-1 .image_actualites{
  height: 203px;
  background: #eee;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#block-views-block-tendance-block-1 .block-tendance-item:hover{
  box-shadow: 0 19px 38px rgba(0,0,0,0.0), 0 9px 12px rgba(0,0,0,0.22);
}
.block-tendance-item .image_actualites img{
  margin: 0 auto;
  height: 100%;
}
#block-views-block-tendance-block-1 .block-tendance-item .date_pub{
  margin-top: 5px;
  text-align: center;
  color: #999999;
  font-size: 14px;
  font-family: ProximaNovaRegular;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .block-tendance-item{
  background: white;
  border-radius: 10px;
  /*width: 369px;*/
  min-height: 390px;
  height: auto;
  margin: 5px;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .block-tendance-item .bloc-buttons {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 10px;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .block-tendance-item .show-bloc-social-media {
  padding-left: 15px;
  padding-top: 5px;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .body-content{
  font-family: ProximaNovaBold;
  color:#333333;
  font-size: 20px;
  text-align: center;
  padding: 10px;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .body-content .title_actualites a{
  font-family: ProximaNovaBold;
  color:#333333;
  text-transform: uppercase;
  max-height: 55px;
  min-height: 55px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .body-content .title_actualites:hover a {
  color:#337ab7;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .body-content .contenu_actualites-block {
  max-height: 55px;
  min-height: 55px;
  font-size: 16px;
  font-family: ProximaNovaRegular;
  margin-top: 13px;
  text-align: justify;
  padding: 0 15px;
}
#block-views-block-tendance-block-1 .sub_actu_home_page .body-content .contenu_actualites-block p{
  max-height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#block-views-block-tendance-block-1 .pull-right{
  position: relative;
  margin-top: 40px;
}


#block-views-block-tendance-block-1 .button-more a.btn-more{
  border: none;
  color: #fff;
  padding: 10px 25px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  min-height: 40px;
  display: inline-block;
  min-width: 175px;
  text-align: center;
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
  transition: all 0.3s ease-in-out;
}
#block-views-block-tendance-block-1 .button-more a.btn-more:hover{
  color: #ffffff;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
  transition: all 0.3s ease-in-out;
}


#block-views-block-realisation-block-1 .image_actualites{
  height: 203px;
  background: #eee;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#block-views-block-realisation-block-1 .block-realisation-item:hover{
  box-shadow: 0 19px 38px rgba(0,0,0,0.0), 0 9px 12px rgba(0,0,0,0.22);
}
.block-realisation-item .image_actualites img{
  margin: 0 auto;
  height: 100%;
}
#block-views-block-realisation-block-1 .block-realisation-item .date_pub{
  margin-top: 5px;
  text-align: center;
  color: #999999;
  font-size: 14px;
  font-family: ProximaNovaRegular;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .block-realisation-item{
  background: white;
  border-radius: 10px;
  /*width: 369px;*/
  min-height: 390px;
  height: auto;
  margin: 5px;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .block-realisation-item .bloc-buttons {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .block-realisation-item .show-bloc-social-media {
  padding-left: 15px;
  padding-top: 5px;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .body-content{
  font-family: ProximaNovaBold;
  color:#333333;
  font-size: 20px;
  text-align: center;
  padding: 10px;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .body-content .title_actualites a{
  font-family: ProximaNovaBold;
  color:#333333;
  text-transform: uppercase;
  max-height: 55px;
  min-height: 55px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .body-content .title_actualites:hover a {
  color:#337ab7;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .body-content .contenu_actualites-block {
  max-height: 55px;
  min-height: 55px;
  font-size: 16px;
  font-family: ProximaNovaRegular;
  margin-top: 13px;
  text-align: justify;
  padding: 0 15px;
}
#block-views-block-realisation-block-1 .sub_actu_home_page .body-content .contenu_actualites-block p{
  max-height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#block-views-block-realisation-block-1 .pull-right{
  position: relative;
  margin-top: 40px;
}

#block-views-block-realisation-block-1 .button-more a.btn-more {
  border: 1px solid #683d87;
  color: #683d87;
  padding: 14px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  text-transform: uppercase;
  padding-right: 30px;
  padding-left: 30px;

}
#block-views-block-realisation-block-1 .button-more a.btn-more:hover {
  color: #ffffff;
  background-color: #683d87;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}








.video{
  /*background-image: linear-gradient(-90deg, #51EC9C, #025dac);*/
  min-height: 440px;
  color: white;
  padding-top: 15px;
  padding-bottom: 25px;
  z-index: 1;
}
.video .video-embed-field-provider-youtube{
  text-align: center;
  /*height: 320px;*/
}
.video iframe{
  max-width:520px;
  height: 320px;
  position: relative;
}
.left-video .video-homepage .video-embed-field-responsive-video iframe{
  position: static;
  height: 500px;
}
#block-views-block-expert-block-1 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 80px;
}
@media (min-width: 768px){
  #block-views-block-expert-block-1 {
    width: 750px;
  }
  .user-logged-in section#block-views-block-tendance-block-1 .background-text {
    bottom: -18%;
  }
  .user-logged-in section#block-views-block-realisation-block-1 .background-text {
    bottom: -18%;
  }
}
@media (min-width: 992px){
  #block-views-block-expert-block-1 {
    width: 970px;
  }
}
@media (min-width: 1200px){
  #block-views-block-expert-block-1 {
    width: 1170px;
  }
}

#block-views-block-expert-block-1 .block-title{
  margin-top:80px;
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size: 42px;
}
footer.info_bottom .info_footer_block{
  text-align: center;
}
footer.info_bottom{
  background-size: contain;
  background: url(../img/contact_footer.png);
  height: 240px;
  padding-top: 50px !important;
}
.footer-pages .info_bottom{
  background-size: 682px 380px!important;
  /*background: url(../img/contact_footer.png);*/
  background: #050C26 url(../img/innovation-img.png) no-repeat right 0;
  height: 380px;
  padding-top: 50px !important;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 45px !important;
  text-align: center;
}
.footer-pages .container{
  width: 100% !important;
  padding: 0 10px !important;
}
.footer-pages .info_bottom h2{
  color: #fff;
  font-family: 'ProximaNovaBold';
  font-size: 30px !important;
  line-height: 35px;
  margin: 0 0 40px;
}
.footer-pages .info_bottom p{
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
@media (max-width:767px){
  .footer-pages .info_bottom{
    padding: 15px 25px !important;
  }
  .footer-pages .info_bottom h2{
    font-size: 25px !important;
    line-height: 35px;
    margin: 0 0 30px;
  }
}
footer.info_bottom .info_content{
  font-size: 42px;
  color:white;
  font-family: ProximaNovaBold;
}

footer.info_bottom .info_footer_block a.btn{
  background: white;
  color: #333333;
  padding: 14px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 40px;
  padding-left: 75px;
  padding-right: 75px;
}

footer.info_bottom .info_footer_block a.btn:hover{
  background: transparent;
  border: 1px solid white;
  color: white;

}

.video .video-title-expertise-service .field--item{
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  /* padding-left: 40px; */
  margin-bottom: 50px;
  font-size: 36px;
  color: #003BD7;
  text-align: center;
}
.video .video-desc-expertise-service .field--item p{
  max-height: 70px;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 618px; */
  font-family: ProximaNovaRegular;
  font-size: 16px;
  color: white;
}

.block-expert h2.block-title{
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  margin-bottom: 60px;
  margin-top: 60px;
  font-size: 42px;
}
.expert_block .image_management_block img{
  border-radius: 50%;
  margin: 0 auto;
}
.expert_block .image_management_block{
  width: 160px;
  height: 160px;
  overflow: hidden;
  max-width: 100%;
}
.block-expert .poste_management_block {
  font-family: ProximaNovaRegular;
  font-size: 15px;
  color: #777777;
}
.block-expert .nom_management_block a{
  color: #333333 !important;
}
.block-expert .nom_management_block{
  font-family: ProximaNovaSemiBold;
  font-size: 22px;

}
.block-expert .contact{
  display: inline-flex;
}
.block-expert .col-md-4{
  margin-bottom:60px;
}
.block-expert .contact .fa{
  color: #333333 !important;
  font-size: 20px;
  margin-right: 10px;

}
.block-expert .item_management_block{
  padding-top: 6%;
}
.block-expert .image_management_block, .expert_block .col-md-4{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.block-expert .image_management_block:hover{
  /*box-shadow: 0 19px 38px rgba(0,0,0,0.0), 0 9px 12px rgba(0,0,0,0.22);*/
}
.block-expert .image_management_block{

  /*border: 3px solid white;*/
  border-radius: 50%;
}
#sliding-popup .eu-cookie-compliance-banner{
  font-family: ProximaNovaRegular;
}
#sliding-popup .eu-cookie-compliance-banner p{
  font-weight: unset;
}
#sliding-popup .eu-cookie-compliance-banner .agree-button:hover{
  background: white;
  color:#333333;
}
#sliding-popup .eu-cookie-compliance-banner .agree-button{
  background: transparent;
  border: 1px solid white;
  text-shadow: none;
  box-shadow: none;
  border-radius: 40px;
  padding: 12px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  color: white;
}



#sliding-popup .eu-cookie-compliance-banner .decline-button:hover{
  background: white;
  color:#333333;
}
#sliding-popup .eu-cookie-compliance-banner .decline-button{
  background: transparent;
  border: 1px solid white;
  text-shadow: none;
  box-shadow: none;
  border-radius: 40px;
  padding: 12px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  color: white;
}



#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-message{
  margin: 17px 0px 1em 0;
}

.block-evenements_a_venir .flexslider .flex-direction-nav{
  display:none;
}
.block-evenements_a_venir .flexslider {
  background: transparent;
  border: 4px solid transparent;
}
.page-node-type-expert .social{
  display: inline-flex;
}
.page-node-type-expert .social .linkedin-expert{
  font-size: 30px;
  margin: 16px 0px 0px 13px;
}
.page-node-type-expert .social .mail-expert{
  font-size: 30px;
  margin: 14px;
}
.icon_download{
  /* content:url(../img/file3.svg); */
  width: 40px;
  height: auto;
}
.download_file_expertise-service .file-icon span.icon{
  display: none;
}
.download_file_expertise-service .file>span{
  border: none;
  color: #333333;
}
.download_file_expertise-service{
  margin-top: -21px;
  margin-bottom: 50px;
  font-family: ProximaNovaRegular;
  text-align: center;
}
.download_file_expertise-service label{
  cursor: pointer;
  text-transform: uppercase;
}
.page-node-type-expertise-service .download_file_expertise-service label{
  cursor: pointer;
  border: 1px solid #683d87;
  color: #683d87;
  padding: 14px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  text-transform: uppercase;
  padding-right: 30px;
  padding-left: 30px;
}
.page-node-type-revue-de-presse .download_file_expertise-service label{
  cursor: pointer;
  border: 1px solid #683d87;
  color: #683d87;
  padding: 14px;
  border-radius: 53px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  text-transform: uppercase;
  padding-right: 30px;
  padding-left: 30px;
}

.page-node-type-expertise-service .download_file_expertise-service label:hover{
  border: 1px solid #683d87;
  background: #683d87;
  color: white;

}
.page-node-type-revue-de-presse .download_file_expertise-service label:hover{
  border: 1px solid #683d87;
  background: #683d87;
  color: white;

}
/*.page-node-type-revue-de-presse .download_file_expertise-service{*/
  /*margin-bottom: 18px;*/
  /*font-family: ProximaNovaRegular;*/
  /*display: inline-block;*/
/*}*/
.download_file_expertise-service .file-size,.download_file_expertise-service .file-link{
  display: initial;
}
@media (max-width: 768px){
  .navbar-collapse{
    background-color: #ffffff;
  }
  header #block-wevioo-main-menu ul.menu{
    margin-right: 120px !important;
    font-size: 14px !important;
  }
  footer.info_bottom .info_content {
    font-size: 25px;
  }
  footer.info_bottom .info_footer_block a.btn{
    margin-top: 7px;
  }
}


/* Map css */

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

.containermap {
  background-color: white;
  color: #7e7e7e;
  font: 400 1em/1.5em "Source Sans Pro", sans-serif;
  margin: 0;
}

.containermap a {
  color: #32425a;
}

.containermap h1,
.containermap h2,
.containermap h3 {
  color: #fff;
  font-weight: 600;
}

.containermap h1,
.containermap .h1 {
  font-size: 2.5em;
  margin: 0 0 0.2em;
}

.containermap h2,
.containermap .h2 {
  font-size: 1.5em;
  margin: 0 0 0.33em;
}

.containermap h3,
.containermap .h3 {
  font-size: 1.25em;
  margin: 0 0 0.5em;
}

.containermap p {
  margin: 0.5em 0;
}

.containermap svg {
  height: auto;
  max-width: 100%;
}

.containermap .text-center {
  text-align: center;
}

.containermap .subline {
  color: #768191;
  font-weight: normal;
}

.containermap .container {
  left: 50%;
  max-width: 740px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.containermap .map {
  /* margin-top: 3em; */
  position: relative;
}
.containermap .map-markers {
  list-style: none;
  margin: 0;
  padding: 0;
}
.containermap .map-marker {
  position: absolute;
}
.containermap .map-marker:after {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: pop;
  border-radius: 50%;
  border: 1px solid #32425a;
  content: "";
  height: 2em;
  left: 0;
  margin: -0.5em 0 0 -0.5em;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 2em;
}
.containermap .map-marker:hover .map-marker-info {
  display: block;
}
.containermap .map-marker a.pointer {
  background-color: #683d87;
  border-radius: 50%;
  height: 1em;
  display: block;
  text-indent: -9999px;
  width: 1em;
}
.containermap .map-marker-Tunis {
  left: 51%;
    top: 33%;
}
.containermap .map-marker-Alger {
  left: 49%;
    top: 34%;
}
.containermap .map-marker-Alger:after {
  animation-delay: 3s;
}
.containermap .map-marker-Dubai {
  left: 62%;
  top: 39%;
}
.containermap .map-marker-Dubai:after {
  animation-delay: 5s;
}
.containermap .map-marker-Paris {
  left: 48%;
    top: 24%;
}
.containermap .map-marker-Abidjan {
  left: 47%;
  top: 55%;
}
.containermap .map-marker-Tunis:after {
  animation-delay: 3s;
}
.containermap .map-marker-seattle {
  left: 8%;
  top: 1%;
}
.containermap .map-marker-seattle:after {
  animation-delay: 5s;
}
.containermap .map-marker-info {
  display: none;
  left: 50%;
  position: absolute;
  bottom: 0;
  transform: translate(-50%, -2em);
  width: 20em;
  z-index: 999;
}
.containermap .map-marker-info header {
  background-color: #683d87;
  border-radius: 0.5em 0.5em 0 0;
  color: #fff;
  padding: 0.5em 1em;
}
.map-itineraire-link{
  color: #1474f2 !important;
}
.containermap .map-marker-info main {
  background-color: #fff;
  border-radius: 0 0 0.5em 0.5em;
  color: #7e7e7e;
  padding: 0.5em 1em;
}
.containermap .map-marker-info h2 {
  margin-bottom: 0;
  text-align: center;
}
.containermap .map-marker-info-inner {
  border-radius: 0.5em;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  font-size: 0.875em;
}
.containermap .map-marker-info-inner:after {
  border-left: 0.75em solid transparent;
  border-right: 0.75em solid transparent;
  border-top: 1em solid #fff;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}

.containermap .animate {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/*@keyframes bounce-in {*/
  /*0%, 20%, 40%, 60%, 80%, 100% {*/
    /*transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);*/
  /*}*/
  /*0% {*/
    /*opacity: 0;*/
    /*transform: scale3d(0.3, 0.3, 0.3);*/
  /*}*/
  /*20% {*/
    /*transform: scale3d(1.1, 1.1, 1.1);*/
  /*}*/
  /*40% {*/
    /*transform: scale3d(0.9, 0.9, 0.9);*/
  /*}*/
  /*60% {*/
    /*opacity: 1;*/
    /*transform: scale3d(1.03, 1.03, 1.03);*/
  /*}*/
  /*80% {*/
    /*transform: scale3d(0.97, 0.97, 0.97);*/
  /*}*/
  /*100% {*/
    /*opacity: 1;*/
    /*transform: scale3d(1, 1, 1);*/
  /*}*/
/*}*/
.animate-bounce-in {
  animation-duration: 0.75s;
  animation-name: bounce-in;
}

/*@keyframes pop {*/
  /*0% {*/
    /*transform: scale(0);*/
  /*}*/
  /*8% {*/
    /*opacity: 0.4;*/
  /*}*/
  /*10% {*/
    /*opacity: 0;*/
    /*transform: scale(1);*/
  /*}*/
/*}*/
/*.animate-pop {*/
  /*animation-duration: 1s;*/
  /*animation-name: pop;*/
/*}*/

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.signal-map {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -5px;
  left: -5px;
  display: block;
  background: #683d87;
  border-radius: 50%;
  opacity: 0;
  animation: pulsate 2400ms ease-out infinite;
}

/******Integration Carrière*/
.block_wevioo_en_bref{
  margin-top:50px;
  /*background: #f0f4f8;*/
  /*min-height: 410px;*/
  color: white;
  padding-top: 21px;
  padding-bottom: 0;
  z-index: 1;
  position: relative;
}
.block_wevioo_en_bref_title{
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  /*margin-bottom: 50px;*/
  font-size: 42px;
  color: #333333;

}
.block_wevioo_en_bref .background-text {
  position: absolute;
  left: -79px;
  bottom: 0;
  z-index: 0;
  font-family: ProximaNovaBlack;
  font-size: 15vw;
  color: #333;
  opacity: 0.08;
  text-transform: uppercase;
  max-height: 296px;
  white-space: nowrap
}

@media (max-width: 1600px){
  .block_wevioo_en_bref .background-text {
    bottom: -50px;
  }
}
@media (max-width: 1366px){
  .block_wevioo_en_bref .background-text {
    bottom: -82px;
  }
}

@media (max-width: 711px){
  .block_wevioo_en_bref .background-text {
    bottom: -23px;
  }
}


.blog_carrier p{
  display:none;
}
.blog_carrier .services-content:hover  p{
  display:block;
  font-family: ProximaNovaRegular;
  color:white;
}
.blog_carrier .services-content:hover {
  display: inline-grid;
  text-align: center;

  box-shadow: 0 19px 38px rgba(0,0,0,0.0), 0 9px 12px rgba(0,0,0,0.22);
  border: none;

}



  .block_wevioo_en_bref_image .field--item {
    /*position: absolute;*/
    /*top: 25px;*/
    /*left: 25px;*/
  }


.block_wevioo_en_bref_image .field--item img{
  /*border-radius: 10px;*/
  /*height: inherit;*/
  /*box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);*/
  height: auto;
  width: 100%;
}

.page-node-type-page .field--type-image img{
  height: auto;
  width: 100%;
}
/* @media (max-width: 1600px){ */
  .block_wevioo_en_bref_image .field--item:nth-child(1){
    /*z-index: 1;*/
    /*z-index: 1;*/
    /*left: -10px;*/
    /*width: 253px;*/
    /*height: 355px;*/
  }

    .block_wevioo_en_bref_image .field--item:nth-child(2){
        z-index: 1;
        left: 242px;
        width: 216px;
        height: 301px;
        margin-top: 50px;
        margin-left: 45px;
    }

    .block_wevioo_en_bref_image .field--item:nth-child(3) {
        z-index: 3;
        width: 283px;
        height: 387px;
        margin-top: 200px;
        left: 119px;
    }

/* } */

/* @media (max-width: 1366px){ */
  .block_wevioo_en_bref_image .field--item:nth-child(1){
    /*left: -80px;*/

  }
    .block_wevioo_en_bref_image .field--item:nth-child(2) {
        left: 170px;
    }

    .block_wevioo_en_bref_image .field--item:nth-child(3){
        left: 50px;

    }
/* } */
/* Change the width collapsed icon */
@media (max-width: 990px) and (min-width:768px) {
  .navbar-toggle {
      top: -11px;
}
.post_it-expertise-service .postit-item {
  padding: 15px 10px 10px 10px;
}
section#block-views-block-realisation-block-1 .background-text {
  bottom: -45px;
}
section#block-views-block-tendance-block-1 .background-text {
  bottom: -45px;
}
}
@media (max-width: 991px) {
  .navbar-toggle {
    top: 15px;
    position: absolute;
    right: 15px;
    margin: 0;
  }
  .navbar-nav li:hover > ul.dropdown-menu, .caret {
    display: none;
  }
  ul.navbar-right {
    font-size: 14px !important;
  }
  .navbar-collapse {
    background-color: #ffffff;
}
  .navbar-header {
      float: none;
  }
  .navbar-toggle {
      display: block;
      float: right;
      /* margin-right: 321px; */
      /* top: -17px; */
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-collapse.collapse.in {
      display: block!important;
  }
  .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .block_wevioo_en_bref_image .field--item:nth-child(1){
    display: none;

}
.block_wevioo_en_bref_image .field--item:nth-child(2){
    display: none;

}
.block_wevioo_en_bref_image .field--item:nth-child(3){
    display: none;

}
.block_wevioo_en_bref{
min-height: 550px;

}
.block_wevioo_en_bref_desc strong {
font-size: 17px !important;
}
.block_wevioo_en_bref_desc{
font-size: 17px !important;
}
  .actualites_block .block-actualites-home-page{
    text-align: center;
  }
  .actualites_block .image_actualites img{
    margin: 0 auto;
  }
  section#block-views-block-services-block-1{
    padding: 50px 15px;
  }
  section#block-views-block-video-block-1{
    padding-right: 10px;
    padding-left: 10px;
  }
  section#block-contacteznous .block_candidature_offre_d_emploi{
    padding-right: 30px;
    padding-left: 30px;
  }
  .post_it_qui_sommes_nous .image_performance{
    margin-top: unset !important;
    padding-top: 50px;
  }
  .block-management .management_block .image_management_block img{
    margin: 0 auto;
  }
  .block-management .management_block{
    text-align: center;
  }
  #block-contacteznous .block-title{
    padding-left: 30px;
  }
  .block-expert-main .expert_block{
    text-align: center;
  }
  .block-expert-main .expert_block .image_management_block{
    margin: 0 auto;
  }

  footer.info_bottom .info_footer_block a.btn{
    margin-top: 10px;
  }


  .actualites_page .image_actualites img{
    margin: 0 auto;
  }

  .expanded.dropdown {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
  }

}



.block_wevioo_en_bref_desc{
  color: #333333;
  font-family: ProximaNovaRegular;
  font-size: 18px;
}
.block_wevioo_en_bref_desc strong{
  font-family: ProximaNovaBold;
  color:#0a70ae;
  font-size: 36px;
}

.block_video_carriere{
  margin-bottom: 67px;
  margin-top: 50px;
}
.block_video_carriere .title_video {
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  /* padding-left: 40px; */
  margin-bottom: 50px;
  font-size: 36px;
}
.block_video_carriere .description-video>p{
  max-height: 70px;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 618px; */
  font-family: ProximaNovaRegular;
  font-size: 16px;
  color: #202225;
}
.block_nos_engagements{
/*background-image:url("../img/engagement.png");*/
  min-height: 550px;
  padding-top: 40px;
  padding-left: 15px;
}
.title_nos_engagements{
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  /*margin-bottom: 50px;*/
  font-size: 42px;
  /*color: white;*/
}

.image_nos_engagements .owl-item{
  width: 285px;
  max-height: 284px;
  margin-top: 50px;
  /*border: 0.5px solid #986cdb;*/
}
.block_nos_formations{
  background-image:url("../img/formation.png");
  min-height: 600px;
  padding-top: 0;
    margin-top: -15px;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 15px;
}

.image_nos_engagements .owl-item p:nth-child(2){

white-space: unset;
overflow: hidden;
text-overflow: ellipsis;
padding: 8px;
font-size: 1.3rem;
/*width: 287px;*/

/*height: 235px;*/
line-height: 1.6;
}

@media (max-width: 1199px ) and (min-width: 768px) {

  .image_nos_engagements .owl-item p:nth-child(2){
  height:  190px;
  }


}



block_nos_formations .logo_nos_formations .field--name-body{
  font-size: 39px;
  font-family: ProximaNovaBold;
}
.block_nos_formations .logo_nos_formations .field--name-body strong{
  font-size: 69px;
  font-family: ProximaNovaBold;
}
.block_nos_formations .logo_nos_formations .field--name-body h2{
  font-size: 27px;
  font-family: ProximaNovaSemiBold;
  color:#ec3737;
}

.block_nos_formations .title_nos_formations{
  font-family: ProximaNovaBlack;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size: 42px;
  color: #333333;
}

.block_nos_formations .owl-wrapper-outer{
  height: 280px;
  padding-top: 62px;
}

.block_nos_formations .owl-item>div:first-child{
  height: 163px;
  background: white;
  margin: 15px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.0), 0 9px 12px rgba(0,0,0,0.22);
}

.block_nos_formations .logo_formation{
/*display: flex;*/
}

.block_nos_formations .logo_formation img{
  /*margin: auto;*/
  /*!*width: 120px;*!*/
  /*height: auto;*/
  display: inline-block;
  width: auto;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 180px;
  max-height: 270px;
  overflow: hidden;
}


block_video_carriere {
  padding-top: 50px;
}

/******Integration  Offres d'emploi*/

.path-offres-d-emploi .view-filters{

  margin-bottom: 5px;

}
#views-exposed-form-offres-d-emploi-page-1 .form-item  label .form-checkbox {
  display: none;
}
#views-exposed-form-offres-d-emploi-page-1 .form-item  legend {
  display: none;
}
#views-exposed-form-offres-d-emploi-page-1 .form-item label.active {

  background-color: #01aad1;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}

#views-exposed-form-offres-d-emploi-page-1 .form-item label.active:hover {

  background-color: #fff;
  color: #01aad1;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  box-shadow: none;
}

#views-exposed-form-offres-d-emploi-page-1 .form-item  label {

   border: 1px solid #01aad1;
   color: #01aad1;
   padding: 7px 30px 7px 30px;
   border-radius: 53px;
   font-family: ProximaNovaBold;
   font-size: 14px;
   text-transform: uppercase;
   margin: 5px 10px;
   float: left;
 }

#views-exposed-form-offres-d-emploi-page-1 .form-item  label:hover {

  color: #fff;
  background-color: #01aad1;

}


.path-offres-d-emploi  .tab-content{

  background-color: white;
  width: 100%;
  padding: 20px;
}


.path-offres-d-emploi .testpanelrow{

  /*margin-right: 0px;*/
  /*margin-left: 0px;*/
  /*padding-left: 0px;*/
  /*padding-right: 0px;*/
}

.path-offres-d-emploi .read-more-offre-d-emploi a{
  border: 1px solid #683d87;
  color: #683d87;
  padding: 7px 14px 7px 14px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  text-transform: uppercase;
}
.path-offres-d-emploi .read-more-offre-d-emploi{

  display: flex;
  align-items: center;
}



.path-offres-d-emploi .type-contrat-offre-d-emploi span{

  background-color: #f9c934;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaRegular;
  font-size: 14px;
  text-transform: uppercase;
}

.path-offres-d-emploi .avatar-offre-d-emploi img{
  border-radius: 50%;
  width: 100px;
  height: 100px;
  max-width: 100%;
}

.path-offres-d-emploi .title-offre-d-emploi {

  font-family: ProximaNovaSemiBold;
  font-size: 22px;
}
.path-offres-d-emploi .pole-metiers-offre-d-emploi{

  padding-top: 25px;
}

.path-offres-d-emploi .pole-metiers-offre-d-emploi span{

  background-color: #01aad1;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaRegular;
  font-size: 14px;

}

.path-offres-d-emploi .emplacement-offre-d-emploi{
  padding-top: 25px;
  color: #000;
  font-size: 18px;
  font-family: ProximaNovaRegular;
}

.path-offres-d-emploi .offer_emploi {
  background-color: #fff;
  display: flex;
  align-items: center;
  min-height: 182px;
  margin-bottom: 1px;
  border-radius:10px;
}

.path-offres-d-emploi .offer_emploi:hover {
  box-shadow: 0px 0px 38px rgba(0,0,0,0.42);
  position: relative;
}

.path-offres-d-emploi .offer_emploi:hover .read-more-offre-d-emploi a{

  color: #ffffff;
  background-color: #683d87;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}


@media (max-width: 991px){

  .path-offres-d-emploi .offer_emploi{
    text-align: center;
  }

  .path-offres-d-emploi .offer_emploi>div:first-child{
    margin: auto;
  }
  .path-offres-d-emploi .offer_emploi .avatar-offre-d-emploi,.path-offres-d-emploi .offer_emploi .title-offre-d-emploi,
  .path-offres-d-emploi .offer_emploi .type-contrat-offre-d-emploi,.path-offres-d-emploi .offer_emploi .pole-metiers-offre-d-emploi,
  .path-offres-d-emploi .offer_emploi .read-more-offre-d-emploi
  {
    margin: 22px;
  }

  .path-offres-d-emploi .read-more-offre-d-emploi {
    display: block;
  }
  .path-offres-d-emploi .title-offre-d-emploi {
    font-size: 16px;
  }

  .path-offres-d-emploi .emplacement-offre-d-emploi {
    font-size: 13px;
  }

  .path-offres-d-emploi .emplacement-offre-d-emploi {
    padding-top: 0px;

  }
  #block-views-block-actualites-block-1{
    text-align: center;
  }

}

.path-offres-d-emploi .body-page{

  background-color: #f5f5f5;
}



.path-offres-d-emploi .nav-tabs> li{
  width: 200px;
  min-height: 47px;
}

.path-offres-d-emploi .nav-tabs> li> a {

  text-align: center;
  border-radius: 8px 8px 0 0;
   border: 1px solid #ffffff;
  color: #fff;
  font-size: 18px;
  font-family: ProximaNovaSemiBold;
  background-color: #0dd3c5;
  margin-right: 5px;

}
.path-offres-d-emploi #myTab.nav-tabs> li.active> a {

  color: #000;
  background-color: white;
  border-top: 3px solid #0dd3c5;
  border-radius: 8px 8px 0 0;

}

.path-offres-d-emploi .nav-tabs {

  border-bottom: none;

}

.path-offres-d-emploi #myTab.nav> li > a:hover {

  background-color: white;
  color:#000;
  border: 1px solid #ffffff;
  border-top: 3px solid #0dd3c5;
}

.tab-content .form-group{

  float: left;
}

.condidaturespntanee{

  margin-top: 65px;
  margin-bottom: 50px;
  font-family: ProximaNovaSemiBold;
  text-align: center;


}

.condidaturespntanee a{

  border: 1px solid #0dd3c5;
  background-color: #0dd3c5;
  color: #fff;

  padding: 16px 37px 16px 37px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  text-transform: uppercase;
}
.condidaturespntanee a:hover{

  box-shadow: 0px 6px 12px 0px rgba(47, 47, 51, 0.2);
}




@media (max-width: 800px){

  .path-offres-d-emploi .nav-tabs> li> a {
    font-size: 12px;
  }
  .path-offres-d-emploi .nav-tabs> li {
    width: 145px;
    min-height: 47px;
  }
  .li-loader{
    text-align: center;
    min-height: 5px !important;
  }
  #views-exposed-form-offres-d-emploi-page-1 .form-item  label {

    border: 1px solid #01aad1;
    color: #01aad1;
    padding: 7px 10px 7px 10px;
    font-size: 10px;
    margin: 3px 5px;
  }

  .path-offres-d-emploi  .tab-content{
    padding: 10px;
  }

  #views-exposed-form-offres-d-emploi-page-1 .form-item label.active {


    padding: 7px 10px 7px 10px;
    border-radius: 53px;
    font-family: ProximaNovaRegular;
    font-size: 10px;
  }

  #views-exposed-form-offres-d-emploi-page-1 .form-item label.active:hover {


    padding: 7px 10px 7px 10px;
    border-radius: 53px;
    font-family: ProximaNovaRegular;
    font-size: 10px;
  }



  .condidaturespntanee{

    margin-top: 32px;
    margin-bottom: 25px;

  }

  .condidaturespntanee a{

    padding: 8px 19px 8px 19px;
    font-size: 15px;
  }

  .path-offres-d-emploi .nav > li{

    width: 100%;

}
}

@media (max-width: 1200px){

  .path-offres-d-emploi .read-more-offre-d-emploi a {

    font-size: 12px;

  }

}


/******Integration  Offres de stage*/



.path-offre-de-stage .view-filters{

  margin-bottom: 5px;

}
#views-exposed-form-offre-de-stage-page-1 .form-item  label .form-checkbox {
  display: none;
}
#views-exposed-form-offre-de-stage-page-1 .form-item  legend {
  display: none;
}
#views-exposed-form-offre-de-stage-page-1 .form-item label.active {

  background-color: #01aad1;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}

#views-exposed-form-offre-de-stage-page-1 .form-item label.active:hover {

  background-color: #fff;
  color: #01aad1;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  box-shadow: none;
}

#views-exposed-form-offre-de-stage-page-1 .form-item  label {

  border: 1px solid #01aad1;
  color: #01aad1;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  text-transform: uppercase;
  margin: 5px 10px;
  float: left;
}

#views-exposed-form-offre-de-stage-page-1 .form-item  label:hover {

  color: #fff;
  background-color: #01aad1;

}


.path-offre-de-stage  .tab-content{

  background-color: white;
  width: 100%;
  padding: 20px;
}



.path-offre-de-stage .read-more-offre-d-emploi a{
  border: 1px solid #683d87;
  color: #683d87;
  padding: 7px 14px 7px 14px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  text-transform: uppercase;
}
.path-offre-de-stage .read-more-offre-d-emploi{

  display: flex;
  align-items: center;
}



.path-offre-de-stage .type-contrat-offre-d-emploi span{

  background-color: #f9c934;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaRegular;
  font-size: 14px;
  text-transform: uppercase;
}

.path-offre-de-stage .avatar-offre-d-emploi img{
  border-radius: 50%;
  width: 100px;
  height: 100px;
  max-width: 100%;
}

.path-offre-de-stage .title-offre-d-emploi {

  font-family: ProximaNovaSemiBold;
  font-size: 22px;
}
.path-offre-de-stage .pole-metiers-offre-d-emploi{

  padding-top: 25px;
}

.path-offre-de-stage .pole-metiers-offre-d-emploi span{

  background-color: #01aad1;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 53px;
  font-family: ProximaNovaRegular;
  font-size: 14px;

}

.path-offre-de-stage .emplacement-offre-d-emploi{
  padding-top: 25px;
  color: #000;
  font-size: 18px;
  font-family: ProximaNovaRegular;
}

.path-offre-de-stage .offer_emploi {
  background-color: #fff;
  display: flex;
  align-items: center;
  min-height: 182px;
  margin-bottom: 1px;
  border-radius:10px;
}

.path-offre-de-stage .offer_emploi:hover {

  box-shadow: 0px 0px 38px rgba(0,0,0,0.42);
  position: relative;

}

.path-offre-de-stage .offer_emploi:hover .read-more-offre-d-emploi a{

  color: #ffffff;
  background-color: #683d87;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}


@media (max-width: 991px){

  .path-offre-de-stage .offer_emploi{
    text-align: center;
  }

  .path-offre-de-stage .offer_emploi>div:first-child{
    margin: auto;
  }
  .path-offre-de-stage .offer_emploi .avatar-offre-d-emploi,.path-offres-d-emploi .offer_emploi .title-offre-d-emploi,
  .path-offre-de-stage .offer_emploi .type-contrat-offre-d-emploi,.path-offres-d-emploi .offer_emploi .pole-metiers-offre-d-emploi,
  .path-offre-de-stage .offer_emploi .read-more-offre-d-emploi
  {
    margin: 22px;
  }

  .path-offre-de-stage .read-more-offre-d-emploi {
    display: block;
  }
  .path-offre-de-stage .title-offre-d-emploi {
    font-size: 16px;
  }

  .path-offre-de-stage .emplacement-offre-d-emploi {
    font-size: 13px;
  }

  .path-offre-de-stage .emplacement-offre-d-emploi {
    padding-top: 0px;

  }

}

.path-offre-de-stage .body-page{

  background-color: #f5f5f5;
}



.path-offre-de-stage .nav-tabs> li{
  width: 200px;
  min-height: 47px;
}

.path-offre-de-stage .nav-tabs> li> a {

  text-align: center;
  border-radius: 8px 8px 0 0;
  border: 1px solid #ffffff;
  color: #fff;
  font-size: 18px;
  font-family: ProximaNovaSemiBold;
  background-color: #0dd3c5;
  margin-right: 5px;

}
.path-offre-de-stage #myTab.nav-tabs> li.active> a {

  color: #000;
  background-color: white;
  border-top: 3px solid #0dd3c5;
  border-radius: 8px 8px 0 0;

}

.path-offre-de-stage .nav-tabs {

  border-bottom: none;

}

.path-offre-de-stage #myTab.nav> li > a:hover {

  background-color: white;
  color:#000;
  border: 1px solid #ffffff;
  border-top: 3px solid #0dd3c5;
}

.tab-content .form-group{

  float: left;
}


.path-offre-de-stage .block_catalogue_desc{

  text-align: center;
}

.path-offre-de-stage .block_catalogue_desc p:nth-child(1){

  font-size: 30px;
  font-family: "ProximaNovaBlack";
  color: rgb(51, 51, 51);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.path-offre-de-stage .block_catalogue_desc p:nth-child(2){

  font-size: 15px;
  font-family: "ProximaNovaBlack";
  color: rgb(51, 51, 51);
  text-transform: uppercase;
}


.path-offre-de-stage .block_catalogue_file{


  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;

}

.path-offre-de-stage .block_catalogue_file a{

  border: 1px solid #0dd3c5;
  background-color: #0dd3c5;
  color: #fff;
  padding: 16px 37px 16px 37px;
  border-radius: 53px;
  font-family: ProximaNovaBold;
  font-size: 14px;
  text-transform: uppercase;
}


.path-offre-de-stage .block_catalogue_file a:hover{

  box-shadow: 0px 6px 12px 0px rgba(47, 47, 51, 0.2);

}


.path-offre-de-stage .block_catalogue_image img{
  margin: auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  height: auto;
}

.path-offre-de-stage .block_catalogue_image{

  margin-bottom: 30px;

}


.path-offre-de-stage .region-content {
  min-height: 100px;
}


footer nav, footer ul.menu--footer li a:hover {
  color: #999999;

}
footer #block-socialmedia {
  order: 3;
  line-height: 2.8;
}
#block-socialmedia ul li {

  margin: 0 5px;

}
#block-wevioo-footer {
  line-height: 1.5;
}



@media (max-width: 800px){

  .path-offre-de-stage .nav-tabs> li> a {
    font-size: 12px;
  }
  .path-offre-de-stage .nav-tabs> li {
    width: 145px;
    min-height: 47px;
  }

  #views-exposed-form-offre-de-stage-page-1 .form-item  label {

    border: 1px solid #01aad1;
    color: #01aad1;
    padding: 7px 10px 7px 10px;
    font-size: 10px;
    margin: 3px 5px;
  }

  .path-offre-de-stage  .tab-content{
    padding: 10px;
  }

  #views-exposed-form-offre-de-stage-page-1 .form-item label.active {


    padding: 7px 10px 7px 10px;
    border-radius: 53px;
    font-family: ProximaNovaRegular;
    font-size: 10px;
  }

  #views-exposed-form-offre-de-stage-page-1 .form-item label.active:hover {


    padding: 7px 10px 7px 10px;
    border-radius: 53px;
    font-family: ProximaNovaRegular;
    font-size: 10px;
  }



  .path-offre-de-stage .nav > li{

    width: 100%;

  }

  .path-offre-de-stage .block_catalogue_desc p:nth-child(1){
    font-size: 14px;
  }
  .path-offre-de-stage .block_catalogue_desc p:nth-child(2){
    font-size: 10px;
  }

  .path-offre-de-stage .block_catalogue_file a {
    font-size: 10px;
  }

  .path-offre-de-stage .block_catalogue_file {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  /*.lds-ring {*/
    /*display: flex !important;*/
    /*text-align: center;*/
    /*margin: 0 auto;*/
  /*}*/

  #block-wevioo-powered{
    padding-bottom: 12px;
  }

  .region.region-footer{

    text-align: center;
  }

  footer nav, footer ul.menu--footer {
    display: block;
  }

}

@media (max-width: 1200px){

  .path-offre-de-stage .read-more-offre-d-emploi a {

    font-size: 12px;

  }

}

.li-loader{
  text-align: center;
  min-height: 5px !important;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 45px;
  height: 45px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  border: 6px solid #3498db;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3498db transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#upload-instructions--1,#upload-instructions--2,#upload-instructions--3,#upload-instructions--4,.help-block{
  display: block !important;
  font-size: 14px;
  font-family: "ProximaNovaRegular";
  background: #f5f5f5;
  /*padding: 10px;*/
  border-radius: 10px;
  /*margin-top: -5px;*/
  color: #777 !important;

}

#upload-instructions--1 code,#upload-instructions--2 code,#upload-instructions--3 code,#upload-instructions--4 code,.help-block code{
  color: #777;
  background: #f5f5f5;
}

#edit-ajouter-votre-cv-upload-button .description a {
  display: none !important;
}


.filterpp
{

  float: left;
}



.form-inline .form-control{

  width: 100% !important;
}



.offre-d-emploi-form form #cv-offre-emploi label {

  background-color: rgb(13, 211, 197);
  border: none !important;
  width: 294px;
  height: 34px;
  border-radius: 30px;
  /* margin-top: 45px; */
  margin-bottom: 20px;
  outline: none !important;
  font-size: 16px;
  font-family: "ProximaNovaSemiBold";
  color: rgb(255, 255, 255) !important;
  text-transform: uppercase;
}

.offre-d-emploi-form form #cv-offre-emploi label:hover{
  background-color: rgb(13, 211, 197);
  box-shadow: 0px 6px 12px 0px rgba(47, 47, 51, 0.2);
}
.offre-d-emploi-form .control-label.option.js-form-required.form-required{
  font-weight: normal !important;
}
.offre-d-emploi-form .form-required:after {
  display: none;
}


@media (max-width: 479px) {
  .image_engagement img {
    /*position: absolute;*/
    margin: 0 auto;
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    max-width: 290px;
    max-height: 294px;

  }

}

@media (max-width: 460px) {

  .flex-direction-nav .flex-nav-prev, .flex-direction-nav .flex-nav-next {

    display: none;

  }

  #block-views-block-actualites-block-1 h2.block-title {
    font-size: 25px;
    margin-bottom: 0px;
  }

  div#popup-buttons.eu-cookie-compliance-buttons {

    text-align: center;
  }

  section#block-views-block-services-block-1 .field--type-text-with-summary p ,section#block-views-block-services-block-2 .field--type-text-with-summary p{

    padding-left: 24px;
    padding-right: 24px;
  }

  section#block-views-block-services-block-1 h2.block-title , section#block-views-block-services-block-2 h2.block-title  {

    padding-left: 42px;
  }

  section#block-views-block-services-block-1{

    padding: 35px 0 ;
  }

  .btn-more-service {

    margin-bottom: 63px;
  }

  section#block-views-block-video-block-1 .title_video>a {

    font-size: 24px;
  }


  .actualites_block .actu_block_homepage .video-homepage-all {
    margin-bottom: 36px;
    text-align: center;
  }



  section#block-views-block-video-block-1>*:not(.background-text){
    margin-top: 39px;

  }

  .video .video-title-expertise-service .field--item{

    font-size: 24px;
  }

  #block-maps .block-management-sub-main{

    min-height: 139px !important;
  }

  .block_video_carriere .title_video{

    margin-bottom: 40px;
    font-size: 24px;
    margin-top: 47px;
  }

  /*.image_engagement img {*/

    /*position: absolute;*/
    /*margin: auto;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*!*bottom: 0;*!*/
    /*max-width: 290px;*/
    /*max-height: 294px;*/

  /*}*/


  .image_nos_engagements .owl-item{

    border:none;
  }

  .post_it_qui_sommes_nous .post_it_container{

    min-height: 216px !important;
  }

  .engagements_qui_sommes_nous .engagements_qui_sommes_nous_main h2 {
    margin-top: 0px !important;
  }

  .desc_qui_sommes_nous h2 {
    margin-top: 0px !important;

  }

  .desc_qui_sommes_nous{

    min-height: 264px !important;

  }

  .page-expertise-service .description h2{

    margin-top: 0px;
    font-size: 21px;
  }

  .page-expertise-service .description .field--name-body{

    margin-bottom: 34px;
  }

  .path-tendance h1.page-header, .path-events h1.page-header, .path-videos h1.page-header, .path-actualites h1.page-header, .path-presse h1.page-header{

    margin-bottom: -39px !important;
    padding-left: 32px;
    font-size: 27px;
  }


  section#block-views-block-services-block-2 h2.block-title{

    margin-bottom: 15px;
    font-size: 26px;
  }

  section#block-views-block-services-block-2 .field--type-text-with-summary p{

    font-size: 15px;
  }

  section#block-views-block-services-block-2{

    padding-top: 30px;

  }

  section#block-views-block-video-block-1 .title_video{

    margin-bottom: 15px;
  }

  section#block-views-block-services-block-1 h2.block-title{

    margin-bottom: 15px;
    font-size: 26px;

  }

  section#block-views-block-services-block-1 .field--type-text-with-summary p{

    font-size: 15px;
    max-height: none;
  }

  .video iframe {
    height: 204px;

  }

  .video .video-embed-field-provider-youtube{
    height: 208px;
    margin-top: 31px;
  }


  .page_actualites .page_actualites_item .title_page_actualites{

    font-size: 21px !important;
  }


  .flexslider .slides img {

    height: 203px;

  }



}
.expanded.dropdown .link-sub-menu {
  display: none;
}
.expanded.dropdown .dropdown-menu{
  display: none;
}

.expanded.dropdown .sub-menu-opened{
  display: block !important;
  width: 100%;
  left: 0;
  position: relative;
  border: none;
  background-color: #f7f7f7;
  box-shadow: none;
}
.expanded.dropdown .sub-menu-opened a{
  padding: 3px 17px;
}

#webform-submission-livre-blanc-add-form input.error{
  border: 1px solid red;
}

.page-node-type-livre-blanc .field--name-field-social-share .field--label{
  display: none;
}

.offre-publish{
  margin-top: 80px !important;
  margin-bottom: 20px !important;
  text-align: center;
  font-weight: bold;
}

.offre-publish p{
  color: black;
  font-weight: bold;
  font-size: 24px;
}

.actu_block_homepage{
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .actu_block_homepage{
    padding: 0 5px;
  }
  #block-views-block-services-block-2 .actu_block_homepage{
    padding: 0 15px;
  }
}
.block-actualites-home-page{
  box-shadow: 0px 3px 10px rgba(0,0,0,.15);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
}

.block-actualites-content{
  padding: 20px 30px 30px;
}
.share-social-media{
  display: flex;
  align-items: center;
}

.block-actualites-header{
  min-height: 80px;
  margin: 0 0 15px;
}
.image_actualites{
  border-radius: 20px 20px 0 0;
  max-height: 220px;
  overflow: hidden;
}

.sub_actu_home_page:hover .image_actualites img {
  transform: scale(1.1);
  transition: all 0.7s ease 0s;
}
.image_actualites img{
  width: 100%;
  height: auto;
  transition: all 0.7s ease 0s;
}
@media (max-width: 767px) {
  .image_actualites{
    max-height: none;
  }
}
.view-content-wrap {
  clear: both;
}
#block-views-block-services-block-1 .view-content-wrap {
  padding: 0 15px;
}
#block-views-block-services-block-1 .form-group{
  padding: 0 !important;
}
@media (max-width: 460px) {
  #block-views-block-services-block-1 .service_block_homepage {
    padding: 0 15px !important;
  }
}
.flexslider  .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 30px;
  text-align: left;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1170px;
  padding: 0 0 0 110px;
}
@media (max-width: 1199px) {
  .flexslider .flex-control-nav {
    bottom: 15px;
    max-width: 940px;
    padding: 0 0 0 75px;
  }
}
.flexslider {
  margin: 0 0 40px;
}
.flex-control-paging li a {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.flex-control-paging li a.flex-active {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
  box-shadow: none;
}
@media (max-width: 767px) {
.action-btn-all-actus {
  margin-right: 15px;
}
#block-views-block-actualites-block-1 h2.block-title {
    margin-left: 15px;
  }
}

/* tabs services
-------------------------------*/

.actualites_block .nav-tabs {
  text-align: center;
  margin-top: 30px;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
  border-radius: 50px;
  position: relative;
  width: 80%;
  margin: 25px auto 10px;
  clear: both;
  overflow: hidden;
  display: flex;
  border:none;
}
.actualites_block .nav-tabs a{
  display: inline-block;
  cursor: pointer;
  user-select: none;
  color: #000;
  font-family: 'ProximaNovaSemiBold';
  text-transform: uppercase;
  padding: 16px 30px;
  font-size: 16px;
  box-sizing: border-box;
  position:relative;
  z-index:1;
  transition-duration:0.6s;
  /*width: 33.333%;*/
  border:none;
  margin: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
@media (max-width: 991px){
  .actualites_block .nav-tabs{
    width: 100%;
  }
   .actualites_block .nav-tabs a{
    padding: 8px 10px;
     font-size: 14px;
     line-height: 16px;
     min-height: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
     white-space: normal;
  }
}
 actualites_block .nav-tabs a.active,  actualites_block .nav-tabs a.active-color {
  color: #fff;
  box-shadow: none;
}

.nav-tabs .selector{
  height:100%;
  display:inline-block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  border-radius:50px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background: transparent;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, .12);
}


.tab-content {
  padding: 50px 35px;
  background : transparent;
  border-radius: 15px;
  position: relative;
}
.inner_tabs_content{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.inner_tabs_content > img{
  position: relative;
  right: -65px;
  bottom: -20px;
  max-width: 450px;
  height: auto;
}
@media (max-width: 991px){
  .inner_tabs_content > img{
    max-width: 280px;
  }
}
@media (max-width: 767px){
  .inner_tabs_content > img{
    display: none;
  }
  .inner_tabs_content > a > img{
    display: none;
  }
}
.tab-content p {
  color:#ffffff;
  font-size: 15px;
  line-height: 28px;
  margin: 0 0 15px;
}
.tab-content .btn-read-more{
  background: #ffffff;
  font-family: 'ProximaNovaBold';
  border-radius: 25px;
  padding: 8px 35px;
  font-weight: bold;
  color:#000000;
  font-size: 16px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
  margin: 20px 0 0;
  transition: all 0.3s ease-in-out;
}
.tab-content .btn-read-more:hover{
  background: #000;
  color:#fff;
  transition: all 0.3s ease-in-out;

}
.tabs-content .tab-content:not(:first-child) {
  display: none;
}
.inner_tabs-text{
  padding: 30px 0 0;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 250px;
}
@media (max-width: 767px) {
  .inner_tabs-text{
    padding: 0;
    min-height:  50px;
  }
  .tab-content {
    padding: 25px ;
  }
  #tabs-content-secteur .inner_tabs-text {
    width: 100% !important;
  }
}
@media (max-width: 479px) {
  .tab-content {
    padding: 20px 15px ;
  }
  .tab-content p {
    line-height: 22px;
  }
}
#tabs-content-secteur .inner_tabs_content {
  justify-content: flex-end;
}
#tabs-content-secteur  .inner_tabs-text {
  width: 80%;
}
#tabs-content-secteur  .inner_tabs_content > img {
  position: absolute;
  right: -30px;
  bottom: 0;
}
.tab-content.bg-service-1, .nav-tabs .bg-service-1{
  background-image: linear-gradient(to right, #fc511a, #fc6910, #fc7e06, #fa9206, #f8a411);
}
.tab-content.bg-service-2, .nav-tabs .bg-service-2{
  background-image: linear-gradient(to right, #c606c0, #e30094, #ef0067, #ed003a, #de0404);
}
.tab-content.bg-service-3, .nav-tabs .bg-service-3, .tab-content.bg-service-4, .nav-tabs .bg-service-4{
  background-image: linear-gradient(to right, #4c47ff, #007fff, #00a7ff, #21c8ff, #97e4fe);
}
.tab-content.bg-secteur-1, .nav-tabs .bg-secteur-1{
  background-image: linear-gradient(to right, #09bffb, #05cbfe, #1cd6ff, #35e1ff, #4cecff);
}
.tab-content.bg-secteur-2, .nav-tabs .bg-secteur-2{
  background-image: linear-gradient(to right, #04968c, #12a9a2, #1ebcb8, #29cfd0, #34e3e8);
}
.tab-content.bg-secteur-3, .nav-tabs .bg-secteur-3{
  background-image: linear-gradient(to right, #054aaf, #0043be, #0739cb, #292ad5, #4605dd);
}
.tab-content.bg-secteur-4, .nav-tabs .bg-secteur-4{
  background-image: linear-gradient(to right, #04968c, #12a9a2, #1ebcb8, #29cfd0, #34e3e8);
}

.text-infos-video{
  padding: 15px;
}
.text-infos-video p{
  font-size: 17px;
  color: #000;
  line-height: 30px;
  font-family: 'ProximaNovaSemiBold';
}






.banniere-image {
  position: relative;
}
.baniere-page-inner {
  position: relative;
}
.baniere-page-inner .baniere-title {
  position: absolute;
  top: 50%;
  left: 50px;
  width: 80%;
  transform: translateY(-50%);
  z-index: 99;
}
.baniere-title h2 {
  font-family: 'ProximaNovaBlack';
  font-size: 55px !important;
  line-height: 55px;
  color: #fff;
  margin: 0 0 25px;
  text-align: right;
}
@media (max-width: 767px) {
  .baniere-title h2 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.btn.btn-download-brochure {
  padding: 5px 30px;
  color: #fff;
  border: 2px solid #ffffff;
  border-radius: 50px;
  font-size: 16px;
  font-family: "ProximaNovaRegular";
  display: inline-block;
  transition: all 0.3s ease-in-out;
  min-height: 40px;
}
.btn.btn-download-brochure.btn-blue {
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  border: none;
  padding: 7px 30px;
}
.btn.btn-download-brochure:hover {
  color: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}
.icon-btn {
  position: relative;
  display: inline-block;
  padding: 0 0 0 10px;
  border-left: 1px solid #fff;
  margin: 0 0 0 10px;
}
.icon-btn img {
  max-width: 35px;
  height: auto;
}
.banniere-image img {
  max-width: 1250px;
  height: auto;
}

@media (max-width: 1500px) {
  .banniere-image img {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .banniere-image {
    height: 200px;
    border-radius: 25px;
    overflow: hidden;
  }
  .banniere-image img {
    object-fit: cover;
    height: 100%;
  }
  .baniere-page-inner .baniere-title {
    left: 15px;
  }
  .btn.btn-download-brochure {
    padding: 5px 15px;
  }
}
.d-flex-center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/*About
----------------------*/
.about-us-Pages {
  padding: 35px 0;
}
.left-about-us {
  padding-left: 30px !important;
  margin-top: -295px;
}
.left-about-us p.big-text{
margin-bottom: 53px;
}

@media (max-width: 991px) {
  .left-about-us {
    padding-left: 15px !important;
  }
  .left-about-us img {
    width: 100%;
    height: auto;
  }
}
.about-infos-texte {
  padding: 50px 0;
}
.img-about-shadow {
  position: relative;
  padding: 0 15px 0 35px;
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .img-about-shadow {
    margin: 0 0 25px 15px;
  }
}
@media (max-width: 450px) {
  .img-about-shadow {
    padding: 0;
    margin: 0;
  }
  .img-about-shadow:after {
    display: none;
  }
}
.img-about-shadow:after {
  position: absolute;
  content: "";
  border-radius: 35px 0;
  left: 0;
  top: 35px;
  bottom: -35px;
  right: 35px;
  background: rgba(83, 223, 241, 0.13);
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.img-about-shadow img {
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
  border-radius: 35px 0;
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
}
.img-about-shadow:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .right-about-us {
    padding-left: 15px !important;
  }
  .about-infos-texte {
    padding: 0 0 50px;
  }
}
.about-us-Pages p,
.about-infos-texte p {
  font-size: 18px;
  line-height: 25px;
  color: #4a4a4a;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .about-us-Pages p,
  .about-infos-texte p {
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 10px;
  }
}
.pt-3 {
  padding-top: 35px;
}
p.big-text {
  font-size: 23px;
  line-height: 28px;
  color: #000;
  font-family: "ProximaNovaBold";
}
.box-about-service {
  display: flex;
  padding: 15px 0;
}
@media (max-width: 576px) {
  .box-about-service {
    margin: 0 !important;
  }
  .box-about-service .box-about-icon {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .about-us-Pages p,
  .about-infos-texte p {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 15px;
  }
  .pt-3 {
    padding-top: 25px;
  }
  p.big-text {
    font-size: 18px;
    line-height: 25px;
  }
}
.box-about-icon {
  position: relative;
}
.box-about-icon img {
  position: relative;
  max-width: 55px;
  height: auto;
  z-index: 9;
}
.box-about-icon:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 10px;
  right: 45px;
  opacity: 0.35;
  z-index: 0;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #be0aa9, #7356cc, #006fca, #0079b0, #0b7c8e);
}
.box-about-icon:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  bottom: 10px;
  left: 20px;
  z-index: 0;
  border-radius: 50%;
  background: rgba(91, 230, 248, 0.2);
}
.box-about-service:nth-of-type(2) .box-about-icon:before {
  top: 25px;
  right: 25px;
  left: inherit;
}
.box-about-service:nth-of-type(2) .box-about-icon:after {
  width: 70px;
  height: 70px;
  top: 10px;
  bottom: inherit;
  left: -15px;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(3) .box-about-icon:before {
  top: inherit;
  right: 0;
  left: inherit;
  bottom: 25px;
}
.box-about-service:nth-of-type(3) .box-about-icon:after {
  width: 70px;
  height: 70px;
  top: 10px;
  bottom: inherit;
  left: 20px;
}
.box-about-service:nth-of-type(even) {
  flex-direction: row-reverse;
}
.box-about-service:nth-of-type(1) {
  margin: 0 0 0 70px;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(2) {
  margin: 0 40px 0 0;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(3) {
  margin: 0 0 0 40px;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(1) .box-about-icon {
  display: flex;
  padding: 15px 60px 20px 0;
  align-items: flex-end;
}
.box-about-service:nth-of-type(2) .box-about-icon {
  display: flex;
  padding: 35px 80px 15px 15px;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(2) .box-text-about {
  padding: 20px 15px;
}
.box-about-service:nth-of-type(3) .box-about-icon {
  display: flex;
  padding: 35px 60px 15px 15px;
  align-items: flex-start;
}
.box-about-service:nth-of-type(3) .box-text-about {
  padding: 20px 25px;
}
.box-about-service:nth-of-type(1):hover {
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(2):hover {
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(2):hover .box-about-icon:after {
  left: 15px;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(2):hover .box-about-icon {
  padding-left: 35px;
  transition: all 0.3s ease-in-out;
}
.box-about-service:nth-of-type(3):hover {
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.box-about-service:hover .box-text-about {
  margin: 0;
  transition: all 0.3s ease-in-out;
  background-image: linear-gradient(to bottom, #43d1e3, #4bd8ea, #53def0, #5be5f7, #62ecfe);
}
.box-about-service:hover .box-text-about h4,
.box-about-service:hover .box-text-about p {
  color: #fff;
}
.box-text-about {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  padding: 20px 30px;
  border: 1px solid #d6f9fa;
  transition: all 0.3s ease-in-out;
  min-height: 135px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.box-text-about h4 {
  font-size: 18px;
  font-family: "ProximaNovaBold";
  line-height: 23px;
  margin: 0 0 5px;
  color: #000;
}
.box-text-about p {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #000;
}
.box-text-about ul li {
  font-family: "ProximaNovaBold";
  line-height: 23px;
  list-style: disc;
}
/*wipes
--------------*/
#pinscroll {
  margin: 50px;
}
#pinContainer {
  width: 100%;
  height: 500px;
  overflow: hidden;
  padding: 0 20px 20px;
}
.section-wipes .container {
  position: relative;
}

@media (max-width: 576px) {
  .section-wipes .container {
    padding: 0;
  }
}
.panelwipe {
  top: 10px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  position: absolute;
  box-shadow: 0px 5px 12px rgba(102, 73, 73, 0.22);
  border-radius: 0px 0px 20px 20px !important;
  background: #eefafb;
}
.panelwipe:nth-of-type(5) {
  background-image: linear-gradient(to right, #ffd5ff, #ffc0e7, #ffaccb, #fc99ab, #f38888);
  z-index: 2;
}
.panelwipe:nth-of-type(4) {
  background-image: linear-gradient(to right, #ffb4a0, #ffb18a, #ffb070, #ffb254, #f7b733);
  z-index: 2;
}
.panelwipe:nth-of-type(3) {
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  z-index: 2;
}

.panelwipe:nth-of-type(2) {
  background-image: linear-gradient(to right, #a5e9fe, #90d8ff, #89c4fe, #91aff7, #a396e8);
  z-index: 1;
}
.panelwipe:nth-of-type(1) {
  background-image: linear-gradient(to right, #25cbcc, #2ad2d5, #2fdadd, #33e1e6, #38e9ef);
  z-index: 0;
}
.panel-text-infos {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}
@media (max-width: 576px) {
  .panel-text-infos {
    left: 15px;
  }
  #pinContainer {
    height: 400px;
    padding: 0 10px 20px;
  }
  .panel-text-infos h2 {
    line-height: 35px !important;
  }

}
.panel-text-infos h2  {
  color: #000;
  font-size: 36px;
  line-height: 44px;
  font-family: "ProximaNovaExtraBold";
}
.panel-text-infos h2 a {
  color: #000;
}
.panel-text-infos p {
  color: #000;
  font-size: 18px;
  line-height: 25px;
  font-family: "ProximaNovaSemiBold";
}
.panel-title-bottom {
  position: absolute;
  font-family: "ProximaNovaSemiBold";
  z-index: 99;
  bottom: 25px;
  left: 50px;
  font-size: 30px;
  line-height: 36px;
  display: none;
}
.panelwipe img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 400px;
  height: auto;
}
@media (max-width: 991px) {
  .panelwipe img {
    display: none;
  }
}
.btn.btn-redamore {
  padding: 5px 30px;
  color: #157d8a;
  border-radius: 50px;
  font-size: 16px;
  background: #fff;
  font-family: "ProximaNovaSemiBold";
  display: inline-block;
  transition: all 0.3s ease-in-out;
  min-height: 40px;
  line-height: 30px;
  box-shadow: 0px 5px 12px rgba(102, 73, 73, 0.19);
  margin-top: 35px;
}
.info_bottom .btn.btn-contact {
  border: none;
  color: #fff;
  padding: 10px 25px;
  margin-top: 30px;
  border-radius: 50px;
  font-family: ProximaNovaSemiBold;
  font-size: 16px;
  min-height: 40px;
  display: inline-block;
  min-width: 175px;
  text-align: center;
  background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}
.block-contact {
  padding: 0 0 50px;
}
.btn:active,
.btn.active {
  box-shadow: none;
}

#block-views-block-clients-block-1 .views-field-field-image  {
  padding: 10px;
}
#block-views-block-clients-block-1 .views-field-field-image  .field-content {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.19);
  background: #fff;
  padding: 15px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

#block-views-block-clients-block-1 .views-field-field-image:hover img {
  transform: scale(1.05);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
}
#block-views-block-clients-block-1 .views-field-field-image  img {
  max-width: 150px;
  height: auto;
  transition: all 0.3s ease-in-out;
}
#block-views-block-clients-block-1 .block-title {
  font-family: 'ProximaNovaExtraBold';
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 0;
  color: #000;
  font-size: 25px !important;
  padding: 0 10px;
}
#block-views-block-clients-block-1{
  padding: 50px 15px;
}
.single-box .box-text-about p {
  margin: 0 0 15px;
}
.single-box.box-about-service {
  margin: 0 70px 0 100px;
  height: 100%;
  min-height: 450px;
  transition: all 0.3s ease-in-out;
}
.single-box.box-about-service:hover {
  margin: 0 45px;
  transition: all 0.3s ease-in-out;
}
.single-box .box-about-icon {
  position: absolute;
}
.single-box:hover .box-about-icon:nth-of-type(1) {
  left: 15px;
  transition: all 0.3s ease-in-out;
}
.single-box .box-about-icon:nth-of-type(1) {
  top: 100px;
  left: 55px;
  padding: 15px 25px 20px 0;
  transition: all 0.3s ease-in-out;
}
.single-box .box-about-icon:nth-of-type(1):before {
  top: -45px;
  right: 35px;
  opacity: 0.15;
}
.single-box:hover .box-about-icon:nth-of-type(2) {
  transition: all 0.3s ease-in-out;
  right: -25px;
}
.single-box .box-about-icon:nth-of-type(2) {
  top: 100px;
  right: 15px;
  padding: 15px 0 16px 60px;
  transition: all 0.3s ease-in-out;
}

.single-box .box-about-icon:nth-of-type(2):after {
  width: 78px;
  height: 78px;
}
.single-box .box-about-icon:nth-of-type(2):before {
  right: -35px;
  opacity: 0.35;
}
.single-box .box-about-icon:nth-of-type(3):after {
  width: 88px;
  height: 88px;
}
.single-box:hover .box-about-icon:nth-of-type(3) {
  left: -15px;
  transition: all 0.3s ease-in-out;
}
.single-box .box-about-icon:nth-of-type(3) {
  left: 15px;
  bottom: 50px;
  transition: all 0.3s ease-in-out;
}
.single-box .box-about-icon:nth-of-type(3):before {
  top: inherit;
  bottom: -25px;
  right: 73px;
  opacity: 0.15;
}
.template-two .box-about-icon {
  height: 88px !important;
  align-items: flex-start !important;
  position: relative;
  left: -25px;
  top: 10px;
}
.template-two .box-about-icon:after {
  width: 80px;
  height: 80px;
}
.template-two .box-about-icon:before {
  top: 100px;
  right: -25px;
  opacity: 0.15;
}
.template-two .img-about-shadow:after {
  left: 45px;
  right: 0;
}
.template-two .img-about-shadow {
  position: relative;
  padding: 0 35px 0 0;
  margin: 15px 0 0 15px;
}
.template-two.about-infos-texte {
  padding: 50px 0 100px;
}
.template-two .box-text-about {
  width: 100%;
}
@media (max-width: 991px) {
  .template-two.about-infos-texte {
    padding: 0 0 50px;
  }
  .template-two .left-about-us {
    margin-bottom: 30px;
  }
  #block-views-block-clients-block-1 .views-field-field-image  {
    padding: 10px 15px;
  }
}
@media (max-width: 576px) {
  .single-box .box-about-icon {
    display: none !important;
  }
  .template-two .box-about-icon img {
    position: relative;
    max-width: 33px;
    height: auto;
    z-index: 9;
  }
  .template-two .box-about-icon:after {
    width: 50px;
    height: 50px;
    bottom: 35px;
  }
}
@media (max-width: 576px) {
  .template-two .img-about-shadow {
    position: relative;
    padding: 0;
    margin: 15px 0 0 0;
  }
}
.block-actualites-home-page.livre-blanc-box{
  display: block !important;
  overflow: hidden;
  padding: 20px 5px;
}


.actualites_block .nav-tabs a.active{color:#fff}
#block-views-block-actualites-block-1 .actualites_page .lire_plus_management_block{display : none;}
.panel-digital-item {cursor:pointer}
.baniere-page-inner h2 {
    width: 50%;
    color: #fff;
    font-family: ProximaNovaBlack;
}
.baniere-page-inner .bannier-image {
    position: relative;
    min-height: 300px;
}
.baniere-page-inner {
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 15px;
    min-height: 300px;
    justify-content: space-between;
    margin-bottom: 80px;
}

nav#block-wevioo-main-menu ul.menu--main li a.menu_contactez_nous {
    border: none;
    color: #fff!important;
    padding: 10px 25px;
    margin-top: 22px;
    border-radius: 50px;
    font-family: ProximaNovaSemiBold;
    font-size: 16px;
    min-height: 40px;
    display: inline-block;
    min-width: 175px;
    text-align: center;
    background-image: linear-gradient(to right, #42d0e2, #4bd7e9, #53def0, #5be6f8, #63edff);
    box-shadow: 0px 2px 5px rgb(0 0 0 / 15%);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.page-innovation .bannier-page {
margin-bottom: 38px!important;
}