.container-fluid{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.breadcrumb{
    padding: 15px 15px;
    margin-bottom: 5px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-family: 'ProximaNovaRegular';
    font-size: 32px;
    line-height: 38px;
}
.breadcrumb li {
  color: rgba(0,0,0,.45)
}
.breadcrumb li a{
  color: #000
}
.breadcrumb > li + li:before {
  padding: 0 !important;
  color: #000 !important;
}
@media (max-width: 420px) {
  .breadcrumb{
    font-size: 20px;
    line-height: 28px;
  }
}
.region-highlighted .alert{
    padding-left: 30px !important;
}
#sliding-popup{
    background: rgb(10, 112, 174) !important;
}
.region-content{
    min-height: 830px;
}
#page_webform_livre_blanc .region-content{
  min-height: auto !important;
}
.user-logged-in .region-content{
    min-height: 686px !important;
}
/*slider*/
.path-frontpage #flexslider-1 .flex-nav-prev .flex-prev{
    border-top-right-radius: 900px;
    border-bottom-right-radius: 900px;
    width: 70px;
    height: 140px;
    background: #000;
    opacity: .1;
    left: -1%;
    cursor: pointer;
    top: 40%;
}
.path-frontpage #flexslider-1 .flex-nav-prev .flex-prev:hover{
    opacity: .4;
    left: 0%;
}
.path-frontpage #flexslider-1 .flex-nav-prev .flex-prev:hover, #flexslider-1 .flex-nav-prev .flex-prev:before{
    margin-left: 15px;
}
.path-frontpage #flexslider-1 .flex-nav-prev .flex-prev:before{
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 35px;
    background-image: url(../img/screen-viewer-sprite.png);
    content: '' !important;
    margin-left: 15px;
    margin-top: 48px;
}
.path-frontpage #flexslider-1 .flex-nav-next .flex-next{
    right: -1%;
    border-top-left-radius: 900px;
    border-bottom-left-radius: 900px;
    width: 70px;
    height: 140px;
    background: #000;
    opacity: .1;
    cursor: pointer;
    top: 40%;
}
.path-frontpage #flexslider-1 .flex-nav-next .flex-next:hover{
    opacity: .4;
    right: 15px;
}
.path-frontpage #flexslider-1 .flex-nav-next .flex-next:hover, #flexslider-1 .flex-nav-next .flex-next:before{
    margin-left: 35px;
}
.path-frontpage #flexslider-1 .flex-nav-next .flex-next:before{
    background-position: -69px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 35px;
    background-image: url(../img/screen-viewer-sprite.png);
    content: '' !important;
    margin-left: 35px;
    margin-top: 48px;
}
.path-frontpage .flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a{
    display: block !important;
}
/*end slider*/
/*slider*/
.page_services #flexslider-1 .flex-nav-prev .flex-prev{
    border-top-right-radius: 900px;
    border-bottom-right-radius: 900px;
    width: 70px;
    height: 140px;
    background: #000;
    opacity: .1;
    left: -2%;
    cursor: pointer;
    top: 40%;
}
.page_services #flexslider-1 .flex-nav-prev .flex-prev:hover{
    opacity: .4;
    left: -1%;
}
.page_services #flexslider-1 .flex-nav-prev .flex-prev:hover, #flexslider-1 .flex-nav-prev .flex-prev:before{
    margin-left: 15px;
}
.page_services #flexslider-1 .flex-nav-prev .flex-prev:before{
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 35px;
    background-image: url(../img/screen-viewer-sprite.png);
    content: '' !important;
    margin-left: 9px;
    margin-top: 48px;
}
.page_services #flexslider-1 .flex-nav-next .flex-next{
    right: -2%;
    border-top-left-radius: 900px;
    border-bottom-left-radius: 900px;
    width: 70px;
    height: 140px;
    background: #000;
    opacity: .1;
    cursor: pointer;
    top: 40%;
}
.page_services #flexslider-1 .flex-nav-next .flex-next:hover{
    opacity: .4;
    right: 0%;
}
.page_services #flexslider-1 .flex-nav-next .flex-next:hover, #flexslider-1 .flex-nav-next .flex-next:before{
    margin-left: 35px;
}
.page_services #flexslider-1 .flex-nav-next .flex-next:before{
    background-position: -69px 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 19px;
    height: 35px;
    background-image: url(../img/screen-viewer-sprite.png);
    content: '' !important;
    margin-left: 43px;
    margin-top: 48px;
}
.page_services .flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a{
    display: block !important;
}
.page_services .flexslider {
    border: none !important;
    height: auto;
    max-height: 570px;
}
.page_services .flexslider img{
    max-height: 570px;
}
.page_services #flexslider-1 .views-field.views-field-field-poste .field-content {
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: white;
    left: 15%;
    top: 37%;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: absolute;
    padding: 15px;
    max-width: 70%;
}
/*end slider*/
/* Page Qui sommes nous */

.desc_qui_sommes_nous{
    width: 100%;
    min-height: 250px;
    height: auto;
}
.desc_qui_sommes_nous h2{
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-align: left;
    text-transform: uppercase;
    line-height: 1.952;
    margin-top: 0px;
    margin-bottom: 0px;
}
.desc_qui_sommes_nous p{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    color: #8A8A8C;
    /*color: rgb(119, 119, 119);*/
    /*line-height: 1.875;*/
}
.post_it_qui_sommes_nous{
    /*background-color: rgb(10, 112, 174);*/
    width: 100%;
    min-height: 287px;
    height: auto;
}
.webform-confirmation{
  width: 100%;
  min-height: 287px;
  height: auto;
  margin-top: 15%;
}
.webform-confirmation span{
  font-size: 16px;
  font-family: "ProximaNovaRegular";
}
.post_it_qui_sommes_nous .image_performance{
    /*margin-top: 70px;*/
    /*text-align: center;*/
    /*min-width: 65px;*/
    /*min-height: 65px;*/
    /*background: url("../../../../sites/default/files/img/icon-1.png") no-repeat;*/
    max-width: 70px;
    max-height: 70px;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: none;
}
.post_it_qui_sommes_nous .post_it_sub_main .post_it_content {
    padding-top: 60px;
}

.post_it_qui_sommes_nous .field--item:nth-child(1) .post_it_sub_main:hover .image_performance {
    background: url("../../../../themes/wevioo/cdn/img/active-icon-1.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .field--item:nth-child(1) .post_it_sub_main:hover .nombre_performance {
    color: #ffffff;
}
.post_it_qui_sommes_nous .field--item:nth-child(1) .post_it_sub_main:hover .titre_performance {
    color: #ffffff;
}


.post_it_qui_sommes_nous .field--item:nth-child(2) .post_it_sub_main:hover .image_performance {
    background: url("../../../../themes/wevioo/cdn/img/active-icon-2.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .field--item:nth-child(2) .post_it_sub_main:hover .nombre_performance {
    color: #ffffff;
}
.post_it_qui_sommes_nous .field--item:nth-child(2) .post_it_sub_main:hover .titre_performance {
    color: #ffffff;
}



.post_it_qui_sommes_nous .field--item:nth-child(3) .post_it_sub_main:hover .image_performance {
    background: url("../../../../themes/wevioo/cdn/img/active-icon-3.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .field--item:nth-child(3) .post_it_sub_main:hover .nombre_performance {
    color: #ffffff;
}
.post_it_qui_sommes_nous .field--item:nth-child(3) .post_it_sub_main:hover .titre_performance {
    color: #ffffff;
}


.post_it_qui_sommes_nous .field--item:nth-child(4) .post_it_sub_main:hover .image_performance {
    background: url("../../../../themes/wevioo/cdn/img/active-icon-4.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .field--item:nth-child(4) .post_it_sub_main:hover .nombre_performance {
    color: #ffffff;
}
.post_it_qui_sommes_nous .field--item:nth-child(4) .post_it_sub_main:hover .titre_performance {
    color: #ffffff;
}



.post_it_qui_sommes_nous .field--item:nth-child(1) .post_it_sub_main:hover {
    background-color: #0dd3c5;
    border-radius: 10px;
    border-top-left-radius: 40px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
}

.post_it_qui_sommes_nous .field--item:nth-child(2) .post_it_sub_main:hover {
    background-color: #0dd3c5;
    border-radius: 10px;
    border-top-left-radius: 40px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
}


.post_it_qui_sommes_nous .field--item:nth-child(3) .post_it_sub_main:hover {
    background-color: #0dd3c5;
    border-radius: 10px;
    border-top-left-radius: 40px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
}

.post_it_qui_sommes_nous .field--item:nth-child(4) .post_it_sub_main:hover {
    background-color: #0dd3c5;
    border-radius: 10px;
    border-top-left-radius: 40px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
}

.post_it_qui_sommes_nous .field--item:nth-child(1) .post_it_sub_main .image_performance{
    /*margin-top: 70px;*/
    /*text-align: center;*/
    /*min-width: 65px;*/
    /*min-height: 65px;*/
    background: url("../../../../themes/wevioo/cdn/img/icon-1.png") no-repeat;
    background-position-x: center;
}


.post_it_qui_sommes_nous .field--item:nth-child(2) .post_it_sub_main .image_performance{
    /*margin-top: 70px;*/
    /*text-align: center;*/
    /*min-width: 65px;*/
    /*min-height: 65px;*/
    background: url("../../../../themes/wevioo/cdn/img/icon-2.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .field--item:nth-child(3) .post_it_sub_main .image_performance{
    /*margin-top: 70px;*/
    /*text-align: center;*/
    /*min-width: 65px;*/
    /*min-height: 65px;*/
    background: url("../../../../themes/wevioo/cdn/img/icon-3.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .field--item:nth-child(4) .post_it_sub_main .image_performance{
    /*margin-top: 70px;*/
    /*text-align: center;*/
    /*min-width: 65px;*/
    /*min-height: 65px;*/
    background: url("../../../../themes/wevioo/cdn/img/icon-4.png") no-repeat;
    background-position-x: center;
}
.post_it_qui_sommes_nous .image_performance img{
    /*max-width: 65px;*/
    /*max-height: 65px;*/
    /*margin: 0 auto;*/
}
.post_it_qui_sommes_nous .nombre_performance {
    font-size: 44px;
    font-family: "ProximaNovaBold";
    /*color: #d3d3d3;*/
    color: #19D5C7;
    text-transform: uppercase;
    line-height: 0.727;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}
.post_it_qui_sommes_nous .titre_performance {
    font-size: 20px;
    font-family: "montserrat-extrabold";
    color: #222222;
    line-height: 1.778;
    text-align: center;
    white-space: nowrap;
}
.post_it_qui_sommes_nous .post_it_container{
    display: inline-block;
    position: relative;
    min-width: 258px;
    min-height: 287px;
    height: auto;
}

.post_it_qui_sommes_nous .post_it_container .hr-container hr{
    max-width: 115px;
    border: 1px solid #4e95c0;
    transform: rotate(90deg);
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.post_it_sub_main{
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}
.post_it_qui_sommes_nous .post_it_main .field--items .field--item:nth-child(1) .post_it_sub_main{
    /*background-color: #3588cc;*/
}
.post_it_qui_sommes_nous .post_it_main .field--items .field--item:nth-child(2) .post_it_sub_main{
    /*background-color: #a8cdff;*/
}
.post_it_qui_sommes_nous .post_it_main .field--items .field--item:nth-child(3) .post_it_sub_main{
    /*background-color: #4ec2b3;*/
}
.post_it_qui_sommes_nous .post_it_main .field--items .field--item:nth-child(4) .post_it_sub_main{
    /*background-color: #4bd1a0;*/
}
.engagements_qui_sommes_nous{
  padding: 80px 0;
    width: 100%;
    /*min-height: 528px;*/
    height: auto;
    /*margin-bottom: 5%;*/
}
.engagements_qui_sommes_nous .engagements_qui_sommes_nous_main >div{
    /*max-width: 530px;*/
}
.engagements_qui_sommes_nous .engagements_qui_sommes_nous_main h2{
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-align: left;
    text-transform: uppercase;
    margin-top: 110px;
    margin-bottom: 0px;
}
.engagements_qui_sommes_nous .engagements_qui_sommes_nous_main p{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    /*color: rgb(119, 119, 119);*/
    /*line-height: 1.875;*/
    margin-top: 30px;
}
.engagements_qui_sommes_nous .engagements_qui_sommes_nous_main p:nth-child(3){
    margin-top: 0 !important;
}
.engagements_qui_sommes_nous .engagements_qui_sommes_nous_main img{
    margin-top: 110px;
    margin-left: 15px;
    max-width: 100%;
}
.background-text-management{
    position: absolute;
    top: 168px;
    left: -11px;
    bottom: 0;
    z-index: 0;
    font-family: 'ProximaNovaBlack';
    font-size: 14.7vw;
    color: #ffffff;
    opacity: 0.1;
    text-transform: uppercase;
}
.page-node-type-management .page_management .image_management img {
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 50%;
    background-color: rgb(235, 235, 235);
    box-shadow: 0px 12px 18px 0px rgba(47, 47, 51, 0.16);
    max-width: 307px;
    height: auto;
}
.page-node-type-management .page_management .nom_management {
    font-family: ProximaNovaBlack;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 1%;
    margin-top: 1%;
}
.page-node-type-management .page_management .poste_management {
    font-family: 'ProximaNovaSemiBold';
    font-size: 22px;
    margin-bottom: 1%;
    margin-top: 1%;
}
.page-node-type-management .page_management .desc_management {
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    line-height: 1.8;
}
.block-management{
    width: 100%;
    position: relative;
    height: auto;
    /*margin-top: 100px;*/
}
.block-management .block-management-main{
    width: 100%;
    /*min-height: 445px;*/
    min-height: 350px;
    position: relative;
    height: auto;
    /*background-image: linear-gradient(100deg, rgb(1,205,211), rgb(1,148,217));*/
 }
.block-management .block-management-main .container{
  position: relative;
  z-index: 1;
}
.block-management .block-management-main:after{
  content: '';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background-image: linear-gradient(to left bottom, #69c4ff, #3ad4ff, #00e2fb, #1cefeb, #5af9d4);
  border-radius: 30px;
  z-index: 0;
}
.block-management .block-management-main .titre_block_management .block-title{
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.238;
    text-align: left;
    margin-top: 45px;
    margin-bottom: 40px;
    display: none;
}
.block_candidature_offre_d_emploi .reference-offre-d-emploi input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(195, 195, 195) !important;
    background-color: #f7f7f7f7;
    width: 48%;
    height: 50px;
    max-width: 100%;
    border-radius: 0;
    margin-bottom: 35px;
    font-size: 18px;
    font-family: "ProximaNovaSemiBold";
    padding-left: 2%;
    opacity: 0.8;
}
.block-management .block-management-main .item_management_block{
    margin-top: 18px;
}
.block-management .block-management-main .image_management_block img{
    /*border-width: 3px;*/
    /*border-color: rgb(255, 255, 255);*/
    /*border-style: solid;*/
    border-radius: 50%;
    background-color: rgb(235, 235, 235);
    /*box-shadow: 0px 12px 18px 0px rgba(47, 47, 51, 0.16);*/
    max-width: 307px;
    height: auto;
}

.image_management_block  .img-manager{
text-align: center;
}
.image_management_block .infos-manager{
  text-align: center;
  padding: 15px 0;
}
.image_management_block .nom_management_block{
  font-family: "ProximaNovaBlack";
  color: #000;
  font-size: 30px;
  line-height: 35px;
}
.image_management_block .poste_management_block{
  font-size: 25px;
  line-height: 30px;
  color:#fff;
}

.block-management-main #block-views-block-actualites-block-1 .actualites_page {
  margin-top: 30px;
}
.block-management .block-management-main .item_management_block .nom_management_block{
    font-size: 22px;
    font-family: "ProximaNovaSemiBold";
    color: rgb(255, 255, 255);
}
.block-management .block-management-main .item_management_block .poste_management_block{
    font-size: 15px;
    font-family: "ProximaNovaRegular";
    color: rgb(255, 255, 255);
}
.block-management .block-management-main .item_management_block .lire_plus_management_block{
    margin-top: 40px;
}
.block-management .block-management-main .item_management_block .desc_management_block p{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    color: rgb(255, 255, 255);
    line-height: 1.75;
    margin-top: 10px;
}
.block-management .block-management-main .item_management_block .lire_plus_management_block a{
    font-size: 14px;
    font-family: "ProximaNovaBlack";
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.286;
    float: right;
}
.block-management .block-management-sub-main img{
    height:auto;
    max-width: 100%;
}
#block-contacteznous{
    margin-top: 78px;
}
#block-contacteznous .block-title{
    padding-right: 15px;
    /* padding-left: 30px; */
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
    max-width: 100%;
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    line-height: 1.238;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}
#block-contacteznous .form-contact-container .contact-form form input{
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: rgb(195, 195, 195);*/
    /*background-color: rgb(255, 255, 255);*/
    /*width: 100%;*/
    /*height: 50px;*/
    max-width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-family: "ProximaNovaRegular";
}
.page-node-type-qui-sommes-nous #block-contacteznous .form-contact-container .contact-form form input {
    margin-right: 25px;
}
#block-contacteznous .form-contact-container .contact-form form input:focus{
    border-color: rgb(13, 211, 197);
    box-shadow: none !important;
}
#block-contacteznous .form-contact-container .contact-form form textarea:focus{
    border-color: rgb(13, 211, 197);
    box-shadow: none !important;
}
#block-contacteznous .form-contact-container .contact-form form textarea{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(195, 195, 195);
    background-color: rgb(255, 255, 255);
    width: 100%;
    min-height: 178px;
    max-width: 100%;
    border-radius: 0;
    height: auto !important;
    resize: none;
    font-size: 16px;
    font-family: "ProximaNovaRegular";
}
#block-contacteznous .form-contact-container .contact-form .webform-button--submit{
    font-size: 16px;
    font-family: "ProximaNovaSemiBold";
    color: #fff;
    background-color: #662483;
    width: 270px;
    height: 50px;
    max-width: 100%;
    border-radius: 30px;
    border: none;
    outline: none;
    margin-top: 22px;
    /*margin-bottom: 80px;*/
}
#block-contacteznous .form-contact-container .contact-form .webform-button--submit:hover{
    box-shadow: 0px 6px 12px 0px rgba(47, 47, 51, 0.2);
}
#block-contacteznous .form-contact-container .contact-form .form-actions{
    text-align: center;
}
#block-contacteznous .form-contact-container .contact-form label{
    /*display: none;*/
    font-weight: normal !important;
    font-size: 16px;
}
#block-contacteznous .form-required:after {
    display: none;
}
#block-contacteznous .field--label{
    display: none;
}
#block-maps .block-management-sub-main{
    width: 100%;
    min-height: 520px;
    height: auto;
}
.baniere_qui_sommes_nous{
    min-height: 200px;
}

/* Page actualites */
.block-actualites-medias-main{
    margin-top: 0;
}
#block-views-block-actualites-block-1 .actualites_page{
    margin-top: 10%;
}
.page_actualites .page_actualites_item{
    margin-top: 1%;
    margin-bottom: 2%;
}
.page-node-type-expert .page_actualites .page_actualites_item,.page-node-type-tendance .page_actualites .page_actualites_item, .page-node-type-expert .page-node-type-tendance .page_actualites_item{
    margin-top: 0px;
}
.page_actualites .page_actualites_item .video_page_landing{

    margin-top: 3%;
    margin-bottom: 3%;
}
.page_actualites .page_actualites_item .title_page_actualites{
    font-family: ProximaNovaBlack;
    /*text-transform: uppercase;*/
    font-size: 42px;
    margin-bottom: 0;
    margin-top: 3%;
}

.page-node-type-landing-page-rpa .page_actualites .page_actualites_item .title_page_landing{
text-align: center;
  margin-bottom: 15px;
}
.page_actualites .page_actualites_item .title_page_landing{
    font-family: ProximaNovaBlack;
    /*text-transform: uppercase;*/
    font-size: 42px;
    margin-bottom: 0;
}

.page_actualites .page_actualites_item .text_page_actualites{
    font-family: ProximaNovaRegular;
    font-size: 18px;
    color: #3d3d3d;
	margin-bottom: 40px;
}
.page_actualites .page_actualites_item .text_page_actualites .date-publication{
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    opacity: 0.5;
    margin-bottom: 3%;
    font-style: italic;
    display: flex;
}
.page_actualites .page_actualites_item .text_page_actualites .date-publication .du-au {
    font-size: 24px;
    font-family: 'ProximaNovaSemiBold';
    color: #337ab7;
    padding-left: 10px;
    padding-right: 10px;

}
/*.page_actualites .page_actualites_item .text_page_actualites .date-publication .date_debut-evenement {*/
    /*padding-left: 15px;*/
/*}*/
.page_actualites .page_actualites_item .text_page_actualites .date-publication .du-au.au {
    padding-left: 15px;
    padding-right: 15px;
}

.page-node-type-article .social-media-sharing, .page-node-type-tendance .social-media-sharing{
    margin-top: 3%;
    margin-bottom: 3%;
}

/*  End page actualites */


/*  Page media block actu */
.block-actualites-medias .created_content_actualites-block span{
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    opacity: 0.5;
}
.block-actualites-medias .contenu_actualites-block{
    margin-top: 4%;
}
.block-actualites-medias .button-more{
    margin-bottom: 65px;
    padding-right: 15px;
    text-align: center;
    margin-top: 5%;
}
.block-actualites-medias .button-more a{
    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;
	display:inline-block;
}
.block-actualites-medias .button-more a:hover{
    color: #ffffff;
    background-color: #683d87;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.titre_block_actualites-medias .block-title{
    font-family: ProximaNovaBlack;
    text-transform: uppercase;
    font-size: 42px;
    margin-bottom: 5%;
}
.actualites-medias_block .image_actualites img{
    width: 386px;
    height: 233px;
    min-width: 100%;
    min-height: 100%;
    border-radius: 15px;
    margin-bottom: 37px;
}
.actualites-medias_block .image_actualites img:hover{
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.actualites-medias_block .title_actualites_content{
    min-height: 60px;
}
.actualites-medias_block .title_actualites{
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.actualites-medias_block .title_actualites a{
    font-family: ProximaNovaBold;
    font-size: 20px;
    text-transform: uppercase;
    color: #333333;
}
.actualites-medias_block .contenu_actualites-block{
    min-height: 65px;
    max-height: 65px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.actualites-medias_block .contenu_actualites-block>p {
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    min-height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.actualites-medias_block .read-more{
    margin-top: 15px;
    margin-bottom: 15%;
}
.actualites-medias_block .read-more a{
    color: #683d87;
    font-family: ProximaNovaBold;
    font-size: 16px;
    text-transform: uppercase;
    min-height: 38px;
}

/*  End Page media block actu */


/* Page Presse */
.presse_list{
    margin-top: 5%;
    margin-bottom: 5%;
  display: flex;
  flex-wrap: wrap;
}
.presse_list .sub_presse_page{
  margin-bottom: 50px;
}
#page-views-page-presse-page-1{
    margin-top: 2%;
}
.presse-body-content{
    padding: 10px;
}
.item-presse-page{
    background: white;
    border-radius: 10px;
    height: auto;
    /*margin: 5px;*/
    max-width: 100%;
    text-align: left;
    margin-bottom: 10%;
    margin-top: 5%;
    min-height: 595px;
}
.titre_block_presse-medias .block-title{
    font-family: ProximaNovaBlack;
    text-transform: uppercase;
    font-size: 42px;
    margin-bottom: 3%;
}
.item-presse-page .image_presse{
    max-width: 100%;

}
.item-presse-page .image_presse img{
    width: 386px;
    height: 233px;
    min-width: 100%;
    min-height: 100%;
    border-radius: 15px;
}
.item-presse-page .image_presse img:hover{
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.item-presse-page .title_presse_content{
    min-height: 60px;
}
.item-presse-page .title_presse{
    max-height: 60px;
    overflow: hidden;
    margin-top: 6%;
}
.item-presse-page .title_presse a{
    font-family: ProximaNovaBold;
    font-size: 20px;
    text-transform: uppercase;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.item-presse-page .contenu_presse{
    max-height: 62px;
    overflow: hidden;
    margin-top: 4%;
}
.item-presse-page .contenu_presse p{
    min-height: 70px;
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.item-presse-page .date_presse{
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    opacity: 0.5;
}
.item-presse-page .lien_presse{
    max-height: 25px;
    min-height: 25px;
    overflow: hidden;
    margin-top: 5%;
    margin-bottom: 5%;
}
.item-presse-page .lien_presse a{
    font-family: ProximaNovaSemiBold;
    font-size: 16px;
}
.item-presse-page .read-more_presse{
    margin-top: 10px;
}
.item-presse-page .read-more_presse a{
    border: 1px solid #683d87;
    color: #683d87;
    padding: 7px 30px 7px 30px;;
    border-radius: 53px;
    font-family: ProximaNovaBold;
    font-size: 16px;
    text-transform: uppercase;
    min-height: 38px;
}
.item-presse-page .read-more_presse a:hover{
    color: #ffffff;
    background-color: #683d87;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
/*.block-presse-medias .read-more_presse a{*/
    /*border: 1px solid #683d87 !important;*/
    /*color: #683d87 !important;*/
    /*padding: 7px 30px 7px 30px !important;*/
    /*border-radius: 53px !important;*/
    /*font-family: ProximaNovaBold !important;*/
    /*font-size: 16px !important;*/
    /*text-transform: uppercase !important;*/
/*}*/
/*.block-presse-medias .read-more_presse a:hover{*/
    /*color: #683d87 !important;*/
    /*background-color: transparent !important;*/
    /*box-shadow: none !important;*/
/*}*/
.item-presse-page .share-presse-container{
    min-height: 55px;
}
.block-presse-medias .button-more{
    margin-bottom: 65px;
    padding-right: 15px;
    text-align: center;
    margin-top: 5%;
}
.block-presse-medias .button-more a{
    border: 1px solid #683d87;
    color: #683d87;
    padding: 14px;
    border-radius: 53px;
    font-family: ProximaNovaSemiBold;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
}
.block-presse-medias .button-more a:hover{
    color: #ffffff;
    background-color: #683d87;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
/*  Page details presse */

.page-node-type-revue-de-presse .page_actualites .page_actualites_item time{
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
    font-style: italic;
    opacity: 0.5;
    margin-bottom: 2%;
    margin-top: 2%;
}
.page-node-type-revue-de-presse .page_actualites .lien_presse_item{
    margin-top: 2%;
    margin-bottom: 2%;
    font-family: ProximaNovaSemiBold;
    font-size: 16px;
}
.page-node-type-revue-de-presse .social-media-sharing{
    margin-bottom: 3%;
}

/*  Page Expertise  */
.page_expertise .expertise-content:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.page_expertise .expertise-main-content{
    margin-bottom: 5%;
}
.page_expertise .desc_expertise{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    /*color: rgb(119, 119, 119);*/
    /*line-height: 1.875;*/
    /*margin-top: 90px;*/
    text-align: center;
}
.page_expertise .desc_expertise h1{
    font-family: "ProximaNovaBlack";
    color: #333;
}
.page_expertise .expertise-content{
    width: 364px;
    height: 232px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 5%;
    border-radius: 10px;
    color: #ffffff !important;
    line-height: 232px;
    text-align: center;
}
.page_expertise .expertise-content span{
    font-size: 24px;
    font-family: "ProximaNovaBlack";
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    position: absolute;
    left: 4%;
    top: 7%;
}
.page_expertise .expertise-content.industrie{
    background: url('../img/Industrie.png') no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
}
.page_expertise .expertise-content.finance{
    background: url('../img/finance.png') no-repeat;
    background-position-x: center;
    background-position-y: center;    position: relative;
}
.page_expertise .expertise-content.technologie{
    background: url('../img/Technologie.png') no-repeat;
    background-position-x: center;
    background-position-y: center;    position: relative;
}
.page_expertise .expertise-content.outsourcing{
    background: url('../img/Outsourcing.png') no-repeat;
    background-position-x: center;
    background-position-y: center;    position: relative;
}

.page_expertise .industrie-content{
    float: right;
    /*background-color: #FF851B;*/
}
.page_expertise .finance-content{
    float: left;
}
.page_expertise .outsourcing-content{
    float: left;
}
.page_expertise .techno-content{
    /*background-color: #B10DC9;*/
    float: right;
}
/* End Page Expertise  */


/*  Page Services */
.page_services .services-content:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.page_services .services-main-content{
    margin-bottom: 5%;
}
.page_services .desc_services{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    /*color: rgb(119, 119, 119);*/
    /*line-height: 1.875;*/
    /*margin-top: 90px;*/
    margin-bottom: 4%;
    text-align: justify;
}
.page_services .desc_services h1{
    color: #333;
    font-family: ProximaNovaBlack;
}
.blog_carrier .services-content a {
    /*position: relative;*/
    /*top: 50%;*/
    /*left: 50%;*/
    font-size: 32px;
    font-family: "ProximaNovaBold";
    color: #ffffff;
    text-transform: uppercase;
    /*transform: translate(-50%, -50%);*/
    /*float: left;*/
}
.page_services .services-content{
    width: 364px;
    height: 232px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 5%;
    border-radius: 10px;
    color: #ffffff !important;
    line-height: 232px;
    text-align: center;
    display: block;
}
.page_services .services-content span{
    font-size: 32px;
    font-family: "ProximaNovaBold";
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.consulting-content{
    background: url('../img/Consulting.png') no-repeat;
    background-position: top;
}
.digital-content{
    background: url('../img/DIGITAL.png') no-repeat;
    background-position: top;
}
.lot-content{
    background: url('../img/IOT.png') no-repeat;
    background-position: top;
}
/*  End Page Services */

/* Page videos */

.video_block{
    /*margin-top: 10%;*/
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.video_block .page_video .image-video-page{
    margin-bottom: 5%;
    width: 350px;
    height: 180px;
    max-width: 100%;
}
.video_block .title_video_content{
    min-height: 60px;
}
.video_block .title_video_content .title_video_page{
    max-height: 60px;
    overflow: hidden;
    font-family: ProximaNovaBold;
    font-size: 20px;
    color: #333333;
    margin-bottom: -10px;
}
.video_block .description_video_page{
    /*max-height: 70px;*/
    /*min-height: 70px;*/
    /*overflow: hidden;*/
}
.video_block .description_video_page p{
    /*font-family: ProximaNovaRegular;*/
    /*font-size: 16px;*/
    /*color: #3d3d3d;*/
    /*min-height: 70px;*/
}
.video_block .block_social_share_video .share-video-container{
    min-height: 70px;
}
.video_block .block_social_share_video .share-video-container .social-media-sharing{
    padding-top: 5%;
}
.video_page .video_block .sub_video_page{
    height: auto !important;
    margin-bottom: 50px !important;

}
/* End page videos */

/*  Page search */

.user-logged-in.path-search .tabs, .user-logged-in.path-search .search-form{
    display: none;
}
.search-form{
    display: none;
}
.user-not-logged-in.path-search .region.region-content h2{
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin-top: 10%;
}
.user-not-logged-in.path-search .region.region-content h3{
    font-size: 32px;
    font-family: "ProximaNovaSemiBold";
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin-top: 10%;
}
.user-not-logged-in.path-search .region-content{
    margin-bottom: 5%;
}
.user-logged-in.path-search .region-content{
    margin-bottom: 5%;
    margin-top: 4%;
}


/* End Page search */

/*  Page mentions legales */

.page_mentions_legales .titre_mentions_legales{
    margin-top: 10%;
    margin-bottom: 2%;
    font-size: 42px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-transform: uppercase;
}
.page_mentions_legales .desc_mentions_legales{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    /*color: rgb(119, 119, 119);*/
    /*line-height: 1.875;*/
    margin-top: 2%;
    margin-bottom: 4%;
}
/* End Page mentions legales */

/* Page evenements */
.block-evenements_a_venir{
    background: #f5f5f5;
    height: auto;
    min-height: 400px;
}
.block-evenements_a_venir .titre_block_evenements_a_venir{
    font-family: ProximaNovaBlack;
    text-transform: uppercase;
    font-size: 42px;
    margin-bottom: 3%;
    margin-top: 4%;
}
.block-evenements_a_venir .title_actualites{
    margin-bottom: 15px;
    font-family: ProximaNovaBold;
    font-size: 24px;
    text-transform: uppercase;
    max-height: 60px;
    overflow: hidden;
}
.block-evenements_a_venir .title_actualites> a{
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.block-evenements_a_venir .image_evenements_a_venir{
    max-width: 100%;
}
.block-evenements_a_venir .image_evenements_a_venir img{
    width: 386px;
    height: 233px;
    max-width: 100%;
    border-radius: 15px;
}
.block-evenements_a_venir .image_evenements_a_venir img:hover{
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.block-evenements_a_venir .date_evenements_a_venir{
    font-size: 24px;
    font-family: 'ProximaNovaSemiBold';
    color: #337ab7;
    margin-bottom: 2%;
}
.block-evenements_a_venir .lieu_evenements_a_venir{
    font-size: 20px;
    font-family: 'ProximaNovaSemiBold';
    margin-bottom: 2%;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-evenements_a_venir .read-more_evenements_a_venir{
    margin-top: 9%;
}
.block-evenements_a_venir .read-more_evenements_a_venir a{
    border: 1px solid #337ab7;
    color: #337ab7;
    padding: 14px;
    border-radius: 53px;
    font-family: ProximaNovaSemiBold;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 100px;
    padding-right: 100px;
}
.block-evenements_a_venir .read-more_evenements_a_venir a:hover{
    color: #ffffff;
    background-color: #337ab7;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
.block-evenements_a_venir .block-content-evenement{
    margin-left: -107px;
}
.page-node-type-evenement-a-venir .text_page_actualites time{
    font-size: 24px;
    font-family: 'ProximaNovaSemiBold';
    color: #337ab7;
}
.page-node-type-evenement-a-venir .text_page_actualites p{
    font-family: ProximaNovaRegular;
    font-size: 16px;
    color: #3d3d3d;
}
.page-node-type-evenement-a-venir .text_page_actualites{
    font-size: 20px !important;
    font-family: 'ProximaNovaSemiBold' !important;
    margin-bottom: 2%;
    /*text-transform: uppercase;*/
}
.page-node-type-evenement-a-venir .social-media-sharing{
    margin-top: 4%;
    margin-bottom: 4%;
}
/*  End page evenement */
.page-node-type-tendance .text_page_actualites{
    margin-bottom: 5%;
}
.page-node-type-expert .social-media-sharing{
    margin-top: 3%;
    margin-bottom: 3%;
}
.page_actualites .poste-expert .field--name-field-poste .field--label{
    font-family: ProximaNovaSemiBold;
    font-size: 22px;
    margin-bottom: 1%;
}
.page_actualites .poste-expert .field--name-field-poste .field--item{
    font-family: ProximaNovaRegular;
    font-size: 18px;
    padding-top: 4px;
}
.page_actualites .linkedin-expert .field--type-link .field--label{
    font-family: ProximaNovaSemiBold;
    font-size: 22px;
    margin-bottom: 1%;
}
.page_actualites .linkedin-expert .field--type-link .field--item{
    font-family: ProximaNovaRegular;
    font-size: 18px;
    padding-top: 4px;
}
.breadcrumb-navigation .container{
    padding: 0;
}
.breadcrumb-navigation .container .breadcrumb {
    padding: 15px 10px;
}
.breadcrumb-navigation-details-offre{
    margin-top: 35px;
}
.breadcrumb-navigation-details-offre a{
    color: #ffffff;
    font-size: 16px;
    font-family: "ProximaNovaSemiBold";
}
.breadcrumb-navigation-details-offre a:hover{
    text-decoration: underline !important;
}
.header-content.baniere-full-with-title-detail-offre .baniere_detail_offre{
    background-color: #0066a1;
    height: 330px;
}
.page_offre_d_emploi_item .avatar-offre-d-emploi{
    padding-left: 0px !important;
}
.page_offre_d_emploi_item .avatar-offre-d-emploi img{
    width: 240px;
    height: 240px;
    max-width: 100%;
}
.page_offre_d_emploi_item .type_contrat_page_offre_d_emploi .field--label{
    font-size: 18px;
    font-family: "ProximaNovaBold";
    color: rgb(254, 205, 53);
}
.page_offre_d_emploi_item .type_contrat_page_offre_d_emploi .field--items .field--item{
    font-size: 18px;
    font-family: "ProximaNovaBold";
    color: rgb(254, 205, 53);
}
.page_offre_d_emploi_sub_item .title_page_offre_d_emploi{
    margin-bottom: 10px;
}
.page_offre_d_emploi_sub_item .title_page_offre_d_emploi h2{
    padding-top: 40px;
}
.page_offre_d_emploi_sub_item .title_page_offre_d_emploi h2 span{
    font-size: 36px;
    font-family: "ProximaNovaBlack";
    color: #0066a1;
    text-transform: uppercase;
}
.page_offre_d_emploi_item .local-reference .emplacement_page_offre_d_emploi .field--label{
    font-size: 18px;
    font-family: "ProximaNovaRegular";
    color: rgb(249, 245, 229);
    font-weight: normal !important;
}
.page_offre_d_emploi_item .local-reference .emplacement_page_offre_d_emploi .field--item{
    font-size: 18px;
    font-family: "ProximaNovaRegular";
    color: rgb(249, 245, 229);
    font-weight: normal !important;
}
.page_offre_d_emploi_item .local-reference .pole_metiers_page_offre_d_emploi .field--label{
    font-size: 18px;
    font-family: "ProximaNovaRegular";
    color: rgb(249, 245, 229);
    font-weight: normal !important;
    padding-left: 106px;
}
.page_offre_d_emploi_item .local-reference .pole_metiers_page_offre_d_emploi .field--item{
    font-size: 18px;
    font-family: "ProximaNovaRegular";
    color: rgb(249, 245, 229);
    font-weight: normal !important;
}
.page_offre_d_emploi_item .details-offre-hr{
    width: 100%;
    height: 1px;
    background-color: #3385b4;
    border-color: #3385b4;
    margin: 0;
}
.page_offre_d_emploi_item .details-offre-top-content{
    margin-top: 90px;
}
.page_offre_d_emploi_sub_item {
    border-radius: 10px;
    box-shadow: 0px 20px 50px 0px rgba(47, 47, 51, 0.2);
    /* width: 1160px; */
    height: auto;
    max-width: 100%;
    margin-top: 105px;
    /* padding-left: 85px; */
}
.page_offre_d_emploi_sub_item .field--label{
    font-size: 30px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin-top: 31px;
    margin-bottom: 20px;
}
.page_offre_d_emploi_sub_item .field--item{
    font-size: 16px;
    font-family: "ProximaNovaRegular";
    color: rgb(119, 119, 119);
    line-height: 1.5;
}
.breadcrumb-navigation-details-offre .breadcrumb{
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}
.breadcrumb-navigation-details-offre .breadcrumb li{
    color: #ffffff !important;
}
.breadcrumb-navigation-details-offre .breadcrumb li a{
    color: rgba(255, 255, 255, 0.2);;
}
.breadcrumb-navigation-details-offre .breadcrumb > li + li:before{
    color: rgb(254, 205, 53);
    content: "\f054" !important;
}

.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing ul{
    /*display: inline-block !important;*/
    margin-top: 73px;
    margin-left: 12px;
}
.page_offre_d_emploi_item .share_page_offre_d_emploi{
    padding-left: 14px;
}
.detail-offre-btn-right{
    text-align: right;
}
.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing ul li{
    padding-bottom: 5px !important;
}
.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing ul li a img{
    width: 36px !important;
    height: 36px !important;
}
.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing{
    /*position: relative;*/
    /*left: 78%;*/
    /*top: 63%;*/
    /*z-index: 10;*/
}
.stick{
    position: fixed;
    top: 45px;
    z-index: 9999;
}
.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing ul.stick-ul-inline{
    transition: all 0.75s ease-in-out;
    transform: rotate(-0deg) scale(1) translateX(0);
}
.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul{
    display: inline-grid !important;
    /* margin-left: 400px !important; */
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 400px;
    right: 10px;
    text-align: center;
    z-index: 99;
}
.page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul li{
    padding-bottom: 10px !important;
}
/* .page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul li a img{
    width: 50px !important;
    height: 50px !important;
} */
.page_offre_d_emploi_sub_item .col-md-12:last-child{
    margin-bottom: 180px;
}
.page_offre_d_emploi .candidature-offre{
    margin-top: 70px;
}
.page_offre_d_emploi .candidature-offre h2{
    font-size: 30px;
    font-family: "ProximaNovaBlack";
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin-bottom: 30px;
}
/*.offre-d-emploi-form form label{*/
    /*font-size: 16px;*/
    /*font-family: "ProximaNovaRegular";*/
    /*color: #333 !important;*/
    /*white-space: nowrap;*/
    /*margin-bottom: 0px;*/
/*}*/
.offre-d-emploi-form form input[type="text"],.offre-d-emploi-form form input[type="email"],.offre-d-emploi-form form input[type="tel"]{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(195, 195, 195) !important;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 50px;
    max-width: 100%;
    border-radius: 0;
    margin-bottom: 18px;
    font-size: 16px;
    font-family: "ProximaNovaRegular";
}
.offre-d-emploi-form form input:focus{
    border-color: rgb(13, 211, 197) !important;
    box-shadow: none !important;
}
.offre-d-emploi-form form select{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(195, 195, 195) !important;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 50px;
    max-width: 100%;
    border-radius: 0;
    margin-bottom: 18px;
    font-size: 16px;
    font-family: "ProximaNovaRegular";
}
.offre-d-emploi-form form select:focus{
    border-color: rgb(13, 211, 197);
    box-shadow: none !important;
}
.offre-d-emploi-form form .col-md-6{
    padding-left: 0px;
}
.offre-d-emploi-form form .col-md-4{
    padding-left: 0px;
}
.offre-d-emploi-form form .col-md-3{
    padding-left: 0px;
}
.offre-d-emploi-form form .col-md-2{
    padding-left: 0px;
}
.offre-d-emploi-form form .col-md-12{
    padding-left: 0px;
}
.offre-d-emploi-form form .description a{
    display: none !important;
}
.offre-d-emploi-form form .downlod-condition-detail-offre{
    font-size: 14px;
    font-family: "ProximaNovaRegular";
    background: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    margin-top: -5px;
}
.offre-d-emploi-form form .webform-button--submit{
    background-color: rgb(13, 211, 197);
    border: none !important;
    width: 270px;
    height: 50px;
    border-radius: 30px;
    margin-top: 45px;
    margin-bottom: 70px;
    outline: none !important;
    font-size: 16px;
    font-family: "ProximaNovaSemiBold";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}
.offre-d-emploi-form form .webform-button--submit:active:hover{
    background-color: rgb(13, 211, 197) !important;
}
.offre-d-emploi-form form .webform-button--submit:hover{
    box-shadow: 0px 6px 12px 0px rgba(47, 47, 51, 0.2);
}
.page_offre_d_emploi_item .fa-chevron-left:before{
    color: #fbcc36;
    padding-left: 15px;
    padding-right: 15px;
}
.detail-offre-btn-top{
    border-style: solid;
    border-width: 2px;
    border-color: rgb(249, 245, 229);
    background-color: rgba(0, 0, 0, 0);
    width: 240px;
    height: 50px;
    outline: none !important;
    border-radius: 23px;
    margin-top: 38px;
    font-size: 14px;
    font-family: "ProximaNovaBold";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}
.detail-offre-btn-top:hover{
    background-color: #ffffff;
    color: #0066a1;
}

.details-offre-top-content-right{
    display: inline-grid;
    margin-top: 106px;
}
.social-media-sharing ul li img{
    border-radius: 50%;
}
.social-media-sharing ul li img:hover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.32);
}
/* Media Query */
@media (max-width: 1875px){
    .user-logged-in section#block-views-block-video-block-1 .background-text{
        /* top: 100%; */
        /* left: 0; */
    }
    ul.navbar-right .glyphicon-search{
        left: 0px;
    }
}
@media (max-width: 556px) {
    .block_candidature_offre_d_emploi .reference-offre-d-emploi input {
        font-size: 14px;
    }
}
@media (max-width: 1600px){
    .background-text-management{
        top: 218px;
    }
}
@media (max-width: 1366px){
    .background-text-management{
        top: 253px;
    }

    /* .page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul{
        margin-left: 300px !important;
    } */
}
@media (min-width: 1367px){
    .page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul{
        margin-right: 120px !important;

    }
}
@media (max-width: 1199px){
    .post_it_qui_sommes_nous .titre_performance{
        font-size: 14px;
    }
    .block-evenements_a_venir .block-content-evenement{
        margin-left: 0px;
    }
    .block-lang-dropdown{
        /*right: 0px !important;*/
    }
    ul.navbar-right .glyphicon-search{
        margin-right: 10px !important;
    }
    /*header > .container{*/
        /*width: 1170px !important;*/

    /*}*/
    .local-reference{
        display: inline-grid;
    }
    .page_offre_d_emploi_item .local-reference .pole_metiers_page_offre_d_emploi .field--label{
        padding-left: 0px;
    }
    /* .page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul{
        margin-left: 250px !important;
    } */

}
@media (max-width: 1024px){
    section#block-views-block-tendance-block-1 .background-text {
        bottom: -62px;
    }
    .background-text-management{
        top: 305px;
    }
    section#block-views-block-services-block-1 .background-text{
         bottom: -59px;
    }
    section#block-views-block-services-block-2 .background-text{
        bottom: -59px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        top: 470px;
        left: -39px;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        top: 471px;
        left: -39px;
    }
    ul.navbar-right .glyphicon-search{

        left: -65px !important;
        /*left: -250px !important;*/
        /* left: -65px !important; */
        top: 35px !important;
        left: 20px !important;

    }
    .wstudio-container{
    }
    header #block-wevioo-main-menu ul.menu{
        font-size: 13px;
    }
    .page_offre_d_emploi_sub_item .share_page_offre_d_emploi .social-media-sharing{
        position: static;
        padding-top: 50px;
    }
    .page_offre_d_emploi_sub_item .share_page_offre_d_emploi .social-media-sharing ul{
        display: inline-flex !important;
    }
    .stick{
        position: static !important;
        top: 0 !important;
        z-index: 9999 !important;
    }
    /* .page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing .stick-ul{
        display: inline-flex !important;
        margin-left: 0px !important;
    } */
    .user-logged-in section#block-views-block-tendance-block-1 .background-text {
        bottom: -29% !important;
    }
    section#block-views-block-tendance-block-1 .background-text {
        bottom: -45px;
    }
    .user-logged-in section#block-views-block-video-block-1 .background-text {
        left: -3px;
        top: 743px;
    }
}
@media (max-width: 991px){
    ul.navbar-right .glyphicon-search{
        top: 2px !important;
        left: 18px !important;

    }
    .user-logged-in .background-text-management {
        top: 67%;
    }
    section#block-views-block-tendance-block-1 .background-text {
        bottom: -60px;
    }
    .post_it_qui_sommes_nous .post_it_container{
        display: block;
        position: relative;
        padding: 0 !important;
    }
    .post_it_qui_sommes_nous .post_it_container span{
        display: none;
    }
    .engagements_qui_sommes_nous .engagements_qui_sommes_nous_main img{
        margin-left: 0;
        margin-top: 60px;
    }
    .engagements_qui_sommes_nous .engagements_qui_sommes_nous_main h2{
        margin-top: 100px;
    }
    #block-contacteznous .block-title{
        width: 750px;
    }
    .block-management{
        margin-top: 50px;
    }
    .page_expertise .industrie-content{
        float: left;
        width: 750px;
        margin: 15px auto;
    }
    .page_expertise .finance-content{
        float: left;
        width: 750px;
        margin: 15px auto;
    }
    .page_expertise .techno-content{
        float: left;
        width: 750px;
        margin: 15px auto;
    }
    .page_expertise .outsourcing-content{
        float: left;
        width: 750px;
        margin: 15px auto;
    }
    .page_services .services-content{
        width: 750px;
        margin: 15px auto;
    }
    section#block-views-block-video-block-1 .background-text{
        left: auto;
        top: 89%;
    }
    .background-text-management{
        top: 309px;
    }
    .user-logged-in section#block-views-block-video-block-1 .background-text {
        top: 103%;
        left: auto;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
          top: 92%;
          left: -135px;
      }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        top: 97%;
        left: -135px;
    }
    .block-evenements_a_venir .read-more_evenements_a_venir{
        margin-top: 5%;
        margin-bottom: 10%;
    }
    .page_offre_d_emploi_item .details-offre-top-content{
        margin-top: 0px;
    }
    .detail-offre-btn-top{
        margin-left: 0px;
        margin-bottom: 38px;
    }
    .page_offre_d_emploi_sub_item{
        margin-top: 0px;
    }
    .page_offre_d_emploi_sub_item{
        padding-left: 0px;
    }
    .header-content.baniere-full-with-title-detail-offre .baniere_detail_offre{
        min-height: 330px;
        height: auto;
    }
    .page_offre_d_emploi_item .share_page_offre_d_emploi .social-media-sharing ul{
        margin-top: 0px;
        margin-left: 0px;
    }
    .user-logged-in section#block-views-block-tendance-block-1 .background-text {
        bottom: -10% !important;
    }
}
@media (max-width: 800px){
ul.navbar-right .glyphicon-search {
/* left: -444px !important; */
}
.wstudio-container {
margin-right: 455px !important;
}
.wstudio-container .wstudio{
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: -16px !important;
font-size: 13px;
}
header #block-wevioo-main-menu ul.menu {
font-size: 10px;
}
.site-branding-logo img{
/*width: 70px;*/
}
}
@media (max-width: 768px){
    section#block-views-block-video-block-1 .background-text {
        top: 779px;
    }
    .user-logged-in section#block-views-block-video-block-1 .background-text {
        top: initial;
        left: auto;
		bottom: -50px !important;
    }
    .user-logged-in section#block-views-block-tendance-block-1 .background-text {
        bottom: -9% !important;
    }
    .user-logged-in .background-text-management {
        top: 75%;
    }
    .background-text-management{
        top: 344px;
    }
    section#block-views-block-services-block-1 .background-text{
         bottom: -46px;
    }
    section#block-views-block-services-block-2 .background-text{
        bottom: -46px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        top: 95%;
        left: -26px;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        top: 98%;
        left: -26px;
    }
	section#block-views-block-video-block-1>*:not(.background-text) {
    margin-bottom: 0;
	}
	section#block-views-block-video-block-1 {
    padding-bottom: 50px;
}
}
@media (max-width: 767px){
    .page_services .desc_services h1 {
        font-size: 22px !important;
    }
    .page_expertise .desc_expertise h1 {
        font-size: 22px !important;
    }
    section#block-views-block-video-block-1 .background-text {
        top: 794px;
    }
    .user-logged-in .background-text-management {
        top: 75%;
    }
    .post_it_qui_sommes_nous .post_it_main .field--item:nth-child(4) .post_it_container .titre_performance{
        margin-bottom: 55px;
    }
    #block-views-block-actualites-block-1 .block-actualites-home-page .image_actualites{
        margin-top: 0;
    }
    .user-logged-in .block-actualites-home-page .image_actualites{
        margin-top: 45px;
    }
    .titre_block_actualites-medias{
        /*margin-top: 15%;*/
    }
    .background-text-management{
        top: 343px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        top: 95%;
        left: 0px;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        top: 98%;
        left: 0px;
    }
    header > .container{
        width: auto !important;
    }
	.actualites-medias_block .contenu_actualites-block {
		min-height: 0;
	}
	.block-actualites-medias .button-more {
		margin-bottom: 45px;
		margin-top: 25px;
	}
}
@media (max-width: 711px){
    .background-text-management{
        top: 350px;
    }
    .page_actualites .page_actualites_item .image_page_actualites{
        margin-top: 30px;
    }
    .baniere_qui_sommes_nous{
        min-height: 0px;
    }
    .baniere-full-with-title .field--item img{
        min-height: 150px;
    }
  .page-node-type-expertise-service  .baniere-full-with-title .field--item img{
    min-height: 215px;
  }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        top: 95%;
        left: 0px;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        top: 98%;
        left: 0px;
    }
}
@media (max-width: 521px){
    .block-management{
        text-align: center;
    }
    .block-management .block-management-main .titre_block_management .block-title{
        text-align: center;
    }
    .block-management .block-management-main .image_management_block img{
        margin: 0 auto;
    }
    .block-management .block-management-main .item_management_block .lire_plus_management_block a{
        float: none;
    }
    .block-management .block-management-main .item_management_block .lire_plus_management_block{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #page-views-page-presse-page-1 .item-presse-page{
        margin-top: 35px;
    }
    .video_block{
        margin-top: 30px;
    }
    .user-not-logged-in.path-search h2{
        margin-top: 30px;
    }
    .user-logged-in section#block-views-block-tendance-block-1 .background-text {
        bottom: -8% !important;
    }
}
@media (max-width: 463px){
    .desc_qui_sommes_nous h2{
        font-size: 26px;
    }
    .engagements_qui_sommes_nous .engagements_qui_sommes_nous_main h2{
        font-size: 26px;
    }
    #block-contacteznous .block-title{
        font-size: 26px;
        margin-top: -24px;
    }
    .background-text-management{
        top: 400px;
    }
    .titre_block_actualites-medias{
        /*margin-top: 25%;*/
    }
    .titre_block_actualites-medias .block-title{
        font-size: 26px;
        margin-bottom: 8%;
        text-align: center;
    }
    .titre_block_presse-medias .block-title{
        font-size: 26px;
        margin-bottom: 8%;
        text-align: center;
    }
}
@media (max-width: 414px){

    .item-presse-page {
        margin-bottom: 0;
    }
    .bloc-buttons {
        padding-bottom: 0;
    }
    section#block-views-block-services-block-1 h2.block-title {
        padding-top: 30px;
    }
    .baniere-full-with-title span {
        font-size: 28px;
        left: 30px;
    }
    section#block-views-block-video-block-1 {
        min-height: 485px;
    }
	section#block-views-block-video-block-1 {
    padding-bottom: 30px;
	}
	.user-logged-in section#block-views-block-video-block-1 .background-text {
    bottom: -25px !important;
	}
    section#block-views-block-video-block-1>*:not(.background-text) {
        margin-bottom: 0;
    }
    .page_services .desc_services h1 {
        font-size: 19px !important;
    }
    .page_expertise .desc_expertise h1 {
        font-size: 19px !important;
    }
    section#block-views-block-video-block-1 .title_video {
        margin-bottom: 50px;
        line-height: 1;
        margin-top: 5%;
    }
    section#block-views-block-video-block-1 .background-text {
        top: 495px;
    }
    section#block-views-block-tendance-block-1 .background-text {
        bottom: -24px;
    }
    .user-logged-in .background-text-management {
        top: 87%;
    }
    .engagements_qui_sommes_nous {
        margin-top: 10%;
    }
    .background-text-management{
        top: 436px;
    }
    section#block-views-block-services-block-1 .background-text{
        bottom: -23px;
    }
    section#block-views-block-services-block-2 .background-text{
        bottom: -23px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        left: 0px;
        top: 95%;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        left: 0px;
        top: 99%;
    }
    .offre-d-emploi-form form .webform-button--submit{
        width: 230px;
    }
    .page_offre_d_emploi_item .details-offre-top-content{
        text-align: center !important;
    }
    .page_offre_d_emploi_item .avatar-offre-d-emploi{
        padding-top: 50px !important;
    }
    .details-offre-top-content-right{
        margin-top: 35px !important;
    }
    .page_offre_d_emploi_item .emplacement_page_offre_d_emploi{
        white-space: nowrap;
    }
    .page_offre_d_emploi_item .pole_metiers_page_offre_d_emploi{
        white-space: nowrap;
    }
    .detail-offre-btn-right{
        text-align: center !important;
    }
    section#block-views-block-services-block-1 .background-text{
        bottom: -23px;
    }
    section#block-views-block-services-block-2 .background-text{
        bottom: -23px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        left: 0px;
        top: 95%;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        left: 0px;
        top: 99%;
    }
    .user-logged-in section#block-views-block-video-block-1 .background-text {
        top: initial;
        left: auto;
    }
}
@media (max-width: 375px){
    section#block-views-block-video-block-1 .background-text {
        left: auto;
        top: 575px;
    }
    .user-logged-in section#block-views-block-video-block-1 .background-text {

        left: auto;
    }
    .user-logged-in .background-text-management {
        top: 90%;
    }
    .background-text-management{
        top: 500px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        left: 0px;
        top: 95%;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        left: 0px;
        top: 100%;
    }
}
@media (max-width: 360px){
    .user-logged-in .background-text-management {
        top: 90%;
    }
    .background-text-management{
        top: 500px;
    }
    section#block-views-block-services-block-1 .background-text{
        bottom: -21px;
    }
    section#block-views-block-services-block-2 .background-text{
        bottom: -21px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        left: 0px;
        top: 96%;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        left: 0px;
        top: 100%;
    }
    .block-actualites-medias .button-more a{
        padding-left: 20px;
        padding-right: 20px;
    }
    .block-presse-medias .button-more a{
        padding-left: 10px;
        padding-right: 10px;
    }
    .block-evenements_a_venir .read-more_evenements_a_venir a{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 320px){
    section#block-views-block-video-block-1 .background-text {
        left: auto;
        top: 580px;
    }
    .desc_qui_sommes_nous h2 {
        line-height: 1;
    }
    .user-logged-in section#block-views-block-tendance-block-1 .background-text {
        bottom: -7% !important;
    }
    .user-logged-in .background-text-management {
        top: 92%;
    }
    section#block-views-block-tendance-block-1 .background-text {
        bottom: -19px;
    }
    .background-text-management{
        top: 535px;
    }
    .baniere-full-with-title span{
        font-size: 26px;
    }
    section#block-views-block-services-block-1 .background-text{
        bottom: -17px;
    }
    section#block-views-block-services-block-2 .background-text{
        bottom: -17px;
    }
    .user-logged-in section#block-views-block-services-block-1 .background-text {
        left: 0px;
        top: 96%;
    }
    .user-logged-in section#block-views-block-services-block-2 .background-text {
        left: 0px;
        top: 100%;
    }
    .user-logged-in section#block-views-block-video-block-1 .background-text {
        top: 133%;
        left: auto;
    }
}

@media (max-width: 1200px) {
    .blog_carrier .services-content a{

        font-size: 25px;
    }

}

@media (max-width: 1200px) {
    .blog_carrier .services-content a{

        font-size: 20px;
    }

}

.path-user .region-content {
    margin-top: 76px;
}
.eu-cookie-compliance-message h2 {
    font-size: 16px !important;
}


.emploi-content{
    background: url('../img/emploi.png') no-repeat;
    background-position: top;
}


.stage-content{
    background: url('../img/stage.png') no-repeat;
    background-position: top;
}

.academy-content{
    background: url('../img/academy.png') no-repeat;
    background-position: top;
}


.link-sub-menu .fa-plus-circle:before {
    color: #01c8d4;
}
.link-sub-menu .fa-minus-circle:before {
    color: #01c8d4;
}
.page-node-type-page .page_services .services-main-content{
    min-height: 915px;
}
.navbar-collapse.collapse.in{
    height: 276px;
    overflow: scroll;
}

.modal-dialog .title_page_actualites{
  font-family: ProximaNovaBlack;
  font-size: 2.3em;
  margin-bottom: 0;
  text-align: center;
  height: 65px;
}
.modal-dialog .title_page_actualites span{
  margin: 0 auto;
  top: 13px;
  display: inline-flex;
  position: relative;
}
body.modal-open  {
  overflow: hidden !important;
}
.field--name-field-livre-blanc-image img{
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    margin: 0 auto;
    /*transform: scale(1.1);*/
}


.btn-recevoir-livre-blanc{
    padding: 7px 30px 7px 30px;
    border-radius: 53px;
    font-family: ProximaNovaBold;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: auto;
}
.btn-recevoir-livre-blanc button, .btn-recevoir-livre-blanc button:focus, .btn-recevoir-livre-blanc button:active {
    color:#683d87;
    background: #fff !important;
    border:1px solid #683d87;
    text-transform: uppercase;
}
.btn-recevoir-livre-blanc button:hover{
    color:white !important;
    border:1px solid #fff;
    background-color: #683d87 !important;
}

 .modal-footer button{
     color:#fff;
     background:transparent;
     /*border:1px solid #683d87;*/
     text-transform: uppercase;
     /*border-radius: 4px;*/
 }
.modal-footer button:hover{
    /*color:white !important;*/
    /*border:1px solid #fff;*/
    /*background-color: #683d87 !important;*/

}
.background-image-livre-blanc{
    /*background-image: url(/sites/default/files/styles/banniere_page_interne/public/2019-03/fond%20banni%C3%A8res%20sous%20rubriques%20bleu_1.png?itok=0XVk0G6x);*/
    /*color:white;*/
    /*background-color: #0021cf;*/
}
.background-modal-block{
    /*border-radius: 15px;*/
    background-image: url(/sites/default/files/styles/banniere_page_interne/public/2019-03/fond%20banni%C3%A8res%20sous%20rubriques%20bleu_1.png?itok=0XVk0G6x);
    color:white;
    /*background-color: #0021cf;*/
}
/*.modal-body.mb-0.p-0, .embed-responsive-item body, .path-webform .dialog-off-canvas-main-canvas{*/
    /*color:white;*/
    /*background-color: #0021cf;*/
/*}*/
/*.background-image-livre-blanc, .modal-body{*/
/*  min-height: 600px !important;*/
/*}*/
.embed-responsive {
  position: unset !important;
  overflow: unset !important;
}
iframe.embed-responsive-item{
  min-height: 520px !important;
}
.modal-footer {
    position: absolute;
    padding: 0px !important;
    right: 0;
    border: none !important;
}
.path-webform  .description.help-block{
    background: transparent;
    color: #333 !important;
}
.captcha{
    display: inline-flex;
}
.captcha .img-responsive{
    width: 25%;
    /*height: 76px;*/
    margin-right: 14px;
}
.captcha label{
  font-size: 12px !important;
}
.btn-recevoir-livre-blanc .form-submit{
    border-radius: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
.actualites_block .title_services a{text-transform: uppercase;}
#webform-submission-barometre-rpa-add-form{
  margin-top: 20px;
}
.webform-submission-livre-blanc-form .form-group {
    margin-bottom: 5px !important;
}
.webform-submission-barometre-rpa-form.form-group {
    margin-bottom: 5px !important;
}
.page-node-type-livre-blanc .title_page_actualites{
    margin-bottom: 5%;
}
.background-image-livre-blanc .alert-success {
    color: #0020cc !important;
    background-color: #337ab72b !important;
    border-color: #0020cc !important;
}
.col-md-12.first-bloc-not-found{
    position: absolute;
    display: block;
    top: 0;
}
.page-not-found .first-text{
    text-transform: uppercase;
    left: 100px;
    top: 100px;
    font-size: large;
    font-weight: bold;
    color: white;
}
.page-not-found .second-text p {
    margin-top: 50px;
    margin-left: 110px;
    font-size: large;
}
.page-not-found .img-robot{
	display:inline-flex;
}
.img-robot img{
    height: 250px;
    width: auto;
	padding-left: 150px;
}
.btn-retour-accueil {
    margin-top: 25px;
    text-align: center;
}
.btn-retour-accueil .button-retour a{
    border: 1px solid #683d87;
    padding: 7px 30px 7px 30px;
    border-radius: 53px;
    font-family: ProximaNovaBold;
    font-size: 16px;
    text-transform: uppercase;
    min-height: 38px;
    color: #ffffff;
    background-color: #683d87;
}.btn-retour-accueil .button-retour a:hover{
    color: #683d87;
    background-color: #ffffff;
}

@media (max-width: 991px) {

.field--name-field-image{
	position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
  .page-node-type-expertise-service .field--name-field-image{
    position: static;
  }
.col-md-12.first-bloc-not-found {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}
.page-not-found .first-text {
    left: 0;
    top: 0;
}
.img-robot img {
    margin-right: 0;
    float: none;
	padding:0;
}

#block-views-block-actualites-block-1 .title_actualites{
	min-height: 0;
	line-height: 22px;
}
#block-views-block-actualites-block-1 .block-actualites-home-page .contenu_actualites-block {
    min-height: 0;
}
.actualites_block .block-actualites-home-page {
    position:relative;
}
.block-actualites-home-page .social-media-sharing {
    position:absolute;
	bottom:40px;
	left:0;
	width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px;
}
#block-views-block-actualites-block-1 .share-presse-container {
    min-height: 30px;
}
.page_expertise .expertise-content {
    background-size: cover !important;
}
}
@media (max-width: 767px) {
.page-not-found .second-text p {
    margin-top: 50px;
    margin-left: 15px;
    font-size: large;
}
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 .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;
}
#block-views-block-actualites-block-1 h2.block-title {
    margin-bottom: 10px;
}
}

@media (max-width: 576px) {
	h1 {
        font-size: 32px !important;
    }
    h2 {
        font-size: 26px !important;
    }
    h3 {
        font-size: 22px !important;
    }
    h4 {
        font-size: 18px !important;
    }
    h5 {
        font-size: 12px !important;
    }
    h6 {
        font-size: 10px !important;
    }

.field--name-field-image{
	 position: static;
}
.page-not-found .first-text {
   margin-bottom:25px;
    color: #000;
}
h2.block-title {
	text-align:center;
	font-size: 28px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
#block-views-block-actualites-block-1 .title_actualites>a {
    font-size: 18px;
}
#block-views-block-actualites-block-1 .block-actualites-home-page .image_actualites {
    margin-top: 0;
}
#block-views-block-services-block-1 .title_services {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 30px;
}
#block-views-block-services-block-2 .title_services {
    font-size: 25px;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 30px;
}
#block-views-block-services-block-1 .button-more a.btn-more {
    display: block;
}
#block-views-block-services-block-2 .button-more a.btn-more {
    display: block;
}
section#block-views-block-services-block-2 .field--type-text-with-summary p {

    max-height: none;
}
section#block-views-block-services-block-2 .btn-more-service {
    margin-bottom: 15px;
}
.page_services .desc_services h1 {
        margin : 5px 0 !important;
}

.page-expertise-service .description h2{
	font-size: 21px !important;
	text-align:left !important;
	margin: 5px 0 8px;
}
 .item-presse-page .share-presse-container {
    min-height: 40px;
}
.item-presse-page .lien_presse {
    min-height: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}
.block-actualites-medias .button-more {
    margin-bottom: 30px;
    margin-top: 25px;
}
.item-presse-page {
    min-height: 100px;
}
.presse_list {
    margin-top: 0;
    margin-bottom: 20px;
}
#page-views-page-presse-page-1 {
    margin-top: 0;
}
.item-presse-page .title_presse a {
    line-height: 22px;
}
}

.page-node-type-landing-page-rpa .landing_page .condidaturespntanee{
  margin-top: 15px !important;
}
.landing_page .condidaturespntanee{
  margin-top: 0px !important;
  }
section#block-views-block-video-block-1 .video-homepage-details{
	margin-bottom:0 !important
}
section#block-views-block-video-block-1 .title_video {
  /*  margin-bottom: 30px;*/
  /*  font-size: 36px;*/
	/*line-height:36px;*/
}

@media (max-width: 576px) {
	section#block-views-block-video-block-1 .title_video {
    text-align: center;
    font-size: 28px;
	line-height:28px;
}
.desc_expertise h1{
	margin:5px 0
}
.breadcrumb {
    margin-bottom: 5px;
}
#block-views-block-actualites-block-1 .actualites_page {
    margin-top: 0;
}
.video_block .page_video .image-video-page {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}
.image-video-page img, .image-video-page .img-responsive{
	height: auto;
    width: 100%;
}
.video_block .block_social_share_video .share-video-container {
    min-height: 50px;
}
.video_block .block_social_share_video .share-video-container .social-media-sharing {
    padding-top: 0;
}
.video_block .title_video_content .title_video_page {
    margin-bottom: 0;
	line-height: 25px;
}
.video_block .title_video_content {
    min-height: 0;
}
.page_actualites .page_actualites_item .title_page_actualites {
    font-size: 25px !important;
    line-height: 30px;
    margin: 10px 0;
}
.page_actualites .page_actualites_item .text_page_actualites .date-publication {
    display: block;
}
.page-node-type-evenement-a-venir .text_page_actualites time {
    font-size: 18px;
}
.page_actualites .page_actualites_item .text_page_actualites .date-publication .du-au {
	font-family: 'ProximaNovaBold';
	padding-left: 0;
	font-size: 20px;
}
.container > .navbar-header {
    height: 60px;
}
.navbar-toggle {
    /*top: -5px;*/
}
.path-livre-blanc .block-actualites-home-page{
	display: flex;
    flex-direction: column;
}
.path-livre-blanc .block-actualites-home-page .col-md-8{
	order:1
}
.path-livre-blanc .block-actualites-home-page .col-md-4{
	order:0
}
.path-livre-blanc .bloc-buttons {
    float: none;
}
}
@media (max-width: 460px){
.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-top: 20px !important;
    padding-left: 15px !important;
    text-align: center;
	margin-bottom: 0 !important;
}
.page-expertise-service .description .field--name-body h1 {
    text-align: center;
}
.view-technologie{
	padding:0 15px;
}
}
@media (max-width: 420px) {
	h1 {
        font-size: 30px !important;
    }
}
#edit-collecte-des-informations{
  margin-right: 8px;
}
#block-views-block-services-block-1 .field--name-body {
  padding: 0 15px;
}


/*Qui somme
-------------------------*/
.page_qui_sommes_nous{
  padding: 0 10px;
}
.baniere_qui_sommes_nous {
  min-height: 320px;
  background-image: linear-gradient(to left, #88559f, #774996, #673e8c, #553383, #43297a);
  border-radius: 30px;
  position: relative;
  margin-bottom: 80px;
}
.baniere_qui_sommes_nous .field--name-field-image {
  position: absolute;
  right: -10px;
  bottom: -100px;
}
.baniere_qui_sommes_nous .field--name-field-image img {
  max-width: 450px;
  height: auto;margin: 0;
}
.left-qui-sommes .post_it_container{
  margin-bottom: 25px;
}
.left-qui-sommes .nombre_performance{
  font-size: 48px;
  font-family: "ProximaNovaBold";
  /*color: #d3d3d3;*/
  color: #19D5C7;
  text-transform: uppercase;
  line-height: 50px;
  text-align: left;
  margin-bottom: 5px;
}
.left-qui-sommes .titre_performance{
  font-size: 18px;
  font-family: "ProximaNovaSemiBold";
  color: #000;
  line-height: 22px;
  text-align: left;
}
.left-qui-sommes h2{
  margin-bottom: 20px !important;
}
.right-qui-sommes{
  padding-top: 15px;
}
.right-qui-sommes p{
 font-size: 16px;
  line-height: 26px;
}
#block-contacteznous{
  position: relative;
  padding: 80px 0 30px;
  margin-bottom: 30px;
}
.block_candidature_offre_d_emploi{
  position: relative;
  z-index: 1;
}
#block-contacteznous:after{
  content:'';
  top:0;
  left:10px;
  bottom: 0;
  right:10px;
  background: #ccb6e3;
  background-image: linear-gradient(to left bottom, #ccb6e3, #d0b9e4, #d4bce6, #d7bfe7, #dbc2e9);
  position: absolute;
  display: block;
  border-radius: 30px;
}
#block-contacteznous .form-control {
  background-color: transparent !important;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(255,255,255,.75);
  color: #000000;
  box-shadow: none;
  height: 40px !important;
  font-size: 20px !important;
  padding: 5px 0 !important;
}
#block-contacteznous .form-contact-container .contact-form form textarea {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: rgba(255,255,255,.75);
  background-color: transparent;
  height: 70px !important;
  min-height: 70px;
}
#block-contacteznous .form-contact-container .contact-form label {
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
#block-contacteznous.contact-form .form-group{
  margin-bottom: 35px;
}
#block-contacteznous .form-control::-webkit-input-placeholder { /* Edge */
  color: #000000;
}

#block-contacteznous .form-control:-ms-input-placeholder { /* Internet Explorer */
  color: #000000;
}

#block-contacteznous .form-control::placeholder {
  color: #000000;
}
#accordionvalue .card{
  margin-bottom: 20px;
}
#accordionvalue .card-header{
  text-align: left;
}
#accordionvalue .card-header .btn{
  background:#662483;
  text-align: left;
  color: #fff;
  font-weight: 600;
  border-radius: 12px 12px 0 0;
  min-height: 60px;
  outline: 0;
  box-shadow: none;
  position: relative;
  padding-left: 40px;
  text-decoration: none !important;
  cursor: pointer;
}

#accordionvalue .card-header .btn:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #fff;
  content: "";
  left: 15px;
  top:50%;
  transform: translateY(-50%) rotate(90deg);
  position: absolute;
  transition: all 0.3s;
}
#accordionvalue .card-header .btn:hover{
  background:#662483 !important;
  color: #fff !important;
  transition: all 0.3s;
}
#accordionvalue .card-header .btn:hover:before{
  border-left: 10px solid #fff !important;
  transition: all 0.3s;
}
#accordionvalue .card-header .btn.collapsed{
  background: #DED1E4;
  border-radius: 12px;
  color: #000;
}
#accordionvalue .card-header .btn.collapsed:before {
  border-left: 10px solid #000;
  transform:  translateY(-50%) rotate(0deg);
  transition: all 0.3s;
}
#accordionvalue .card-content {
  overflow: hidden;
  border-radius: 0 0 12px 12px;
  padding: 15px;
  color: #fff;
  font-size: 14px;
  position: relative;
  transition: all 0.3s;
}
#accordionvalue .card-content .card-body p {
 margin: 0 0 10px !important;
  font-size: 14px;
}
.card-content.show, .card-content.in{
  background: #662483;
  transition: all 0.3s;
}
.section-our-value .our-value-left {
  padding-right: 80px !important;
}
@media (max-width: 991px) {
  .section-our-value .our-value-left{
    padding-right: 15px !important;
  }
}
.section-our-value .our-value-left h2{
  margin-top: 35px !important;
}

/*Consulting*/
.panel-digital-item{
  position: relative;
  margin-bottom: 45px;
}

.panel-digital-item:nth-of-type(odd){
 padding-right: 35px;
}
.panel-digital-item:nth-of-type(even){
  left: 35px;
}
.panel-digital-item:hover .panel-digital-inner{
  background-image: linear-gradient(to bottom, #4e1370, #612280, #753191, #8940a2, #9e4fb3);
  transition: all 0.3s ease-in-out;
}
.panel-digital-item:hover .panel-text-content h2 a {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.panel-digital-item .panel-digital-inner{
  position: relative;
  background: rgba(255,255,255,.75);
  border-radius: 30px;
  padding: 15px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.panel-digital-inner .image-panel{
  position: absolute;
  max-width: 400px;
  min-height: 380px;
  left: -65px;
  top: -65px;
  align-items: center;
  display: flex;
  z-index: 0;
}
.panel-digital-inner .image-panel img{
  width: auto;
  height: 100%;
  max-height: 330px;
}
.panel-text-content{
  text-align: right;
  position: relative;
  z-index: 9;
}
.panel-text-content h2{
  font-size: 25px !important;
  line-height: 30px;
  color: #531774;
  font-family: "ProximaNovaExtraBold";
}
.panel-text-content h2 a{
  color: #531774;
  transition: all 0.3s ease-in-out;
}
.panel-text-content p{
  display: none;
}
#block-views-block-tendance-block-1:after{
  content:'';
  top:0;
  right:10px;
  bottom:0;
  left:10px;
  background:#efdcff;
  background-image: linear-gradient(to right, #efdcff, #e3e4ff, #daeaff, #d7f0ff, #daf4fd);
  position: absolute;
  z-index: 0;
  display: block;
  border-radius: 30px;
}
#block-views-block-tendance-block-1>*{
  position: relative;
  z-index: 1;
}
#block-views-block-tendance-block-1 .block-actualites-home-page {
  border-radius: 30px !important;
  overflow: hidden;
  position: relative;
}
#block-views-block-tendance-block-1  .image_actualites {
  height: 450px !important;
  border-radius: 30px !important;
  max-height: 100%;
}
#block-views-block-tendance-block-1  .image_actualites>a{
  display: block;
}
#block-views-block-tendance-block-1 .block-actualites-home-page .title_actualites {
 text-align: center;
  font-size: 16px;
}
#block-views-block-tendance-block-1 .block-actualites-home-page .title_actualites>a {
  font-size: 16px !important;
  line-height: 18px !important;
  color: #fff !important;
}
#block-views-block-tendance-block-1 .block-actualites-home-page .created_content_actualites-block span {
  font-family: 'ProximaNovaRegular' !important;
  font-size: 16px !important;
  color: #D8D5D5 !important;
}
#block-views-block-tendance-block-1 .block-actualites-home-page .contenu_actualites-block {

  display: none;
}
#block-views-block-tendance-block-1 .created_content_actualites-block{
  text-align: center;
}
#block-views-block-tendance-block-1 .block-actualites-content {
  padding: 15px 25px 25px!important;
  position: absolute;
  bottom: 0;
  background: rgba(69, 12, 105, 0.63);
  left: 0;
  right: 0;
}

#block-views-block-tendance-block-1 .image_actualites img {
  height: 100%;
  object-fit: cover;
}

#block-views-block-tendance-block-1 .share-social-media button.share-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: rgba(255,255,255,.2);
}
#block-views-block-tendance-block-1 .share-social-media button.share-btn svg path  {
  fill:  #fff;
}
#block-views-block-tendance-block-1 .share-social-media button.share-btn:hover {
  color: #000 !important;
  background: rgba(255,255,255,1) !important;
}
#block-views-block-tendance-block-1 .share-social-media button.share-btn .text-share {
 display: none;
}
#block-views-block-tendance-block-1 .block-actualites-home-page .read-more a {
   border: 1px solid #fff;
  font-family: "ProximaNovaExtraBold" !important;
  background: rgba(255,255,255,.2) !important;
}
#block-views-block-tendance-block-1 .block-actualites-home-page .read-more a:hover {
  color: #000 !important;
  background: rgba(255,255,255,1) !important;
}
.page-expertise-service{
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .panel-digital-item{
    width:100%;
  }
  .panel-digital-inner .image-panel img {
    height: auto;
    width: 100%;
  }
  .panel-digital-item:nth-of-type(odd) {
    padding-right: 15px;
  }
  .panel-digital-item:nth-of-type(even) {
    left: 0;
  }
}

/*new style-17/05/2022*/

:root {
  --white: #ffffff;
  --marron: #cf6300;
  --green: #b9c469;
  --purple: #8f3ca9;
  --blue-turq: #40e6f4;
  --blue: #2f69d0;
  --blue-yellow: #23d0b1;
  --orange: #e58400;
  --blue-pink: #969bdc;
  --gradien-blue-red: linear-gradient(to left top, #6318ff, #dd00b1, #fa006a, #f13b38, #d57620);
  --grad-red-blue: linear-gradient(to right top, #d9020e, #df0048, #cc007d, #9a00af, #073dd2);
  --gradien-blue-red-light: linear-gradient(to right, #e34e57, #dd4980, #c553a5, #9c64c1, #6073d0);
  --gradien-orange-dark: linear-gradient(to left bottom, #f7d78d, #f4ad6e, #ed8161, #dd5362, #c1236d);
  --gradien-blue: linear-gradient(
    to right top,
    #4a1971,
    #47267d,
    #423289,
    #3c3d94,
    #33489f,
    #285aaf,
    #186bbd,
    #007cca,
    #0098dc,
    #00b2e8,
    #00cdef,
    #40e6f4
  );
  --gradien-purple: linear-gradient(to right, #40effa, #00beee, #008bd6, #2256ac, #4a1971);
  --gradien-yelow: linear-gradient(to left bottom, #9b1aab, #e11574, #f06245, #de9f36, #bbd164);
  --gradien-green-light: linear-gradient(to left, #cbcaf8, #9dcdff, #5cd1fa, #00d3de, #24d0b1);
  --gradien-yelow-blue: linear-gradient(to left bottom, #37c4f1, #00d0cf, #6ed49a, #bace6c, #ffbe66);
  --gradien-green: linear-gradient(to left bottom, #65be68, #b8aa2b, #fb853d, #ff598b, #f167ef);
  --gradien-pink-orange: linear-gradient(to left bottom, #ebdef3, #fcc0e2, #ffa0b3, #ff8a6d, #e78806);
  --gradien-pink-blue: linear-gradient(to left bottom, #fc5f95, #e872bf, #c788dc, #a19beb, #7fa9ec);

  --orange-purple: linear-gradient(to right, #de7e0d, #eb563c, #e43265, #c6298b, #8e3caa);
  --yellow-blue: linear-gradient(to right top, #e2cf21, #ade35d, #7aef99, #4ff6d1, #57f8fc);
  --yellow-blue-light:  linear-gradient(to right, #a3fafc, #a4f9e6, #b1f6cd, #c6f1b3, #e0e99e);
  --yellow-blue-light-tend: linear-gradient(to left, #a3fafc, #a4f9e6, #b1f6cd, #c6f1b3, #e0e99e);
  --orange-pink: linear-gradient(to right, #e78b0f, #ff8c6e, #ffa1b4, #fcc1e2, #ebdef3);
}
.baniere-page-inner{
  min-height: 450px;
  position: relative;
}
.bannier-page{
  min-height: 450px;
  position: relative;
}
.baniere-page-inner:after{
  content: '';
  top:30px;
  bottom: 50px;
  left: 0;
  right: 0;
  background: var(--gradien-pink-blue);
  border-radius: 30px;
  position: absolute;
}
.bannier-page:after{
  content: '';
  top:30px;
  bottom: 50px;
  left: 0;
  right: 0;
  border-radius: 30px;
  position: absolute;
}
.page-digital .baniere-page-inner:after{
  background: var(--yellow-blue);
}
.page-digital .bannier-page{
  background: var(--yellow-blue)!important;
}
.page-digital .post_it-expertise-service {
  background-image: var(--yellow-blue-light);
}
.page-digital #block-views-block-tendance-block-1:after{
  background-image: var(--yellow-blue-light-tend);
}
.page-digital #block-views-block-tendance-block-1 .block-actualites-content {
  background: rgba(86, 249, 254, 0.59);
}
.page-digital .panel-digital-item .panel-digital-inner {
  border: 1px solid #91B508;
}
.page-digital .panel-digital-item:hover .panel-digital-inner {
  background: #90b40c;
  background-image: linear-gradient(to top right, #5886be, #90b40c);
}
.page-embarque .baniere-page-inner:after{
  background: var(--grad-red-blue);
}
.page-embarque .bannier-page{
  background: var(--grad-red-blue)!important;
}
.page-embarque .post_it-expertise-service {
  background-image: var(--gradien-blue-red-light);
}
.page-embarque #block-views-block-tendance-block-1:after{
  background-image: var(--gradien-blue-red-light);
}
.baniere-page-inner .banniere-image {
  position: absolute;
  z-index: 9;
  left: 0;
  bottom:0;
}
.baniere-page-inner .banniere-image img {
  max-height: 450px;
  width: auto;
}
.bannier-page .banniere-image {
  position: absolute;
  z-index: 9;
  left: 0;
  bottom:0;
}
.bannier-page .banniere-image img {
  max-height: 450px;
  width: auto;
}

.global-step {
  padding: 75px 0;
}
.top-texte-section{
  margin: 0 0 35px;
}
@media (max-width: 768px) {
  .box-card-panel {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.inner-card-panel {
  position: relative;
  padding: 30px 25px 40px;
}
.inner-card-panel:after {
  /*position: absolute;*/
  /*content: "";*/
  /*width: 48%;*/
  /*border-width: 4px 4px 4px 0;*/
  /*border-color: var(--marron);*/
  /*border-style: solid;*/
  /*top: -4px;*/
  /*right: -15px;*/
  /*bottom: 0;*/
  /*border-radius: 0 30px 30px 0;*/
  content: "";
  width: 48%;
  top: -4px !important;
  right: -15px !important;
  bottom: 0 !important;
  border-radius: 0 30px 30px 0;
  position: absolute;
  padding: 4px 4px 4px 0;
}
.card-panel-header {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
}
.card-panel-header .card-panel-number {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.1rem;
  font-family: "ProximaNovaExtraBold";
  color: #fff;
  margin-right: 25px;
  background-image: var(--gradien-blue-red);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
.card-panel-header h3 {
  width: calc(100% - 85px);
  font-family: "ProximaNovaBlack";
  margin: 5px 0;
  font-size: 32px;
  line-height: 35px;
  color: #000;
}
.card-panel-body {
  position: relative;
  text-align: center;
}

.card-panel-body .btn {
  padding: 10px 50px;
  text-align: center;
  min-height: 45px;
  border-radius: 50px;
  font-size: 18px;
  color: var(--orange);
  border: 1px solid var(--orange);
  position: relative;
  z-index: 99;
}
.global-step .row {
  display: flex;
  flex-wrap: wrap;
}
.global-step .row:nth-of-type(even) {
  justify-content: flex-end;
}
.global-step .row:nth-of-type(even) .inner-card-panel:after {
  right: initial;
  left: -15px;
  border-radius: 30px 0 0 30px;
  padding: 4px 0 4px 4px !important;
}
.global-step .row:nth-of-type(even) .inner-card-panel:before {
  right: initial;
  left: -11px;
  border-radius: 30px 0 0 30px;
}
.global-step .inner-card-panel:before {
  content: "";
  width: 48%;
  background: #fff;
  position:absolute;
  right:-11px;
  top:0;
  bottom: 4px;
  border-radius: 0 30px 30px 0;
  z-index: 9;
}
.start-point,
.end-point {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1px solid var(--orange);
  position: absolute;
  display: block;
  right: 48%;
}
.start-point {
  top: -70px;
}
.start-point::after {
  content: "";
  border-width: 0 0 4px 4px;
  border-color: var(--marron);
  border-style: solid;
  bottom: -38px;
  right: -40px;
  bottom: -34px;
  width: 60px;
  height: 50px;
  position: absolute;
  border-radius: 0 0 0 30px;
  z-index: -1;
}
.end-point {
  bottom: -70px;
}
.start-point::before,
.end-point::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--orange);
  border: 8px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.end-point::after {
  content: "";
  border-width: 4px 0 0 4px;
  border-color: var(--marron);
  border-style: solid;
  top: -38px;
  right: -40px;
  bottom: 0;
  width: 60px;
  height: 50px;
  position: absolute;
  border-radius: 30px 0 0 0;
  z-index: -1;
}
.end-point.right {
  left: 48%;
}
.end-point.right::after {
  border-width: 4px 4px 0 0;
  border-radius: 0 30px 0 0;
  right: 15px;
}
@media (max-width: 991px) {
  .start-point {
    right: 51%;
  }
  .end-point.right {
    left: 51%;
  }
  .inner-card-panel:after {
    width: 50%;
    right: 0 ;
  }
  .global-step .row:nth-of-type(even) .inner-card-panel:after {
    left: 0;
  }

  .global-step .inner-card-panel:before {
    width: 50%;
    right: 10px;
  }
  .inner-card-panel:after {
    width: 50%;
    right: 0 !important;
  }
  .global-step .row:nth-of-type(even) .inner-card-panel:before {
    left: 5px;
  }
  .start-point, .end-point {
    right: 52%;
  }
}
@media (max-width: 576px) {
  .inner-card-panel {
    position: relative;
    padding: 25px 20px;
  }
  .card-panel-header h3 {
    margin: 5px 0 15px;
    font-size: 1.8rem;
    line-height: 28px;
  }
  .baniere-page-inner {
    min-height: 325px;
  }
  .baniere-page-inner .banniere-image img {
    max-height: 175px;
  } 
  .bannier-page {
    min-height: 325px;
  }
  .bannier-page .banniere-image img {
    max-height: 175px;
  }
  .page-node-type-expertise-service .baniere-full-with-title .field--item img {
    min-height: 175px;
  }
  .panel-text-content h2 {
    font-size: 22px !important;
    line-height: 28px;
  }
}
@media (max-width: 450px){
  .bannier-page .bannierimage img {
    display: none;
  }
  .bannier-page h1 {
    width: 100% !important;
  }
}


/*modal*/
.modal-section-item .modal-body {
  padding: 0;
}
.modal-section-item .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99;
  height: 35px;
  width: 35px;
  padding: 0;
  text-align: center;
  line-height: 30px;
  border: 2px solid #000;
  color: #000;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s;
}

.modal-section-item .modal-content {
  border-radius: 30px;
  overflow: hidden;
}
.modal-section-item .close:hover {
  background: #000;
  color: #fff;
  transition: all 0.3s;
}
.content-modal-section {
  display: flex;
  flex-wrap: wrap;
}
.image-modal-sect {
  display: flex;
}
.image-modal-sect img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.texte-modal-sect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 30px;
}
.texte-modal-sect h3 {
  font-size: 34px;
  line-height: 35px;
  font-family: "ProximaNovaExtraBold";
  color: #e0800b;
  margin-bottom: 30px;
}
.texte-modal-sect p {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  margin-bottom: 10px;
}
.texte-modal-sect ul li {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  padding: 2px 0;
  list-style: disc;
}
.modal-backdrop.in {
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.global-step.bright-green .inner-card-panel:after {
  background: linear-gradient(258deg, #31d0b7, #cbcaf8);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
  linear-gradient(to right top, #4a1971, #2554aa, #0086d1, #00b7e8, #40e6f4);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.bright-green .start-point::before,
.global-step.bright-green .end-point::before {
  background: var(--blue-yellow);
}
.global-step.bright-green .start-point,
.global-step.bright-green .end-point {
  border: 1px solid var(--blue-yellow);
}
.global-step.bright-green .start-point::after {
  border-color: #cbcaf8;
}
.global-step.bright-green .end-point::after {
  border-color: #31d0b7;
}
.global-step.bright-green .card-panel-header .card-panel-number {
  background-image: var(--gradien-green-light);
}
.global-step.bright-green .card-panel-body .btn {
  color: var(--blue-yellow);
  border: 1px solid var(--blue-yellow);
}
.content-modal-section.bright-green h3 {
  color: var(--blue-yellow);
}

/*blue*/
.global-step.step-blue .inner-card-panel:after {
  background: linear-gradient(258deg, #4a1971, #40e6f4);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
  linear-gradient(to right top, #4a1971, #2554aa, #0086d1, #00b7e8, #40e6f4);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-blue .start-point::before,
.global-step.step-blue .end-point::before {
  background: var(--blue-turq);
}
.global-step.step-blue .start-point,
.global-step.step-blue .end-point {
  border: 1px solid var(--blue-turq);
}
.global-step.step-blue .start-point::after {
  border-color: #41d3e8;
}
.global-step.step-blue .end-point::after {
  border-color: var(--blue-turq);
}
.global-step.step-blue .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #492579, #42c2dd);
}
.global-step.step-blue .card-panel-body .btn {
  color: var(--blue);
  border: 1px solid var(--blue);
}
.content-modal-section.step-blue h3 {
  color: var(--blue);
}

/*orange*/
.global-step.step-orange .inner-card-panel:after {
  border-color: var(--orange-purple);
  background: linear-gradient(258deg, #8e3caa, #de7e0d);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-purple);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-orange .start-point::before,
.global-step.step-orange .end-point::before {
  background: var(--orange);
}
.global-step.step-orange .start-point,
.global-step.step-orange .end-point {
  border: 1px solid var(--orange);
}
.global-step.step-orange .start-point::after {
  border-color: var(--orange);
}
.global-step.step-orange .end-point::after {
  border-color: var(--purple);
}
.global-step.step-orange .card-panel-header .card-panel-number {
  background-image: linear-gradient(to bottom right, #de7e0d, #8e3caa);
}
.global-step.step-orange .card-panel-body .btn {
  color: var(--orange);
  border: 1px solid var(--orange);
}
.content-modal-section.step-orange h3 {
  color: var(--blue-yellow);
}

/*light-blue*/
.global-step.step-light-blue .inner-card-panel:after {
  border-color: var(--orange-purple);
  background: linear-gradient(258deg, #95fefd, #c784ef);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-purple);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-light-blue .start-point::before,
.global-step.step-light-blue .end-point::before {
  background: var(--blue-turq);
}
.global-step.step-light-blue .start-point,
.global-step.step-light-blue .end-point {
  border: 1px solid var(--blue-turq);
}
.global-step.step-light-blue .start-point::after {
  border-color: #c784ef;
}
.global-step.step-light-blue .end-point::after {
  border-color: #c784ef;
}
.global-step.step-light-blue .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #c784ef, #95fefd);
}
.global-step.step-light-blue .card-panel-body .btn {
  color: #c784ef;
  border: 1px solid #c784ef;
}
.content-modal-section.step-light-blue h3 {
  color: #c784ef;
}

/*yellow-green*/
.global-step.step-yellow-green .inner-card-panel:after {
  border-color: var(--orange-purple);
  background: linear-gradient(258deg, #9e28a7, #b8bf6b);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-purple);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-yellow-green .start-point::before,
.global-step.step-yellow-green .end-point::before {
  background: #b8bf6b;
}
.global-step.step-yellow-green .start-point,
.global-step.step-yellow-green .end-point {
  border: 1px solid #b8bf6b;
}
.global-step.step-yellow-green .start-point::after {
  border-color: #b8bf6b;
}
.global-step.step-yellow-green .end-point::after {
  border-color: #b8bf6b;
}
.global-step.step-yellow-green .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #b8be6c, #9e28a7);
}
.global-step.step-yellow-green .card-panel-body .btn {
  color: #b8be6c;
  border: 1px solid #b8be6c;
}
.content-modal-section.step-yellow-green h3 {
  color: #b8be6c;
}

/*yellow-blue*/
.global-step.step-yellow-blue .inner-card-panel:after {
  border-color: var(--orange-purple);
  background: linear-gradient(258deg, #68c2cf, #f2be6f);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-purple);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-yellow-blue .start-point::before,
.global-step.step-yellow-blue .end-point::before {
  background: #68c2cf;
}
.global-step.step-yellow-blue .start-point,
.global-step.step-yellow-blue .end-point {
  border: 1px solid #68c2cf;
}
.global-step.step-yellow-blue .start-point::after {
  border-color: #f2be6f;
}
.global-step.step-yellow-blue .end-point::after {
  border-color: #f2be6f;
}
.global-step.step-yellow-blue .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #f2be6f, #68c2cf);
}
.global-step.step-yellow-blue .card-panel-body .btn {
  color: #68c2cf;
  border: 1px solid #68c2cf;
}
.content-modal-section.step-yellow-blue h3 {
  color: #68c2cf;
}
/*purple-green*/
.global-step.step-purple-green .inner-card-panel:after {
  border-color: var(--orange-purple);
  background: linear-gradient(258deg, #6abb6e, #c483c4);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-purple);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-purple-green .start-point::before,
.global-step.step-purple-green .end-point::before {
  background: #6abb6e;
}
.global-step.step-purple-green .start-point,
.global-step.step-purple-green .end-point {
  border: 1px solid #6abb6e;
}
.global-step.step-purple-green .start-point::after {
  border-color: #c483c4;
}
.global-step.step-purple-green .end-point::after {
  border-color: #c483c4;
}
.global-step.step-purple-green .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #c483c4, #6abb6e);
}
.global-step.step-purple-green .card-panel-body .btn {
  color: #6abb6e;
  border: 1px solid #6abb6e;
}
.content-modal-section.step-purple-green h3 {
  color: #6abb6e;
}

/*red-yellow*/
.global-step.step-red-yellow .inner-card-panel:after {
  border-color: var(--orange-purple);
  background: linear-gradient(258deg, #f6d58d, #c93d71);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-purple);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-red-yellow .start-point::before,
.global-step.step-red-yellow .end-point::before {
  background: #c93d71;
}
.global-step.step-red-yellow .start-point,
.global-step.step-red-yellow .end-point {
  border: 1px solid #c93d71;
}
.global-step.step-red-yellow .start-point::after {
  border-color: #c93d71;
}
.global-step.step-red-yellow .end-point::after {
  border-color: #c93d71;
}
.global-step.step-red-yellow .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #c93d71, #f6d58d);
}
.global-step.step-red-yellow .card-panel-body .btn {
  color: #c93d71;
  border: 1px solid #c93d71;
}
.content-modal-section.step-red-yellow h3 {
  color: #c93d71;
}

/*pink-orange*/
.global-step.step-pink-orange .inner-card-panel:after {
  border-color: var(--orange-pink);
  background: linear-gradient(258deg, #ebdef3, #e78909);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--orange-pink);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-pink-orange .start-point::before,
.global-step.step-pink-orange .end-point::before {
  background: #e58400;
}
.global-step.step-pink-orange .start-point,
.global-step.step-pink-orange .end-point {
  border: 1px solid #e58400;
}
.global-step.step-pink-orange .start-point::after {
  border-color: #e58400;
}
.global-step.step-pink-orange .end-point::after {
  border-color: #ebdef3;
}
.global-step.step-pink-orange .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #e78909, #ebdef3);
}
.global-step.sstep-pink-orange .card-panel-body .btn {
  color: #e58400;
  border: 1px solid #e58400;
}
.content-modal-section.step-pink-orange h3 {
  color: #e58400;
}

/*pink-blue*/
.global-step.step-pink-blue .inner-card-panel:after {
  border-color: var(--gradien-pink-blue);
  background: linear-gradient(258deg, #e46ea6, #86a5e7);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, var(--gradien-pink-blue);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.global-step.step-pink-blue .start-point::before,
.global-step.step-pink-blue .end-point::before {
  background: #e16fa8;
}
.global-step.step-pink-blue .start-point,
.global-step.step-pink-blue .end-point {
  border: 1px solid #e16fa8;
}
.global-step.step-pink-blue .start-point::after {
  border-color: #86a5e7;
}
.global-step.step-pink-blue .end-point::after {
  border-color: #e76ca4;
}
.global-step.step-pink-blue .card-panel-header .card-panel-number {
  background-image: linear-gradient(to top right, #86a5e7, #e16fa8);
}
.global-step.step-pink-blue .card-panel-body .btn {
  color: #86a5e7;
  border: 1px solid #86a5e7;
}
.content-modal-section.step-pink-blue h3 {
  color: #86a5e7;
}



@media (max-width: 991px) {
  .image-modal-sect {
    display: none;
  }
  .texte-modal-sect p {
    font-size: 16px;
    line-height: 25px;
  }
}
.video-embed-field-responsive-video:after {
  padding-bottom: 0;
}
.video  .video-item-expertise-service iframe {
  max-width: 1000px;
  height: 520px;
  position: relative;
}
.video .video-embed-field-provider-youtube {
  text-align: center;
  height: 520px;
  border-radius: 30px;
  overflow: hidden;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.bannier-top-page{
  padding: 0 10px;
}
.bannier-page {
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 15px;
  min-height: 300px;
  justify-content: space-between;
  margin-bottom: 80px;
  background: #cbcaf8;
  background-image: linear-gradient(to left, #b198c1, #a6a8d5, #98b9e3, #8dc8eb, #8ad7eb);
 
}
.yellow-blue .bannier-page {
  background: #3ac4ef;
  background-image: linear-gradient(to right top, #ffbe66, #bace6c, #70d499, #10d0ce, #3ac4ef);
}
.bright-green .bannier-page {
  background: #cbcaf8;
  background-image: linear-gradient(to right top, #24d0b1, #00d3de, #5cd1fa, #9dcdff, #cbcaf8);
}
.purple-green  .bannier-page{
  background: #cbcaf8;
  background-image: linear-gradient(to top right, #f167f0, #67be6a);
}
.red-orange .bannier-page {
  background: #cbcaf8;
  background-image: linear-gradient(to top right, #c1246e, #f7d68d);
}
.blue-orange .bannier-page {
  background: #cbcaf8;
  background-image: linear-gradient(to top right, #6419ff, #e38304);
}
.purple-blue .bannier-page {
  background: #cbcaf8;
  background-image: linear-gradient(to top right, #4a1971, #42d1e7);
}
.pink-blue .bannier-page {
  background: #9bf0fc;
  background-image: linear-gradient(to top right, #86a5e7, #e16fa8);
}
.yellow-purple .bannier-page {
  background: #9bf0fc;
  background-image: linear-gradient(to top right, #bbd164, #9f2fa3);
}
.pink-orange .bannier-page {
  background: #E58400;
  background-image: linear-gradient(to top right, #E58400, #EBDEF3);
}
.blue-blue .bannier-page {
  background: #4a2b7d;
  background-image: linear-gradient(to top right, #4a2b7d, #40E6F4);
}
.light-blue .bannier-page {
  background: #cb7bee;
  background-image: linear-gradient(to top right, #cb7bee, #95fffe);
}
.baniere-full-innovation .bannier-page {
  background: #644eb7;
  background-image: linear-gradient(to top right, #7fb0d4, #9f74a7);
}
.bannier-page .bannierimage {
  position: relative;
  min-height: 300px;
}
.baniere-full-innovation .bannierimage img {
  position: absolute;
  left: 0;
  bottom: -45px;
  top: 15px;
  max-width: 520px;
  max-height: 350px;
  width: 350px;
  height: auto;
}
.bannier-page .bannierimage img {
  position: absolute;
  left: 0;
  bottom: -20px;
  top: 0;
  max-width: 520px;
  max-height: 350px;
  height: auto;
  width: auto;
}

.bannier-page h1 {
  width: 50%;
  color: #fff;
  font-family: ProximaNovaBlack;
}
.panel-blue-data .end-point.right::after {
  border-color: #4a1971;
}
.image_page_actualites .field--type-image img{
  width: 100%;
  height: auto;
  border-radius: 20px;
}




@media (max-width: 991px) {
  .bannier-page {
    min-height: 200px;
    margin-bottom: 50px;
  }
  .bannier-page .bannierimage {
    min-height: 200px;
    display: flex;
    align-items: flex-end;
  }
  .bannier-page .bannierimage img {
    position: relative;
    max-width: 200px;
    left: -20px;
    height: auto;
  }
  .bannier-page h1 {
    width: 70%;
    color: #fff;
    font-size: 25px;
  }
}
@media (max-width: 500px) {
  .bannier-page .bannierimage {
    min-height: 150px;
  }
  .bannier-page .bannierimage img {
    max-width: 150px;
  }
  .bannier-page h1 {
    width: 80%;
    font-size: 20px;
  }
}


/*Innovation*/
.page-innovation .date-publication{
  display: none;
}
.list-innov, .wysiwyg-list-ul .list-innov{
  padding: 0  !important;
}
.list-innov li, .wysiwyg-list-ul .list-innov li {
  position: relative;
  padding-left: 20px;
  list-style: none !important;
}

.list-innov li:before {
  content: "";
  position: absolute;
  background: #beebff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 0;
  top: 5px;
}
.blockinnov .box-about-service:nth-of-type(1) .box-about-icon:after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  bottom: -8px;
  left: -8px;
  z-index: 0;
  border-radius: 50%;
  background: #9ef2f6;
}
.blockinnov .box-about-service:nth-of-type(1) .box-about-icon {
  padding: 15px 30px 0 0;
}
.blockinnov .box-about-service:nth-of-type(1) .box-about-icon img {
  max-width: 35px;
}
.blockinnov .box-about-icon img {
  max-width: 45px;
}
.blockinnov .box-about-service:nth-of-type(3) .box-about-icon {
  padding: 35px 45px 15px 15px;
}
.blockinnov .box-about-service:nth-of-type(3) .box-about-icon::after {
  top: 17px;
  left: 3px;
  background: #d9baf9;
}
.blockinnov .box-about-service:nth-of-type(2) .box-about-icon {
  padding: 18px 80px 15px 5px;
  align-items: flex-start;
}
.blockinnov .box-about-service:nth-of-type(2) .box-about-icon:after {
  top: 5px;
  left: -9px;
  background: #f5f8af;
}
.detail-box.d-box-1{padding: 27px 0 0px 25px;}
.detail-box.d-box-2{padding: 0px 0 0px 21px;
  height: 213px;
  display: flex;
  justify-content: center;
  align-items: center}
.detail-box.d-box-3{padding:27px 0 0px 58px;}
.detail-box.d-box-4{padding: 27px 0 0px 67px;}
.detail_container {
  background-image: url("../img/bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  float: left;
  padding: 20px;
  margin-top: 50px;
}

.detail-box h4,.detail-box h3{
  font-family:"ProximaNovaBold";
  color:#929BEB;
  margin: 0;
  font-size: 20px !important;
}
.detail-box h5{
  font-family:"ProximaNovaBold";
  color:#4CCBFE;
  margin: 0px;
}
.detail-box li,.detail-box p{
  color:#707070;

}
.detail-box p{font-size: 12px;margin: 5px 0px;}
.detail-box ul {
  list-style: none;
  padding: 0;
  font-size: 12px;
  margin-top: 5px;
}
.detail-box ul li {
  list-style: none;
}
.detail-box.d-box-3 ul{font-size:11px;margin-bottom: 15px;
}

.text-bottom{
  text-align: center;
  padding: 35px 0;
  clear: both;
}
.puce-detail {
  background: rgb(163,150,232);
  background: linear-gradient(90deg, rgba(163,150,232,1) 0%, rgba(32,189,255,1) 35%, rgba(165,233,254,1) 100%);
  display: inline-block;
  width: 5px;
  height:5px;
  border-radius:50%;
  margin-right: 5px;

}
.detail-box.d-box-1 .puce-detail {
  width: 7px;
  height:7px;

}
.detail-icon{
  display:none;
}
@media (max-width: 1200px){
  .detail-box.d-box-1 {
    padding: 41px 0 0px 15px;
  }
  .detail-box.d-box-3 {
    padding: 30px 0 0px 44px;
  }
  .detail-box.d-box-3 p,.detail-box.d-box-4 p {
    font-size: 10px;
  }
  .detail-box.d-box-3 ul {
    font-size: 10px;
  }
  .detail-box.d-box-1 ul {
    font-size: 11px;
  }
  .detail-box.d-box-4 {
    padding: 27px 0 0px 55px;
  }
}
@media (max-width: 992px){
  .detail-box.d-box-1, .detail-box.d-box-2,.detail-box.d-box-3, .detail-box.d-box-4 {
    padding: 10px;
    margin-bottom: 5px;
    height: 235px;
  }
  .detail-box.d-box-2 {
    display: block;
  }
  .detail_container {
    background-image: none;
  }
  .detail-icon{
    width: 50px;
    height: 50px;
    display: block;
    background: rgb(163,150,232);
    background: linear-gradient(90deg, rgba(163,150,232,1) 0%, rgba(32,189,255,1) 35%, rgba(165,233,254,1) 100%);
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
    line-height: 50px;
  }
  .detail-icon img{
    width: 30px;
  }
  .detail-box.d-box-1 ul {
    font-size: 12px;
  }
  .detail-box.d-box-3 p, .detail-box.d-box-4 p {
    font-size: 12px;
  }
  .detail-box.d-box-3 ul {
    font-size: 11px;
  }
}
@media (max-width: 768px){
  .detail_container {
    background-image: none;
  }
  .detail-box.d-box-1, .detail-box.d-box-2,.detail-box.d-box-3, .detail-box.d-box-4 {
    margin-bottom: 15px;
    height: auto;
  }
}