/* Params */
/*Colors*/
/*End colors*/
/*fonts*/
/* @font-face {
  font-family: 'open_sansbold';
  src: url('fonts/opensans-bold-webfont.eot');
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/opensans-bold-webfont.woff2') format('woff2'),
  url('fonts/opensans-bold-webfont.woff') format('woff'),
  url('fonts/opensans-bold-webfont.ttf') format('truetype'),
  url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoblack';
  src: url('fonts/lato-black-webfont.eot');
  src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/lato-black-webfont.woff2') format('woff2'),
  url('fonts/lato-black-webfont.woff') format('woff'),
  url('fonts/lato-black-webfont.ttf') format('truetype'),
  url('fonts/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latobold';
  src: url('fonts/lato-bold-webfont.eot');
  src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/lato-bold-webfont.woff2') format('woff2'),
  url('fonts/lato-bold-webfont.woff') format('woff'),
  url('fonts/lato-bold-webfont.ttf') format('truetype'),
  url('fonts/lato-bold-webfont.svg#latobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url('fonts/opensans-light-webfont.eot');
  src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/opensans-light-webfont.woff2') format('woff2'),
  url('fonts/opensans-light-webfont.woff') format('woff'),
  url('fonts/opensans-light-webfont.ttf') format('truetype'),
  url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  src: url('fonts/opensans-italic-webfont.eot');
  src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/opensans-italic-webfont.woff2') format('woff2'),
  url('fonts/opensans-italic-webfont.woff') format('woff'),
  url('fonts/opensans-italic-webfont.ttf') format('truetype'),
  url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url('fonts/opensans-regular-webfont.eot');
  src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/opensans-regular-webfont.woff2') format('woff2'),
  url('fonts/opensans-regular-webfont.woff') format('woff'),
  url('fonts/opensans-regular-webfont.ttf') format('truetype'),
  url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  src: url('fonts/opensans-semibold-webfont.eot');
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
  url('fonts/opensans-semibold-webfont.woff') format('woff'),
  url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
  url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;

}


@font-face {
  font-family: 'latoregular';
  src: url('fonts/lato-regular-webfont.eot');
  src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/lato-regular-webfont.woff2') format('woff2'),
  url('fonts/lato-regular-webfont.woff') format('woff'),
  url('fonts/lato-regular-webfont.ttf') format('truetype'),
  url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'myriad-reg';
  src: url('fonts/MYRIADPRO-REGULAR.OTF?#iefix');
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'myriad-reg';
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  
  url('fonts/MyriadPro-Regular.otf')  format('opentype'),
       url('fonts/MyriadPro-Regular.woff') format('woff'), 
       url('fonts/MyriadPro-Regular.ttf')  format('truetype'), 
       url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'myriad-bold';
  src: url('fonts/MYRIADPRO-BOLD.OTF');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latoitalic';
  src: url('fonts/lato-italic-webfont.eot');
  src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/lato-italic-webfont.woff2') format('woff2'),
  url('fonts/lato-italic-webfont.woff') format('woff'),
  url('fonts/lato-italic-webfont.ttf') format('truetype'),
  url('fonts/lato-italic-webfont.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

} */
/*End fonts*/
/*end mixins*/
/*General Css*/
/*body{
  overflow-x: hidden;
}*/
html {
  font-size: .875vw; }

a:hover {
  text-decoration: none; }

a:focus {
  text-decoration: none; }

ul {
  list-style: none; }

input:focus {
  outline: 0; }

button:focus {
  outline: none; }

input[type="submit"]:focus {
  outline: 0; }

p {
  padding: 0;
  margin: 0; }

select::-ms-expand {
  display: none; }

.orange-link,
.item-list .pager li {
  text-align: center;
  float: left;
  width: 100%; }
  .orange-link a,
  .item-list .pager li a {
    color: #fff;
    font-size: 16.16px;
    background: #ff6319;
    padding: 11px 56px;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    border: none;
    border-radius: 0px; }
    .orange-link a:hover, .orange-link a:active, .orange-link a:focus,
    .item-list .pager li a:hover,
    .item-list .pager li a:active,
    .item-list .pager li a:focus {
      /*background: #ea5812;*/
      background: #e05310 !important; }

/*icons*/
.icon-search-small {
  width: 27px;
  height: 28px;
  float: right;
  background: url(images/search-icon-small.png) no-repeat center; }

.icon-woman {
  width: 32px;
  height: 34px;
  float: right;
  background: url(images/icon-woman.png) no-repeat center; }

.icon-man {
  width: 32px;
  height: 35px;
  float: left;
  background: url(images/icon-man.png) no-repeat center; }

#wrapper,
#content {
  /*min-height: 100%;
  height: 100%; */ }

.aheight #wrapper,
.aheight #content {
  min-height: auto;
  height: 100%; }

/* map */
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 50% !important;
  right: 72px !important; }

html,
body {
  height: 100%; }

#map {
  height: 100%;
  position: relative; }

.info-window {
  position: absolute;
  background: red;
  display: none;
  top: 0; }

.video-frame,
.video-close {
  box-shadow: none !important;
  text-shadow: none !important; }

.form-wrapper .wrapper-select {
  display: inline-block;
  vertical-align: middle;
  height: 70px;
  width: 49%; }
  .form-wrapper .wrapper-select + .wrapper-select {
    margin-left: -4px; }
.form-wrapper .select2.select2-container {
  display: inline-block;
  vertical-align: middle;
  height: 70px;
  width: 49%; }
  .form-wrapper .select2.select2-container ~ .select2-container {
    margin-left: -4px; }

/* Pages */
.slide-pages {
  float: left;
  width: 100%;
  /* .content-top-slide {
      max-width: 1190px;
  } */ }
  .slide-pages nav {
    /* margin-top: 10px; */
    padding-top: 37px; }
  .slide-pages .espace-membre {
    /* li {
        float: none;
        a {
            padding: 13px 9px;
            width: 172px;
            text-align: center;
            height: 46px; 
            span{
                display: inline-block;
                vertical-align: top;
                float: none;
            }
        }
    } */ }
  .slide-pages .top-slide {
    z-index: 1;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 0;
    float: left;
    width: 100%; }
  .slide-pages .top-slide-avantages {
    background: url("images/bg-avantages.png");
    background-size: cover; }
    .slide-pages .top-slide-avantages a {
      font-size: 13.87px; }
  .slide-pages .titre {
    padding: 99px 10px 222px 10px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2; }
    .slide-pages .titre h1 {
      color: #fff;
      font-size: 70px;
      margin-bottom: 20px; }

.field.field-name-body.field-type-text-with-summary.field-label-hidden:before {
  content: "";
  margin-top: -20px;
  width: 100%;
  display: block; }

.page-86,
.field-item.even {
  margin: 100px auto; }
  .page-86 > h2,
  .field-item.even > h2 {
    color: #ff6319 !important;
    font-size: 22px !important;
    letter-spacing: .4px;
    margin: 35px 0; }
  .page-86 > p,
  .page-86 > p span,
  .field-item.even > p,
  .field-item.even > p span {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: normal; }
  .page-86 div + p,
  .field-item.even div + p {
    display: none; }

.page-52860 .field-item.even,
.page-52861 .field-item.even,
.page-52863 .field-item.even,
.page-52864 .field-item.even,
.page-52866 .field-item.even,
.page-52875 .field-item.even,
.content-page.conseil .field-item.even,
.page-52876 .field-item.even {
  margin: 0px; }

.page-86,
.page-271,
.page-85, .page-59068 {
  clear: both;
  max-width: 960px;
  margin: 0 auto; }

.avantages {
  padding-top: 93px;
  float: left;
  width: 100%;
  background: url("images/bg-content.png") repeat-x;
  background-size: cover; }
  .avantages .container-avantages {
    margin: 0 auto;
    max-width: 1140px;
    padding-left: 36px; }
  .avantages h4.actives {
    color: #20b2ff;
    margin-bottom: 3px; }
  .avantages .text {
    font-size: 22px;
    color: #222222;
    width: 764px;
    margin: auto;
    line-height: 27px; }
  .avantages .avantages-items {
    margin-top: 60px;
    padding-bottom: 74px;
    margin-left: -15px; }
    .avantages .avantages-items .panel-group .panel + .panel {
      margin-top: 9px; }
  .avantages .content-avantages-item {
    background: #fff none repeat scroll 0 0;
    height: 259px;
    margin: 0 0 0 125px;
    padding: 20px;
    width: 817px; }
    .avantages .content-avantages-item + .content-avantages-item {
      margin-top: 18px; }
    .avantages .content-avantages-item .img-avantages1 {
      float: left; }
    .avantages .content-avantages-item .img-avantages2 {
      float: right;
      /* padding-left: 14px;
      padding-top: 2px; */ }
    .avantages .content-avantages-item .text-avantages1 {
      float: left;
      width: 51.4%;
      padding-top: 28px;
      /* padding-right: 52px;
      letter-spacing: 0.2px; */
      padding-left: 47px; }
    .avantages .content-avantages-item .text-avantages2 {
      float: left;
      width: 52.4%;
      padding: 26px 16px 0 37px; }
      .avantages .content-avantages-item .text-avantages2 h4 {
        padding-top: 5px;
        padding-bottom: 10px; }
    .avantages .content-avantages-item .text-avantages h4 {
      font-size: 22px;
      color: #20b2ff;
      padding-bottom: 12px; }
    .avantages .content-avantages-item .text-avantages p,
    .avantages .content-avantages-item .text-avantages li {
      font-size: 15px;
      color: #212121;
      line-height: 20px;
      position: relative;
      margin-bottom: 5px; }
    .avantages .content-avantages-item .text-avantages li:before {
      background: #20b2ff;
      content: "";
      display: inline-block;
      height: 8px;
      width: 8px;
      border-radius: 50%;
      position: absolute;
      left: -20px;
      top: 7px; }
  .avantages .box-list .content-avantages-item {
    height: auto;
    margin-left: 0;
    margin: 0 0 35px 0;
    float: left;
    width: 517px; }
    .avantages .box-list .content-avantages-item:nth-child(2n) {
      margin-left: 38px; }
    .avantages .box-list .content-avantages-item .text-avantages h4 {
      margin-bottom: 27px;
      padding: 0; }
    .avantages .box-list .content-avantages-item .img-avantages2 {
      float: left; }
  .avantages #collapseOne .grow.pic {
    width: 346px; }
    .avantages #collapseOne .grow.pic img {
      width: 346px;
      height: 218px; }
  .avantages #collapseTwo .grow.pic {
    width: 211px; }
    .avantages #collapseTwo .grow.pic img {
      width: 211px;
      height: 181px; }

.panel-body {
  border-top: none !important; }

.panel {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel-default {
  border-color: transparent; }

.panel-default > .panel-heading {
  background: transparent; }
  .panel-default > .panel-heading h4 {
    font-size: 22px; }
    .panel-default > .panel-heading h4 span {
      color: #20b2ff; }
    .panel-default > .panel-heading h4:hover {
      color: #20b2ff;
      -webkit-transition: color .3s ease-out;
      -moz-transition: color .3s ease-out;
      -o-transition: color .3s ease-out;
      transition: color .3s ease-out; }

.footer-bottom-pages {
  padding-top: 16px !important;
  margin-top: -33px; }

header.slide-pages {
  position: relative; }

/* header.slide-pages:after{
    content: "";
    background: url(../images/box-shadow-bottom.png) repeat-x;
    display: block;
    width: 100%;
    height: 471px;
    position: absolute;
    bottom: 0;
}
header.slide-pages:before{
    content: "";
    background: url(../images/box-shadow-top.png) repeat-x;
    display: block;
    width: 100%;
    height: 471px;
    position: absolute;
    top:0;;
} */
.slide-pages .top-slide-offres {
  background-image: url("images/bg-offres-slide.png");
  background-size: cover; }
  .slide-pages .top-slide-offres a {
    font-size: 13.87px; }
.slide-pages .top-slide-offres-interne {
  background-image: url("images/bg-offres-interne-slide.png");
  background-size: cover; }
  .slide-pages .top-slide-offres-interne a {
    font-size: 13.87px; }

.select2-container .select2-choice .select2-arrow {
  border-left: 0; }

.nos-offres-actualites {
  float: left;
  width: 100%;
  background: url("images/bg-content-offres.png") repeat-x;
  background-size: cover;
  padding: 45px 0; }
  .nos-offres-actualites .content-offres-actualites {
    max-width: 996px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto; }
    .nos-offres-actualites .content-offres-actualites .trouver-emploi {
      margin-top: 48px;
      margin-bottom: 84px;
      background: url("images/bg-trouver-emploi.png");
      background-size: cover; }
      .nos-offres-actualites .content-offres-actualites .trouver-emploi h3 {
        color: #202020;
        font-size: 23.58px;
        padding-top: 41px; }
      .nos-offres-actualites .content-offres-actualites .trouver-emploi form {
        width: 646px;
        margin: 24px auto 0 auto; }
        .nos-offres-actualites .content-offres-actualites .trouver-emploi form > p {
          position: relative;
          display: table-cell;
          width: 1%; }
        .nos-offres-actualites .content-offres-actualites .trouver-emploi form .form-control {
          width: 50%; }
        .nos-offres-actualites .content-offres-actualites .trouver-emploi form select {
          padding-left: 28px;
          border-radius: 0;
          height: 49px;
          border: 0;
          box-shadow: none;
          font-size: 20.86px;
          font-family: "open_sanslight";
          background: url("images/icon-select.png") #fff no-repeat 94% 53%;
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          -khtml-appearance: none; }
        .nos-offres-actualites .content-offres-actualites .trouver-emploi form button {
          height: 50px;
          border: 0;
          border-radius: 0;
          background: #ff6319;
          padding: 0px 28px;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }
          .nos-offres-actualites .content-offres-actualites .trouver-emploi form button:hover {
            background: #e05310 !important; }
      .nos-offres-actualites .content-offres-actualites .trouver-emploi .text {
        font-size: 17px;
        color: #202020;
        padding-top: 20px;
        padding-bottom: 35px; }
        .nos-offres-actualites .content-offres-actualites .trouver-emploi .text span {
          color: #ff6319; }
    .nos-offres-actualites .content-offres-actualites .offres-actualites {
      float: left;
      padding-left: 3px;
      width: 100%; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .offre-actualites-item {
        background: #086498;
        float: left;
        width: 99.36%;
        /*width: 99%;*/
        margin-bottom: 15.5px;
        height: auto; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .text-box-gray {
        padding: 0 0 0 44px; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .voir-plus {
        padding-top: 60px;
        float: none;
        clear: both;
        margin-bottom: 20px; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .voir-plus a {
          margin-left: 5px; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .ville-offre,
      .nos-offres-actualites .content-offres-actualites .offres-actualites .type-actualite,
      .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites {
        display: inline-block;
        vertical-align: middle;
        float: none; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .ville-offre,
      .nos-offres-actualites .content-offres-actualites .offres-actualites .type-actualite {
        background: #086498;
        width: 17.002%;
        height: auto; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .ville-offre p,
        .nos-offres-actualites .content-offres-actualites .offres-actualites .type-actualite p {
          font-size: 21.05px;
          color: #fff;
          text-transform: capitalize; }
          .nos-offres-actualites .content-offres-actualites .offres-actualites .ville-offre p:before,
          .nos-offres-actualites .content-offres-actualites .offres-actualites .type-actualite p:before {
            content: '';
            background: url("images/marker-blue.png") no-repeat;
            width: 20px;
            height: 27px;
            display: block;
            margin: auto; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .type-actualite {
        text-align: center; }
      .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites {
        width: 83%;
        /* min-height: 145px;
         line-height: 135px;*/
        margin-left: -4px; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites h5 {
          color: #07659a;
          font-size: 22px;
          line-height: normal; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites p {
          font-size: 14px;
          color: #2d2d2d;
          margin-top: 6px;
          line-height: 16px; }
          .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites p.desc_offre {
            max-width: 80%; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites .plus-details {
          color: #fff;
          text-transform: capitalize;
          background: #ff6319;
          font-size: 16.16px;
          padding: 10.5px 54px;
          float: right;
          line-height: normal; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites .poste {
          padding: 15px 0 31px;
          width: 71.5%;
          line-height: normal; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites .poste {
          float: none;
          display: inline-block;
          vertical-align: middle; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites span.date,
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites span.date p {
          color: #ff6319;
          font-size: 15px; }
        .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites span.date p {
          display: inline-block; }
    .nos-offres-actualites .content-offres-actualites .details-offres-actualites {
      padding-right: 29px;
      float: right;
      width: 45%;
      position: absolute;
      right: 0;
      top: 34%; }
      .nos-offres-actualites .content-offres-actualites .details-offres-actualites .poste {
        width: 55%;
        margin: 30px 0;
        display: inline-block;
        vertical-align: middle; }
      .nos-offres-actualites .content-offres-actualites .details-offres-actualites .details-offres-actualites {
        padding-right: 29px;
        width: 45%;
        margin-left: -4px;
        display: inline-block;
        vertical-align: middle; }
      .nos-offres-actualites .content-offres-actualites .details-offres-actualites .voir-plus {
        text-align: center;
        float: left;
        margin: 68px auto 1px auto;
        width: 100%; }
        .nos-offres-actualites .content-offres-actualites .details-offres-actualites .voir-plus a {
          color: #fff;
          font-size: 16.16px;
          font-family: "open_sansregular";
          background: #ff6319;
          padding: 11px 56px; }
          .nos-offres-actualites .content-offres-actualites .details-offres-actualites .voir-plus a:hover, .nos-offres-actualites .content-offres-actualites .details-offres-actualites .voir-plus a:active, .nos-offres-actualites .content-offres-actualites .details-offres-actualites .voir-plus a:focus {
            background: #ea5812; }
  .nos-offres-actualites .form-wrapper .select2-container ~ .select2-container {
    margin-left: 0; }

/* .text-offres-actualites{
    background: url("images/bg-offres-item.png") repeat-x;
    background-size: cover;
    float: left;
    width: 83%;
    padding: 0 0 0 45px;
    min-height: 145px;
    height: auto;
    position: relative;

    h5{
      font-family: $os_regular;
      color: #07659a;
      font-size: 22px;
      margin-top: 11px;
    }

    p{
      font-family: $os_regular;
      font-size: 14px;
      color: #2d2d2d;
      margin-top: 6px;
      line-height: 16px;
    }

    .plus-details{
      color: #fff;
      text-transform: capitalize;
      background: $primay-orange;
      font-size: 16.16px;
      font-family: $os_regular;
      padding: 10.5px 54px;
      float: right;
    }
}
.poste{
width: 55%;
float: left;
position: absolute;
top: 17%;
}  */
.input-group.my-group > p {
  display: table-cell;
  width: 1%; }

.top-slide-entraide {
  background: url("images/bg-entraide.png"); }

.top-slide-modele {
  background: url(images/bg-candidature.png) no-repeat; }

.entraide {
  padding-top: 57px;
  padding-bottom: 73px;
  float: left;
  width: 100%;
  background: url("images/bg-content-entraide.png");
  background-size: cover; }
  .entraide .content-entraide {
    max-width: 1043px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; }
  .entraide .entraise-top {
    padding-top: 45px; }
    .entraide .entraise-top .logo-notrasso {
      width: 133px;
      float: left; }
    .entraide .entraise-top .entraise-top-text h2 {
      font-size: 53.66px;
      color: #272727; }
    .entraide .entraise-top .entraise-top-text p {
      font-size: 22px;
      color: #222222;
      padding-top: 43px;
      line-height: 25px;
      text-align: center; }
      .entraide .entraise-top .entraise-top-text p + p {
        padding-top: 19px; }
    .entraide .entraise-top .entraise-top-text .solidarite {
      color: #0072a2; }
    .entraide .entraise-top .entraise-top-text .force {
      color: #ff6d15; }
  .entraide .notrasso-middle {
    float: left;
    width: 100%;
    padding-top: 108px;
    padding-left: 48px; }
    .entraide .notrasso-middle .entraise-top-text {
      padding-top: 59px;
      font-size: 19px;
      color: #222222;
      width: 50%;
      float: left; }
      .entraide .notrasso-middle .entraise-top-text p {
        line-height: 23px; }
    .entraide .notrasso-middle .wrapper-video {
      width: 50%;
      float: left; }
    .entraide .notrasso-middle .video {
      position: relative;
      float: left;
      width: 100%;
      padding-left: 46px;
      margin-top: -3px; }
      .entraide .notrasso-middle .video iframe {
        width: 92%; }
    .entraide .notrasso-middle .video-link {
      left: 50%;
      margin: -27.5px 0 0 -27.5px;
      position: absolute;
      top: 50%;
      opacity: 0.2; }
      .entraide .notrasso-middle .video-link:hover {
        opacity: 1;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
  .entraide .notrasso-bottom {
    float: left;
    width: 100%; }
    .entraide .notrasso-bottom .entraise-top-text {
      width: 63%;
      margin: 88px auto 0 auto; }
      .entraide .notrasso-bottom .entraise-top-text p {
        font-size: 19px;
        color: #222222;
        text-align: center;
        line-height: 23px; }
  .entraide .derniere-action {
    float: left;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 58px; }
    .entraide .derniere-action a {
      text-transform: uppercase;
      color: #ff6319;
      font-size: 30.29px;
      margin-left: 43px; }
      .entraide .derniere-action a:after {
        content: '';
        width: 50px;
        height: 50px;
        background: url("images/icon-next.png") no-repeat;
        display: inline-block;
        position: relative;
        top: 21px;
        left: 19px; }
  .entraide .box-entraide {
    padding-top: 0; }
    .entraide .box-entraide .panel-default > .panel-heading:before {
      background: #0072a1; }
    .entraide .box-entraide .panel-default > .panel-heading h4:hover {
      color: #0072a1;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out; }
    .entraide .box-entraide .tooltipp h6 {
      color: #67abeb; }
  .entraide .content-bottom-entraide {
    max-width: 880px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; }
    .entraide .content-bottom-entraide .entraide-carousel p {
      font-size: 21px;
      letter-spacing: .34px;
      background: #0072a1;
      display: table;
      margin: auto;
      color: #fff;
      padding: 10px 23px;
      margin-bottom: 40px;
      font-weight: 300; }
    .entraide .content-bottom-entraide .bx-wrapper {
      position: relative;
      margin: 0 auto; }
    .entraide .content-bottom-entraide .bx-controls .bx-prev {
      font-size: 0px;
      background: url(images/icon-navigation-blue.png) transparent no-repeat !important;
      height: 53px;
      display: block;
      width: 29px;
      position: absolute;
      top: 40px;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      left: -61px; }
    .entraide .content-bottom-entraide .bx-controls .bx-next {
      font-size: 0px;
      background: url(images/icon-navigation-blue.png) transparent no-repeat !important;
      height: 53px;
      display: block;
      width: 29px;
      position: absolute;
      top: 40px;
      right: -61px; }
  .entraide .entraide-middle {
    float: left;
    width: 100%;
    padding-top: 60px; }
    .entraide .entraide-middle .push-video {
      float: left;
      background: #272727;
      height: 252px;
      position: relative;
      overflow: hidden;
      margin: 0 auto 57px;
      width: 450px; }
      .entraide .entraide-middle .push-video > img {
        margin: 0;
        width: auto;
        height: auto; }
      .entraide .entraide-middle .push-video:hover .play {
        opacity: 1;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
      .entraide .entraide-middle .push-video > img {
        height: 340px;
        margin: -45px 0;
        max-width: 100%; }
    .entraide .entraide-middle .play {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -42px 0 0 -42px;
      opacity: 0.5; }
    .entraide .entraide-middle .logo-notrasso {
      width: 280px;
      padding-left: 53px;
      padding-top: 65px;
      float: left; }
    .entraide .entraide-middle .logo-coeur-wh {
      width: 244px;
      float: left;
      padding-top: 82px; }
      .entraide .entraide-middle .logo-coeur-wh img {
        float: right; }

iframe {
  border: 0px; }

.top-slide-bien-etre {
  background: url("images/bg-bien-etre.png"); }
  .top-slide-bien-etre nav a {
    font-size: 13.87px; }

.bien-etre {
  float: left;
  width: 100%;
  padding-top: 116px;
  background: url("images/bg-content.png") repeat-x;
  background-size: cover;
  padding-bottom: 27px; }
  .bien-etre .container-bien-etre {
    max-width: 1110px;
    margin: auto;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px; }
    .bien-etre .container-bien-etre .text {
      font-size: 20px;
      color: #000000;
      padding: 0 92px;
      line-height: 22px; }
    .bien-etre .container-bien-etre .panel-group .panel + .panel {
      margin-top: 26px; }
  .bien-etre .way-of-working {
    padding-top: 55px; }
    .bien-etre .way-of-working p {
      font-size: 33px;
      font-weight: 400;
      font-style: italic;
      color: #242424; }
      .bien-etre .way-of-working p span {
        text-transform: uppercase;
        color: #19b1ff;
        font-size: 53px; }
        .bien-etre .way-of-working p span.small {
          font-size: 33px; }
  .bien-etre .bien-etre-item {
    padding-top: 20px;
    padding-left: 18px;
    margin-top: 15px;
    background: #fff;
    width: 517px;
    float: left;
    padding-bottom: 19px;
    margin-bottom: 14px; }
    .bien-etre .bien-etre-item h4 {
      padding-top: 11px;
      font-size: 22.01px;
      color: #20b2ff; }
    .bien-etre .bien-etre-item p {
      font-size: 15.01px;
      color: #212121;
      padding-top: 21px;
      line-height: 18px; }
    .bien-etre .bien-etre-item .img-bien-etre {
      width: 45%;
      float: left; }
    .bien-etre .bien-etre-item .text-bien-etre {
      width: 54%;
      float: left;
      padding-top: 0;
      padding-left: 26px; }
  .bien-etre .bien-etre-right {
    float: right;
    margin-left: 25px; }
  .bien-etre .panel-group {
    padding-top: 59px;
    margin-bottom: 24px; }
    .bien-etre .panel-group #collapseOne {
      margin-bottom: 0; }
  .bien-etre .panel-heading2 {
    margin-top: -15px; }
  .bien-etre h4.actives {
    color: #20b2ff; }
  .bien-etre .grow.pic {
    width: 211px; }
    .bien-etre .grow.pic img {
      width: 211px;
      height: 181px; }

.slide-pages .top-slide-forum {
  background: url("images/bg-forum.png");
  background-size: cover; }
  .slide-pages .top-slide-forum a {
    font-size: 13.87px; }

.content-forum-metiers {
  float: left;
  width: 100%;
  background: url("images/bg-forum-content.png");
  background-size: cover; }

.trouver-chemin {
  float: left;
  width: 100%;
  padding-top: 101px;
  padding-bottom: 26px; }
  .trouver-chemin .content-trouver-chemin {
    max-width: 882px;
    margin: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
  .trouver-chemin .img-forum {
    width: 148px;
    float: left;
    padding-top: 7px;
    padding-left: 5px; }
  .trouver-chemin .forum-text {
    width: 646px;
    float: left;
    padding-left: 94px; }
    .trouver-chemin .forum-text h3 {
      font-size: 30.34px;
      color: #20b2ff;
      padding-bottom: 19px;
      letter-spacing: 1px; }
    .trouver-chemin .forum-text p {
      font-size: 14px;
      color: #282828;
      padding-bottom: 5px; }
    .trouver-chemin .forum-text span {
      color: #ff6319;
      font-size: 14px; }

.talents-trajectoires {
  float: left;
  width: 100%;
  padding-bottom: 65px; }
  .talents-trajectoires .content-talents-trajectoires {
    max-width: 976px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; }
  .talents-trajectoires .text-talents-trajectoires {
    width: 457px;
    padding-top: 136px;
    padding-left: 4px;
    float: left; }
  .talents-trajectoires h3 {
    font-size: 30.34px;
    color: #20b2ff;
    padding-bottom: 16px;
    letter-spacing: 1px; }
  .talents-trajectoires p {
    font-size: 14px;
    color: #282828;
    padding-left: 27px;
    text-indent: -13px; }
    .talents-trajectoires p:before {
      content: "\f111";
      font-family: FontAwesome;
      color: #ff6319;
      font-size: 10px;
      margin-right: 8px; }
  .talents-trajectoires span {
    color: #ff6319;
    font-size: 14px;
    padding-bottom: 22px;
    display: inline-block;
    text-indent: 0; }
  .talents-trajectoires .img-poste {
    width: 455px;
    float: left;
    position: relative;
    right: -81px;
    top: -5px; }
    .talents-trajectoires .img-poste img {
      max-width: 100%; }

.bottom-forum {
  float: left;
  width: 100%; }
  .bottom-forum .push-video {
    background: #272727;
    height: 252px;
    position: relative;
    overflow: hidden;
    margin: 50px auto 57px;
    width: 450px; }
    .bottom-forum .push-video > img {
      height: 393px;
      margin: -70px 0;
      width: 450px; }
    .bottom-forum .push-video:hover .play {
      opacity: 1;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out; }
    .bottom-forum .push-video .play {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -37.5px 0 0 -37.5px;
      opacity: 0.2; }
  .bottom-forum .content-bottom-forum {
    max-width: 880px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; }
  .bottom-forum p {
    font-style: italic;
    font-size: 20.11px;
    color: #212121; }
    .bottom-forum p span {
      color: #ff6319;
      font-weight: 600;
      font-style: italic; }
  .bottom-forum .premier-text {
    padding: 0 90px;
    line-height: 25px; }
  .bottom-forum .forum-carousel {
    margin-bottom: 68px;
    margin-top: 63px; }
    .bottom-forum .forum-carousel .bx-wrapper {
      position: relative;
      margin: 0 auto; }
    .bottom-forum .forum-carousel .bx-controls {
      margin-top: -27px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0; }
      .bottom-forum .forum-carousel .bx-controls .bx-prev,
      .bottom-forum .forum-carousel .bx-controls .bx-next {
        font-size: 0px;
        background: url(images/icon-navigation.png) transparent no-repeat !important;
        height: 53px;
        display: block;
        width: 29px;
        position: absolute;
        top: 0; }
      .bottom-forum .forum-carousel .bx-controls .bx-next {
        background: url(images/icon-navigation.png) transparent no-repeat !important;
        right: -61px; }
      .bottom-forum .forum-carousel .bx-controls .bx-prev {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        left: -61px; }
    .bottom-forum .forum-carousel img {
      width: auto; }
  .bottom-forum .owl-buttons div {
    background: url(images/icon-navigation.png) transparent no-repeat !important;
    opacity: 1 !important;
    color: transparent !important;
    height: 50px; }
  .bottom-forum .owl-prev {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    position: absolute;
    left: -40px;
    top: 38px; }
  .bottom-forum .owl-next {
    position: absolute;
    top: 38px;
    right: -42px; }

.top-slide-respect {
  background: url(images/bg-respect.png);
  background-size: cover; }
  .top-slide-respect a {
    font-size: 13.87px !important; }

.content-respect {
  padding-top: 74px;
  background: url(images/bg-content-respect.png);
  background-size: cover;
  float: left;
  width: 100%; }
  .content-respect + p {
    display: none; }
  .content-respect .content-top-respect {
    max-width: 1105px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; }
  .content-respect .img-entreprise-responsable {
    float: left;
    padding-left: 4px;
    width: 262px; }
  .content-respect .text {
    float: left;
    width: 791px;
    padding-left: 27px;
    line-height: 25px; }
  .content-respect .top-respect {
    float: left;
    width: 100%; }
    .content-respect .top-respect .text {
      padding-top: 18px;
      line-height: 26px; }
      .content-respect .top-respect .text p {
        font-size: 22px;
        color: #222222;
        line-height: 24px;
        padding-left: 2px; }

.entreprise-responsable {
  padding-top: 42px;
  padding-bottom: 3px;
  float: left;
  width: 100%; }
  .entreprise-responsable > p {
    color: #66a32a;
    font-style: italic;
    font-size: 30px;
    width: 430px;
    margin: auto;
    line-height: 32px;
    padding-bottom: 79px; }
  .entreprise-responsable .respect-items {
    max-width: 892px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; }
    .entreprise-responsable .respect-items .content-hover {
      position: absolute;
      top: -18px;
      left: -34px; }
    .entreprise-responsable .respect-items .respect-item-content {
      position: relative;
      width: auto;
      height: 360px;
      float: left;
      z-index: 0; }
      .entreprise-responsable .respect-items .respect-item-content:hover {
        z-index: 1; }
    .entreprise-responsable .respect-items .respect-content-bottom .inner-hover {
      padding-top: 127px; }
    .entreprise-responsable .respect-items .respect-content-bottom .respect-item-hover {
      top: -48px; }
      .entreprise-responsable .respect-items .respect-content-bottom .respect-item-hover:before {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg); }
    .entreprise-responsable .respect-items .soucieux-partenaires-content {
      left: 16.3%;
      bottom: 115px; }
    .entreprise-responsable .respect-items .equite-meritocratie-content {
      left: 17.4%;
      bottom: 115px; }
  .entreprise-responsable .respect-item {
    position: relative;
    float: left;
    z-index: 0;
    color: #fff;
    width: 253px;
    height: 360px;
    margin-left: 1.4em; }
    .entreprise-responsable .respect-item.voix-compte {
      margin-left: 29px; }
    .entreprise-responsable .respect-item.egalite-chance {
      margin-left: 32px; }
    .entreprise-responsable .respect-item .inner {
      text-align: center;
      width: 180px;
      margin: 144px auto 0 auto;
      line-height: 31px; }
    .entreprise-responsable .respect-item span {
      font-size: 24px;
      color: #fff;
      display: block;
      line-height: 28px; }
    .entreprise-responsable .respect-item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 253px;
      height: 360px;
      background-size: 100%; }
  .entreprise-responsable .environnement:before {
    background: url(images/bg-environnement.png) no-repeat; }
  .entreprise-responsable .voix-compte:before {
    background: url(images/bg-voix-compte.png) no-repeat; }
  .entreprise-responsable .egalite-chance:before {
    background: url(images/egalite-chance.png) no-repeat; }
  .entreprise-responsable .soucieux-partenaires {
    position: relative; }
    .entreprise-responsable .soucieux-partenaires:before {
      background: url(images/soucieux-partenaires.png) no-repeat; }
    .entreprise-responsable .soucieux-partenaires .inner {
      margin-top: 156px; }
  .entreprise-responsable .equite-meritocratie {
    position: relative; }
    .entreprise-responsable .equite-meritocratie:before {
      background: url(images/equite-meritocratie.png) no-repeat; }
    .entreprise-responsable .equite-meritocratie .inner {
      margin-top: 156px; }
  .entreprise-responsable .respect-item-hover {
    width: 359px;
    height: 429px;
    position: relative;
    /*display: none;*/ }
    .entreprise-responsable .respect-item-hover h6 {
      font-size: 20px;
      color: #66a32a;
      text-align: center;
      padding-bottom: 23px; }
    .entreprise-responsable .respect-item-hover .inner-text {
      height: 135px;
      margin: auto;
      width: 240px; }
      .entreprise-responsable .respect-item-hover .inner-text .nano {
        height: 140px;
        overflow: auto;
        margin: auto;
        width: 230px; }
      .entreprise-responsable .respect-item-hover .inner-text .nano .nano-content {
        padding: 10px; }
      .entreprise-responsable .respect-item-hover .inner-text .nano .nano-pane {
        background: #888; }
      .entreprise-responsable .respect-item-hover .inner-text .nano .nano-slider {
        background: #111; }
      .entreprise-responsable .respect-item-hover .inner-text p {
        font-size: 17px;
        color: #fff;
        line-height: 20px; }
    .entreprise-responsable .respect-item-hover:before {
      background: url(images/hover-respect.png) no-repeat;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 359px;
      height: 432px;
      background-size: 100%;
      z-index: 99999; }
    .entreprise-responsable .respect-item-hover .inner-hover {
      padding-top: 78px;
      position: relative;
      z-index: 999999;
      margin: auto; }

.respect-item-content:nth-child(1) .respect-item-hover .inner-text {
  position: relative;
  left: 25px; }
.respect-item-content:nth-child(1) .respect-item-hover h6 {
  padding-top: 18px; }

.respect-item-content:nth-child(2) .respect-item-hover .inner-text {
  position: relative;
  left: 25px;
  top: 4px; }
.respect-item-content:nth-child(2) .respect-item-hover h6 {
  padding-left: 16px;
  letter-spacing: -.3px; }
.respect-item-content:nth-child(2) .content-hover {
  left: -27px; }

.respect-item-content:nth-child(3) .content-hover {
  left: -43px; }
.respect-item-content:nth-child(3) .inner-text {
  position: relative;
  left: 18px;
  top: 4px; }
.respect-item-content:nth-child(3) h6 {
  letter-spacing: -.8px; }

.respect-item-content:nth-child(4) .content-hover {
  top: -1px;
  left: -24px; }
.respect-item-content:nth-child(4) .inner-text {
  position: relative;
  left: 17px;
  top: 3px; }

.respect-item-content:nth-child(5) h6 {
  padding-top: 17px;
  letter-spacing: -.5px; }
.respect-item-content:nth-child(5) .content-hover {
  left: -32px;
  top: -1px; }
.respect-item-content:nth-child(5) .inner-text {
  position: relative;
  left: 19px;
  padding-top: 9px;
  height: 143px; }

/*
.flip-container {
    perspective: 1000px;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}



.flipper {
    transition: .3s;
    transform-style: preserve-3d;

    position: relative;
}


.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: -1;
    transform: rotateY(0deg);
}

.back {
    transform: rotateY(180deg);
    z-index: 999999;
}*/
.top-slide-candidature {
  background: url(images/bg-candidature.png) no-repeat;
  background-size: cover; }
  .top-slide-candidature a {
    font-size: 13.87px !important; }
  .top-slide-candidature .titre {
    padding-bottom: 168px; }
    .top-slide-candidature .titre h2 {
      color: #fff;
      font-size: 35px;
      font-weight: 300;
      padding-top: 14px; }

.espace-candidature {
  background: url("images/bg-content.png") repeat-x;
  background-size: cover;
  float: left;
  width: 100%;
  padding-top: 140px; }
  .espace-candidature .contenu-form {
    float: left;
    width: 100%;
    margin-bottom: 89px; }
  .espace-candidature .container-espace-candidature {
    max-width: 1040px;
    margin: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
    .espace-candidature .container-espace-candidature input[type="radio"] {
      display: none; }
    .espace-candidature .container-espace-candidature input[type="radio"] + label {
      font-size: 17.74px;
      color: #191919;
      font-weight: normal; }
    .espace-candidature .container-espace-candidature input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 5px 0 0;
      vertical-align: middle;
      cursor: pointer;
      -moz-border-radius: 20%;
      border-radius: 50%; }
    .espace-candidature .container-espace-candidature input[type="radio"] + label span {
      background: #c9c9c9; }
    .espace-candidature .container-espace-candidature input[type="radio"]:checked + label span {
      background-color: #ff6319;
      border: none; }
    .espace-candidature .container-espace-candidature input[type="radio"] + label span,
    .espace-candidature .container-espace-candidature input[type="radio"]:checked + label span {
      -webkit-transition: background-color .3s linear;
      -o-transition: background-color .3s linear;
      -moz-transition: background-color .3s linear;
      transition: background-color .3s linear; }
  .espace-candidature .donnees-personnelles {
    width: 505px;
    float: left;
    padding-left: 4px;
    /* #jour{
  width: 30%;
  padding-left: 34px;
}
#mois{
  width: 30%;
  padding-left: 29px;
}
#annee{
  width: 30%;
  padding-left: 38px;
  background-position: 89% 53%;
} */ }
    .espace-candidature .donnees-personnelles p {
      font-size: 23px;
      color: #0069a3; }
    .espace-candidature .donnees-personnelles .text-civilite {
      padding-top: 90px; }
      .espace-candidature .donnees-personnelles .text-civilite p {
        font-size: 17.74px;
        color: #191919;
        float: left; }
    .espace-candidature .donnees-personnelles .radio-civilite {
      float: left;
      width: 87%;
      padding-left: 36px;
      padding-bottom: 29px; }
      .espace-candidature .donnees-personnelles .radio-civilite label {
        padding-right: 73px; }
        .espace-candidature .donnees-personnelles .radio-civilite label ~ label {
          padding-right: 55px; }
    .espace-candidature .donnees-personnelles .naissance {
      margin-top: -3px; }
      .espace-candidature .donnees-personnelles .naissance p {
        font-size: 21px;
        color: #5d5d5d; }
      .espace-candidature .donnees-personnelles .naissance .input-group {
        width: 100%;
        margin-top: 9px; }
    .espace-candidature .donnees-personnelles input {
      width: 421px;
      margin-bottom: 21px; }
    .espace-candidature .donnees-personnelles select {
      width: 33%; }
  .espace-candidature input[type="text"],
  .espace-candidature input[type="email"],
  .espace-candidature input[type="tel"] {
    border: none;
    height: 54px;
    padding-left: 23px;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 21px;
    color: #5d5d5d; }
    .espace-candidature input[type="text"]:hover,
    .espace-candidature input[type="email"]:hover,
    .espace-candidature input[type="tel"]:hover {
      border-color: #ccc; }
    .espace-candidature input[type="text"]:active, .espace-candidature input[type="text"]:focus,
    .espace-candidature input[type="email"]:active,
    .espace-candidature input[type="email"]:focus,
    .espace-candidature input[type="tel"]:active,
    .espace-candidature input[type="tel"]:focus {
      border-color: #ff6319; }
  .espace-candidature ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 21px;
    color: #5d5d5d;
    text-transform: capitalize; }
  .espace-candidature ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 21px;
    color: #5d5d5d;
    text-transform: capitalize; }
  .espace-candidature :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 21px;
    color: #5d5d5d;
    text-transform: capitalize; }
  .espace-candidature :-moz-placeholder {
    /* Firefox 18- */
    font-size: 21px;
    color: #5d5d5d;
    text-transform: capitalize; }
  .espace-candidature .info-poste {
    float: right;
    width: 481px; }
    .espace-candidature .info-poste select {
      width: 88%; }
    .espace-candidature .info-poste p {
      font-size: 23px;
      color: #0069a3; }
      .espace-candidature .info-poste p span {
        font-size: 16px; }
  .espace-candidature select {
    font-size: 21px;
    text-transform: capitalize;
    border-radius: 0;
    border: 0;
    height: 54px;
    box-shadow: none;
    background: url("images/icon-select-small.png") #fff no-repeat 94% 53%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -khtml-appearance: none; }
  .espace-candidature select::-ms-expand {
    display: none; }
  .espace-candidature .source-webhelp {
    margin-bottom: 55px; }
    .espace-candidature .source-webhelp p {
      padding-bottom: 38px; }
    .espace-candidature .source-webhelp select {
      padding-left: 20px;
      margin-bottom: 54px; }
  .espace-candidature .region-poste p {
    padding-bottom: 46px; }
  .espace-candidature .region-poste select {
    padding-left: 21px; }
  .espace-candidature .intitule-poste {
    padding-top: 50px; }
    .espace-candidature .intitule-poste p {
      padding-bottom: 44px; }
    .espace-candidature .intitule-poste label {
      font-size: 23px !important;
      color: #5d5d5d !important;
      padding-right: 81px;
      padding-left: 8px; }
      .espace-candidature .intitule-poste label span {
        margin-right: 9px !important; }
  .espace-candidature .cv {
    padding-left: 5px; }
    .espace-candidature .cv p {
      padding-bottom: 42px; }
    .espace-candidature .cv .fileinput-button {
      width: 421px;
      background: #fff;
      height: 54px; }
      .espace-candidature .cv .fileinput-button input {
        position: absolute;
        top: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer; }
      .espace-candidature .cv .fileinput-button br {
        display: none; }
    .espace-candidature .cv .fileinput-button {
      position: relative;
      overflow: hidden;
      display: inline-block; }
    .espace-candidature .cv .file-text {
      font-size: 21px;
      color: #5d5d5d;
      padding-left: 20px;
      line-height: 49px;
      text-transform: uppercase; }
      .espace-candidature .cv .file-text:after {
        content: '';
        width: 30px;
        height: 30px;
        display: inline-block;
        float: right;
        background: url(images/icon-upload.png) no-repeat;
        position: relative;
        top: 11px;
        right: 20px; }
  .espace-candidature .buttons {
    clear: both;
    overflow: hidden; }
    .espace-candidature .buttons .postuler-rappel {
      margin-left: 41px;
      width: 225px;
      position: relative;
      top: -100px; }
      .espace-candidature .buttons .postuler-rappel.zoomIn {
        top: 0;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
  .espace-candidature button {
    margin: auto;
    display: inline-block;
    color: #fff;
    background: #ff6319;
    border-radius: 0;
    font-size: 17.63px;
    text-transform: capitalize;
    width: 195px;
    height: 48px;
    line-height: 34px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out; }
    .espace-candidature button:hover {
      color: #fff;
      background: #e05310 !important; }
  .espace-candidature .entretien-video {
    padding-top: 82px;
    padding-bottom: 77px;
    padding-left: 11px;
    text-align: center;
    /* a{
        &:hover{
            p{
                &:before{
                    content: '';
                    display: block;
                    background: url(images/entretien-video-hover.png) no-repeat;
                    margin: auto;
                    width: 73px;
                    height: 57px;
                    padding-top: 71px;
                }
            }
        }
    } */ }
    .espace-candidature .entretien-video a {
      font-size: 24.34px;
      color: #232323;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out;
      background: url(images/entretien-video.png) center 0 no-repeat;
      padding-top: 71px;
      display: inline-block;
      margin: auto;
      text-align: center;
      /* p { 
          &:before {
              content: '';
              display: block;
              background: url(images/entretien-video.png) no-repeat;
              margin: auto;
              width: 73px;
              height: 57px;
              padding-top: 71px;
          }
          +p{
              display: none;
          }
      } */ }
      .espace-candidature .entretien-video a:hover {
        background: url(images/entretien-video-hover.png) center 0 no-repeat; }

#carousel-stories {
  display: none !important; }
  #carousel-stories .carousel-indicators {
    display: none; }

.success-stories .owl-carousel div h2,
.success-stories .owl-carousel div .textoverlay {
  position: absolute;
  color: #FFF;
  font-size: 12px;
  display: block; }

.top-slide-talent {
  background: url("images/bg-talent.png") no-repeat;
  background-size: cover; }
  .top-slide-talent a {
    font-size: 13.87px !important; }

.talent-manager-content {
  float: left;
  margin: auto;
  width: 100%; }
  .talent-manager-content .top-talent-manager {
    padding-top: 79px;
    max-width: 986px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto; }
    .talent-manager-content .top-talent-manager .img-talent-manager {
      width: 251px;
      float: left;
      padding-left: 4px; }
    .talent-manager-content .top-talent-manager .text {
      color: #454545;
      font-size: 20px;
      float: left;
      line-height: 24px;
      width: 658px;
      padding-left: 67px;
      padding-top: 35px;
      padding-bottom: 128px; }
      .talent-manager-content .top-talent-manager .text span {
        color: #8f2380;
        font-size: 31px; }
    .talent-manager-content .top-talent-manager .text-manager {
      float: left;
      width: 100%;
      position: relative; }
      .talent-manager-content .top-talent-manager .text-manager:before {
        content: "";
        background: url(images/img-question.png) no-repeat;
        display: table;
        width: 124px;
        height: 186px;
        margin: auto;
        /* float: left; */
        position: absolute;
        left: 0;
        right: 40px;
        bottom: -49px; }
      .talent-manager-content .top-talent-manager .text-manager p {
        font-size: 28.3px;
        font-style: italic;
        color: #454545;
        line-height: 32px; }
        .talent-manager-content .top-talent-manager .text-manager p span {
          color: #8f2380; }

.success-stories {
  float: left;
  width: 100%; }
  .success-stories .content-stories {
    margin-top: 110px; }
  .success-stories .bxslider-stories li {
    margin-bottom: 0 !important; }
    .success-stories .bxslider-stories li:first-child + li .content-storie,
    .success-stories .bxslider-stories li:first-child + li .name, .success-stories .bxslider-stories li:nth-child(4n) .content-storie,
    .success-stories .bxslider-stories li:nth-child(4n) .name, .success-stories .bxslider-stories li:nth-child(6n) .content-storie,
    .success-stories .bxslider-stories li:nth-child(6n) .name {
      float: right;
      clear: both;
      text-align: left;
      width: 100%; }
  .success-stories .bxslider-stories .text-success-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 900px;
    margin: 0 auto; }
    .success-stories .bxslider-stories .text-success-slider h3 {
      padding-top: 66px;
      padding-bottom: 5px;
      font-size: 40px;
      color: #fff; }
    .success-stories .bxslider-stories .text-success-slider .debut-storie {
      font-weight: 300;
      font-size: 18px;
      padding-bottom: 7rem;
      color: #fff; }
    .success-stories .bxslider-stories .text-success-slider .content-storie,
    .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name) {
      font-style: italic;
      font-size: 20px;
      font-weight: 300;
      max-width: 470px;
      width: 100%;
      color: #fff;
      line-height: 24px;
      position: relative; }
      .success-stories .bxslider-stories .text-success-slider .content-storie:before,
      .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name):before {
        background: url("images/bloquote.png") 0 0 no-repeat;
        content: "";
        display: block;
        height: 28px;
        position: absolute;
        top: -54px;
        width: 40px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name) {
      clear: both;
      float: right; }
      .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name):before {
        display: none; }
    .success-stories .bxslider-stories .text-success-slider .name {
      text-transform: capitalize;
      font-size: 24px;
      padding-top: 32px;
      padding-bottom: 8.5rem;
      color: #fff;
      max-width: 470px; }
  .success-stories .bxslider-stories li img {
    width: 100%; }
  .success-stories .bx-wrapper {
    position: relative;
    border: 0;
    background: transparent;
    box-shadow: none;
    margin-bottom: -108px; }
  .success-stories #bx-pager {
    position: relative;
    text-align: center;
    top: 56px;
    left: -11px; }
    .success-stories #bx-pager a {
      position: relative;
      display: inline-block;
      border-radius: 50%;
      /* height: 101px;
      width: 101px; */
      transition: all .3s;
      margin: 0 38px 0 0;
      height: 77px;
      width: 77px; }
      .success-stories #bx-pager a:last-child {
        margin-right: 0; }
      .success-stories #bx-pager a:before {
        content: '';
        background: #fff;
        border-radius: 50%;
        height: 75px;
        width: 75px;
        position: absolute;
        opacity: 0.5;
        z-index: 99;
        top: 2px;
        left: 0px; }
      .success-stories #bx-pager a.active:before {
        content: none !important;
        display: none !important; }
      .success-stories #bx-pager a.active img {
        width: 101px;
        height: 101px; }
      .success-stories #bx-pager a:hover:before {
        background: transparent; }
      .success-stories #bx-pager a:hover img {
        width: 101px;
        height: 101px; }
    .success-stories #bx-pager img {
      background: #977692;
      border-radius: 50%;
      border: 3px solid #fff;
      width: 77px;
      height: 77px;
      display: inline-block;
      vertical-align: middle; }

.avantages-webhelp {
  float: left;
  width: 100%;
  padding-top: 105px;
  margin-top: 0;
  padding-bottom: 103px;
  background: url(images/bg-tm-avantages.png) repeat-x;
  background-size: cover; }
  .avantages-webhelp .content-avantages-webhelp {
    max-width: 943px;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%; }
    .avantages-webhelp .content-avantages-webhelp h2 {
      font-size: 35px;
      color: #bd2aa5;
      padding-bottom: 36px; }
  .avantages-webhelp .avantages-tabs {
    padding-top: 30px; }
  .avantages-webhelp .navigation-tabs {
    padding-bottom: 35px; }
    .avantages-webhelp .navigation-tabs ul {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .avantages-webhelp .navigation-tabs img {
      display: block;
      margin: 10px auto; }
    .avantages-webhelp .navigation-tabs li {
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      display: inline-block; }
      .avantages-webhelp .navigation-tabs li + li {
        margin-left: 70px; }
    .avantages-webhelp .navigation-tabs li.active a {
      background: #cb29b2; }
    .avantages-webhelp .navigation-tabs a {
      height: 93px;
      width: 93px;
      border-radius: 50%;
      background: url(images/bg-icon-avantages.png) repeat-x;
      padding: 10px 15px; }
  .avantages-webhelp .avantage-part {
    font-size: 17.51px; }
    .avantages-webhelp .avantage-part .title {
      color: #cb29b2; }
  .avantages-webhelp .avantage-part1 {
    width: 50%;
    float: left;
    padding-left: 3px; }
    .avantages-webhelp .avantage-part1 img {
      padding-left: 32px;
      padding-bottom: 54px; }
  .avantages-webhelp .avantages-part2 {
    width: 48%;
    float: left;
    padding-top: 63px;
    padding-left: 21px; }
    .avantages-webhelp .avantages-part2 p {
      line-height: 20px; }
    .avantages-webhelp .avantages-part2 .title {
      padding-bottom: 8px; }
  .avantages-webhelp .tab-content {
    background: #e7e7e7;
    padding: 18px 18px 18px 29px; }
    .avantages-webhelp .tab-content h3 {
      font-size: 46.27px;
      color: #a52691; }
    .avantages-webhelp .tab-content p {
      color: #2c2c2c;
      font-size: 15px;
      line-height: 19px; }
  .avantages-webhelp .icon-collaboration {
    display: table;
    margin: auto; }
  .avantages-webhelp .icon-service {
    float: right; }

.nav-tabs {
  border-bottom: none; }
  .nav-tabs li {
    margin-bottom: 0; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none; }

.nav-tabs > li > a {
  border: none; }

a {
  outline: 0 !important; }

.details-offre {
  float: left;
  width: 100%;
  padding-top: 119px;
  /*115px*/
  padding-bottom: 88px;
  /*88px*/ }
  .details-offre .content-details-offres {
    padding-left: 66px;
    max-width: 1140px;
    padding-right: 61px;
    margin: auto; }
  .details-offre h2:first-child {
    font-weight: 600;
    color: #171616 !important;
    font-size: 40px  !important;
    letter-spacing: 1px;
    width: 795px;
    line-height: 63px; }
  .details-offre .top-details-offres {
    padding-top: 71px;
    /*69px*/
    padding-bottom: 62px;
    /*63px*/ }
    .details-offre .top-details-offres p {
      font-size: 22px;
      color: #171616;
      line-height: 33px;
      letter-spacing: .4px; }
    .details-offre .top-details-offres span {
      color: #0069a3; }
    .details-offre .top-details-offres .link-postuler {
      float: right;
      position: relative;
      bottom: 67px;
      right: 7px; }
      .details-offre .top-details-offres .link-postuler a {
        background: #ff6319;
        color: #fff;
        font-size: 16.16px;
        padding: 10px 58px;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out; }
        .details-offre .top-details-offres .link-postuler a:hover {
          background: #e05310 !important; }
  .details-offre .text-mission {
    padding-top: 34px;
    font-size: 22px;
    color: #282828;
    letter-spacing: .4px; }
  .details-offre .mission-offres1 {
    padding-top: 39px;
    /*39px*/ }
  .details-offre .mission-offres2 {
    padding-top: 36px;
    /*36px*/ }
  .details-offre .mission-offres h5 {
    font-size: 22px;
    color: #ff6319;
    letter-spacing: .4px;
    padding-bottom: 38px;
    /*38px*/ }
  .details-offre .mission-offres p {
    font-size: 22px;
    color: #282828;
    letter-spacing: .4px;
    line-height: 33px; }
  .details-offre .link-voir-plus {
    text-align: center;
    padding-top: 64px; }
    .details-offre .link-voir-plus a {
      background: #ff6319;
      color: #fff;
      font-size: 16.16px;
      padding: 10px 56px;
      -webkit-transition: background-color .3s ease-out;
      -moz-transition: background-color .3s ease-out;
      -o-transition: background-color .3s ease-out;
      transition: background-color .3s ease-out; }
      .details-offre .link-voir-plus a:hover {
        background: #ea5812; }

.webhelp-maroc {
  padding-top: 124px;
  /*123px*/
  background: url(images/bg-webhelp-maroc.png);
  background-size: cover;
  float: left;
  width: 100%;
  min-height: 100%; }
  .webhelp-maroc .webhelp-maroc-content {
    max-width: 966px;
    margin: auto;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative; }
    .webhelp-maroc .webhelp-maroc-content h1 {
      color: #fff;
      font-size: 76.45px;
      padding-bottom: 45px; }
    .webhelp-maroc .webhelp-maroc-content .leader-text {
      font-weight: 300;
      font-size: 22px;
      color: #fff;
      letter-spacing: .34px; }
  .webhelp-maroc .temoignage-maroc {
    width: 93%;
    margin: 40px auto;
    padding-bottom: 50px;
    overflow: hidden; }
    .webhelp-maroc .temoignage-maroc .temoignage-item {
      width: 20%;
      float: left;
      padding-top: 38px;
      position: relative; }
      .webhelp-maroc .temoignage-maroc .temoignage-item:nth-child(2) {
        left: 37px; }
      .webhelp-maroc .temoignage-maroc .temoignage-item:nth-child(3) {
        left: 26px; }
      .webhelp-maroc .temoignage-maroc .temoignage-item:nth-child(4) {
        left: 11px; }
      .webhelp-maroc .temoignage-maroc .temoignage-item:nth-child(5) {
        left: 19px; }
    .webhelp-maroc .temoignage-maroc .text-temoignage {
      text-align: center; }
    .webhelp-maroc .temoignage-maroc .counter {
      font-weight: 300;
      color: #fff;
      font-size: 36px; }
    .webhelp-maroc .temoignage-maroc .plus {
      font-family: "open_sanslight";
      color: #fff;
      font-size: 36px; }
    .webhelp-maroc .temoignage-maroc .criteres-temoignage {
      margin-top: -5px;
      color: #fff;
      display: block;
      text-transform: uppercase; }
    .webhelp-maroc .temoignage-maroc .img-temoignage {
      height: 36px;
      margin-bottom: 6px;
      position: relative; }
      .webhelp-maroc .temoignage-maroc .img-temoignage img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; }
  .webhelp-maroc .temoignage-pourcentage {
    float: left;
    padding-top: 23px;
    padding-bottom: 37px;
    width: 100%; }
    .webhelp-maroc .temoignage-pourcentage .progress {
      height: 9px;
      width: 147px;
      margin: auto;
      border-radius: 0;
      background: #275475;
      position: relative;
      left: -14px;
      top: 2px; }
    .webhelp-maroc .temoignage-pourcentage .male {
      margin-bottom: -1px; }
    .webhelp-maroc .temoignage-pourcentage .progress-bar {
      background: #24d3fa; }
    .webhelp-maroc .temoignage-pourcentage .content-progress {
      width: 297px;
      margin: auto; }
      .webhelp-maroc .temoignage-pourcentage .content-progress .badge {
        background: transparent;
        position: relative;
        top: 19px;
        left: 0; }
    .webhelp-maroc .temoignage-pourcentage .progress-value {
      float: right;
      color: #fff;
      font-weight: 300;
      font-size: 27.61px;
      margin-top: -22px;
      margin-right: 14px; }
  .webhelp-maroc .slider-locaux {
    float: left;
    width: 100%;
    padding-top: 8px; }
  .webhelp-maroc .villes-items {
    width: 719px;
    margin: auto; }
  .webhelp-maroc .webhelp-maroc-carousel {
    margin-bottom: 56px;
    margin-top: -26px; }
    .webhelp-maroc .webhelp-maroc-carousel li {
      float: left; }
    .webhelp-maroc .webhelp-maroc-carousel .bx-wrapper {
      position: relative;
      margin: 0 auto; }
    .webhelp-maroc .webhelp-maroc-carousel .bx-controls {
      margin-top: -27px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0; }
      .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-prev,
      .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-next {
        font-size: 0px;
        background: url(images/icon-navigation.png) transparent no-repeat !important;
        height: 53px;
        display: block;
        width: 29px;
        position: absolute;
        top: 0; }
      .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-next {
        background: url(images/icon-navigation.png) transparent no-repeat !important;
        right: -61px; }
      .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-prev {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        left: -66px; }
  .webhelp-maroc .webhelp-ville {
    clear: both; }
    .webhelp-maroc .webhelp-ville .ville-nom {
      width: 20%;
      float: left;
      position: relative; }
      .webhelp-maroc .webhelp-ville .ville-nom:nth-child(3) {
        left: 11px; }
      .webhelp-maroc .webhelp-ville .ville-nom:nth-child(4) {
        left: 8px; }
      .webhelp-maroc .webhelp-ville .ville-nom p {
        font-weight: 300;
        color: #fff;
        font-size: 20.37px;
        text-transform: capitalize;
        text-align: center; }
        .webhelp-maroc .webhelp-ville .ville-nom p:before {
          content: '';
          display: inline-block;
          background: url(images/icon-ville.png);
          width: 24px;
          height: 34px;
          margin-right: 5px; }
    .webhelp-maroc .webhelp-ville p {
      font-weight: 300;
      font-size: 20px;
      color: #fff;
      letter-spacing: .34px;
      padding-bottom: 39px;
      clear: both; }
    .webhelp-maroc .webhelp-ville .owl-buttons div {
      background: url(images/icon-navigation.png) transparent no-repeat !important;
      opacity: 1 !important;
      color: transparent !important;
      height: 50px; }
    .webhelp-maroc .webhelp-ville .owl-prev {
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Chrome, Safari, Opera */
      transform: rotate(180deg);
      position: absolute;
      left: -40px;
      top: 38px; }
    .webhelp-maroc .webhelp-ville .owl-next {
      position: absolute;
      top: 38px;
      right: -42px; }

#fancymap {
  width: 100%;
  height: 100%; }

.slide-pages .top-slide-conseil {
  background-image: url("images/bg-conseil.png"); }
  .slide-pages .top-slide-conseil a {
    font-size: 13.87px; }

.content-box-gray {
  max-width: 1103px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto; }

.wrapper-box-gray {
  background: url("images/bg-offres-item.png") repeat;
  /* float: left;
  width: 100%; */
  margin-bottom: 33px;
  overflow: hidden;
  clear: both;
  display: none; }

.nos-conseil-rh .top-bloc-newsletter {
  width: 943px;
  margin: auto;
  float: none !important; }
.nos-conseil-rh .conseil-rh {
  float: left;
  padding-top: 84px; }
.nos-conseil-rh .text {
  width: 73%;
  /* position: absolute;
  top: 23%; */
  margin-top: -18px;
  display: inline-block;
  vertical-align: middle;
  padding: 20px 0; }
.nos-conseil-rh .voir-plus {
  padding-top: 53px;
  padding-bottom: 34px; }
.nos-conseil-rh .newsletter-link {
  padding: 11px 35px; }
.nos-conseil-rh p {
  letter-spacing: .2px;
  width: 80%; }
.nos-conseil-rh .grow.pic img {
  width: 311px;
  height: 212px; }
.nos-conseil-rh .grow.pic {
  width: 311px; }
.nos-conseil-rh .content-newsletter {
  margin-top: 72px !important; }

.details-box {
  width: 24%;
  float: none;
  padding-top: 2px;
  /* float: right;
  margin-right: 29px;*/
  display: inline-block;
  vertical-align: middle; }

.img-box {
  display: inline-block;
  float: none;
  margin-right: -4px;
  vertical-align: middle; }
  .img-box img {
    max-width: 100%; }

.text-box-img {
  padding: 0 0 0 30px;
  width: 752px !important;
  /* min-height: 212px; */ }

.text-box-gray {
  background: url("images/bg-offres-item.png") repeat-x;
  background-size: cover;
  /* float: left; */
  width: 83%;
  padding: 0 0 0 28px;
  height: auto;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .text-box-gray h5 {
    color: #07659a;
    font-size: 22px;
    margin-top: 11px; }
  .text-box-gray p {
    font-size: 14px;
    color: #2d2d2d;
    margin-top: 6px;
    line-height: 16px; }
    .text-box-gray p span {
      font-family: 'Open Sans', sans-serif  !important;
      line-height: 16px !important; }
  .text-box-gray .plus-details {
    padding: 10.5px 54px; }

.grow.pic img {
  max-width: 100%;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  transition: all 1.5s; }

.grow.pic {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .grow.pic .field-item.even {
    margin: 0; }
  .grow.pic:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

.slide-pages .top-slide-infographie {
  background: url("images/bg-infographie.png");
  background-size: cover; }
  .slide-pages .top-slide-infographie a {
    font-size: 13.87px; }

.nos-infographies-rh {
  padding-top: 123px; }
  .nos-infographies-rh .text {
    width: 72%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 11px; }
  .nos-infographies-rh .voir-plus {
    padding-top: 51px;
    padding-bottom: 41px; }
  .nos-infographies-rh .text-box-img .text {
    padding-bottom: 15px; }
  .nos-infographies-rh .grow.pic img {
    width: 311px;
    height: 212px; }
  .nos-infographies-rh .grow.pic {
    width: 311px; }

.wrapper {
  position: relative; }
  .wrapper #map .gm-svpc {
    display: none; }
  .wrapper .logo-bottom {
    position: absolute;
    right: 98px;
    bottom: 34px; }

.adresses-webhelp .ville {
  width: 413px;
  min-height: 612px;
  height: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15405f+0,174464+23,174464+45,15405e+71,143752+100 */
  background: #15405f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #15405f 0%, #174464 23%, #174464 45%, #15405e 71%, #143752 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #15405f 0%, #174464 23%, #174464 45%, #15405e 71%, #143752 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #15405f 0%, #174464 23%, #174464 45%, #15405e 71%, #143752 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15405f', endColorstr='#143752', GradientType=0);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 71px;
  display: none;
  border-bottom: 8px solid #ff6319; }
  .adresses-webhelp .ville .logo-bottom {
    position: absolute;
    right: 98px;
    bottom: 34px; }
  .adresses-webhelp .ville h3 {
    font-size: 40.96px;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 98px;
    text-align: center; }
    .adresses-webhelp .ville h3:before {
      content: '';
      background: url(images/map-marker.png) no-repeat;
      display: inline-block;
      vertical-align: bottom;
      width: 37px;
      height: 53px;
      margin-right: 13px; }
  .adresses-webhelp .ville p {
    color: #fff;
    font-size: 16.44px;
    padding-bottom: 20px;
    padding-left: 23px;
    position: relative; }
    .mac .adresses-webhelp .ville p {
      font-weight: 300; }
    .adresses-webhelp .ville p:before {
      content: '';
      background: url(images/icon-marker-ville.png) no-repeat;
      display: inline-block;
      width: 12px;
      height: 18px;
      margin-right: 13px;
      left: 0;
      position: absolute;
      top: 3px; }
  .adresses-webhelp .ville h6 {
    color: #23cdf3;
    font-size: 16.44px;
    padding-left: 22px; }
    .adresses-webhelp .ville h6 + p {
      padding-top: 6px; }
      .adresses-webhelp .ville h6 + p:before {
        top: -18px; }
  .adresses-webhelp .ville #rabat h6:before {
    content: '';
    background: url(images/icon-marker-ville.png) no-repeat;
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 13px; }
  .adresses-webhelp .ville #rabat p {
    padding-left: 25px; }
    .adresses-webhelp .ville #rabat p:before {
      content: none; }
  .adresses-webhelp .ville i.close-ville {
    display: none;
    position: absolute;
    cursor: pointer;
    color: #ff6319;
    font-size: 17px;
    right: 15px;
    top: 12px; }
  .adresses-webhelp .ville .content-ville {
    clear: both;
    padding: 55px 60px 0 60px; }

.panel-title a br {
  display: none; }

.slide-pages .top-slide-actualites {
  background: url(images/bg-actualites.png) center 0;
  background-size: cover; }
  .slide-pages .top-slide-actualites a {
    font-size: 13.87px; }
.slide-pages [class*="top-slide-"] .titre h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 600; }
.slide-pages [class*="top-slide-"] .titre h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  padding-top: 14px; }

.nos-offres-actualites .type-actualite p:before {
  content: none !important; }
.nos-offres-actualites .actualites {
  padding-top: 81px; }
  .nos-offres-actualites .actualites .text-offres-actualites {
    min-height: 145px;
    line-height: 135px; }
.nos-offres-actualites .actualites-text {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 61.2% !important;
  padding: 20px 0; }
.nos-offres-actualites .details-actualites {
  line-height: normal;
  width: 34% !important; }

.top-bloc-newsletter {
  float: left; }
  .top-bloc-newsletter .content-newsletter {
    margin-top: 94px;
    float: left;
    background: #ededed;
    padding-top: 43px;
    padding-bottom: 55px; }
    .top-bloc-newsletter .content-newsletter p {
      font-size: 24.94px;
      color: #202020;
      padding: 0px 73px 33px 73px;
      letter-spacing: .1px;
      line-height: 32px;
      width: 100%; }

.wb-university {
  width: 100%;
  float: left; }
  .wb-university .content-whu {
    max-width: 1158px;
    margin: auto;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px; }

.top-slide-wb-university {
  background: url(images/bg-webhelp-university.png); }
  .top-slide-wb-university a {
    font-size: 13.87px !important; }

.wb-university {
  float: left;
  width: 100%;
  padding-top: 62px; }
  .wb-university .wb-university-top {
    padding-left: 93px; }
  .wb-university .img-whu {
    width: 134px;
    float: left; }
  .wb-university .text-wbu {
    float: left;
    width: 736px;
    padding-top: 40px;
    padding-left: 46px; }
    .wb-university .text-wbu p {
      color: #191919;
      font-size: 22px;
      letter-spacing: .1px;
      line-height: 26px; }
  .wb-university .wb-university-top {
    float: left;
    width: 100%;
    padding-bottom: 87px; }

.etapes-formations {
  float: left;
  width: 100%; }
  .etapes-formations .top-etape-formation {
    font-size: 30px;
    color: #191919; }
    .etapes-formations .top-etape-formation:before {
      content: "\f111";
      font-family: FontAwesome;
      color: #ff6319;
      font-size: 20px;
      position: relative;
      left: -7px;
      top: -2px; }
  .etapes-formations .etape-number {
    font-weight: 300;
    font-size: 15.77px;
    color: #fff;
    text-transform: capitalize;
    background: #ff6319;
    width: 102px;
    height: 29px;
    border-radius: 10px;
    float: left;
    text-align: center;
    margin-right: 11px;
    line-height: 25px; }
  .etapes-formations .items-formations {
    width: 600px;
    float: left;
    padding-top: 156px;
    padding-left: 23px; }
  .etapes-formations .content-item-formation {
    float: left;
    width: 60%; }
    .etapes-formations .content-item-formation:before {
      content: '';
      background: url(images/bar-formation.png) no-repeat;
      width: 24px;
      height: 252px;
      display: block;
      float: left;
      margin-right: 33px; }
    .etapes-formations .content-item-formation .inside {
      margin-top: -83px; }
  .etapes-formations .item-formation {
    float: left; }
    .etapes-formations .item-formation h4 {
      font-size: 28px;
      color: #1983de;
      letter-spacing: .6px;
      padding-bottom: 11px; }
      .etapes-formations .item-formation h4:before {
        content: '';
        display: block;
        position: relative;
        left: 59px;
        padding-bottom: 83px; }
    .etapes-formations .item-formation p {
      line-height: 18px; }
    .etapes-formations .item-formation:nth-child(1) .etape-number {
      line-height: 26px;
      margin-top: -2px; }
    .etapes-formations .item-formation:nth-child(1) h4:before {
      left: 70px;
      top: -4px;
      padding-bottom: 80px; }
    .etapes-formations .item-formation:nth-child(2) .etape-number {
      line-height: 28px;
      margin-top: 2px;
      padding-bottom: 13px; }
    .etapes-formations .item-formation:nth-child(2) h4:before {
      left: 64px;
      top: 14px;
      padding-bottom: 84px; }
    .etapes-formations .item-formation:nth-child(2) p {
      padding-top: 2px; }
    .etapes-formations .item-formation:nth-child(3) .etape-number {
      line-height: 27px;
      margin-top: 2px; }
    .etapes-formations .item-formation:nth-child(3) h4:before {
      left: 60px;
      padding-bottom: 84px;
      top: 5px; }
    .etapes-formations .item-formation:nth-child(3) p {
      padding-top: 2px; }
  .etapes-formations .formation-initial h4:before {
    background: url(images/icon-formation-initial.png) no-repeat;
    width: 65px;
    height: 65px; }
  .etapes-formations .formation-metier h4:before {
    background: url(images/icon-formation-metier.png) no-repeat;
    width: 69px;
    height: 51px; }
  .etapes-formations .formation-continue .content-item-formation:before {
    content: '';
    background: url(images/bar-formation.png) no-repeat;
    width: 24px;
    height: 195px; }
  .etapes-formations .formation-continue h4:before {
    background: url(images/icon-formation-continue.png) no-repeat;
    width: 61px;
    height: 61px; }
  .etapes-formations p {
    font-size: 15px;
    color: #2e2e2e;
    padding-right: 29px; }
  .etapes-formations .catalogue {
    background: url(images/bg-catalogue.png) repeat-x;
    border-top: 9px solid #ff6319;
    width: 359px;
    margin: auto;
    padding-top: 68px;
    margin-left: 71px;
    padding-bottom: 80px; }
    .etapes-formations .catalogue p {
      color: #fff;
      font-size: 22.43px;
      padding-left: 23px;
      padding-right: 23px;
      line-height: 26px; }
      .etapes-formations .catalogue p:before {
        content: '';
        background: url(images/icon-catalogue.png) no-repeat;
        display: block;
        width: 100px;
        height: 78px;
        margin: auto;
        padding-bottom: 105px; }
  .etapes-formations .type-formation-continue {
    padding-top: 95px;
    position: relative;
    padding-left: 12px; }
    .etapes-formations .type-formation-continue:before {
      content: '';
      background: url(images/bar-type-formation.png) no-repeat;
      width: 151px;
      height: 198px;
      display: inline-block;
      position: absolute;
      left: -95px; }
    .etapes-formations .type-formation-continue h4 {
      font-size: 28px;
      padding-bottom: 6px;
      color: #1983de;
      letter-spacing: .3px; }
    .etapes-formations .type-formation-continue .type-formation-item {
      width: 70%;
      margin: auto; }
      .etapes-formations .type-formation-continue .type-formation-item p {
        padding-right: 75px; }
      .etapes-formations .type-formation-continue .type-formation-item:nth-child(1) p {
        line-height: 16px;
        padding-top: 4px; }
      .etapes-formations .type-formation-continue .type-formation-item:nth-child(2) p {
        line-height: 17px;
        padding-top: 3px;
        padding-left: 2px; }
    .etapes-formations .type-formation-continue .type-formation-item {
      margin-bottom: 64px; }
  .etapes-formations .etape-formation-right {
    float: left;
    width: 45%;
    padding-top: 64px; }
  .etapes-formations .nbre-heure-formation {
    width: 365px;
    margin: auto;
    padding-top: 39px;
    clear: both; }
    .etapes-formations .nbre-heure-formation:after {
      display: block;
      content: '';
      border-bottom: 4px solid #ff6319;
      width: 67px;
      margin: auto;
      position: relative;
      top: 14px;
      left: 2px; }
    .etapes-formations .nbre-heure-formation p {
      color: #282828;
      font-size: 20px;
      padding-left: 21px;
      line-height: 22px; }
    .etapes-formations .nbre-heure-formation .nbre-hr {
      font-size: 28px; }

.formation-ludique {
  margin-top: 21px;
  margin-bottom: 38px;
  float: left;
  width: 100%; }
  .formation-ludique .top-formation-ludique {
    letter-spacing: 1.5px;
    padding-bottom: 100px;
    font-size: 30px;
    color: #191919; }
    .formation-ludique .top-formation-ludique:before {
      content: "\f111";
      font-family: FontAwesome;
      color: #ff6319;
      font-size: 20px;
      position: relative;
      left: -7px;
      top: -2px; }
  .formation-ludique .text-formation-ludique {
    padding-left: 88px;
    width: 550px;
    float: left; }
    .formation-ludique .text-formation-ludique p {
      color: #191919;
      font-size: 16px;
      line-height: normal; }
      .formation-ludique .text-formation-ludique p span {
        color: #ff6319; }
  .formation-ludique .video-formation-ludique {
    width: 358px;
    float: right;
    position: relative;
    bottom: 53px;
    left: -79px;
    overflow: hidden; }
    .formation-ludique .video-formation-ludique:hover .video-link {
      opacity: 1; }
    .formation-ludique .video-formation-ludique .video > img {
      float: right;
      position: relative;
      margin: -34px 0;
      max-width: 100%; }
    .formation-ludique .video-formation-ludique .video-link {
      left: 50%;
      margin: -27.5px 0 0 -27.5px;
      position: absolute;
      top: 50%;
      opacity: 0.5; }

.type-formation-mobile {
  display: none; }

.postul h3 {
  font-size: 41px;
  color: #191919;
  margin-bottom: 80px; }

.postuler .contenu-form {
  margin-bottom: 56px; }
.postuler .region-poste p {
  padding-bottom: 38px; }
.postuler .cv {
  padding-left: 0;
  padding-top: 62px; }
.postuler .source-webhelp {
  margin-bottom: 13px; }
.postuler .container-espace-candidature {
  max-width: 951px;
  margin-top: -26px; }
.postuler h3 {
  font-size: 41px;
  color: #191919; }
.postuler .entretien-video a p:after {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  content: '';
  display: block;
  background: url(images/entretien-video.png) no-repeat;
  margin: auto;
  width: 73px;
  height: 57px;
  margin-top: 18px; }
.postuler .entretien-video a p:before {
  content: none !important; }
.postuler .entretien-video a p:hover:after {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  content: '';
  display: block;
  background: url(images/entretien-video-hover.png) no-repeat; }
.postuler .info-poste {
  width: 100%;
  padding-top: 64px; }
.postuler .postuler-left {
  width: 473px;
  float: left; }
.postuler .postuler-right {
  width: 438px;
  float: left;
  padding-left: 8px; }
.postuler .intitule-poste {
  padding-bottom: 32px; }
  .postuler .intitule-poste p {
    padding-bottom: 32px; }
.postuler .entretien-video {
  padding-top: 67px; }
  .postuler .entretien-video p {
    font-size: 24.34px;
    color: #0069a3 !important; }

.espace-candidature.identif {
  padding-top: 111px; }
  .espace-candidature.identif .identif-page {
    padding-top: 104px;
    float: left; }
    .espace-candidature.identif .identif-page p {
      font-size: 24.29px;
      color: #191919; }
  .espace-candidature.identif .container-espace-candidature {
    max-width: 857px; }
  .espace-candidature.identif h3 {
    font-size: 41px;
    color: #191919; }
  .espace-candidature.identif .ou {
    width: 47px;
    float: left;
    font-size: 20px;
    font-weight: 300;
    position: relative;
    top: 137px;
    left: 11px; }
  .espace-candidature.identif .identif-right {
    float: left;
    width: 410px; }
    .espace-candidature.identif .identif-right .espace-membre-identif {
      float: right; }
      .espace-candidature.identif .identif-right .espace-membre-identif p {
        padding-bottom: 25px; }
      .espace-candidature.identif .identif-right .espace-membre-identif input {
        border: 1px solid transparent;
        border-radius: 0;
        height: 41px;
        background: #fff;
        width: 352px;
        margin-bottom: 27px;
        -webkit-box-shadow: 0;
        -moz-box-shadow: 0;
        color: #5d5d5d;
        font-size: 21px;
        box-shadow: none; }
        .espace-candidature.identif .identif-right .espace-membre-identif input:hover {
          border-color: #ccc; }
        .espace-candidature.identif .identif-right .espace-membre-identif input:focus {
          border-color: #ff6319; }
    .espace-candidature.identif .identif-right ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #5d5d5d;
      font-size: 21px;
      text-transform: none; }
    .espace-candidature.identif .identif-right ::-moz-placeholder {
      /* Firefox 19+ */
      color: #5d5d5d;
      font-size: 21px;
      text-transform: none; }
    .espace-candidature.identif .identif-right :-ms-input-placeholder {
      /* IE 10+ */
      color: #5d5d5d;
      font-size: 21px;
      text-transform: none; }
    .espace-candidature.identif .identif-right :-moz-placeholder {
      /* Firefox 18- */
      color: #5d5d5d;
      font-size: 21px;
      text-transform: none; }
    .espace-candidature.identif .identif-right button {
      width: 352px;
      height: 42px;
      line-height: 22px; }
  .espace-candidature.identif .bottom-espace-membre {
    padding-top: 12px; }
    .espace-candidature.identif .bottom-espace-membre a {
      font-size: 16.4px;
      color: #191919;
      font-weight: 300;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out; }
      .espace-candidature.identif .bottom-espace-membre a:hover {
        color: #ea5812; }
    .espace-candidature.identif .bottom-espace-membre .pwd-oublie {
      float: right; }
  .espace-candidature.identif input[type="text"] {
    padding-left: 12px; }

.identif-left {
  float: left;
  width: 360px; }
  .identif-left .connecte-toi {
    float: left; }
  .identif-left .social-media {
    padding-top: 15px;
    overflow: hidden; }
    .identif-left .social-media li {
      float: left;
      padding-right: 23px; }
    .identif-left .social-media i {
      color: #fff;
      height: 70px;
      width: 70px;
      text-align: center;
      border-radius: 50%;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out; }
    .identif-left .social-media .fa-facebook {
      background: rgba(59, 89, 152, 0.9);
      font-size: 43px;
      line-height: 77px; }
      .identif-left .social-media .fa-facebook:hover {
        background: #3b5998; }
    .identif-left .social-media .fa-linkedin {
      background: rgba(0, 122, 185, 0.9);
      font-size: 40px;
      line-height: 71px; }
      .identif-left .social-media .fa-linkedin:hover {
        background: #007ab9; }
    .identif-left .social-media .fa-google-plus {
      background: rgba(220, 78, 65, 0.9);
      font-size: 45px;
      line-height: 72px; }
      .identif-left .social-media .fa-google-plus:hover {
        background: #dc4e41; }

/*#wrapper{
  width: 1736px;
}*/
.box-metier {
  margin: 0 auto;
  padding-top: 56px;
  width: 956px; }
  .box-metier h2 {
    color: #fff;
    font-size: 73px;
    margin-bottom: 15px; }
  .box-metier p {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.6px; }
  .box-metier .header {
    text-align: center;
    position: relative;
    margin-bottom: 100px; }
  .box-metier .pushs .push {
    background: #272727;
    height: 169px;
    width: 280px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 51px 45px 0;
    overflow: hidden; }
    .box-metier .pushs .push > img {
      height: 230px;
      margin: -30px 0;
      width: 280px; }
    .box-metier .pushs .push:hover .play {
      opacity: 1;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out; }
    .box-metier .pushs .push:nth-child(3n) {
      margin-right: 0px; }
    .box-metier .pushs .push .play {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -46px 0 0 -25px;
      opacity: 0.2; }
    .box-metier .pushs .push .info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px 5px 0;
      text-align: left;
      background: rgba(0, 0, 0, 0.6); }
      .box-metier .pushs .push .info h2 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 2px; }
      .box-metier .pushs .push .info p {
        font-size: 14px;
        font-weight: 300; }
  .box-metier .slider-videos {
    position: relative;
    padding-left: 3px; }
    .box-metier .slider-videos .list-videos {
      -webkit-transform: none !important;
      transform: none !important; }
  .box-metier .bx-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -66px; }
    .box-metier .bx-controls .bx-prev,
    .box-metier .bx-controls .bx-next {
      font-size: 0px;
      display: block;
      height: 90px;
      position: absolute;
      width: 50px; }
    .box-metier .bx-controls .bx-prev {
      left: -312px;
      background: url("../images/prev-slider-metier.png") 0 0 no-repeat; }
    .box-metier .bx-controls .bx-next {
      right: -318px;
      background: url("../images/next-slider-metier.png") 0 0 no-repeat; }

@media (max-width: 1650px) {
  .box-metier .bx-controls .bx-prev {
    left: -50px; }
  .box-metier .bx-controls .bx-next {
    right: -50px; }
  .box-metier .pushs {
    text-align: center; }
    .box-metier .pushs .push {
      margin: 0 0 5px; } }
@media (max-width: 992px) {
	.get-board .services-webhelp-pr .services-item:nth-child(3):lang(fr){
		width: 269px;
	}
  .box-metier {
    width: 95%; } }
.slide-pages .top-slide-newsletter {
  background: url(images/bg-newsletters.png);
  background-size: cover; }

.wrapper-newsletter > p {
  font-size: 20px;
  color: #191919;
  padding-bottom: 13px; }
  .wrapper-newsletter > p span {
    color: #ff6319; }

.box-newsletter {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 159px;
  width: 824px; }
  .box-newsletter .grow.pic img {
    width: 258px;
    height: 285px; }
  .box-newsletter .grow.pic {
    width: 258px; }
  .box-newsletter ul {
    margin-bottom: 13px;
    overflow: hidden; }
    .box-newsletter ul li {
      display: none;
      float: left;
      vertical-align: top;
      width: 258px;
      margin: 0 25px 79px 0; }
      .box-newsletter ul li:nth-child(3n) {
        margin-right: 0px; }
      .box-newsletter ul li .push {
        text-align: center;
        /*.figure{
        	background: #191919;
        	height: 258px;
        	overflow: hidden;
        	width: 258px;
        }*/ }
        .box-newsletter ul li .push a {
          color: #fff; }
        .box-newsletter ul li .push h2 {
          color: #fff;
          font-size: 80px;
          margin-bottom: 0px; }
          .box-newsletter ul li .push h2 span {
            color: #969696; }
        .box-newsletter ul li .push .news-date {
          font-weight: 300;
          display: block;
          line-height: 1;
          margin-bottom: 7px;
          font-size: 25px;
          text-transform: capitalize; }
        .box-newsletter ul li .push .top-newsletter {
          width: 258px;
          height: 197px;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15405f+0,174464+23,174464+45,15405e+71,143752+100 */
          background: #15405f;
          /* Old browsers */
          background: -moz-linear-gradient(top, #15405f 0%, #174464 23%, #174464 45%, #15405e 71%, #143752 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #15405f 0%, #174464 23%, #174464 45%, #15405e 71%, #143752 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #15405f 0%, #174464 23%, #174464 45%, #15405e 71%, #143752 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15405f', endColorstr='#143752', GradientType=0);
          /* IE6-9 */
          padding-top: 17px; }
          .box-newsletter ul li .push .top-newsletter p br {
            display: none; }
          .box-newsletter ul li .push .top-newsletter + p {
            display: none; }
        .box-newsletter ul li .push .bottom-newsletter {
          background: #ff6319;
          height: 60px;
          display: table;
          width: 258px; }
          .box-newsletter ul li .push .bottom-newsletter ul {
            display: flex;
            display: -webkit-flex;
            display: -ms-flexbox;
            width: 80%;
            margin: auto;
            padding-top: 20px; }
          .box-newsletter ul li .push .bottom-newsletter li {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            width: auto;
            margin: 0;
            display: inline; }
          .box-newsletter ul li .push .bottom-newsletter i {
            color: #fff;
            text-align: center;
            font-size: 20px; }
        .box-newsletter ul li .push .num-newsletter {
          font-size: 25px; }
  .box-newsletter .buttons {
    margin-bottom: 83px;
    margin-left: 7px; }

.wb-btn {
  background: #ff6319;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16.16px;
  display: inline-block;
  text-align: center;
  min-width: 178px;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out; }
  .wb-btn:hover, .wb-btn:focus, .wb-btn:active {
    color: #fff;
    background: #e05310 !important; }

.buttons {
  text-align: center; }

@media (max-width: 900px) {
  .box-newsletter {
    padding-top: 40px;
    width: 100%; }
    .box-newsletter ul li {
      margin: 0 10px 40px 10px !important; } }
.slide-pages .top-slide-fun {
  background: url(images/bg-fun.png);
  background-size: cover; }

.box-fun {
  clear: both;
  margin: 0 auto 72px;
  padding-top: 103px;
  width: 1008px; }
  .box-fun h2 {
    color: #191919;
    font-size: 53.66px;
    margin-bottom: 45px;
    text-align: center; }
    .box-fun h2 strong {
      font-weight: 800; }
    .box-fun h2 em {
      font-weight: 300; }
    .box-fun h2 span {
      color: #ffd81b; }
  .box-fun p {
    color: #000000;
    font-size: 20px;
    text-align: center;
    margin-bottom: 16px;
    line-height: 25px;
    letter-spacing: -.2px; }
    .box-fun p br + br {
      display: none; }
    .box-fun p + p {
      margin-bottom: 60px;
      padding-left: 70px;
      padding-right: 82px;
      line-height: 24px; }
  .box-fun .push-video {
    background: #272727;
    height: 252px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 57px;
    width: 450px; }
    .box-fun .push-video > img {
      margin: -50px 0; }
    .box-fun .push-video:hover .play {
      opacity: 1;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out; }
    .box-fun .push-video .play {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -37.5px 0 0 -37.5px;
      opacity: 0.5; }
  .box-fun #accordion {
    margin-left: -6px; }
  .box-fun .panel-collapse {
    padding-left: 11px; }
  .box-fun .panel-default > .panel-heading {
    border: none;
    margin-bottom: 31px;
    position: relative; }
    .box-fun .panel-default > .panel-heading:before {
      content: "";
      background: #ffca13;
      border-radius: 50%;
      content: "";
      display: inline-block;
      height: 17px;
      left: -12px;
      position: absolute;
      top: 14px;
      width: 17px; }
    .box-fun .panel-default > .panel-heading h4 {
      font-size: 24px;
      margin-left: -3px; }
      .box-fun .panel-default > .panel-heading h4:hover {
        color: #ffca13;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
  .box-fun .panel-default:nth-child(2) h4 {
    padding-top: 2px; }
  .box-fun .list-events {
    width: 1006px;
    margin-bottom: 0px;
    position: relative;
    /*.wrapper-event{
    	position: absolute;
    	top: 0;
    }*/ }
    .box-fun .list-events li {
      vertical-align: top;
      width: 235px;
      /* height: 166px; */
      display: inline-block;
      margin: 0  18px 9px 0; }
      .box-fun .list-events li:nth-child(4n) {
        margin-right: 0px; }
    .box-fun .list-events .figure {
      margin-bottom: 11px;
      height: 166px;
      overflow: hidden;
      width: 235px; }
      .box-fun .list-events .figure img {
        max-width: 100%; }
    .box-fun .list-events h5 {
      color: #191919;
      font-size: 14px;
      text-align: center; }
    .box-fun .list-events .push-video {
      overflow: hidden;
      height: 180px;
      width: 300px;
      margin-bottom: 17px; }
      .box-fun .list-events .push-video .play {
        margin: -25px 0 0 -25px; }
      .box-fun .list-events .push-video > img {
        height: 241px;
        margin: -31px 0;
        max-width: 100%; }
    .box-fun .list-events.videos {
      margin-bottom: 1px;
      padding-left: 24px; }
      .box-fun .list-events.videos li {
        width: 300px;
        margin: 0 28px 28px 0; }
        .box-fun .list-events.videos li:nth-child(3n) {
          margin-right: 0; }
        .box-fun .list-events.videos li:nth-child(4n) {
          margin-right: 28px; }
  .box-fun .list-promos {
    padding-left: 24px;
    margin-bottom: 50px;
    text-align: center; }
    .box-fun .list-promos li {
      display: inline-block;
      margin: 2px 22px 22px 0;
      width: 300px;
      height: 180px; }
      .box-fun .list-promos li img {
        max-width: 100%; }
  .box-fun .wb-btn {
    background: #ffca13;
    font-size: 21px;
    height: 58px;
    line-height: 57px;
    padding: 0 36px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out; }
    .box-fun .wb-btn:hover {
      background: #efba00 !important; }
  .box-fun .slider-fun p {
    font-size: 21px;
    letter-spacing: .34px;
    background: #ffca13;
    display: table;
    margin: auto;
    color: #fff;
    padding: 10px 23px;
    margin-bottom: 40px; }
  .box-fun .fun-carousel .bx-wrapper {
    margin: auto;
    position: relative; }
  .box-fun .fun-carousel .bx-controls .bx-prev {
    font-size: 0px;
    background: url(images/icon-navigation---jaune.png) transparent no-repeat !important;
    height: 53px;
    display: block;
    width: 29px;
    position: absolute;
    top: 40px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -61px; }
  .box-fun .fun-carousel .bx-controls .bx-next {
    font-size: 0px;
    background: url(images/icon-navigation---jaune.png) transparent no-repeat !important;
    height: 53px;
    display: block;
    width: 29px;
    position: absolute;
    top: 40px;
    right: -61px; }

.wrapper-tooltip {
  position: relative; }
  .wrapper-tooltip:hover .tooltipp {
    bottom: 100%;
    transition: all .3s ease-out .3s;
    -moz-transition: all .3s ease-out .3s;
    -webkit-transition: all .3s ease-out .3s;
    display: block; }
  .wrapper-tooltip .tooltipp {
    display: none;
    padding: 34px 30px 34px 22px;
    border-radius: 8px;
    height: 220px !important;
    width: 310px !important;
    background: #272727;
    bottom: 0;
    color: red;
    right: 50%;
    margin-right: -155px;
    margin-bottom: 20px;
    /* opacity: 0; */
    position: absolute;
    transform: translateY(10px);
    transition: all .3s ease-out;
    /* top: -221px; */ }
    .wrapper-tooltip .tooltipp .nano-pane {
      display: block !important;
      background: #67abeb; }
      .wrapper-tooltip .tooltipp .nano-pane .nano-slider {
        background: #0072a1; }
    .wrapper-tooltip .tooltipp:before {
      bottom: -20px;
      content: " ";
      display: block;
      height: 20px;
      left: 0;
      position: absolute;
      width: 100%; }
    .wrapper-tooltip .tooltipp:after {
      border-left: solid transparent 10px;
      border-right: solid transparent 10px;
      border-top: solid #272727 10px;
      bottom: -10px;
      content: " ";
      height: 0;
      left: 50%;
      margin-left: -5px;
      position: absolute;
      width: 0;
      margin-top: -1px;
      /*-ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);*/ }
    .wrapper-tooltip .tooltipp h6 {
      font-size: 17px;
      color: #ffca13;
      padding-bottom: 15px; }
    .wrapper-tooltip .tooltipp span {
      font-size: 14px;
      color: #fff;
      display: block;
      line-height: 17px; }
    .wrapper-tooltip .tooltipp p {
      text-align: left; }

@media (max-width: 1010px) {
  .box-fun {
    padding-top: 40px;
    width: 95%; }
    .box-fun .push-video {
      height: 180px;
      width: 300px; }
    .box-fun .list-events {
      text-align: center; }
      .box-fun .list-events li {
        margin: 0 10px 20px 0 !important; } }
@media (max-width: 480px) {
  .box-fun {
    width: 92%; } }
/*======== Images =======*/
.image-center {
  display: block;
  margin: auto;
  margin: 0 0 10px; }

.image-left {
  float: left;
  margin: 0 40px 10px; }

.image-right {
  float: right;
  margin: 0 0 10px 40px; }

/*======== Colors =======*/
.orange {
  color: #FF6319; }

.blue {
  color: #0069A3; }

.blue-light {
  color: #33B5E2; }

.font-open-sans {
  font-family: 'Open Sans', sans-serif; }

/*======== Listings =======*/
h1,
h2,
h3,
h4 {
  float: none;
  width: 100%; }

h1 {
  margin: 0 0 60px; }

h2 {
  margin: 0 0 40px; }

h3 {
  margin: 0 0 25px; }

h4 {
  margin: 0 0 20px; }

p {
  font-size: 16px; }

.details-offre {
  padding-top: 0;
  padding-bottom: 0;
  /*======== Listings =======*/ }
  .details-offre h2 *,
  .details-offre h2 {
    color: #ff6319 !important;
    font-size: 22px !important;
    letter-spacing: .4px;
    margin: 35px 0; }
  .details-offre .top-details-offres + h2,
  .details-offre .top-details-offres + h2 span {
    padding-top: 34px;
    font-size: 20px  !important;
    color: #282828 !important;
    letter-spacing: 0.4px;
    text-align: left !important;
    line-height: 30px; }
  .details-offre ul, .details-offre ol {
    margin-left: 20px; }
  .details-offre ul li,
  .details-offre ol li {
    position: relative;
    line-height: 26px;
    list-style: none; }
    .details-offre ul li:before, .details-offre ul li:before,
    .details-offre ol li:before,
    .details-offre ol li:before {
      background: #ff6319;
      content: "";
      display: inline-block;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      position: absolute;
      left: -20px;
      top: 7px; }
  .details-offre li,
  .details-offre li span,
  .details-offre p,
  .details-offre p span {
    font-family: 'Open Sans', sans-serif !important; }

#node-body {
  margin: 110px auto !important;
  line-height: 24px;
  overflow: hidden;
  width: 100%; }
  #node-body h1 {
    float: none !important;
    color: #0069A3 !important;
    margin: 0 0 30px !important;
    font-size: 29px !important; }
    #node-body h1 + div {
      overflow: hidden; }
  #node-body .field.field-name-body.field-type-text-with-summary.field-label-hidden:before {
    margin-top: 0; }
  #node-body img {
    margin: 0 10px 10px 0;
    max-width: 100%; }
  #node-body ul {
    list-style: disc;
    list-style-position: inside; }
  #node-body p,
  #node-body p span {
    font-size: 16px !important; }

.box-chat {
  width: 306px;
  height: 392px;
  position: absolute;
  bottom: 0;
  right: 160px; }
  .box-chat .chat-header {
    position: relative;
    height: 78px;
    background: #1a5880; }
    .box-chat .chat-header .header-online .personne-connecte {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      left: 88px; }
      .box-chat .chat-header .header-online .personne-connecte p {
        color: #fff;
        text-transform: capitalize;
        font-size: 14px; }
        .box-chat .chat-header .header-online .personne-connecte p + p {
          font-size: 13px;
          font-weight: 300; }
    .box-chat .chat-header .header-online .status {
      float: left; }
    .box-chat .chat-header .header-online .fileinput-button {
      position: absolute;
      top: 46%;
      transform: translate(0, -50%);
      right: -3px; }
    .box-chat .chat-header .status {
      width: 57px;
      height: 57px;
      background: #1b4a69;
      border-radius: 50%;
      position: relative;
      top: 11px;
      left: 19px; }
      .box-chat .chat-header .status p {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        text-align: center;
        color: #fff;
        font-size: 17.27px; }
        .box-chat .chat-header .status p span {
          color: #b9b2b2; }
    .box-chat .chat-header .color-status {
      border-radius: 50%;
      height: 16px;
      width: 16px;
      position: absolute;
      right: 0;
      top: 40px; }
    .box-chat .chat-header .status-off {
      background: #ffa800; }
    .box-chat .chat-header .status-on {
      background: #70ed33; }
    .box-chat .chat-header .file-text {
      color: #999999;
      font-size: 14.29px;
      font-weight: 300;
      padding-left: 19px; }
      .box-chat .chat-header .file-text:after {
        content: '';
        width: 30px;
        height: 30px;
        display: inline-block;
        float: right;
        background: url(images/upload-chat.png) no-repeat;
        position: relative;
        top: 11px;
        right: 20px; }
    .box-chat .chat-header .fileinput-button {
      position: relative;
      overflow: hidden;
      display: inline-block;
      width: 50px;
      height: 37px;
      float: right;
      top: -42px; }
      .box-chat .chat-header .fileinput-button input {
        position: absolute;
        top: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer;
        cursor: pointer; }
  .box-chat .chat-body {
    position: relative;
    height: 247px;
    background: #f3f3f3; }
    .box-chat .chat-body .body-chat-offline {
      position: absolute;
      top: 49%;
      transform: translate(0, -50%);
      left: 0;
      right: 0; }
      .box-chat .chat-body .body-chat-offline h2 {
        color: #000000;
        font-size: 20.37px;
        font-weight: 300; }
      .box-chat .chat-body .body-chat-offline form {
        width: 206px;
        margin: auto; }
      .box-chat .chat-body .body-chat-offline input {
        height: 32px;
        color: #191919;
        font-weight: 300;
        font-size: 13.35px; }
      .box-chat .chat-body .body-chat-offline .form-group + .form-group {
        margin-top: -7px !important; }
      .box-chat .chat-body .body-chat-offline button {
        margin-top: -1px;
        height: 37px;
        border-radius: 0;
        border: 0;
        background: #1a5880;
        width: 100%;
        color: #fff;
        font-size: 13.5px; }
      .box-chat .chat-body .body-chat-offline ::-webkit-input-placeholder {
        color: #191919;
        font-weight: 300;
        font-size: 13.35px; }
      .box-chat .chat-body .body-chat-offline :-moz-placeholder {
        /* Firefox 18- */
        color: #191919;
        font-weight: 300;
        font-size: 13.35px; }
      .box-chat .chat-body .body-chat-offline ::-moz-placeholder {
        /* Firefox 19+ */
        color: #191919;
        font-weight: 300;
        font-size: 13.35px; }
      .box-chat .chat-body .body-chat-offline :-ms-input-placeholder {
        color: #191919;
        font-weight: 300;
        font-size: 13.35px; }
    .box-chat .chat-body .body-chat-online {
      width: 278px;
      position: absolute;
      bottom: 18px;
      left: 0;
      right: 0;
      margin: auto; }
      .box-chat .chat-body .body-chat-online p {
        font-size: 10.53px;
        font-weight: 300;
        display: inline-block;
        padding: 11px;
        border-radius: 8px; }
      .box-chat .chat-body .body-chat-online .question {
        margin-bottom: 11px; }
        .box-chat .chat-body .body-chat-online .question p {
          color: #191919;
          background: #fff; }
      .box-chat .chat-body .body-chat-online .reponse {
        float: right; }
        .box-chat .chat-body .body-chat-online .reponse p {
          color: #fff;
          background: #1a5880; }
  .box-chat .chat-footer {
    height: 67px;
    position: relative; }
    .box-chat .chat-footer ::-webkit-input-placeholder {
      color: #999999;
      font-weight: 300;
      font-size: 13.35px; }
    .box-chat .chat-footer :-moz-placeholder {
      /* Firefox 18- */
      color: #999999;
      font-weight: 300;
      font-size: 14.29px; }
    .box-chat .chat-footer :-ms-input-placeholder {
      color: #999999;
      font-weight: 300;
      font-size: 14.29px; }
    .box-chat .chat-footer textarea {
      color: #999999;
      font-weight: 300;
      font-size: 14.29px;
      height: 67px;
      width: 100%;
      padding-left: 20px;
      resize: none;
      line-height: calc(59 * 7.5%); }
      .box-chat .chat-footer textarea:focus {
        line-height: 22px; }
        .box-chat .chat-footer textarea:focus ::-webkit-textarea-placeholder {
          opacity: 0; }
    .box-chat .chat-footer input:focus::-webkit-input-placeholder {
      opacity: 0; }
    .box-chat .chat-footer button {
      border-radius: 0;
      border: 0;
      height: 67px; }
      .box-chat .chat-footer button:hover {
        background: transparent !important; }
      .box-chat .chat-footer button img {
        padding-right: 14px; }

input, textarea {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important; }

.content-404 {
  background: url(images/bg-404.png);
  background-size: cover;
  min-height: 100%; }
  .content-404 .text-404 {
    width: 442px;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0; }
  .content-404 h1 {
    font-size: 148.81px;
    margin-bottom: 4px;
    color: #006aa4; }
  .content-404 h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 8px; }
  .content-404 p {
    color: #fff;
    font-size: 14px;
    font-weight: 300; }
    .content-404 p a {
      color: #00a3ff; }

.slider-home-portugal h2 {
  font-size: 86.15px; }
.slider-home-portugal p {
  font-size: 40.2px;
  margin-top: -70px; }
.slider-home-portugal .bottom-nav form {
  max-width: 869px; }
.slider-home-portugal .bottom-nav .form-item {
  width: 21.9% !important; }
.slider-home-portugal .form-item .select2-container {
  border-radius: 0; }
.slider-home-portugal button {
  height: 41px;
  width: 58px; }
  .slider-home-portugal button i {
    height: 29px;
    position: relative;
    left: 4px;
    top: 5px; }
  .slider-home-portugal button .icon-search-small {
    background: url(images/s-icon.png) no-repeat; }
.slider-home-portugal .bottom-nav .select2-container, .slider-home-portugal .bottom-nav .select2-container .select2-choice {
  height: 41px;
  line-height: 41px; }

.welcome {
  background: url(images/bg-bienvenu-fr.png) center 0 no-repeat !important;
  background-size: cover !important;
  padding: 46px 0 51px; }
  .welcome .bienvenu-text p {
    line-height: 19px;
    font-size: 18.03px; }

.why-webhelp {
  background: url(images/bg-que-cherche-tu-fr.png) !important;
  background-size: cover !important;
  min-height: 324px; }
  .why-webhelp h2 {
    padding-bottom: 0;
    font-size: 37.71px; }
  .why-webhelp .critere-item {
    padding-top: 67px; }
    .why-webhelp .critere-item:nth-child(4) .cf img {
      bottom: -11px; }
    .why-webhelp .critere-item:nth-child(6) .cf img {
      bottom: -5px; }
  .why-webhelp .critere-text span {
    font-size: 16.06px;
    padding-left: 5px;
    padding-right: 5px; }

.working-with-us {
  padding-bottom: 23px;
  padding-top: 56px;
  text-align: center; }
  .working-with-us h2 {
    padding-bottom: 0;
    font-size: 37.96px; }
  .working-with-us .metiers {
    margin-top: -32px; }
  .working-with-us .box-avantages-webhelp {
    width: 895px;
    top: 165px; }
    .working-with-us .box-avantages-webhelp h3 {
      font-size: 33.22px; }
    .working-with-us .box-avantages-webhelp h6 {
      font-size: 20.88px; }
    .working-with-us .box-avantages-webhelp .box-content-item {
      width: 277px; }
      .working-with-us .box-avantages-webhelp .box-content-item:nth-child(2) {
        width: 277px; }
      .working-with-us .box-avantages-webhelp .box-content-item:nth-child(3) {
        width: 279px; }
    .working-with-us .box-avantages-webhelp .box-content {
      text-align: left;
      min-height: 389px; }
      .working-with-us .box-avantages-webhelp .box-content .imgs-cherche {
        margin-top: -4px; }
  .working-with-us .parcours span {
    font-size: 21px; }
  .working-with-us .box-text {
    padding: 50px 31px 0 28px; }
  .working-with-us .tanbtn {
    min-width: 186px;
    height: 45px;
    margin-top: 2px;
    line-height: 43px;
    padding-left: 0; }

.working-way {
  background: url(images/bg-webhelp-way-of-working-pr.png) center 0 no-repeat !important;
  background-size: cover !important;
  padding-bottom: 51px;
  padding-top: 172px; }
  .working-way h2 {
    font-size: 38px; }
  .working-way p {
    font-size: 19px;
    margin-top: -67px; }
  .working-way .item div {
    font-size: 24.99px;
    float: left !important; }
  .working-way .content-nouvelle-famille {
    padding-left: 47px;
    max-width: 817px; }
  .working-way .avantages-webhelp {
    padding-left: 30px; }
    .working-way .avantages-webhelp .item {
      width: 50%;
      float: left; }
      .working-way .avantages-webhelp .item:nth-child(1) {
        top: 6px; }
        .working-way .avantages-webhelp .item:nth-child(1) .imgs-famille {
          top: 4px;
          padding-right: 47px; }
      .working-way .avantages-webhelp .item:nth-child(2) {
        padding-top: 8px;
        left: 12px; }
        .working-way .avantages-webhelp .item:nth-child(2) img {
          width: 34px; }
        .working-way .avantages-webhelp .item:nth-child(2) .imgs-famille {
          left: -7px;
          top: -3px; }
      .working-way .avantages-webhelp .item:nth-child(3) {
        left: -13px;
        padding-top: 19px; }
        .working-way .avantages-webhelp .item:nth-child(3) img {
          width: 30px; }
      .working-way .avantages-webhelp .item:nth-child(4) {
        padding-top: 20px; }
        .working-way .avantages-webhelp .item:nth-child(4) img {
          width: 34px; }
        .working-way .avantages-webhelp .item:nth-child(4) .imgs-famille {
          padding-right: 46px; }
  .working-way .text-nouvelle-famille {
    padding-left: 29px; }

.avis-collaborateurs-pays {
  background-size: cover !important;
  background: url(images/bg-avis-fr.png) center 0 no-repeat; }
  .avis-collaborateurs-portugal p{
  	width: 100%;
  }
  .avis-collaborateurs-portugal .content-avis{
  	padding-left: 0 !important;
  }

.our-opportunities h2 {
  padding-bottom: 0;
  font-size: 37.96px;
  padding-left: 10px;
  padding-right: 12px; }
.our-opportunities .owl-carousel .owl-item {
  height: 86px; }
.our-opportunities .owl-carousel .item-offre span {
  font-size: 13.17px;
  color: #2576aa;
  text-transform: uppercase; }
  .our-opportunities .owl-carousel .item-offre span + span {
    font-weight: 600; }
.our-opportunities .owl-carousel .item-offre a {
  padding-bottom: 5px;
  font-size: 17.14px; }
.our-opportunities .webhelp-offres {
  padding-top: 0;
  margin-top: -18px; }
.our-opportunities .top-actu-job {
  padding-bottom: 29px; }
.our-opportunities .content-actu-job-item span {
  font-size: 16.49px; }
.our-opportunities .details-offres {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 19px; }

.who-we-are {
  background: url(images/bg-multinationale-fr.png) center 0 no-repeat !important;
  background-size: cover !important;
  padding-top: 65px;
  padding-bottom: 69px; }
  .who-we-are .multinatinal-map .map {
    width: 353px;
    margin-top: -14px;
    height: 238px; }
  .who-we-are .multinatinal-map h4, .who-we-are .multinatinal-map p {
    padding-left: 0; }
  .who-we-are .pays-map a {
    padding: 10px 0; }
  .who-we-are .text-webhelp-multinationale {
    padding-bottom: 44px; }
    .who-we-are .text-webhelp-multinationale h2 {
      padding-bottom: 0;
      font-size: 37.96px; }
    .who-we-are .text-webhelp-multinationale p {
      margin-top: -27px;
      line-height: 22px;
      font-size: 19px;
      padding-left: 15px;
      padding-right: 15px; }
  .who-we-are .webhelp-map h4 {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 29.72px; }
  .who-we-are .webhelp-map p {
    margin-top: -9px;
    padding-bottom: 59px;
    font-size: 14.28px; }
  .who-we-are .webhelp-map a.link {
    font-size: 13.84px;
    width: 176px;
    display: block;
    margin: -9px auto 0 auto;
    padding: 10px 0; }
  .who-we-are .webhelp-map .maroc-icon {
    top: 314px; }
  .who-we-are .portugal-map {
    width: 42%; }
    .who-we-are .portugal-map .map {
      width: 100px;
      margin-top: -7px;
      height: 231px; }
      .who-we-are .portugal-map .map .marker-porto {
        top: 28px;
        position: absolute;
        left: 30px; }
      .who-we-are .portugal-map .map .marker-lisbon {
        top: 122px;
        left: 16px;
        position: absolute; }
  .who-we-are .pin:after {
    width: 19px;
    height: 19px;
    border: 2px solid #fff; }
  .who-we-are .map-marker {
    width: 37px;
    height: 54px; }

.four-figures {
  padding-bottom: 51px;
  padding-top: 54px; }
  .four-figures h2 {
    font-size: 37.96px;
    padding-bottom: 6px; }
  .four-figures .criteres-temoignage {
    margin-top: 2px;
    font-size: 13px; }

.aventure-portugal {
  padding-top: 66px; }
  .aventure-portugal .icon-suite {
    right: 33px;
    top: 221px; }
  .aventure-portugal .content-aventure-commence .left-aventure {
    padding-left: 123px; }
    .aventure-portugal .content-aventure-commence .left-aventure > h2 {
      font-size: 37.96px; }
      .aventure-portugal .content-aventure-commence .left-aventure > h2 + p {
        margin-top: -43px; }
    .aventure-portugal .content-aventure-commence .left-aventure p {
      font-size: 18.98px; }
  .aventure-portugal .content-aventure-commence .right-aventure {
    margin-top: 12px;
    padding-top: 0; }
    .aventure-portugal .content-aventure-commence .right-aventure .img-iphone img:first-child {
      width: 343px; }
  .aventure-portugal .text-number {
    margin-top: -22px;
    font-size: 19.71px !important; }
  .aventure-portugal .content-recrutement {
    padding-top: 12px;
    margin-left: 3px; }
    .aventure-portugal .content-recrutement .text-number {
      width: 177px;
      margin: -21px auto 0 auto; }
    .aventure-portugal .content-recrutement:after {
      margin-top: 14px; }
  .aventure-portugal .content-integration {
    width: 207px;
    padding-top: 13px;
    margin-left: -12px; }
    .aventure-portugal .content-integration:after {
      margin-top: 14px; }
  .aventure-portugal .number {
    font-size: 122.01px; }

.get-board {
  padding-bottom: 60px;
  padding-top: 53px;
  background-size: cover !important; }
  .get-board h2 {
    font-size: 37.96px;
    font-weight: 500;
    margin-bottom: 29px; }
  .get-board .integration-text {
    font-weight: 500;
    font-size: 18.98px; }
  .get-board .item-get-board {
    width: 834px;
    margin: auto;
    padding-top: 38px; }
    .get-board .item-get-board .col-lg-4 {
      width: 277px; }
      .get-board .item-get-board .col-lg-4:first-child {
        position: relative;
        left: 17px; }
        .get-board .item-get-board .col-lg-4:first-child h3 {
          padding-top: 26px;
          padding-bottom: 10px; }
    .get-board .item-get-board h3 {
      color: #ff6319;
      font-size: 20.71px;
      font-weight: 500;
      padding-top: 15px; }
    .get-board .item-get-board p {
      color: #191919;
      font-size: 16.55px;
      font-weight: 500;
      line-height: 18px;
      margin-top: -7px; }
    .get-board .item-get-board .img-board {
      height: 93px;
      position: relative; }
      .get-board .item-get-board .img-board img {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0; }
  .get-board .bottom-get-board {
    padding-top: 72px;
    float: left;
    width: 100%; }
    .get-board .bottom-get-board h3 {
      color: #1b7ecb;
      font-weight: 500;
      font-size: 28px;
      font-weight: 600; }
    .get-board .bottom-get-board p {
      font-size: 18px;
      margin-top: -19px;
      line-height: 22px; }
    .get-board .bottom-get-board .video-get-board {
      position: relative;
      padding-top: 51px;
      width: 578px;
      margin: auto;
      /*&:hover{
          .video-link{
              opacity: 1;
          }
      }*/ }
      .get-board .bottom-get-board .video-get-board .video-link {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -26px 0 0 -46px;
        /*opacity: 0.2;*/ }
  .get-board .services-webhelp-pr {
    padding-top: 50px; }
    .get-board .services-webhelp-pr .services-item:nth-child(3) {
        padding-left: 153px;
    	margin-left: -109px;}
    .get-board .services-webhelp-pr .services-item:nth-child(1) span {
      left: -27px; }

.job-sector {
  background: url(images/Siteweb-E-recrute-WH-fr.png) center 0 no-repeat;
  width: 100%;
  float: left;
  padding-top: 57px;
  padding-bottom: 62px;
  background-size: cover; }
  .job-sector h2 {
    font-size: 28.61px;
    color: #fff;
    font-weight: 500; }
  .job-sector .content-job-sector {
    width: 996px;
    padding-top: 19px;
    margin: auto; }
    .job-sector .content-job-sector .job-sector-item {
      background: rgba(14, 84, 128, 0.27);
      width: 271px;
      height: 265px;
      margin: auto;
      padding-top: 43px; }
      .job-sector .content-job-sector .job-sector-item .img-job {
        height: 74px; }
        .job-sector .content-job-sector .job-sector-item .img-job img {
          position: absolute;
          left: 0;
          right: 0;
          margin: auto; }
      .job-sector .content-job-sector .job-sector-item h3 {
        font-size: 18.96px;
        color: #fff;
        padding-top: 25px; }
      .job-sector .content-job-sector .job-sector-item a {
        font-size: 14.57px;
        color: #fff;
        background: #ff6319;
        padding: 11px 0;
        margin: 30px auto 0 auto;
        display: block;
        width: 180px; }
        .job-sector .content-job-sector .job-sector-item a:hover {
          background: #e05310;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }

footer .insta-icon {
  width: 19px;
  height: 19px;
  position: relative; }
  footer .insta-icon img {
    position: absolute;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; }
  footer .insta-icon .bottom {
    opacity: 0; }
  footer .insta-icon:hover .bottom {
    opacity: 1; }
  footer .insta-icon:hover .top {
    opacity: 0; }

.footer-portugal .menu-footer {
  padding-top: 2px; }
  .footer-portugal .menu-footer .menu-items-wh {
    margin-left: 13px; }
  .footer-portugal .menu-footer .menu-items-avenir {
    margin-left: -64px; }
  .footer-portugal .menu-footer .menu-items-famille {
    margin-left: -27px; }
  .footer-portugal .menu-footer .menu-items-aventure {
    margin-left: 41px; }
  .footer-portugal .menu-footer .menu-items > a {
    font-size: 16.33px; }
  .footer-portugal .menu-footer .menu-items li a {
    font-size: 15.49px; }
.footer-portugal .content-footer {
  min-height: 218px; }

@media (min-width: 993px) and (max-width: 1200px) {
  .footer-portugal .menu-footer .menu-items > a {
    font-size: 13px; }
  .footer-portugal .menu-footer .menu-items li a {
    font-size: 13px; } }
@media (min-width: 481px) and (max-width: 767px) {
  .footer-portugal .menu-footer .menu-items-famille {
    margin-left: 0; }

  .footer-portugal .menu-footer .menu-items-aventure {
    margin-left: 0; }

  .footer-portugal .menu-footer .menu-items-wh {
    margin-left: 1px; } }
@media (max-width: 1025px) {
  .job-sector .content-job-sector {
    width: 100% !important; } }
@media (min-width: 800px) and (max-width: 1025px) {
  .job-sector .content-job-sector {
    padding-left: 15px;
    padding-right: 15px; }

  .job-sector .content-job-sector .job-sector-item {
    width: 240px !important; } }
@media (max-width: 800px) {
  .job-sector {
    padding-bottom: 46px; }
    .job-sector .content-job-sector .col-xs-4 {
      width: 100%;
      float: none; }

  .job-sector .content-job-sector .job-sector-item {
    margin: 0 auto 20px auto; } }
@media (max-width: 650px) {
  .get-board .bottom-get-board {
    padding-top: 30px; }
    .get-board .bottom-get-board .video-get-board {
      width: 100%; }
  .get-board .item-get-board .col-lg-4 {
    width: 100% !important;
    padding-bottom: 45px; }
    .get-board .item-get-board .col-lg-4:first-child {
      left: 0; } }
.etapes-recrutement-portugal h2 {
  padding-bottom: 0 !important;
  margin-bottom: 0; }
  .etapes-recrutement-portugal h2 + p {
    font-size: 18.89px;
    font-weight: 300; }
.etapes-recrutement-portugal .nav-tabs {
  padding-top: 61px !important; }
  .etapes-recrutement-portugal .nav-tabs .tab2 {
    left: 350px !important; }
.etapes-recrutement-portugal .etape1 .item-etape-content {
  width: 216px !important; }
.etapes-recrutement-portugal #etude p:last-child:before {
  content: none; }
.etapes-recrutement-portugal #test p::before {
  content: none; }
.etapes-recrutement-portugal #postuler p:last-child {
  color: #ff6319; }

.bienvenu-france p {
  letter-spacing: .4px; }

.slider-home-france h2 {
  font-size: 86.15px; }
.slider-home-france #owl-demo li:first-child h2 {
  font-size: 86.15px; }
.slider-home-france p {
  font-size: 40.2px;
  margin-top: -69px; }
.slider-home-france .form-item .select2-container {
  border-radius: 0; }
.slider-home-france button {
  width: 72px; }
  .slider-home-france button i {
    height: 28px; }
.slider-home-france .bottom-nav .form-item {
  width: 43.7%; }
.slider-home-france .bottom-nav form {
  max-width: 548px; }

.job-france .bottom-actu-job .actu-job-item span {
  top: 13px; }
.job-france .bottom-actu-job .actu-job-item:nth-child(1) {
  left: 31px; }
  .job-france .bottom-actu-job .actu-job-item:nth-child(1) span {
    padding-left: 23px !important; }
.job-france .bottom-actu-job .actu-job-item:nth-child(2) {
  left: 57px; }
.job-france .bottom-actu-job .actu-job-item:nth-child(3) {
  left: 66px; }
.job-france .owl-carousel .item-offre span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 19px; }

.attentes-wh {
  min-height: 325px; }
  .attentes-wh .critere-item {
    padding-top: 56px;
    position: relative; }
    .attentes-wh .critere-item:nth-child(2) {
      left: 24px;
      margin-top: -38px; }
    .attentes-wh .critere-item:nth-child(3) {
      left: 27px;
      top: -11px; }
    .attentes-wh .critere-item:nth-child(4) {
      left: 17px;
      top: -15px; }
      .attentes-wh .critere-item:nth-child(4) .critere-img {
        top: 11px; }
    .attentes-wh .critere-item:nth-child(5) {
      left: 33px;
      top: -9px; }
    .attentes-wh .critere-item:nth-child(6) {
      left: 10px;
      top: -24px; }
      .attentes-wh .critere-item:nth-child(6) .critere-text {
        padding-top: 0; }
        .attentes-wh .critere-item:nth-child(6) .critere-text span {
          position: relative;
          top: 10px; }
  .attentes-wh .critere-text span {
    width: 123px; }
  .attentes-wh h2 {
    font-size: 37.71px; }

.avenir-france {
  padding-top: 56px;
  padding-bottom: 46px; }
  .avenir-france h2 {
    padding-bottom: 7px; }
  .avenir-france .box-avantages-webhelp {
    top: 172px; }
    .avenir-france .box-avantages-webhelp p {
      font-size: 13.29px;
      line-height: 16px; }
    .avenir-france .box-avantages-webhelp .box-content {
      padding-top: 87px; }
    .avenir-france .box-avantages-webhelp .box-content-item:first-child .imgs-box {
      margin-top: -19px; }
    .avenir-france .box-avantages-webhelp .box-content-item:first-child .box-text {
      padding: 49px 24px 0 28px; }
    .avenir-france .box-avantages-webhelp .box-content-item:nth-child(2) img {
      left: 0px;
      top: 1px; }
    .avenir-france .box-avantages-webhelp .box-content-item:nth-child(2) .box-text {
      padding: 42px 24px 0 33px; }
    .avenir-france .box-avantages-webhelp .box-content-item:nth-child(3) img {
      left: 3px;
      top: -7px; }
    .avenir-france .box-avantages-webhelp .box-content-item:nth-child(3) .box-text {
      padding: 41px 24px 0 30px; }
  .avenir-france .box-text {
    padding: 45px 24px 0 28px; }
  .avenir-france .tanbtn {
    min-width: 186px;
    height: 45px;
    margin-top: 2px;
    line-height: 43px; }
  .avenir-france .parcours {
    letter-spacing: -.6px; }

.qui-sommes-nous {
  padding-bottom: 103px;
  padding-top: 65px; }
  .qui-sommes-nous .webhelp-map {
    max-width: 886px;
    margin-top: -10px; }
    .qui-sommes-nous .webhelp-map h4 {
      padding-top: 10px; }
    .qui-sommes-nous .webhelp-map .maroc-icon {
      top: 332px; }
      .qui-sommes-nous .webhelp-map .maroc-icon #text-carousel {
        margin-top: -15px; }
    .qui-sommes-nous .webhelp-map a.link {
      margin: -8px auto 0 auto; }
  .qui-sommes-nous .france-map {
    width: 42%; }
    .qui-sommes-nous .france-map .map {
      width: 253px !important;
      height: 229px; }
      .qui-sommes-nous .france-map .map .pin:after {
        width: 16px;
        height: 16px; }
    .qui-sommes-nous .france-map .marker {
      position: absolute; }
    .qui-sommes-nous .france-map .marker1 {
      top: 37px;
      left: 86px; }
    .qui-sommes-nous .france-map .marker2 {
      top: 33px;
      right: 109px; }
    .qui-sommes-nous .france-map .marker3 {
      top: 61px;
      left: 76px; }
    .qui-sommes-nous .france-map .marker4 {
      top: 49px;
      right: 119px; }
    .qui-sommes-nous .france-map .marker5 {
      top: 103px;
      left: 81px; }
    .qui-sommes-nous .france-map .marker6 {
      top: 97px;
      right: 86px; }
    .qui-sommes-nous .france-map .marker7 {
      top: 82px;
      right: 64px; }
    .qui-sommes-nous .france-map .marker8 {
      top: 44px;
      right: 40px; }
  .qui-sommes-nous .multinatinal-map .map {
    width: 353px;
    margin-top: 0 !important;
    height: 229px !important; }

.avenir-france a {
  padding-left: 0; }
.avenir-france .parcours span {
  font-size: 21px; }
.avenir-france .box-avantages-webhelp {
  margin: -171px auto 0 auto;
  width: 895px; }
  .avenir-france .box-avantages-webhelp h6 {
    font-size: 18px; }

.famille-france {
  padding-left: 42.6%;
  padding-bottom: 80px; }
  .famille-france .content-nouvelle-famille {
    padding-top: 87px; }
  .famille-france .text-nouvelle-famille {
    padding-left: 42px; }
    .famille-france .text-nouvelle-famille p {
      line-height: 22px; }
  .famille-france .avantages-webhelp .bottom-items {
    padding-left: 0;
    padding-top: 13px; }
    .famille-france .avantages-webhelp .bottom-items .item:first-child {
      left: -37px;
      top: -9px; }
    .famille-france .avantages-webhelp .bottom-items .item:nth-child(2) {
      left: -64px;
      top: -10px; }
      .famille-france .avantages-webhelp .bottom-items .item:nth-child(2) .cf {
        left: 3px;
        top: 3px; }
  .famille-france h2 {
    padding-bottom: 0;
    font-size: 38px; }
  .famille-france p {
    margin-top: -32px; }
  .famille-france .item div {
    font-size: 24.99px; }
  .famille-france .item img {
    position: absolute;
    bottom: 0; }
  .famille-france .avantages-webhelp {
    padding-top: 0;
    padding-left: 0;
    margin-top: -31px;
    margin-left: -43px; }
    .famille-france .avantages-webhelp .item .cf {
      position: relative; }
    .famille-france .avantages-webhelp .item:first-child .cf {
      left: 6px; }
    .famille-france .avantages-webhelp .item:nth-child(2) .cf {
      left: -8px;
      top: 1px; }
    .famille-france .avantages-webhelp .item:nth-child(3) {
      left: -63px; }

.avis-collaborateurs-pays {
  min-height: 119px; }
  .avis-collaborateurs-pays p {
    font-size: 16.1px; }
  .avis-collaborateurs-pays a {
    float: none; }

.aventure-france {
  padding-top: 66px;
  padding-bottom: 92px; }
  .aventure-france .content-aventure-commence .left-aventure {
    width: 588px !important;
    float: none;
    margin: auto;
    padding-left: 0; }
    .aventure-france .content-aventure-commence .left-aventure .number {
      font-size: 136.41px; }
  .aventure-france .content-recrutement {
    margin-top: -49px;
    width: 272px; }
    .aventure-france .content-recrutement:after {
      margin-left: 12px; }
  .aventure-france .number {
    padding-left: 0; }
  .aventure-france .content-integration {
    width: 224px;
    margin-top: -51px; }
    .aventure-france .content-integration .number {
      padding-left: 34px; }
    .aventure-france .content-integration .text-number {
      margin-top: -21px; }
    .aventure-france .content-integration:after {
      margin-left: 33px; }
  .aventure-france .icon-suite {
    right: -4px;
    top: 181px; }

.etapes-recrutement {
  padding-bottom: 108px;
  padding-top: 64px; }
  .etapes-recrutement .tab-content {
    width: 872px;
    margin: auto;
    padding-top: 250px !important; }
    .etapes-recrutement .tab-content .item-tab {
      padding-left: 23px; }
  .etapes-recrutement .nav-tabs {
    width: 795px;
    margin: auto;
    position: relative;
    padding-top: 13px; }
    .etapes-recrutement .nav-tabs li {
      text-align: center; }
    .etapes-recrutement .nav-tabs p {
      font-size: 20.55px;
      color: #2a86ce;
      line-height: 22px;
      padding-top: 22px; }
    .etapes-recrutement .nav-tabs .active p {
      color: #ff6319; }
    .etapes-recrutement .nav-tabs .active .number-etape {
      background: #ff6319; }
    .etapes-recrutement .nav-tabs .active .top {
      opacity: 0; }
    .etapes-recrutement .nav-tabs .active .bottom {
      opacity: 1 !important; }
    .etapes-recrutement .nav-tabs .tab1 {
      left: 0;
      position: absolute; }
    .etapes-recrutement .nav-tabs .tab3 {
      right: 0;
      position: absolute; }
    .etapes-recrutement .nav-tabs .tab2 {
      position: absolute;
      left: 296px; }
  .etapes-recrutement h2 {
    font-size: 37.96px;
    padding-bottom: 39px; }
  .etapes-recrutement h4 {
    color: #1b7ecb;
    font-size: 25px; }
  .etapes-recrutement h5 {
    font-size: 24px;
    color: #313131; }
  .etapes-recrutement h6 {
    font-size: 17px;
    color: #ff6319;
    font-weight: 700;
    letter-spacing: .4px; }
  .etapes-recrutement p {
    font-size: 17.16px;
    color: #313131; }
  .etapes-recrutement p {
    font-size: 15px;
    padding-top: 12px;
    line-height: 18px; }
  .etapes-recrutement .etape1 {
    float: left; }
    .etapes-recrutement .etape1 .item-etape-content {
      width: 120px; }
      .etapes-recrutement .etape1 .item-etape-content img {
        width: 47px; }
  .etapes-recrutement .etape2 img {
    width: 64px;
    bottom: -9px !important; }
  .etapes-recrutement .etape3 img {
    width: 58px;
    bottom: -9px !important; }
  .etapes-recrutement .comment-postuler h5 {
    text-transform: uppercase;
    padding-top: 8px;
    padding-left: 23px;
    position: relative; }
    .etapes-recrutement .comment-postuler h5:before {
      content: "\f111";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #ff6319;
      font-size: 18px;
      position: absolute;
      top: 13px;
      left: 0px; }
  .etapes-recrutement .comment-postuler h6 {
    padding-top: 9px; }
  .etapes-recrutement .comment-postuler p {
    padding-top: 5px;
    line-height: 23px; }
    .etapes-recrutement .comment-postuler p a {
      color: #ff6319; }
  .etapes-recrutement .comment-postuler .avantages-online {
    padding-top: 4px !important;
    font-size: 17.16px; }
    .etapes-recrutement .comment-postuler .avantages-online span {
      color: #ff6319;
      font-size: 21px; }
  .etapes-recrutement .entretien-test {
    float: left;
    width: 100%;
    padding-top: 50px; }
    .etapes-recrutement .entretien-test > .col-lg-6 > img {
      margin-top: -24px; }
    .etapes-recrutement .entretien-test h6 {
      padding-top: 7px; }
    .etapes-recrutement .entretien-test p {
      padding-top: 4px; }
  .etapes-recrutement .item-etape-content {
    float: left; }
    .etapes-recrutement .item-etape-content .number-etape {
      font-size: 25.28px;
      color: #fff;
      background: #1b7ecb;
      border-radius: 50%;
      width: 38px;
      height: 38px;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 175px; }
    .etapes-recrutement .item-etape-content .img-etape {
      height: 64px;
      position: relative; }
      .etapes-recrutement .item-etape-content .img-etape img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out; }
      .etapes-recrutement .item-etape-content .img-etape .bottom {
        opacity: 0; }
    .etapes-recrutement .item-etape-content .text-etape {
      padding-top: 18px; }
  .etapes-recrutement .img-wh {
    bottom: -109px;
    left: 416px; }
  .etapes-recrutement .nav-tabs > li > a:hover {
    background: transparent; }
  .etapes-recrutement .nav-tabs > li.active > a {
    background: transparent; }
  .etapes-recrutement .img-wh {
    bottom: -215px;
    left: 0; }
  .etapes-recrutement .tab-pane:first-child h5:before {
    color: #7fea28 !important; }

.integration-france {
  padding-top: 70px;
  padding-bottom: 83px; }
  .integration-france .item-get-board {
    padding-top: 29px; }
    .integration-france .item-get-board .col-lg-4:nth-child(3) h3 {
      padding-top: 28px;
      padding-bottom: 13px; }
    .integration-france .item-get-board .col-lg-4:first-child {
      padding-left: 61px; }
      .integration-france .item-get-board .col-lg-4:first-child h3 {
        padding-top: 17px; }
    .integration-france .item-get-board .col-lg-4:nth-child(3) {
      padding-left: 0;
      margin-left: -20px; }
      .integration-france .item-get-board .col-lg-4:nth-child(3) h3 {
        padding-top: 18px; }
    .integration-france .item-get-board p {
      width: 178px;
      margin: -12px auto 0 auto;
      line-height: 20px; }
    .integration-france .item-get-board h3 {
      padding-top: 7px; }
  .integration-france .bottom-get-board {
    padding-top: 76px; }
    .integration-france .bottom-get-board .video-get-board {
      padding-top: 37px; }
  .integration-france .services-webhelp {
    padding-top: 68px; }
    .integration-france .services-webhelp .services-item {
      width: 277px; }
      .integration-france .services-webhelp .services-item:nth-child(1) span {
        left: -34px; }

.quatre-chiffres {
  padding-top: 54px;
  padding-bottom: 51px; }

.conseil-wh-france {
  padding-top: 107px;
  padding-bottom: 55px; }
  .conseil-wh-france h2 {
    font-size: 38px;
    padding-bottom: 0; }
  .conseil-wh-france .conseil .seminaire-link {
    width: 180px !important;
    height: 43px;
    left: 0;
    top: -4px; }

.footer-france .footer-top {
  padding-top: 64px;
  padding-bottom: 6px; }
.footer-france .menu-footer .menu-items > a {
  font-size: 16.57px; }
.footer-france .menu-footer .menu-items li {
  font-size: 15.44px; }

@media (min-width: 992px) {
  .webhelp-france .temoignage-france .temoignage-item {
    position: relative; }
    .webhelp-france .temoignage-france .temoignage-item:first-child {
      left: 61px; }
    .webhelp-france .temoignage-france .temoignage-item:nth-child(2) {
      left: 54px; }
    .webhelp-france .temoignage-france .temoignage-item:nth-child(3) {
      left: 24px; }
    .webhelp-france .temoignage-france .temoignage-item:nth-child(4) {
      left: -34px; }

  .footer-portugal .footer-top {
    padding-top: 92px;
    padding-left: 94px; }

  .why-webhelp .critere-item {
    position: relative; }
    .why-webhelp .critere-item:nth-child(2) {
      left: 27px; }
    .why-webhelp .critere-item:nth-child(3) {
      left: 20px;
      top: 2px; }
    .why-webhelp .critere-item:nth-child(4) {
      left: 21px;
      top: -3px; }
    .why-webhelp .critere-item:nth-child(5) {
      left: 20px;
      top: 1px; }
    .why-webhelp .critere-item:nth-child(6) {
      left: 14px;
      top: -1px; }

  .quatre-chiffres .temoignage-item .text-temoignage, .four-figures .temoignage-item .text-temoignage {
    margin-top: -7px; }
  .quatre-chiffres .temoignage-item:first-child .img-temoignage, .four-figures .temoignage-item:first-child .img-temoignage {
    margin-left: 37px; }
  .quatre-chiffres .temoignage-item:first-child .text-temoignage, .four-figures .temoignage-item:first-child .text-temoignage {
    margin-left: 43px; }
    .quatre-chiffres .temoignage-item:first-child .text-temoignage .plus, .four-figures .temoignage-item:first-child .text-temoignage .plus {
      font-size: 41.95px;
      font-weight: 600; }
  .quatre-chiffres .temoignage-item:nth-child(2), .four-figures .temoignage-item:nth-child(2) {
    margin-left: 9px;
    margin-top: -1px; }
  .quatre-chiffres .temoignage-item:nth-child(3), .four-figures .temoignage-item:nth-child(3) {
    margin-left: -16px; }
  .quatre-chiffres .temoignage-item:nth-child(4), .four-figures .temoignage-item:nth-child(4) {
    position: relative;
    left: -3px; }
    .quatre-chiffres .temoignage-item:nth-child(4) .img-temoignage, .four-figures .temoignage-item:nth-child(4) .img-temoignage {
      margin-left: 13px; }
  .quatre-chiffres .criteres-temoignage, .four-figures .criteres-temoignage {
    margin-top: 5px; }

  .footer-france .menu-footer .menu-items-avenir {
    margin-left: -50px; }
  .footer-france .menu-footer .menu-items-famille {
    margin-left: 0; }
  .footer-france .menu-footer .menu-items-wh {
    margin-left: 14px; }
  .footer-france .menu-footer .menu-items-aventure {
    margin-left: 4px; } }
@media (min-width: 1200px) {
  .our-opportunities .bottom-actu-job .actu-job-item:first-child {
    position: relative;
    left: 32px; }
    .our-opportunities .bottom-actu-job .actu-job-item:first-child a {
      margin-left: -29px; }
  .our-opportunities .bottom-actu-job .actu-job-item:nth-child(2) {
    left: 61px; }
    .our-opportunities .bottom-actu-job .actu-job-item:nth-child(2) a {
      margin-left: -18px; }
  .our-opportunities .bottom-actu-job .actu-job-item:nth-child(3) {
    left: 67px; }

  .footer-france .menu-footer {
    width: 74%; }

  .avis-collaborateurs-pays {
    background: url(images/bg-avis-fr.png) center 0 no-repeat; }
    .avis-collaborateurs-pays .content-avis {
      padding-left: 85px; } }
@media (max-width: 650px) {
  .aventure-france .content-aventure-commence .left-aventure {
    width: 100% !important; }

  .who-we-are .webhelp-map p br {
    display: none; }

  .integration-france .item-get-board .col-lg-4 {
    padding-left: 0 !important;
    margin-left: 0; }
    .integration-france .item-get-board .col-lg-4:first-child {
      left: 0 !important; }
    .integration-france .item-get-board .col-lg-4:nth-child(3) {
      margin-left: 0 !important; } }
@media (max-width: 610px) {
  .aventure-france .content-recrutement {
    width: 100%; }
  .aventure-france .content-integration {
    width: 100%;
    padding-top: 25px; }
  .aventure-france .icon-suite {
    display: none; } }
.webhelp-france {
  background: url(images/bg-webhelp-france.png);
  padding-top: 87px; }
  .webhelp-france .btn-back {
    top: 127px;
    left: -114px; }
  .webhelp-france .temoignage-france {
    margin: -28px auto 15px auto; }
    .webhelp-france .temoignage-france .temoignage-item {
      width: 25%; }
  .webhelp-france .webhelp-france-content h1 {
    padding-top: 29px;
    padding-bottom: 0px;
    font-size: 70px; }
  .webhelp-france .webhelp-france-content .leader-text {
    font-size: 28px;
    margin-top: -2px; }
  .webhelp-france .webhelp-ville {
    max-width: 966px;
    margin: auto;
    width: 100%;
    padding: 58px 10px 0 10px; }
    .webhelp-france .webhelp-ville p {
      padding-bottom: 24px;
      font-size: 28px;
      letter-spacing: .3px; }
    .webhelp-france .webhelp-ville .ville-noms-top .ville-nom:first-child {
      width: 14.8%; }
    .webhelp-france .webhelp-ville .ville-noms-top .ville-nom:nth-child(2) {
      width: 23%; }
    .webhelp-france .webhelp-ville .ville-noms-top .ville-nom:nth-child(3) {
      width: 32%; }
    .webhelp-france .webhelp-ville .ville-noms-top .ville-nom:nth-child(4) {
      width: 18%; }
  .webhelp-france .villes-items-france {
    margin-left: 148px; }
    .webhelp-france .villes-items-france .ville-nom p::before {
      margin-right: 17px; }
    .webhelp-france .villes-items-france .ville-noms-bottom {
      float: left;
      width: 100%;
      margin-top: 5px; }
      .webhelp-france .villes-items-france .ville-noms-bottom .ville-nom:first-child {
        width: 34%;
        left: 6px; }
      .webhelp-france .villes-items-france .ville-noms-bottom .ville-nom:nth-child(2) {
        width: 24%;
        left: -19px; }
      .webhelp-france .villes-items-france .ville-noms-bottom .ville-nom:nth-child(3) {
        left: -48px; }
      .webhelp-france .villes-items-france .ville-noms-bottom .ville-nom:nth-child(4) {
        left: -67px; }
  .webhelp-france .slider-locaux {
    padding-top: 51px; }
    .webhelp-france .slider-locaux p {
      font-size: 17.1px;
      letter-spacing: .5px;
      margin-bottom: 27px; }
  .webhelp-france .our-values {
    padding-top: 10px;
    color: #fff;
    max-width: 1114px;
    margin: auto;
    width: 100%; }
    .webhelp-france .our-values h4 {
      font-size: 29px;
      margin-bottom: 5px; }
    .webhelp-france .our-values p {
      letter-spacing: .1px;
      font-size: 17px; }
    .webhelp-france .our-values .items-values {
      padding-top: 39px; }
      .webhelp-france .our-values .items-values .item {
        width: 214px;
        height: 214px;
        float: left;
        margin-right: 11px;
        position: relative;
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
        transition: all .4s ease-out; }
        .webhelp-france .our-values .items-values .item:last-child {
          margin-right: 0; }
        .webhelp-france .our-values .items-values .item:hover img {
          opacity: 0; }
        .webhelp-france .our-values .items-values .item:hover .text-hover {
          text-align: center; }
          .webhelp-france .our-values .items-values .item:hover .text-hover p {
            opacity: 1; }
      .webhelp-france .our-values .items-values .img-value {
        height: 61px;
        position: relative;
        padding-top: 63px; }
        .webhelp-france .our-values .items-values .img-value img {
          position: absolute;
          left: 0;
          right: 0; }
        .webhelp-france .our-values .items-values .img-value + p {
          text-align: center;
          font-size: 20px;
          padding-top: 77px; }
      .webhelp-france .our-values .items-values .text-hover {
        position: absolute;
        top: 0;
        -o-transition: .2s;
        -ms-transition: .2s;
        -moz-transition: .2s;
        -webkit-transition: .2s; }
        .webhelp-france .our-values .items-values .text-hover p {
          height: 214px;
          opacity: 0;
          font-size: 16px;
          padding: 26px 7px 0 20px;
          line-height: 20px; }
    .webhelp-france .our-values .commitment {
      background: #2daddb; }
      .webhelp-france .our-values .commitment:hover .text-hover {
        background: #008ec1; }
    .webhelp-france .our-values .recognition {
      background: #0069a3; }
      .webhelp-france .our-values .recognition:hover .text-hover {
        background: #005482; }
    .webhelp-france .our-values .unity {
      background: #909090; }
      .webhelp-france .our-values .unity:hover .text-hover {
        background: #666565; }
    .webhelp-france .our-values .integrity {
      background: #003459; }
      .webhelp-france .our-values .integrity:hover .text-hover {
        background: #002947; }
    .webhelp-france .our-values .woww {
      background: #ff6319; }
      .webhelp-france .our-values .woww:hover .text-hover {
        background: #de4a04; }

.slide-pays h1 {
  font-size: 79.59px !important; }

.wb-university-france {
  background: url(images/bg-wh-france.png) repeat-x;
  background-size: cover; }
  .wb-university-france .text-wbu p {
    font-size: 18px;
    line-height: 23px; }
  .wb-university-france .wb-university-top {
    padding-left: 153px;
    padding-bottom: 74px; }
  .wb-university-france .img-whu {
    margin: 16px 0 0 29px;
    width: 113px; }
  .wb-university-france .text-wbu {
    padding-left: 39px; }
  .wb-university-france .catalogue {
    float: right;
    width: 303px;
    padding-bottom: 68px;
    padding-top: 55px;
    margin-right: 13px; }
    .wb-university-france .catalogue p {
      font-size: 19.01px;
      line-height: 22px; }
      .wb-university-france .catalogue p::before {
        background: url(images/icon-catalogue-mini.png) no-repeat;
        padding-bottom: 90px; }
  .wb-university-france .nombre-heures-formation {
    padding-top: 29px;
    width: 680px;
    margin: auto; }
    .wb-university-france .nombre-heures-formation h4 {
      font-size: 25px;
      font-weight: 500;
      color: #191919; }
    .wb-university-france .nombre-heures-formation .nombre-heures-item {
      width: 33.333%;
      float: left;
      padding-top: 12px;
      position: relative; }
      .wb-university-france .nombre-heures-formation .nombre-heures-item:nth-child(2) {
        left: -9px; }
      .wb-university-france .nombre-heures-formation .nombre-heures-item:nth-child(3) {
        left: -10px; }
      .wb-university-france .nombre-heures-formation .nombre-heures-item:nth-child(4) {
        left: 19px; }
    .wb-university-france .nombre-heures-formation p:first-child {
      font-size: 65px;
      font-weight: 600;
      color: #ff6319;
      text-align: center; }
      .wb-university-france .nombre-heures-formation p:first-child span {
        font-size: 34px;
        font-weight: 400;
        margin-left: -16px; }
    .wb-university-france .nombre-heures-formation p:nth-child(2) {
      font-size: 20px;
      color: #191919;
      line-height: 24px;
      margin-top: -6px;
      text-align: center; }

.etapes-formations-france {
  width: 942px;
  margin: auto;
  clear: both;
  float: none; }
  .etapes-formations-france .nbre-heure-formation {
    padding-top: 25px;
    width: 337px;
    padding-bottom: 24px; }
    .etapes-formations-france .nbre-heure-formation .nbre-hr {
      font-size: 27px;
      letter-spacing: -.8px; }
    .etapes-formations-france .nbre-heure-formation p {
      font-size: 19px;
      letter-spacing: -.6px;
      padding-left: 0;
      line-height: 23px; }
    .etapes-formations-france .nbre-heure-formation:after {
      top: 12px;
      left: -23px;
      width: 58px; }
  .etapes-formations-france .formation-metier {
    margin-top: -37px; }
    .etapes-formations-france .formation-metier .content-item-formation::before {
      background: url(images/bar-formation2.png) no-repeat !important; }
  .etapes-formations-france .item-formation h4 {
    font-size: 23.73px;
    letter-spacing: .3px;
    padding-bottom: 0; }
  .etapes-formations-france .item-formation p {
    letter-spacing: .3px;
    margin-top: -9px;
    line-height: 17px; }
  .etapes-formations-france .item-formation:nth-child(1) h4::before {
    background: url(images/icon-formation-initial.mini.png) no-repeat;
    left: 56px;
    top: 10px; }
  .etapes-formations-france .item-formation:nth-child(2) h4::before {
    background: url(images/icon-formation-metier-mini.png) no-repeat;
    left: 53px;
    top: 24px; }
  .etapes-formations-france .item-formation:nth-child(3) h4::before {
    background: url(images/icon-formation-continue-mini.png) no-repeat;
    left: 49px;
    top: 20px; }
  .etapes-formations-france .type-formation-continue h4 {
    font-size: 23.73px; }
  .etapes-formations-france .top-etape-formation {
    font-size: 25px;
    letter-spacing: .2px; 
	padding-left: 9px;}
    .etapes-formations-france .top-etape-formation::before {
      font-size: 17px;
      left: -11px;
      top: -1px; }
  .etapes-formations-france .etape-number {
    font-size: 13px;
    width: 86px;
    height: 24px;
    line-height: 24px !important; }
  .etapes-formations-france .formation-continue {
    margin-top: -21px;
    width: 87%; }
    .etapes-formations-france .formation-continue .content-item-formation::before {
      background: url(images/bar-formation3.png) no-repeat;
      height: 147px; }
  .etapes-formations-france .content-item-formation {
    width: 69%; }
    .etapes-formations-france .content-item-formation:before {
      background: url(images/bar-formation-small.png) no-repeat !important;
      margin-right: 24px; }
  .etapes-formations-france .items-formations {
    padding-top: 133px; }
  .etapes-formations-france .etape-formation-right {
    width: 34%;
    padding-top: 55px; }
  .etapes-formations-france .type-formation-continue {
    padding-top: 61px;
    padding-left: 0;
    margin-left: -14px; }
    .etapes-formations-france .type-formation-continue::before {
      background: url(images/bar-type-formation-mini.png) no-repeat;
      left: -156px;
      top: 89px; }
    .etapes-formations-france .type-formation-continue .type-formation-item {
      width: 100%;
      margin-bottom: 46px; }
      .etapes-formations-france .type-formation-continue .type-formation-item p {
        margin-top: -13px;
        line-height: 17px; }
    .etapes-formations-france .type-formation-continue h4 {
      padding-bottom: 0; }
    .etapes-formations-france .type-formation-continue p {
      padding-top: 0; }

.formation-ludique-france {
  padding-bottom: 95px;
  padding-top: 94px;
  float: left;
  width: 100%; }
  .formation-ludique-france > p {
    font-size: 16px;
    color: #191919;
    padding: 8px 0 0 129px;
    line-height: 20px; }
  .formation-ludique-france h4 {
    font-size: 27.12px;
    color: #2c2c2c;
    letter-spacing: .5px; }
    .formation-ludique-france h4::before {
      content: "\f111";
      font-family: FontAwesome;
      color: #ff6319;
      font-size: 17px;
      position: relative;
      left: -3px;
      top: -1px; }
  .formation-ludique-france .formation-ludique-item {
    width: 331px;
    float: left;
    margin-top: 34px;
    margin-right: 12px; }
    .formation-ludique-france .formation-ludique-item:last-child {
      margin-right: 0; }
    .formation-ludique-france .formation-ludique-item p {
      font-size: 16.71px;
      color: #191919;
      min-height: 173px;
      padding: 12px 10px 0 24px;
      line-height: 20px; }
    .formation-ludique-france .formation-ludique-item h5 {
      font-size: 20px;
      padding: 21px 10px 0 24px;
      color: #ff6319; }
    .formation-ludique-france .formation-ludique-item .inner-item {
      background: #fff;
      padding-bottom: 20px;
      min-height: 450px; }
      .formation-ludique-france .formation-ludique-item .inner-item .text {
        min-height: 268px; }
      .formation-ludique-france .formation-ludique-item .inner-item .push-video {
        background: #272727;
        width: 331px;
        height: 188px;
        position: relative; }
        .formation-ludique-france .formation-ludique-item .inner-item .push-video a img {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0;
          right: 0;
          margin: auto; }
  .formation-ludique-france .items {
    max-width: 1029px;
    margin: auto;
    width: 100%; }

/*body{
    width: 1736px;
} */
.webhelp-portugal .webhelp-portugal-content .leader-text {
  margin-top: -20px;
  font-size: 17.12px; }
.webhelp-portugal .temoignage-portugal {
  margin: -5px auto; }
.webhelp-portugal .webhelp-ville {
  padding-top: 60px; }
  .webhelp-portugal .webhelp-ville .ville-nom {
    width: 50%; }
.webhelp-portugal .villes-items {
  width: 279px; }
.webhelp-portugal .slider-locaux {
  padding-top: 0;
  margin-top: -3px; }
.webhelp-portugal .btn-back {
  top: 119px; }

.find-job-portugal .form-item {
  width: 22.56%; }
.find-job-portugal .input-group {
  max-width: 100%;
  width: 745px; }

.wb-university-portugal {
  padding-bottom: 101px; }
  .wb-university-portugal .text-wbu {
    padding-top: 27px; }
    .wb-university-portugal .text-wbu p {
      text-align: justify;
      padding-right: 135px; }
  .wb-university-portugal .catalogue {
    padding-bottom: 31px;
    padding-top: 40px; }
    .wb-university-portugal .catalogue p::before {
      padding-bottom: 85px; }
    .wb-university-portugal .catalogue p span {
      font-size: 15px;
      line-height: 19px;
      display: block; }

.etapes-formations-portugal .nbre-heure-formation {
  padding-top: 36px; }
  .etapes-formations-portugal .nbre-heure-formation .nbre-hr {
    color: #ff6319;
    font-weight: 600;
    font-size: 34px; }
  .etapes-formations-portugal .nbre-heure-formation p {
    line-height: 26px; }
.etapes-formations-portugal .content-item-formation {
  width: 58%; }
.etapes-formations-portugal .formation-continue {
  margin-top: -38px; }
.etapes-formations-portugal .type-formation-continue {
  padding-top: 34px; }
  .etapes-formations-portugal .type-formation-continue::before {
    top: 27px !important; }
  .etapes-formations-portugal .type-formation-continue .type-formation-item p {
    padding-right: 32px; }

.training {
  padding-top: 60px; }
  .training .items {
    width: 686px; }
  .training .formation-ludique-item {
    margin: 43px 0px 0 12px; }
  .training .formation-ludique-item p {
    padding: 14px 25px 0 24px; }
    .training .formation-ludique-item p span {
      font-weight: 600;
      color: #ff6319; }

.slide-pages [class*="top-slide-"] .titre h1 {
  font-size: 80px; }

.talent-manager-pays .top-talent-manager .text {
  width: 695px;
  padding: 31px 0 130px 58px;
  text-align: center; }
  .talent-manager-pays .top-talent-manager .text span {
    font-size: 29px; }

.success-stories-portugal .bxslider-stories .text-success-slider h3 {
  padding-bottom: 0 !important; }
.success-stories-portugal .bxslider-stories .text-success-slider .debut-storie {
  margin-top: -20px;
  padding-bottom: 6rem; }
.success-stories-portugal .bxslider-stories .text-success-slider .content-storie {
  max-width: 562px; }
.success-stories-portugal .bxslider-stories .text-success-slider .name {
  max-width: 562px; }

.avantages-webhelp-portugal .content-avantages-webhelp h2 {
  margin: 0; }
.avantages-webhelp-portugal .content-avantages-webhelp .avantage-part .title
h2 {
  padding-bottom: 0; }
.avantages-webhelp-portugal .content-avantages-webhelp .avantage-part1 img {
  padding-left: 28px; }
.avantages-webhelp-portugal .avantage-part .title, .avantages-webhelp-portugal .avantage-part .text {
  font-size: 17.51px; }
.avantages-webhelp-portugal .tab-content {
  padding: 18px 18px 35px 29px; }
  .avantages-webhelp-portugal .tab-content h3 {
    margin: 0; }

.offres-portugal .ville-offre p {
  padding: 0px 8px; }
  .offres-portugal .ville-offre p::before {
    content: none !important; }
  .offres-portugal .ville-offre p + p {
    font-size: 18px !important;
    text-align: center; }

.avantages-webhelp-france {
  padding-top: 133px; }
  .avantages-webhelp-france .avantages-part2 {
    width: 100%;
    padding-top: 53px; }
  .avantages-webhelp-france .content-avantages-webhelp h2 {
    margin: 0 0 17px;
    padding-bottom: 0; }
  .avantages-webhelp-france .avantage-part .text {
    line-height: 18px; }

.avantages-webhelp .avantages-france-item {
  width: 100%;
  max-width: 1100px;
  margin: auto; }
  .avantages-webhelp .avantages-france-item .avantages-fr-item {
    width: 33.333%;
    float: left;
    text-align: center; }
    .avantages-webhelp .avantages-france-item .avantages-fr-item .inner-fr-item {
      width: 268px;
      margin: auto; }
    .avantages-webhelp .avantages-france-item .avantages-fr-item .img-item {
      width: 93px;
      border-radius: 50%;
      height: 93px;
      background: #8d2f7f;
      position: relative;
      margin: 0 auto 19px auto; }
      .avantages-webhelp .avantages-france-item .avantages-fr-item .img-item img {
        position: absolute;
        left: 0;
        right: 0;
        top: 21px;
        bottom: 0; }
    .avantages-webhelp .avantages-france-item .avantages-fr-item h4 {
      font-size: 20.1px;
      color: #b4239c;
      margin: 0 0 5px; }
    .avantages-webhelp .avantages-france-item .avantages-fr-item p {
      color: #191919;
      font-size: 16px; }

.success-stories-france .bxslider-stories .text-success-slider {
  width: 100%; }
  .success-stories-france .bxslider-stories .text-success-slider h3 {
    margin: 0 0 5px;
    padding-bottom: 0; }

.slide-france [class*="top-slide-"] .titre h1 {
  font-size: 69.92px; }
.slide-france [class*="top-slide-"] .titre h2 {
  font-size: 31.96px; }

.bien-etre-france {
  padding-top: 86px; }
  .bien-etre-france .way-of-working {
    padding-top: 0; }
  .bien-etre-france .panel-group {
    padding-top: 75px;
    padding-left: 38px; }
    .bien-etre-france .panel-group + .panel-group {
      padding-top: 40px; }
  .bien-etre-france .box-fun {
    padding-top: 63px; }
    .bien-etre-france .box-fun p {
      padding: 16px 27px;
      margin-bottom: 28px;
      background: #19b1ff;
      display: table;
      margin: auto;
      color: #fff; }

.bien-etre-fr-panel {
  width: 861px; }
  .bien-etre-fr-panel .inner-panel .description {
    width: 427px;
    float: left;
    position: relative;
    background: #19b1ff;
    height: 276px;
    margin-bottom: 20px; }
    .bien-etre-fr-panel .inner-panel .description .description-item {
      padding-left: 44px;
      padding-right: 75px;
      line-height: 16px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0; }
      .bien-etre-fr-panel .inner-panel .description .description-item p {
        color: #fff;
        font-size: 15px;
        text-indent: -18px; }
        .bien-etre-fr-panel .inner-panel .description .description-item p:before {
          content: "\f111";
          font-family: FontAwesome;
          color: #fff;
          font-size: 9px;
          padding-right: 11px;
          padding-bottom: 17px; }
        .bien-etre-fr-panel .inner-panel .description .description-item p span {
          font-size: 13px;
          font-style: italic; }
    .bien-etre-fr-panel .inner-panel .description h4 {
      font-size: 23px;
      color: #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      padding: 0 80px; }
    .bien-etre-fr-panel .inner-panel .description .arrow-left {
      width: 0;
      height: 0;
      border-top: 23px solid transparent;
      border-bottom: 23px solid transparent;
      border-right: 23px solid #19b1ff;
      position: absolute;
      left: -23px;
      top: 50px; }
    .bien-etre-fr-panel .inner-panel .description .arrow-right {
      width: 0;
      height: 0;
      border-top: 23px solid transparent;
      border-bottom: 23px solid transparent;
      border-left: 23px solid #19b1ff;
      position: absolute;
      right: -21px;
      top: 50px;
      z-index: 9; }
  .bien-etre-fr-panel .inner-panel .img-be {
    position: relative;
    width: 428px;
    float: left;
    margin-bottom: 20px;
    height: 276px;
    background: #19b1ff;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .bien-etre-fr-panel .inner-panel .img-be img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      -moz-transition: all 1.5s;
      -webkit-transition: all 1.5s;
      transition: all 1.5s; }
    .bien-etre-fr-panel .inner-panel .img-be:hover img {
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.panel-body {
  padding-top: 33px; }

.panel-default > .panel-heading h4:hover {
  color: #242424; }

.slider-bien-etre-france p {
  font-size: 20.99px;
  color: #fff;
  background: #37b7ff;
  display: table;
  margin: auto;
  color: #fff;
  padding: 16px 27px; }
.slider-bien-etre-france .fun-carousel {
  padding-top: 26px; }
  .slider-bien-etre-france .fun-carousel .bx-controls .bx-prev {
    background: url(images/icon-navigation-fr.png) transparent no-repeat !important; }
  .slider-bien-etre-france .fun-carousel .bx-controls .bx-next {
    background: url(images/icon-navigation-fr.png) transparent no-repeat !important; }

.box-fun-france p {
  margin-bottom: 0; }
  .box-fun-france p + p {
    margin-bottom: 0;
    padding-left: 0; }
.box-fun-france .work-hard {
  padding-bottom: 55px; }
  .box-fun-france .work-hard p {
    font-size: 18px;
    padding-bottom: 10px; }
.box-fun-france .push-video {
  height: 347px;
  width: 619px; }
  .box-fun-france .push-video > img {
    margin: 0; }
.box-fun-france .box-fun-hover {
  width: 100%;
  float: left;
  padding-bottom: 67px;
  padding-top: 14px; }
  .box-fun-france .box-fun-hover .fun-fr-box {
    width: 860px;
    margin: auto; }
    .box-fun-france .box-fun-hover .fun-fr-box h4 {
      font-size: 31px;
      color: #fff;
      font-weight: 600; }
    .box-fun-france .box-fun-hover .fun-fr-box p {
      font-size: 18px;
      color: #fff;
      text-align: left; }
    .box-fun-france .box-fun-hover .fun-fr-box .description {
      float: left;
      background: #ffca13;
      width: 473px;
      min-height: 276px;
      position: relative; }
      .box-fun-france .box-fun-hover .fun-fr-box .description p {
        font-size: 17.97px;
        color: #fff; }
      .box-fun-france .box-fun-hover .fun-fr-box .description .description-item {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        padding-left: 48px; }
        .box-fun-france .box-fun-hover .fun-fr-box .description .description-item p {
          line-height: 19px;
          text-indent: -18px; }
          .box-fun-france .box-fun-hover .fun-fr-box .description .description-item p:before {
            content: "\f111";
            font-family: FontAwesome;
            color: #fff;
            font-size: 9px;
            padding-right: 11px;
            padding-bottom: 17px; }
      .box-fun-france .box-fun-hover .fun-fr-box .description .arrow-left {
        width: 0;
        height: 0;
        border-top: 23px solid transparent;
        border-bottom: 23px solid transparent;
        border-right: 23px solid #ffca13;
        position: absolute;
        left: -23px;
        top: 50px;
        z-index: 99; }
      .box-fun-france .box-fun-hover .fun-fr-box .description .first-text {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-left: 52px;
        padding-right: 37px; }
  .box-fun-france .box-fun-hover .img-fun {
    width: 387px;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .box-fun-france .box-fun-hover .img-fun .img-text-hover {
      padding-left: 52px;
      opacity: 0;
      color: #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .box-fun-france .box-fun-hover .img-fun img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      -moz-transition: all 1.5s;
      -webkit-transition: all 1.5s;
      transition: all 1.5s; }
    .box-fun-france .box-fun-hover .img-fun:hover img {
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
.box-fun-france .slider-fun {
  margin-top: 70px;
  float: left;
  width: 100%;
  margin-bottom: 106px; }
  .box-fun-france .slider-fun p {
    padding: 16px 27px;
    margin-bottom: 28px; }
.box-fun-france .push-video .play {
  margin: -50.5px 0 0 -49.5px; }

.avantages-portugal-pages {
  padding-top: 0 !important;
  background: transparent !important; }
  .avantages-portugal-pages .container-avantages {
    max-width: 880px;
    padding-left: 0;
    width: 100%;
    padding: 0 15px; }
    .avantages-portugal-pages .container-avantages > h3 {
      font-size: 50px; }
  .avantages-portugal-pages .content-avantages-item {
    position: relative;
    margin: 0;
    padding: 0;
    height: 258px; }
    .avantages-portugal-pages .content-avantages-item .text-avantages {
      padding-left: 0;
      padding-top: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .avantages-portugal-pages .content-avantages-item .text-avantages h4 {
        padding-bottom: 4px; }
      .avantages-portugal-pages .content-avantages-item .text-avantages p {
        padding-bottom: 10px !important; }
      .avantages-portugal-pages .content-avantages-item .text-avantages li {
        line-height: 13px; }
        .avantages-portugal-pages .content-avantages-item .text-avantages li:before {
          top: 3px; }
    .avantages-portugal-pages .content-avantages-item .text-avantages1 {
      right: 0;
      padding-left: 55px;
      padding-right: 35px; }
    .avantages-portugal-pages .content-avantages-item .text-avantages2 {
      left: 0;
      padding-left: 60px; }
      .avantages-portugal-pages .content-avantages-item .text-avantages2 li {
        line-height: 18px; }
    .avantages-portugal-pages .content-avantages-item .img-avantages {
      position: relative;
      overflow: hidden;
      z-index: 1; }
      .avantages-portugal-pages .content-avantages-item .img-avantages img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        -moz-transition: all 1.5s;
        -webkit-transition: all 1.5s;
        transition: all 1.5s; }
      .avantages-portugal-pages .content-avantages-item .img-avantages:hover img {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
  .avantages-portugal-pages .avantages-items {
    margin-top: 32px; }
  .avantages-portugal-pages h4 {
    margin-bottom: 7px; }
  .avantages-portugal-pages a {
    cursor: default; }
  .avantages-portugal-pages .panel-heading {
    width: 900px; }
    .avantages-portugal-pages .panel-heading h4 {
      position: relative;
      margin-left: -78px; }
      .avantages-portugal-pages .panel-heading h4:before {
        background: #19b1ff;
        content: '';
        height: 17px;
        position: absolute;
        width: 17px;
        left: -27px;
        top: 3px;
        border-radius: 50%; }

.top-text .title-avantage-pr {
  font-size: 50px !important; }

.bien-etre-portugal {
  padding-top: 74px; }
  .bien-etre-portugal .way-of-working {
    padding-top: 0;
     }
    .bien-etre-portugal .way-of-working p {
      padding-bottom: 10px;
      font-size: 44px;  }
      .bien-etre-portugal .way-of-working p span.small{
      	 font-size: 44px;
      } 
      .bien-etre-portugal .way-of-working p:nth-child(2) {
        font-style: normal;
        font-size: 18px; 
        color: #0e1824; }
  .bien-etre-portugal .bien-etre-pr-box {
    padding-top: 57px; }
    .bien-etre-portugal .bien-etre-pr-box h3 {
      font-size: 24px;
      color: #333333;
      position: relative;
      padding-left: 25px;
      margin-left: -80px;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      transition: all .3s ease-out;
      cursor: pointer; }
      .bien-etre-portugal .bien-etre-pr-box h3:before {
        content: "";
        background: #19b1ff;
        border-radius: 50%;
        display: inline-block;
        height: 17px;
        position: absolute;
        width: 17px;
        left: -2px;
        top: 3px; }
      .bien-etre-portugal .bien-etre-pr-box h3:hover {
        color: #19b1ff; }
    .bien-etre-portugal .bien-etre-pr-box .box-item {
      padding-top: 27px; }
      .bien-etre-portugal .bien-etre-pr-box .box-item .shadow {
        position: absolute;
        z-index: 9;
        bottom: 0; }
  .bien-etre-portugal .container-bien-etre {
    max-width: 896px; }
    .bien-etre-portugal .container-bien-etre .img-bien-etre {
      float: left;
      margin-right: 14px;
      margin-bottom: 16px;
      position: relative; }
      .bien-etre-portugal .container-bien-etre .img-bien-etre:nth-child(2n) {
        margin-right: 0; }
      .bien-etre-portugal .container-bien-etre .img-bien-etre h5 {
        font-size: 20px;
        font-weight: 600;
        position: absolute;
        bottom: 23px;
        left: 33px;
        color: #fff;
        z-index: 99;
        -webkit-transition: bottom ease-in-out;
        -webkit-transition-delay: 0.6s;
        -moz-transition: bottom ease-in-out 0.6s;
        -o-transition: bottom ease-in-out 0.6s;
        transition: bottom ease-in-out 0.6s; }
      .bien-etre-portugal .container-bien-etre .img-bien-etre .text-hover {
        position: absolute;
        bottom: 38px;
        left: 35px;
        padding-right: 42px;
        opacity: 0;
        -webkit-transition: opacity ease-in-out;
        -webkit-transition-delay: 0.6s;
        -moz-transition: opacity ease-in-out 0.6s;
        -o-transition: opacity ease-in-out 0.6s;
        transition: opacity ease-in-out 0.6s; }
        .bien-etre-portugal .container-bien-etre .img-bien-etre .text-hover p {
          color: #fff;
          font-size: 17px;
          position: relative;
          top: 12px;
          line-height: 22px; }
      .bien-etre-portugal .container-bien-etre .img-bien-etre:hover h5 {
        /*bottom: 110px;*/
        color: #19b1ff; }
    .bien-etre-portugal .container-bien-etre .outer-text-hover {
      width: 431px;
      height: 265px;
      position: absolute;
      z-index: 1;
      top: 0;
      opacity: .72; }

.entreprise-responsable-pr .equite-meritocratie .inner {
  margin-top: 131px; }
.entreprise-responsable-pr .respect-item-hover .inner-hover {
  padding-top: 50px; }
.entreprise-responsable-pr .respect-items .respect-item-content {
  width: 273px; }
  .entreprise-responsable-pr .respect-items .respect-item-content:nth-child(5) .inner-text {
    position: initial !important;
    left: 0  !important;
    padding-top: 0  !important; }
.entreprise-responsable-pr .respect-items .respect-content-bottom .back {
  background: url(images/hover-respect-bottom.png) no-repeat; }
.entreprise-responsable-pr .respect-items .respect-content-bottom .content-hover {
  padding-top: 90px; }
.entreprise-responsable-pr .respect-items .content-hover {
  padding-top: 55px;
  position: absolute !important;
  -webkit-transform-style: initial !important; }
.entreprise-responsable-pr .respect-item.egalite-chance {
  margin-left: 40px; }
.entreprise-responsable-pr .back {
  background: url(images/hover-respect.png) no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 359px !important;
  height: 432px  !important;
  background-size: 100%;
  z-index: 99999; }
  .entreprise-responsable-pr .back .nano {
    position: static !important; }
  .entreprise-responsable-pr .back h6 {
    font-size: 20px;
    color: #66a32a;
    text-align: center;
    padding-bottom: 23px; }
  .entreprise-responsable-pr .back p {
    -webkit-backface-visibility: initial !important;
    backface-visibility: initial !important;
    font-size: 17px;
    color: #fff;
    line-height: 20px;
    height: 135px !important;
    margin: auto;
    width: 240px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 27px; }
.entreprise-responsable-pr .respect-item {
  width: 253px !important;
  height: 360px !important;
  transform-style: initial !important;
  -webkit-transform-style: initial !important; }
.entreprise-responsable-pr .inner-text {
  height: 135px;
  margin: auto;
  width: 240px;
  overflow-x: hidden;
  overflow-y: auto; }
.entreprise-responsable-pr .scrollbar-inner > .scroll-element,
.entreprise-responsable-pr .scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }
.entreprise-responsable-pr .scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }
.entreprise-responsable-pr .scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 5px; }
.entreprise-responsable-pr .scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #57733c; }
.entreprise-responsable-pr .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #3a4f26; }
.entreprise-responsable-pr .soucieux-partenaires .inner {
  margin-top: 137px; }

.box-fun-portugal p br + br {
  display: block; }
.box-fun-portugal h3 {
  font-size: 24px;
  text-align: left;
  position: relative;
  padding-left: 75px;
  padding-top: 50px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  .box-fun-portugal h3:before {
    content: "";
    background: #ffca13;
    border-radius: 50%;
    display: inline-block;
    height: 17px;
    left: 51px;
    position: absolute;
    top: 56px;
    width: 17px; }
  .box-fun-portugal h3:hover {
    color: #ffca13; }
.box-fun-portugal .img-bien-etre {
  float: left;
  margin-right: 14px;
  margin-bottom: 16px;
  position: relative; }
  .box-fun-portugal .img-bien-etre:nth-child(2n) {
    margin-right: 0; }
  .box-fun-portugal .img-bien-etre h5 {
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    bottom: 23px;
    left: 33px;
    color: #fff;
    z-index: 99; }
  .box-fun-portugal .img-bien-etre .text-hover {
    position: absolute;
    bottom: 38px;
    left: 35px;
    padding-right: 42px;
    opacity: 0;
    -webkit-transition: opacity ease-in-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition: opacity ease-in-out 0.6s;
    -o-transition: opacity ease-in-out 0.6s;
    transition: opacity ease-in-out 0.6s; }
    .box-fun-portugal .img-bien-etre .text-hover p {
      color: #fff;
      font-size: 17px;
      position: relative;
      top: 12px;
      line-height: 22px;
      text-align: left !important; }
  .box-fun-portugal .img-bien-etre:hover h5 {
    color: #ffca13; }
.box-fun-portugal .outer-text-hover {
  width: 431px;
  height: 265px;
  position: absolute;
  z-index: 1;
  top: 0;
  opacity: .72; }
.box-fun-portugal .bien-etre-pr-box {
  padding-top: 30px;
  max-width: 896px;
  margin: auto; }
  .box-fun-portugal .bien-etre-pr-box h3 {
    font-size: 20.01px;
    color: #19b1ff; }
  .box-fun-portugal .bien-etre-pr-box .box-item {
    padding-top: 27px; }
    .box-fun-portugal .bien-etre-pr-box .box-item .shadow {
      position: absolute;
      z-index: 9;
      bottom: 0; }
.box-fun-portugal .push-video {
  margin-top: 900px;
  height: 322px;
  width: 547px; }
  .box-fun-portugal .push-video > img {
    margin: 0; }
.box-fun-portugal .work-hard h4.panel-title {
  font-size: 24px;
  color: #333333;
  position: relative;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  .box-fun-portugal .work-hard h4.panel-title:hover {
    color: #ffca13; }
  .box-fun-portugal .work-hard h4.panel-title:before {
    content: "";
    background: #ffca13;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 17px;
    left: -25px;
    position: absolute;
    top: 6px;
    width: 17px; }

.top-slide-solid {
  background: url(images/bg-solidarite.png); }

.solidarite-france-page {
  float: left;
  width: 100%;
  background: url(images/bg-wh-france.png) repeat-x; }
  .solidarite-france-page .top-text {
    padding-top: 79px;
    padding-bottom: 71px; }
    .solidarite-france-page .top-text h3 {
      font-size: 53.66px;
      color: #1ca7ff;
      margin: 0; }
      .solidarite-france-page .top-text h3 span::first-child {
        color: #1ca7ff; }
      .solidarite-france-page .top-text h3 span:nth-child(2) {
        color: #191919; }
      .solidarite-france-page .top-text h3 span:nth-child(3) {
        color: #ff6319; }
    .solidarite-france-page .top-text p {
      font-size: 22px;
      line-height: 27px;
      color: #191919;
      padding-top: 50px; }
  .solidarite-france-page .box-solidarite {
    max-width: 985px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto; }
    .solidarite-france-page .box-solidarite .box-item {
      min-height: 172px; }
      .solidarite-france-page .box-solidarite .box-item:nth-child(even) {
        background: #f7f7f7; }
      .solidarite-france-page .box-solidarite .box-item:nth-child(odd) {
        background: #ececec; }
      .solidarite-france-page .box-solidarite .box-item:last-child {
        margin-bottom: 129px; }
    .solidarite-france-page .box-solidarite .img-solidarite {
      float: left;
      width: 240px;
      position: relative;
      min-height: 172px; }
      .solidarite-france-page .box-solidarite .img-solidarite img {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .solidarite-france-page .box-solidarite .text-solidarite {
      min-height: 172px;
      position: relative;
      float: left;
      width: 685px; }
      .solidarite-france-page .box-solidarite .text-solidarite .inner-text {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-right: 30px; }
      .solidarite-france-page .box-solidarite .text-solidarite h3 {
        color: #ff6319;
        font-size: 19px;
        font-weight: 600;
        margin: 0; }
      .solidarite-france-page .box-solidarite .text-solidarite p {
        color: #191919;
        font-size: 18.5px; }

.nos-sectors-pr-page {
  padding-bottom: 100px;
  float: left;
  width: 100%;
  background: url(images/bg-webhelp-france.png);
  padding-top: 120px;
  min-height: 100%; }
  .nos-sectors-pr-page .btn-back {
    top: 144px;
    left: 166px; }
  .nos-sectors-pr-page h1 {
    color: #fff;
    font-size: 76.45px; }
  .nos-sectors-pr-page .nos-sectors-content {
    max-width: 1030px;
    margin: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    .nos-sectors-pr-page .nos-sectors-content .box-item {
      float: left;
      width: 100%;
      margin-bottom: 8px; }
      .nos-sectors-pr-page .nos-sectors-content .box-item:nth-child(even) .img-sctor {
        background: #ee4d00; }
      .nos-sectors-pr-page .nos-sectors-content .box-item:nth-child(even) .text-sector {
        background: #074a7f; }
      .nos-sectors-pr-page .nos-sectors-content .box-item:nth-child(odd) .img-sctor {
        background: #ff6319; }
      .nos-sectors-pr-page .nos-sectors-content .box-item:nth-child(odd) .text-sector {
        background: #094473; }
    .nos-sectors-pr-page .nos-sectors-content .img-sctor {
      width: 267px;
      float: left;
      min-height: 274px;
      position: relative;
      overflow: hidden;
      z-index: 1; }
      .nos-sectors-pr-page .nos-sectors-content .img-sctor img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        -moz-transition: all 1.5s;
        -webkit-transition: all 1.5s;
        transition: all 1.5s;
        max-width: 100%; }
      .nos-sectors-pr-page .nos-sectors-content .img-sctor:hover img {
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        top: 29%; }
    .nos-sectors-pr-page .nos-sectors-content .text-sector {
      padding-left: 35px;
      width: 733px;
      float: left;
      position: relative;
      min-height: 274px; }
      .nos-sectors-pr-page .nos-sectors-content .text-sector h3 {
        font-size: 25px;
        color: #19d1ff;
        margin: 0 0 10px; }
      .nos-sectors-pr-page .nos-sectors-content .text-sector p {
        font-size: 17px;
        color: #fff;
        line-height: 20px; }
      .nos-sectors-pr-page .nos-sectors-content .text-sector .inner-text {
        padding-right: 40px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }

.why-webhelp-page {
  padding-bottom: 100px; }
  .why-webhelp-page .why-wh-content {
    max-width: 1080px; }
    .why-webhelp-page .why-wh-content .box-item {
      margin-bottom: 10px; }
      .why-webhelp-page .why-wh-content .box-item:nth-child(even) .text-sector {
        background: #094473; }
      .why-webhelp-page .why-wh-content .box-item:nth-child(odd) .text-sector {
        background: #074a7f; }
    .why-webhelp-page .why-wh-content .img-why-wh {
      width: 304px;
      float: left;
      position: relative;
      overflow: hidden;
      z-index: 1; }
      .why-webhelp-page .why-wh-content .img-why-wh img {
        -moz-transition: all 1.5s;
        -webkit-transition: all 1.5s;
        transition: all 1.5s;
        max-width: 100%; }
      .why-webhelp-page .why-wh-content .img-why-wh:after {
        content: '';
        border-bottom: 8px solid #ff6319;
        position: absolute;
        bottom: 0px;
        display: block;
        width: 304px;
        height: 8px; }
      .why-webhelp-page .why-wh-content .img-why-wh:hover img {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
    .why-webhelp-page .why-wh-content .text-sector {
      min-height: 203px; }

.secteurs-fr-page {
  padding-bottom: 124px; }
  .secteurs-fr-page .nos-sectors-content {
    max-width: 950px; }
    .secteurs-fr-page .nos-sectors-content .img-sctor {
      min-height: 154px;
      width: 187px; }
    .secteurs-fr-page .nos-sectors-content .text-sector {
      min-height: 154px; }
  .secteurs-fr-page .box-sctors {
    max-width: 920px;
    width: 100%;
    margin: auto; }

.rse-fr-page {
  background: url(images/bg-content.png) repeat-x;
  background-size: cover; }
  .rse-fr-page .top-rse-fr {
    padding-top: 22px; }
    .rse-fr-page .top-rse-fr .text {
      padding-top: 0;
      padding-left: 31px; }
      .rse-fr-page .top-rse-fr .text h4 {
        font-size: 19px;
        font-weight: 600;
        margin: 0 0 12px;
        padding-left: 16px;
        padding-left: 16px;
        color: #84bc56; }
      .rse-fr-page .top-rse-fr .text p {
        font-size: 17.13px;
        line-height: 19px;
        text-indent: -6px;
        padding-left: 23px;
        position: relative; }
        .rse-fr-page .top-rse-fr .text p:before {
          content: "\f111";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          font-size: 8px;
          color: #66a32a;
          position: absolute;
          top: 1px;
          left: 10px; }
  .rse-fr-page .rse-fr-centre {
    float: left;
    width: 100%;
    padding-top: 53px;
    padding-bottom: 140px; }
    .rse-fr-page .rse-fr-centre h3 {
      font-style: italic;
      color: #66a32a;
      font-size: 30px;
      padding-bottom: 37px;
      line-height: 32px; }
    .rse-fr-page .rse-fr-centre .box-rse {
      max-width: 939px;
      margin: auto;
      width: 100%; }
      .rse-fr-page .rse-fr-centre .box-rse .box-rse-left {
        width: 470px;
        float: left;
        margin-bottom: 8px;
        position: relative;
        min-height: 375px; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-left p {
          color: #fff;
          font-size: 17.47px;
          font-weight: 600;
          position: relative; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-left p:before {
            content: "\f111";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            font-size: 10px;
            color: #fff;
            position: absolute;
            top: 5px;
            left: -14px; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner img {
            padding-bottom: 34px; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            opacity: 0;
            padding-left: 70px;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out; }
            .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover:before {
              content: '';
              border-left: 2px solid #fff;
              width: 2px;
              display: block; }
            .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover p {
              font-size: 16.4px;
              color: #fff;
              font-weight: 100; }
              .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover p:before {
                content: none; }
            .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover:before {
              content: '';
              display: block;
              border-left: 2px solid #fff;
              width: 2px;
              position: absolute;
              float: left;
              height: 100%;
              left: 57px; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-premier {
            padding-left: 87px;
            padding-right: 66px; }
      .rse-fr-page .rse-fr-centre .box-rse .box-rse-right {
        float: right;
        width: 469px;
        background: #fff;
        min-height: 375px;
        margin-bottom: 8px;
        position: relative;
        text-align: center; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 100%; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner .chart-item {
            float: left; }
            .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner .chart-item:nth-child(1) {
              margin-right: 26px; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner1 p {
          font-size: 52.69px;
          color: #84bc56;
          font-weight: 600; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner1 span {
          display: block;
          font-size: 16.46px;
          color: #191919;
          font-weight: 100; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner2 > p {
          font-size: 36.92px;
          color: #84bc56;
          font-weight: 600;
          line-height: 24px; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner2 > p span {
            font-size: 23.73px;
            font-weight: 100;
            color: #84bc56;
            display: inline; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner2 span {
          font-size: 25.61px;
          color: #191919;
          display: block; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner2 img {
          margin-bottom: 24px; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .chart {
          width: 100px;
          position: relative; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .chart span {
            text-align: center;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            right: 0;
            font-size: 18px; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .chart + span {
            font-size: 14px;
            line-height: 15px; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .items {
          margin: auto;
          width: 248px;
          padding-top: 11px; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner-last .chart-item {
          text-align: center;
          width: 109px;
          margin: auto;
          float: none; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner-last .chart-item span span {
            color: #84bc56; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .box-rse-right-inner-last .chart-item:nth-child(1) {
          margin-right: auto; }
        .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .text-hover {
          padding-left: 72px;
          padding-right: 44px;
          opacity: 0;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: all .2s ease-out;
          -moz-transition: all .2s ease-out;
          -o-transition: all .2s ease-out;
          transition: all .2s ease-out; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .text-hover h4 {
            text-transform: uppercase;
            color: #84bc56;
            letter-spacing: .3px;
            text-align: left;
            margin-left: -19px;
            margin-bottom: 10px; }
            .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .text-hover h4 + h4 {
              padding-top: 15px; }
          .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .text-hover p {
            color: #191919;
            font-size: 16px;
            font-weight: 400;
            text-align: left;
            position: relative;
            line-height: 17px; }
            .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .text-hover p:before {
              content: "\f111";
              font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              font-size: 8px;
              color: #66a32a;
              position: absolute;
              top: 2px;
              left: -13px; }
      .rse-fr-page .rse-fr-centre .box-rse:nth-child(2) .box-rse-left {
        background: #1481ac; }
      .rse-fr-page .rse-fr-centre .box-rse:nth-child(3) .box-rse-left {
        background: #0da3e3; }
      .rse-fr-page .rse-fr-centre .box-rse:nth-child(4) .box-rse-left {
        background: #00537f; }

.map-pays-page {
  min-height: 100%; }
  .map-pays-page .info-map {
    width: 485px;
    background: #004b7c;
    position: absolute;
    min-height: 100%; }
    .map-pays-page .info-map .img-map {
      padding-top: 111px; }
      .map-pays-page .info-map .img-map img {
        width: 100%; }
  .map-pays-page .top-info {
    padding-top: 61px;
    padding-right: 18px;
    text-align: center; }
    .map-pays-page .top-info h1 {
      font-size: 40.96px;
      color: #fff;
      position: relative;
      padding-left: 17px;
      padding-top: 9px;
      margin: 0 0 9px; }
      .map-pays-page .top-info h1:before {
        content: '';
        display: inline-block;
        background: url(images/map-marker.png) no-repeat;
        width: 32px;
        position: absolute;
        left: 144px;
        height: 46px;
        top: 2px; }
    .map-pays-page .top-info a {
      color: #fff;
      font-size: 18px;
      padding: 4px 12px;
      background: #ff6319; }
  .map-pays-page .text-info {
    padding-left: 115px;
    padding-top: 81px; }
    .map-pays-page .text-info h5 {
      font-size: 16.44px;
      color: #24d4fb;
      position: relative; }
      .map-pays-page .text-info h5:before {
        content: '';
        display: block;
        background: url(images/icon-marker-ville.png);
        width: 12px;
        height: 18px;
        float: left;
        position: absolute;
        left: -24px;
        top: 1px; }
    .map-pays-page .text-info address {
      color: #fff;
      font-size: 16.44; }
    .map-pays-page .text-info .info2 {
      padding-top: 3px; }

/* Responsive */
@media (max-width: 1800px) and (min-width: 1200px) {
  .success-stories .bxslider-stories .text-success-slider .content-storie {
    font-size: 16px;
    margin-top: -18px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie:before {
      top: -33px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name) {
      font-size: 16px; }
      .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name):before {
        top: -33px; }
  .success-stories .bxslider-stories .text-success-slider .name {
    font-size: 21px;
    padding-top: 6px; }
  .success-stories .bxslider-stories .text-success-slider h3 {
    padding-top: 16px;
    font-size: 27px; } }
@media (max-width: 1300px) {
  .nav > li > a {
    padding: 10px 15px 10px 17px !important; }

  .webhelp-france .our-values {
    max-width: 664px; }
    .webhelp-france .our-values .items-values .item {
      margin-bottom: 11px; }
      .webhelp-france .our-values .items-values .item:nth-child(3) {
        margin-right: 0; } }
@media (max-width: 1200px) {
  .bien-etre-portugal .bien-etre-pr-box h3 {
    margin-left: 0; }

  .training .formation-ludique-item {
    width: 48% !important; }
    .training .formation-ludique-item .inner-item .push-video {
      width: 331px !important;
      height: 188px  !important; }

  .wb-university-portugal .text-wbu {
    width: 535px !important; }
    .wb-university-portugal .text-wbu p {
      padding-right: 15px; }

  .why-webhelp-page .why-wh-content .img-why-wh {
    width: 23%; }
  .why-webhelp-page .why-wh-content .text-sector {
    width: 77% !important; }

  .etapes-recrutement-portugal .nav-tabs .tab2 {
    left: 275px !important; }
  .etapes-recrutement-portugal .etape1 .item-etape-content {
    width: 201px !important; }

  .etapes-formations-france .type-formation-continue:before {
    left: -137px;
    top: 76px; }

  .formation-ludique-france .formation-ludique-item {
    width: 32.333%; }
    .formation-ludique-france .formation-ludique-item .inner-item .push-video {
      width: 100%;
      height: auto; }
  .formation-ludique-france h4 {
    padding-left: 15px; }
  .formation-ludique-france > p {
    padding: 8px 15px 0 15px; }

  .bien-etre-france .panel-body {
    padding-left: 30px; }

  .rse-fr-page .rse-fr-centre .box-rse {
    padding-left: 15px;
    padding-right: 15px; }
    .rse-fr-page .rse-fr-centre .box-rse .box-rse-right br {
      display: block; }

  .avantages.avantages-portugal-pages .panel-body {
    padding-left: 0; }
  .avantages.avantages-portugal-pages .content-avantages-item .text-avantages2 {
    padding-left: 60px !important; }
  .avantages.avantages-portugal-pages .content-avantages-item .text-avantages {
    width: 53% !important; }
  .avantages.avantages-portugal-pages .panel-heading {
    width: 100%; }
    .avantages.avantages-portugal-pages .panel-heading h4 {
      margin-left: 0; }

  .why-webhelp br {
    display: block; }

  .etapes-recrutement .nav-tabs {
    width: 669px; }
    .etapes-recrutement .nav-tabs p {
      font-size: 20px; }
      .etapes-recrutement .nav-tabs p br {
        display: block; }
    .etapes-recrutement .nav-tabs .tab2 {
      left: 238px; }

  .etapes-recrutement .tab-content {
    width: 669px; }

  .box-metier .btn-back {
    left: 0; }

  .webhelp-france .btn-back {
    left: 78px; }
  .webhelp-france .villes-items-france {
    margin-left: 0;
    width: 700px; }
  .webhelp-france .webhelp-ville {
    max-width: 700px; }

  .etapes-recrutement .etude-candidature .etape1 {
    width: 293px; }

  .etapes-recrutement [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px; }

  .success-stories .bxslider-stories .text-success-slider h3 {
    font-size: 24px;
    padding-top: 12px; }
  .success-stories .bxslider-stories .text-success-slider .content-storie {
    font-size: 14px;
    max-width: 630px;
    line-height: 24px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie:before {
      top: -33px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name) {
      font-size: 14px;
      max-width: 630px;
      line-height: 24px; }
      .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name):before {
        top: -33px; }
  .success-stories .bxslider-stories .text-success-slider .name {
    font-size: 18px;
    padding-top: 2px;
    max-width: 630px; }
  .success-stories .bxslider-stories .text-success-slider .debut-storie {
    font-size: 15px; }

  .postuler .entretien-video {
    padding-left: 15px;
    padding-right: 15px; }

  .wrapper-tooltip .tooltipp {
    padding-top: 10px;
    height: 166px;
    width: 265px !important;
    text-align: left; }
    .wrapper-tooltip .tooltipp span {
      font-size: 13px; }
    .wrapper-tooltip .tooltipp h6 {
      font-size: 13px; }

  .entraide .entraide-middle {
    width: 95%;
    float: none;
    margin: auto; }
    .entraide .entraide-middle .logo-coeur-wh {
      width: 188px; }
    .entraide .entraide-middle .logo-notrasso {
      width: 250px; }

  .entreprise-responsable br {
    display: block; }

  #collapseTwo .grow.pic {
    width: 211px;
    float: none;
    margin: auto;
    display: block; }

  .content-respect .img-entreprise-responsable {
    width: 25%; }
  .content-respect .text {
    width: 75%; }

  .espace-candidature .intitule-poste label {
    font-size: 19.75px !important; }
  .espace-candidature .donnees-personnelles {
    width: 49%; }

  .talents-trajectoires .text-talents-trajectoires {
    width: 50%; }
  .talents-trajectoires .img-poste {
    width: 42%; }

  .conseil-rh {
    width: 100%; }

  .text-box-img {
    width: 617px !important;
    padding: 0 0 0 20px; }

  .nos-conseil-rh .text {
    width: 74%; }

  .details-box {
    width: 25%; }

  .box-fun {
    width: 90%; }
    .box-fun .list-events {
      width: 100%; }
      .box-fun .list-events li {
        width: 22%;
        margin: auto; }
      .box-fun .list-events h5 {
        font-size: 13px; }
    .box-fun .figure {
      width: 100% !important; }
    .box-fun .panel-default > .panel-heading h4 {
      font-size: 20px; }
    .box-fun .list-events.videos li {
      width: 255px; }
    .box-fun .list-events.videos .push-video {
      width: 248px; }

  br {
    display: none; }

  .bien-etre .bien-etre-item .text-bien-etre {
    padding-top: 11px;
    width: 85%;
    padding-right: 20px; }
  .bien-etre .bien-etre-item .img-bien-etre {
    float: none;
    margin: auto;
    display: block; }

  .success-stories .content-stories {
    padding-top: 42px; }

  /* .slide-pages .espace-membre a {
       font-size: 11px !important;
   }*/
  .wb-university .text-wbu {
    width: 578px;
    padding-left: 29px;
    padding-top: 27px; }
    .wb-university .text-wbu p {
      font-size: 20px; }

  .formation-ludique .top-formation-ludique {
    font-size: 23px;
    padding-bottom: 78px; }
  .formation-ludique .text-formation-ludique {
    width: 50%; }

  .etapes-formations h4 {
    font-size: 23px !important; }
  .etapes-formations .catalogue p {
    font-size: 20px; }
  .etapes-formations .content-item-formation:before {
    margin-right: 12px; }
  .etapes-formations .items-formations {
    padding-left: 0;
    width: 55%; }
  .etapes-formations .top-etape-formation {
    font-size: 23px; }
  .etapes-formations .item-formation h4:before {
    left: 38px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .box-metier .bx-controls .bx-next {
    right: -10px; }
  .box-metier .bx-controls .bx-prev {
    left: -10px; }

  .bien-etre .bien-etre-item {
    width: 445px; }

  .avantages .content-avantages-item {
    margin: auto; }
    .avantages .content-avantages-item .text-avantages1 {
      width: 55%;
      padding-top: 0; }
    .avantages .content-avantages-item .text-avantages2 {
      padding: 0 11px 0 6px; }
  .avantages .box-list .content-avantages-item {
    width: 432px; }
    .avantages .box-list .content-avantages-item .text-avantages2 {
      width: 100%;
      padding-top: 12px; }

  .footer-pages .menu-items span {
    font-size: 15.52px !important; }

  .espace-candidature .info-poste p {
    font-size: 22px; }
  .espace-candidature .donnees-personnelles .radio-civilite {
    width: 86%;
    padding-left: 7px; }
  .espace-candidature .container-espace-candidature input[type="radio"] + label {
    font-size: 17px; }

  .webhelp-maroc .webhelp-ville .owl-prev {
    left: -10px; }
  .webhelp-maroc .webhelp-ville .owl-next {
    right: -16px; } }
@media (max-width: 992px) {
  .get-board .services-webhelp-pr .services-item:nth-child(3) {
    padding-left: 77px;
    margin-left: -46px; }

  .integration-france .services-webhelp .services-item:nth-child(3) {
    width: 191px; }
  .integration-france .services-webhelp .services-item:nth-child(1) {
    width: 233px; }

  .etapes-formations-portugal .type-formation-continue {
    padding-top: 25px !important; }

  .training .formation-ludique-item:nth-child(2) img {
    width: 100%;
    height: 188px; }

  .entreprise-responsable-pr .respect-items .soucieux-partenaires-content .back {
    background: url(images/hover-respect.png) no-repeat; }

  .bien-etre-portugal .container-bien-etre .img-bien-etre {
    float: none;
    margin: 0 auto 16px auto; }
  .bien-etre-portugal .bien-etre-pr-box {
    max-width: 431px;
    margin: auto; }

  .training .items {
    width: 100%; }

  .training .formation-ludique-item .inner-item .push-video {
    width: 100% !important; }
    .training .formation-ludique-item .inner-item .push-video > img {
      width: 100%; }

  .entreprise-responsable-pr .respect-items .respect-item-content:nth-child(4) .inner-hover {
    padding-top: 49px; }

  .box-fun-portugal .img-bien-etre {
    float: none;
    margin: 0 auto 16px auto; }
  .box-fun-portugal .bien-etre-pr-box {
    max-width: 431px; }
  .box-fun-portugal .push-video {
    margin-top: 90px; }

  .why-webhelp-page .why-wh-content .text-sector p {
    font-size: 15px; }
  .why-webhelp-page .why-wh-content .text-sector h3 {
    font-size: 22px; }

  .aventure-portugal .content-aventure-commence .right-aventure .img-iphone img {
    max-width: 100%; }
  .aventure-portugal .icon-suite {
    top: 136px !important; }

  .etapes-formations-france {
    width: 100%; }
    .etapes-formations-france .items-formations {
      width: 58%; }
    .etapes-formations-france .type-formation-continue:before {
      left: -102px !important;
      top: 103px; }

  .avantages-webhelp-france {
    padding-bottom: 70px; }
    .avantages-webhelp-france .content-avantages-webhelp {
      padding-left: 20px;
      padding-right: 20px; }
    .avantages-webhelp-france .avantages-france-item .avantages-fr-item {
      width: 100%;
      padding-bottom: 40px; }

  .bien-etre-fr-panel {
    width: 100%; }
    .bien-etre-fr-panel .inner-panel .img-be {
      width: 49%; }
    .bien-etre-fr-panel .inner-panel .description {
      width: 51%; }

  .rse-fr-page .rse-fr-centre .box-rse .box-rse-right {
    width: 50%; }
    .rse-fr-page .rse-fr-centre .box-rse .box-rse-right .text-hover {
      padding: 20px 30px;
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
  .rse-fr-page .rse-fr-centre .box-rse .box-rse-left {
    width: 50%; }
    .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-premier {
      padding-left: 30px;
      padding-right: 30px; }
    .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover {
      padding-left: 30px;
      padding-right: 30px; }
      .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner .text-hover:before {
        left: 20px; }

  .nos-sectors-pr-page .btn-back {
    top: 10px;
    left: 10px; }
  .nos-sectors-pr-page .nos-sectors-content .img-sctor {
    width: 19%; }
  .nos-sectors-pr-page .nos-sectors-content .text-sector {
    width: 81%; }

  .solidarite-france-page .box-solidarite .img-solidarite {
    width: 154px; }
  .solidarite-france-page .box-solidarite .text-solidarite {
    width: 568px; }
  .solidarite-france-page .top-text {
    padding-left: 15px;
    padding-right: 15px; }

  .box-fun-france .box-fun-hover .fun-fr-box {
    width: 100%; }
    .box-fun-france .box-fun-hover .fun-fr-box .description {
      width: 56%; }
    .box-fun-france .box-fun-hover .fun-fr-box .img-fun {
      width: 44%; }

  .avantages.avantages-portugal-pages .container-avantages {
    padding: 0; }
  .avantages.avantages-portugal-pages .avantages-items {
    padding: 0 3px 0 18px; }
  .avantages.avantages-portugal-pages .content-avantages-item .text-avantages {
    width: 100% !important;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .avantages.avantages-portugal-pages .content-avantages-item .text-avantages1 {
    margin-top: 25px; }
  .avantages.avantages-portugal-pages .content-avantages-item .text-avantages2 {
    padding-left: 20px !important; }
  .avantages.avantages-portugal-pages .content-avantages-item .img-avantages {
    width: 100%; }
    .avantages.avantages-portugal-pages .content-avantages-item .img-avantages img {
      margin: auto; }

  .find-job-portugal form button {
    padding: 0 14px !important; }
  .find-job-portugal .input-group {
    width: 100%; }

  .webhelp-france .btn-back {
    left: 8px; }
  .webhelp-france h1 {
    font-size: 54px; }

  .top-slide nav {
    width: 83%; }

  .nav > li > a {
    padding: 10px 15px 10px 15px !important; }

  .espace-candidature.identif .contenu-form {
    width: 100%; }

  .avantages #collapseOne .grow.pic {
    width: 346px;
    float: none;
    margin: auto;
    display: block; }

  .box-metier .pushs {
    width: 90%;
    margin: auto; }
  .box-metier .bx-controls .bx-next {
    right: 12px; }
  .box-metier .bx-controls .bx-prev {
    left: 15px; }

  .nos-offres-actualites .content-offres-actualites .offres-actualites .offre-actualites-item {
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites {
    width: 80%; }
  .nos-offres-actualites .type-actualite {
    width: 20% !important; }
  .nos-offres-actualites .offres .text-offres-actualites {
    width: 83% !important; }

  .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-next {
    right: -35px; }
  .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-prev {
    left: -35px; }

  .espace-candidature {
    padding-top: 55px; }
    .espace-candidature .contenu-form {
      float: none;
      width: 492px;
      margin: auto; }
    .espace-candidature .donnees-personnelles {
      width: 100%; }
    .espace-candidature .info-poste {
      width: 100%;
      padding-top: 40px; }
    .espace-candidature .entretien-video {
      clear: both; }
    .espace-candidature .buttons {
      float: left;
      width: 100%;
      padding-top: 40px; }

  .text-box-img {
    padding: 0 0 0 10px; }

  .nos-conseil-rh .top-bloc-newsletter {
    width: 100%; }

  .box-fun .list-events li {
    width: 40%; }
  .box-fun .list-events img {
    margin: auto; }
  .box-fun .fun-carousel .bx-controls .bx-next {
    right: -35px; }
  .box-fun .fun-carousel .bx-controls .bx-prev {
    left: -35px; }

  .avantages .container-avantages {
    padding-left: 0; }
  .avantages .avantages-items {
    margin-left: 0; }
  .avantages .content-avantages-item {
    margin: 0;
    padding: 21px;
    height: auto;
    overflow: hidden;
    width: 100%; }
    .avantages .content-avantages-item .text-avantages {
      width: 100%;
      padding-right: 20px;
      padding-left: 20px; }
    .avantages .content-avantages-item .text-avantages2 {
      padding: 20px 20px 28px 20px; }
  .avantages .text {
    padding: 0 10px;
    width: 100% !important; }
  .avantages .box-list .content-avantages-item {
    float: none;
    overflow: hidden;
    width: 100%; }
    .avantages .box-list .content-avantages-item:nth-child(2n) {
      margin-left: 0; }
    .avantages .box-list .content-avantages-item .img-avantages2 {
      margin-bottom: 20px; }
  .avantages .panel-default > .panel-heading {
    padding-left: 25px;
    padding-right: 25px; }

  .entraide .entraide-middle {
    width: 707px; }
    .entraide .entraide-middle .logo-notrasso {
      width: 168px;
      padding-left: 12px; }
    .entraide .entraide-middle .logo-coeur-wh {
      width: 161px; }
    .entraide .entraide-middle .push-video {
      width: 366px; }
  .entraide .entraise-top .entraise-top-text {
    width: 100%; }
  .entraide .entraise-top h2 {
    font-size: 48px !important; }
  .entraide .entraise-top .logo-notrasso {
    width: 14%; }
  .entraide .notrasso-middle .entraise-top-text {
    padding-top: 20px; }
  .entraide .content-bottom-entraide .bx-controls .bx-prev {
    left: -33px; }
  .entraide .content-bottom-entraide .bx-controls .bx-next {
    right: -33px; }

  .footer-pages .suivez-nous .content-suivez-nous {
    bottom: 9px; }

  .slide-pages .titre h1 {
    font-size: 60px; }

  .nos-offres .content-nos-offres .offres .poste {
    width: 63%; }
  .nos-offres .content-nos-offres .offres .details-poste {
    width: 36%; }

  .avantages-webhelp .avantage-part1 {
    width: 100%; }
    .avantages-webhelp .avantage-part1 img {
      display: block;
      margin: auto;
      padding-left: 0; }
  .avantages-webhelp .avantages-part2 {
    width: 100%;
    padding-left: 0; }
  .avantages-webhelp .avantages-tabs {
    width: 60%;
    margin: auto; }

  .talent-manager-content .top-talent-manager .text {
    padding-top: 0; }

  .bottom-forum .owl-prev {
    position: relative;
    left: -40px;
    top: 0px; }

  .bottom-forum .owl-next {
    position: relative;
    top: -2px;
    right: -42px; }

  .webhelp-maroc .webhelp-maroc-content h1 {
    font-size: 60px; }

  .details-offre h2 {
    font-size: 38px;
    width: 100%;
    line-height: 57px; }

  .wb-university .wb-university-top {
    padding-left: 20px; }

  .formation-ludique .video-formation-ludique {
    width: 45%;
    left: 0;
    bottom: 0; }
    .formation-ludique .video-formation-ludique img {
      left: 0; }

  .formation-ludique .text-formation-ludique {
    padding-left: 10px;
    width: 50%; }
  .formation-ludique .video-formation-ludique img {
    bottom: 0; }
  .formation-ludique .top-formation-ludique {
    padding-bottom: 40px; }

  .etapes-formations h4 {
    font-size: 18px !important; }
  .etapes-formations p {
    padding-right: 0;
    font-size: 14px; }
  .etapes-formations .item-formation h4:before {
    top: 13px; }
  .etapes-formations .etape-number {
    font-size: 15px;
    width: 88px;
    line-height: 26px; }
  .etapes-formations .catalogue {
    float: right;
    width: 85%;
    padding-top: 45px;
    padding-bottom: 45px; }
    .etapes-formations .catalogue p {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 18px; }
  .etapes-formations .etape-formation-right {
    padding-top: 76px; }
  .etapes-formations .nbre-heure-formation {
    width: 100% !important; }
    .etapes-formations .nbre-heure-formation p {
      font-size: 18px; }
  .etapes-formations .type-formation-continue {
    padding-top: 104px; }
    .etapes-formations .type-formation-continue .type-formation-item p {
      padding-right: 0; }
    .etapes-formations .type-formation-continue:before {
      background: url(images/bar-type-formation-resp.png) no-repeat;
      left: -53px; }

  .integration .services-webhelp .services-item:nth-child(2) {
    width: 234px !important; }

  .success-stories .bxslider-stories .text-success-slider h3 {
    font-size: 24px;
    padding-top: 5px; }
  .success-stories .bxslider-stories .text-success-slider .content-storie {
    margin-top: -26px;
    font-size: 13px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 21px;
    padding-top: 0; }
    .success-stories .bxslider-stories .text-success-slider .content-storie:before {
      top: -33px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name) {
      font-size: 13px;
      max-width: 100%;
      line-height: 21px;
      padding-left: 20px;
      padding-right: 20px; }
      .success-stories .bxslider-stories .text-success-slider .content-storie + p:not(.name):before {
        top: -33px; }
  .success-stories .bxslider-stories .text-success-slider .name {
    font-size: 16px;
    padding-top: 2px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
  .success-stories .bxslider-stories .text-success-slider .debut-storie {
    font-size: 15px; }

  footer .menu-footer .menu-items-avenir {
    margin-left: 0; } }
@media (max-width: 880px) {
  .espace-candidature.identif .identif-page {
    padding-top: 80px;
    width: 100%; }
  .espace-candidature.identif .identif-left {
    float: none;
    margin: auto; }
  .espace-candidature.identif .ou {
    width: 100%;
    text-align: center;
    position: static;
    padding-top: 50px;
    padding-bottom: 50px; }
  .espace-candidature.identif .identif-right {
    margin: auto;
    float: none; }
    .espace-candidature.identif .identif-right .espace-membre-identif {
      float: none; }

  .formation-ludique-france .formation-ludique-item {
    width: 50%;
    float: none;
    margin: 34px auto 0 auto; }
    .formation-ludique-france .formation-ludique-item img {
      width: 100%; }
    .formation-ludique-france .formation-ludique-item:last-child {
      margin: 34px auto 0 auto !important; }
    .formation-ludique-france .formation-ludique-item:first-child img {
      width: auto; }

  .wb-university-france .nombre-heures-formation {
    width: 100%; }
    .wb-university-france .nombre-heures-formation .nombre-heures-item {
      width: 100%;
      position: static; } }
@media (max-width: 992px) and (min-width: 767px) {
  .footer-portugal .menu-footer .menu-items-wh {
    margin-left: 13px !important; }

  .talent-manager-content .top-talent-manager .text {
    width: 460px;
    padding-left: 33px; }

  .talents-trajectoires .text-talents-trajectoires {
    width: 46%; }
  .talents-trajectoires .img-poste {
    width: 43%; }

  .trouver-chemin .img-forum {
    width: 27%; }
  .trouver-chemin .forum-text {
    width: 73%;
    padding-left: 15px; }

  .text-box-img {
    width: 50% !important; }

  .nos-conseil-rh .text {
    width: 71%; }

  .details-box {
    width: 20%; }

  .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites .poste {
    width: 65%; }
  .nos-offres-actualites .content-offres-actualites .offres-actualites .text-offres-actualites .details-box {
    width: 31%; }

  .bien-etre .bien-etre-item {
    width: 333px; }
    .bien-etre .bien-etre-item .img-bien-etre {
      padding-left: 0; }
      .bien-etre .bien-etre-item .img-bien-etre img {
        display: block;
        margin: auto; }
    .bien-etre .bien-etre-item .text-bien-etre {
      padding-right: 17px;
      width: 100%; }

  .content-respect .top-respect .text p {
    font-size: 18px; }

  .entreprise-responsable .soucieux-partenaires:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .entreprise-responsable .equite-meritocratie {
    left: 23.6%; }
  .entreprise-responsable .respect-items {
    max-width: 609px; }

  .espace-candidature .donnees-personnelles #jour {
    padding-left: 16px; }
  .espace-candidature .donnees-personnelles #mois {
    padding-left: 17px; }
  .espace-candidature .donnees-personnelles #annee {
    padding-left: 17px; }
  .espace-candidature .donnees-personnelles .radio-civilite {
    width: 79%;
    padding-left: 10px; }
    .espace-candidature .donnees-personnelles .radio-civilite label {
      padding-right: 19px; }

  ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 18px !important; }

  ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 18px !important; }

  :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 18px !important; }

  :-moz-placeholder {
    /* Firefox 18- */
    font-size: 18px !important; }

  .webhelp-maroc .webhelp-ville .owl-prev {
    left: 15px; }
  .webhelp-maroc .webhelp-ville .owl-next {
    right: 15px; } }
@media (max-width: 992px) and (min-width: 650px) {
  .entreprise-responsable-pr .respect-item-content:nth-child(4) .content-hover {
    top: 85px;
    left: -98px; }

  .entreprise-responsable-pr .respect-item-content:nth-child(2) .content-hover {
    top: 6px;
    left: 11px; }

  .entreprise-responsable-pr .respect-item-content:nth-child(3) .content-hover {
    left: -31px !important; }

  .entreprise-responsable-pr .respect-item-content:nth-child(5) .content-hover {
    left: 9px; }

  .entreprise-responsable-pr .respect-item-content:nth-child(1) .content-hover {
    left: -28px; }

  .respect-item-content:nth-child(1) .content-hover {
    left: -80px; }

  .respect-item-content:nth-child(2) .content-hover {
    left: -112px; }

  .respect-item-content:nth-child(3) .content-hover {
    left: -80px !important; }

  .respect-item-content:nth-child(4) .respect-item-hover:before {
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  .respect-item-content:nth-child(4) .content-hover {
    top: 153px; }

  .respect-item-content:nth-child(5) .content-hover {
    left: -127px; }

  .entreprise-responsable .respect-items .respect-item-content {
    width: 241px; }
  .entreprise-responsable .respect-item.voix-compte {
    margin-left: 55px; }
  .entreprise-responsable .respect-item.egalite-chance {
    margin-left: 26px; }
  .entreprise-responsable .soucieux-partenaires {
    left: -22%;
    top: 112px; }
    .entreprise-responsable .soucieux-partenaires:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .entreprise-responsable .equite-meritocratie {
    left: 18%; }
  .entreprise-responsable .respect-items {
    max-width: 645px; } }
@media (max-width: 830px) {
  .bottom-forum .forum-carousel .bx-controls .bx-next {
    right: -35px; }
  .bottom-forum .forum-carousel .bx-controls .bx-prev {
    left: -35px; } }
@media (max-width: 777px) {
  .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-next {
    right: -45px; }
  .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-prev {
    left: -45px; } }
@media (max-width: 767px) {
  .integration-france .services-webhelp .services-item:nth-child(1) {
    width: 155px; }

  .wb-university-portugal .text-wbu {
    width: 100% !important; }

  .entreprise-responsable-pr .respect-items .equite-meritocratie-content .back {
    background: url(images/hover-respect.png) no-repeat; }
  .entreprise-responsable-pr .respect-items .respect-content-bottom .content-hover {
    padding-top: 55px; }
  .entreprise-responsable-pr .respect-item-content:nth-child(2) .content-hover {
    left: -35px;
    top: -16px; }
  .entreprise-responsable-pr .respect-item-content:nth-child(1) .content-hover {
    left: -34px;
    top: -49px; }
  .entreprise-responsable-pr .respect-item-content:nth-child(4) .content-hover {
    left: -73px; }
  .entreprise-responsable-pr .respect-item-content:nth-child(5) .content-hover {
    left: -83px;
    top: 94px; }
  .entreprise-responsable-pr .respect-item-hover {
    width: 350px; }

  .why-webhelp-page .why-wh-content .img-why-wh {
    width: 100%; }
    .why-webhelp-page .why-wh-content .img-why-wh:after {
      width: 100%; }
  .why-webhelp-page .why-wh-content .text-sector {
    width: 100% !important; }

  .success-stories-portugal .bxslider-stories .text-success-slider .debut-storie {
    margin-top: 0; }

  .etapes-recrutement-portugal .nav-tabs .tab2 {
    left: 218px !important; }

  .get-board .services-webhelp-pr .services-item:nth-child(3) {
    padding-left: 63px;
    margin-left: -26px; }

  .wb-university-france .img-whu {
    margin: 0 auto; }
  .wb-university-france .type-formation-continue {
    width: 70%;
    margin: auto; }

  .bien-etre-france .panel-body {
    padding-left: 0; }
  .bien-etre-france .panel-group {
    padding-left: 15px; }

  .bien-etre-fr-panel .inner-panel .img-be {
    width: 100%;
    background: transparent;
    margin-bottom: 0; }
    .bien-etre-fr-panel .inner-panel .img-be img {
      max-width: 100%;
      width: auto;
      display: block;
      margin: auto; }
  .bien-etre-fr-panel .inner-panel .description {
    margin-bottom: 0;
    width: 100%; }
    .bien-etre-fr-panel .inner-panel .description .arrow-left {
      border-left: 23px solid transparent;
      border-right: 23px solid transparent;
      border-bottom: 23px solid #19b1ff;
      top: -46px;
      left: 0;
      right: 0;
      margin: auto; }
    .bien-etre-fr-panel .inner-panel .description .arrow-right {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #19b1ff;
      top: 276px;
      left: 0;
      right: 0;
      margin: auto; }
    .bien-etre-fr-panel .inner-panel .description .description-item {
      padding-left: 30px;
      padding-right: 20px; }
    .bien-etre-fr-panel .inner-panel .description h4 {
      padding: 0 15px;
      text-align: center; }
  .bien-etre-fr-panel:first-child .description {
    margin-bottom: 30px; }

  .rse-fr-page .rse-fr-centre .box-rse .box-rse-left {
    width: 100%; }
    .rse-fr-page .rse-fr-centre .box-rse .box-rse-left .box-rse-left-inner {
      left: 0;
      right: 0; }
  .rse-fr-page .rse-fr-centre .box-rse .box-rse-right {
    width: 100%; }

  .nos-sectors-pr-page .nos-sectors-content .img-sctor {
    width: 100%;
    min-height: 90px; }
  .nos-sectors-pr-page .nos-sectors-content .text-sector {
    width: 100%;
    padding: 20px 15px; }
    .nos-sectors-pr-page .nos-sectors-content .text-sector .inner-text {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      padding-right: 0; }
  .nos-sectors-pr-page h1 {
    font-size: 58px; }

  .solidarite-france-page {
    background-size: cover; }
    .solidarite-france-page .box-solidarite .img-solidarite {
      width: 100%; }
    .solidarite-france-page .box-solidarite .text-solidarite {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px; }
      .solidarite-france-page .box-solidarite .text-solidarite p br {
        display: none; }
      .solidarite-france-page .box-solidarite .text-solidarite .inner-text {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
    .solidarite-france-page .box-solidarite .box-item {
      float: left;
      width: 100%; }

  .box-fun-france p {
    margin-bottom: 0 !important; }
  .box-fun-france .push-video {
    width: 100%;
    height: auto; }
    .box-fun-france .push-video > img {
      margin: 0;
      width: 100%; }
  .box-fun-france .box-fun-hover .fun-fr-box .img-fun {
    width: 100%; }
    .box-fun-france .box-fun-hover .fun-fr-box .img-fun img {
      margin: auto;
      display: block;
      max-width: 100%;
      width: auto !important; }
  .box-fun-france .box-fun-hover .fun-fr-box .description {
    width: 100%; }
    .box-fun-france .box-fun-hover .fun-fr-box .description .arrow-left {
      border-left: 23px solid transparent;
      border-right: 23px solid transparent;
      border-bottom: 23px solid  #ffca13;
      left: 0;
      right: 0;
      margin: auto;
      top: -46px; }
    .box-fun-france .box-fun-hover .fun-fr-box .description .first-text {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      padding: 20px; }
    .box-fun-france .box-fun-hover .fun-fr-box .description .description-item {
      padding-left: 40px;
      padding-right: 20px; }

  .our-opportunities h2 {
    font-size: 32px; }

  .who-we-are .webhelp-map {
    padding-top: 50px; }

  .etapes-recrutement .nav-tabs {
    width: 547px; }
    .etapes-recrutement .nav-tabs .tab2 {
      left: 170px; }
  .etapes-recrutement .tab-content {
    width: 547px; }

  .integration-france .item-get-board .col-lg-4:first-child {
    padding-left: 0; }

  .aventure-france .content-integration:after {
    margin-left: 32px !important; }

  .find-job-portugal .form-item {
    width: 50%; }
  .find-job-portugal .input-group-btn {
    width: 100%; }
    .find-job-portugal .input-group-btn button {
      width: 100%; }

  .webhelp-france .our-values {
    max-width: 439px; }
    .webhelp-france .our-values .items-values .item:nth-child(2) {
      margin-right: 0; }
    .webhelp-france .our-values .items-values .item:nth-child(3) {
      margin-right: 11px; }
    .webhelp-france .our-values .items-values .item:nth-child(4) {
      margin-right: 0; }
  .webhelp-france .webhelp-ville .ville-noms-top .ville-nom {
    width: 50% !important; }
  .webhelp-france .webhelp-ville .ville-noms-bottom .ville-nom {
    width: 33.333% !important; }
    .webhelp-france .webhelp-ville .ville-noms-bottom .ville-nom:nth-child(3) {
      left: 0; }
    .webhelp-france .webhelp-ville .ville-noms-bottom .ville-nom:nth-child(4) {
      width: 100% !important;
      left: 0; }

  .box-avantages-webhelp {
    width: 100% !important; }

  .wrapper-tooltip .tooltipp {
    left: 1px; }

  .entraide .box-entraide {
    padding-top: 60px; }
  .entraide .entraide-middle {
    width: 100% !important;
    padding-top: 0; }
    .entraide .entraide-middle img {
      display: block;
      margin: auto; }
    .entraide .entraide-middle .logo-notrasso {
      width: 100%;
      padding-bottom: 53px; }
    .entraide .entraide-middle .push-video {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .entraide .entraide-middle .logo-coeur-wh {
      padding-top: 0;
      width: 100%; }
      .entraide .entraide-middle .logo-coeur-wh img {
        float: none; }

  .respect-item-content:nth-child(5) .respect-item-hover:before {
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  .respect-item-content:nth-child(5) .content-hover {
    left: -25px;
    top: 145px; }

  .respect-item-content:nth-child(2) .content-hover {
    left: -80px; }

  .entreprise-responsable .respect-content-bottom .inner-hover {
    padding-top: 60px !important; }
  .entreprise-responsable .soucieux-partenaires-content .content-hover {
    top: 147px;
    left: -9px; }
  .entreprise-responsable .respect-item-hover:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg) !important; }
  .entreprise-responsable .respect-items {
    max-width: 335px; }
  .entreprise-responsable .soucieux-partenaires, .entreprise-responsable .equite-meritocratie {
    position: relative;
    left: -49px;
    top: 113px; }
    .entreprise-responsable .soucieux-partenaires:before, .entreprise-responsable .equite-meritocratie:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .entreprise-responsable .respect-item.voix-compte {
    margin-left: 20px; }
  .entreprise-responsable .respect-item.egalite-chance {
    margin-left: 20px; }

  .entraide .notrasso-top .logo-notrasso {
    padding-bottom: 20px;
    width: 100%; }
    .entraide .notrasso-top .logo-notrasso img {
      display: block;
      margin: auto; }
  .entraide .notrasso-top .entraise-top-text {
    width: 100%; }

  .grow.pic {
    margin: auto;
    display: block; }

  .box-metier .pushs {
    width: 79%; }

  .espace-candidature .donnees-personnelles .text-civilite {
    padding-top: 40px; }

  .talents-trajectoires .img-poste {
    position: static; }

  .slide-pages [class*="top-slide-"] .titre h2 {
    font-size: 29px;
    padding-left: 10px;
    padding-right: 10px; }

  .box-fun .list-promos li {
    height: auto;
    margin-right: 0; }
  .box-fun p {
    margin-bottom: 37px; }

  .success-stories #bx-pager {
    top: 108px; }
    .success-stories #bx-pager img {
      width: 50px;
      height: 50px; }
    .success-stories #bx-pager a {
      width: 60px; }
      .success-stories #bx-pager a:before {
        width: 45px;
        height: 45px;
        top: 2px;
        left: 8px; }
      .success-stories #bx-pager a:hover img {
        width: 60px;
        height: 60px; }
      .success-stories #bx-pager a.active img {
        width: 60px !important;
        height: 60px !important; }

  .nos-infographies-rh img, .nos-conseil-rh img {
    display: block;
    margin: auto; }
  .nos-infographies-rh p, .nos-conseil-rh p {
    width: 100%; }
  .nos-infographies-rh .text-box-img, .nos-conseil-rh .text-box-img {
    width: 100% !important;
    padding: 0 15px 0 20px; }

  .espace-membre {
    width: 100%; }

  .avantages .content-avantages-item {
    margin: 8px 0 9px 0; }
    .avantages .content-avantages-item .img-avantages2 {
      padding-left: 0; }

  .slide-pages .titre h1 {
    font-size: 54px !important; }

  .bien-etre .container-bien-etre .text {
    padding: 0 0; }

  .bien-etre .bien-etre-item {
    padding-left: 0;
    width: 100%; }

  .entraide .notrasso-top .entraise-top-text p {
    font-size: 17px;
    padding-top: 0; }
  .entraide .notrasso-middle {
    padding-left: 0; }
    .entraide .notrasso-middle .entraise-top-text {
      width: 100%;
      padding-bottom: 20px; }
    .entraide .notrasso-middle .video {
      width: 73%;
      margin: auto;
      float: none; }
  .entraide .derniere-action a {
    margin-left: 0;
    font-size: 25px; }

  .nos-offres-actualites .content-offres-actualites .offres .text-offres {
    padding: 6px 0 49px 32px; }
    .nos-offres-actualites .content-offres-actualites .offres .text-offres a {
      padding: 10.5px 30px; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi form {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px; }

  .content-respect .img-entreprise-responsable {
    width: 100%; }
    .content-respect .img-entreprise-responsable img {
      display: block;
      margin: auto; }
  .content-respect .text {
    padding-left: 0;
    width: 100%; }
    .content-respect .text p {
      font-size: 18px !important; }

  .entreprise-responsable > p {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px; }

  .trouver-chemin .img-forum {
    width: 100%; }
    .trouver-chemin .img-forum img {
      display: block;
      margin: auto; }
  .trouver-chemin .forum-text {
    width: 100%;
    padding-left: 0;
    padding-top: 40px; }

  .talents-trajectoires .text-talents-trajectoires {
    width: 100%;
    padding-bottom: 35px;
    padding-top: 35px; }
  .talents-trajectoires .img-poste {
    width: 100%; }
    .talents-trajectoires .img-poste img {
      margin: auto;
      display: block; }

  .bottom-forum p {
    font-size: 17px; }
  .bottom-forum .premier-text {
    padding: 0; }

  .talent-manager-content .top-talent-manager {
    padding-bottom: 35px; }
    .talent-manager-content .top-talent-manager .img-talent-manager {
      padding-bottom: 25px;
      width: 100%; }
      .talent-manager-content .top-talent-manager .img-talent-manager img {
        margin: auto; }
    .talent-manager-content .top-talent-manager .text {
      width: 100%;
      padding-left: 0;
      font-size: 18px; }
    .talent-manager-content .top-talent-manager .text-manager p {
      font-size: 24px; }

  .slide-pages .titre {
    position: relative;
    bottom: 25px; }

  .espace-candidature .donnees-personnelles {
    width: 100%;
    padding-left: 0; }
  .espace-candidature .info-poste {
    width: 100%;
    padding-top: 45px; }

  .webhelp-maroc .villes-items {
    width: 100%; }

  .details-offre .top-details-offres p {
    font-size: 18px; }
  .details-offre .text-mission {
    font-size: 19px; }
  .details-offre .mission-offres p {
    font-size: 18px; }

  .wb-university .img-whu {
    width: 100%; }
    .wb-university .img-whu img {
      display: block;
      margin: auto; }
  .wb-university .text-wbu {
    width: 100%;
    padding-left: 0;
    padding-right: 10px; }
    .wb-university .text-wbu p {
      width: 100%;
      font-size: 18px; }
  .wb-university .content-whu {
    padding-left: 0; }
  .wb-university .wb-university-top {
    padding-top: 8px; }

  .formation-ludique .text-formation-ludique {
    width: 100%; }
  .formation-ludique p {
    padding-right: 0; }
  .formation-ludique .top-formation-ludique {
    font-size: 21px; }
  .formation-ludique .video-formation-ludique {
    margin-top: 24px;
    width: 100% !important; }
    .formation-ludique .video-formation-ludique img {
      float: none !important;
      margin: auto; }

  .etapes-formations .top-etape-formation {
    font-size: 21px; }
  .etapes-formations .items-formations {
    width: 80%;
    float: none;
    margin: auto; }
  .etapes-formations .formation-continue .content-item-formation:before {
    background: url(images/circle-formation.png) no-repeat;
    height: 102px; }
  .etapes-formations .etape-formation-right {
    width: 100%; }
  .etapes-formations .catalogue {
    float: none;
    margin: auto; }
  .etapes-formations .nbre-heure-formation {
    margin-bottom: 45px; }
  .etapes-formations .type-formation-continue {
    padding-top: 0; }
    .etapes-formations .type-formation-continue:before {
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      /* Chrome, Safari, Opera */
      transform: rotate(90deg);
      position: static;
      display: block;
      margin: auto; }
  .etapes-formations .etape-formation-right {
    padding-top: 0; }
  .etapes-formations .type-formation-continue .type-formation-item {
    margin-bottom: 40px; }

  .type-formation-mobile {
    display: block; }

  .type-formation-desktop {
    display: none; }

  .entraide .notrasso-middle .wrapper-video {
    width: 100%; }

  .nos-offres-actualites .top-bloc-newsletter .content-newsletter p {
    font-size: 22px; }

  .nos-offres-actualites .poste {
    width: 100% !important; }
  .nos-offres-actualites .text-offres-actualites {
    padding-bottom: 32px !important; }
  .nos-offres-actualites .plus-details {
    float: none !important; }
  .nos-offres-actualites .content-offres-actualites .ville-offre {
    width: 100% !important;
    min-height: 50px !important;
    line-height: 50px !important; }
    .nos-offres-actualites .content-offres-actualites .ville-offre p {
      padding-top: 8px;
      padding-bottom: 8px;
      margin: auto; }
  .nos-offres-actualites .content-offres-actualites .text-offres-actualites {
    width: 100% !important;
    margin-left: 0 !important;
    line-height: 0 !important; }
    .nos-offres-actualites .content-offres-actualites .text-offres-actualites p {
      padding-bottom: 15px; }
  .nos-offres-actualites .content-offres-actualites .details-box {
    width: 100% !important; }
  .nos-offres-actualites .actualites-text {
    width: 100% !important; }

  .webhelp-maroc .temoignage-maroc .temoignage-item {
    position: static; }

  .success-stories .bxslider-stories .text-success-slider .content-storie {
    width: 100%;
    line-height: 16px !important;
    margin-top: 1px; }
    .success-stories .bxslider-stories .text-success-slider .content-storie + p {
      width: 100%;
      line-height: 16px !important; }
  .success-stories .bxslider-stories .text-success-slider h3 {
    margin: 0 !important; } }
@media (max-width: 767px) and (min-width: 600px) {
  .webhelp-maroc .webhelp-ville .owl-prev {
    left: -14px; }
  .webhelp-maroc .webhelp-ville .owl-next {
    right: -15px; }
  .webhelp-maroc .webhelp-ville .ville-nom p {
    font-size: 19px; }

  .webhelp-maroc .temoignage-maroc .counter {
    font-size: 25px; }
  .webhelp-maroc .temoignage-maroc .plus {
    font-size: 25px; }
  .webhelp-maroc .temoignage-maroc .criteres-temoignage {
    font-size: 12px; } }
@media (max-width: 670px) {
  #carousel-stories {
    display: block !important;
    margin-top: 73px; }
    #carousel-stories .carousel-caption {
      bottom: 1px; }

  .success-stories #bx-pager {
    background: url(images/bg-tm-avantages.png) repeat-x;
    left: 0; }
  .success-stories .bxslider-stories .text-success-slider .name {
    font-size: 11px !important; }

  .nos-infographies-rh .text, .nos-conseil-rh .text {
    width: 100%; }
  .nos-infographies-rh .text-box-img, .nos-conseil-rh .text-box-img {
    padding-bottom: 25px; }
  .nos-infographies-rh .details-box, .nos-conseil-rh .details-box {
    padding-top: 15px;
    width: 100%; }

  .success-stories .content-storie {
    font-size: 11px !important;
    line-height: 12px !important; }
    .success-stories .content-storie + p {
      font-size: 11px !important;
      line-height: 12px !important; }
  .success-stories .name {
    font-size: 16px !important;
    padding-top: 13px; }
  .success-stories h3 {
    font-size: 17px !important;
    margin: 0 !important; }
  .success-stories .debut-storie {
    font-size: 13px !important;
    padding-bottom: 5px !important; } }
@media (max-width: 640px) {
  .wrapper .logo-bottom {
    bottom: 10px;
    right: 10px;
    width: 80px; }

  .logo-bottom > img {
    max-width: 100%; }

  .adresses-webhelp .ville {
    min-height: auto !important; }
    .adresses-webhelp .ville i.close-ville {
      display: block !important; }
    .adresses-webhelp .ville h3 {
      padding-bottom: 20px !important; }
  .adresses-webhelp .content-ville {
    padding: 35px 20px 0 20px !important; } }
@media (max-width: 700px) {
  .attentes-wh .critere-item:nth-child(6) {
    left: 27px;
    top: 0; }

  .attentes-wh .critere-item {
    width: 100%; }

  .attentes-wh .critere-item {
    padding-bottom: 45px; } }
@media (max-width: 600px) {
	.get-board .services-webhelp-pr .services-item:nth-child(1){
		margin-left: 0px !important;
	}
	.get-board .services-webhelp-pr .services-item:nth-child(3):lang(fr) 	{
        padding-left: 57px !important;
    }
  .get-board {
    padding-left: 77px;
    margin-left: -46px; }
    .get-board .services-webhelp-pr .services-item:nth-child(3) {
      padding-left: 13px; }
    .get-board .services-webhelp-pr .services-item:nth-child(2) {
      margin-left: -20px; }

  .training .formation-ludique-item {
    width: 90% !important; }

  .bien-etre-portugal .container-bien-etre {
    padding-left: 15px;
    padding-right: 15px; }
    .bien-etre-portugal .container-bien-etre .outer-text-hover {
      width: 100%;
      height: 100%; }
  .bien-etre-portugal .img-bien-etre {
    width: 100%;
    height: 100%; }
    .bien-etre-portugal .img-bien-etre h5 {
      top: 49rem !important;
      left: 11px !important;
      -webkit-transition: top ease-in-out !important;
      -webkit-transition-delay: 0.5s !important;
      -moz-transition: top ease-in-out 0.5s !important;
      -o-transition: top ease-in-out 0.5s !important;
      transition: top ease-in-out 0.5s !important;
      font-size: 16px !important; }
    .bien-etre-portugal .img-bien-etre:hover h5 {
      top: 5rem !important;
      font-size: 17px; }
    .bien-etre-portugal .img-bien-etre .text-hover {
      left: 12px !important;
      bottom: 22px !important; }
      .bien-etre-portugal .img-bien-etre .text-hover p {
        font-size: 14px !important; }
  .bien-etre-portugal .bien-etre-pr-box .box-item .shadow img {
    max-width: 100%; }

  .box-fun-portugal h3 {
    padding-left: 25px; }
    .box-fun-portugal h3:before {
      left: 0; }
  .box-fun-portugal .bien-etre-pr-box .box-item .shadow img {
    max-width: 100%; }
  .box-fun-portugal .outer-text-hover {
    width: 100%;
    height: 100%; }
  .box-fun-portugal .img-bien-etre h5 {
    top: 49rem !important;
    left: 11px;
    -webkit-transition: top ease-in-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: top ease-in-out 0.5s;
    -o-transition: top ease-in-out 0.5s;
    transition: top ease-in-out 0.5s; }
  .box-fun-portugal .img-bien-etre:hover h5 {
    top: 5rem !important;
    font-size: 17px; }
  .box-fun-portugal .img-bien-etre:hover .text-hover {
    left: 12px;
    bottom: -16px; }
    .box-fun-portugal .img-bien-etre:hover .text-hover p {
      font-size: 14px; }

  .box-fun-portugal .push-video {
    height: 100%;
    width: 100%; }

  .avantages-webhelp-portugal {
    padding-top: 150px; }

  .slider-home-portugal form {
    width: 85%; }
  .slider-home-portugal .bottom-nav .form-item {
    width: 50% !important; }
  .slider-home-portugal .bottom-nav .select2-container .select2-choice {
    font-size: 15px; }

  .integration .services-webhelp .services-item {
    width: 96% !important; }
    .integration .services-webhelp .services-item:nth-child(1) {
      margin-left: 23px !important; }

  .etapes-recrutement-portugal .nav-tabs .tab2 {
    left: 99px !important; }
  .etapes-recrutement-portugal .nav-tabs .tab3 {
    width: 102px; }

  .etapes-formations-france .formation-continue {
    width: 89%; }

  .formation-ludique-france .formation-ludique-item {
    width: 90%; }
    .formation-ludique-france .formation-ludique-item .inner-item .push-video > img {
      width: 100%; }

  .box-fun-france .box-fun-hover .fun-fr-box .description .description-item p:first-child {
    text-indent: -8px; }

  .etapes-recrutement-portugal .etape1 .item-etape-content {
    width: 94px !important; }

  .aventure-portugal .content-integration {
    margin-left: 6px; }

  .aventure-france .content-integration {
    margin-left: -9px; }

  .slider-home .bottom-nav .input-group-btn {
    width: 100%; }

  .integration-france .services-webhelp .services-item:nth-child(1) {
    width: 187px !important;
    }
    .integration-france .services-webhelp .services-item:nth-child(1) span {
      left: -16px; }

  .etapes-recrutement .nav-tabs {
    width: 288px; }
    .etapes-recrutement .nav-tabs p {
      font-size: 13px;
      line-height: 16px; }
    .etapes-recrutement .nav-tabs .tab2 {
      left: 80px;
      width: 102px; }
  .etapes-recrutement .etape1 .item-etape-content {
    width: 60px; }
    .etapes-recrutement .etape1 .item-etape-content .img-etape {
      top: 9px; }
      .etapes-recrutement .etape1 .item-etape-content .img-etape img {
        width: 36px; }
  .etapes-recrutement .etape2 .item-etape-content .number-etape {
    left: 12px; }
  .etapes-recrutement .img-etape img {
    width: 44px; }

  .input-group-btn {
    width: auto; }

  .etapes-recrutement .tab-content {
    width: 100%; }

  .famille-france .avantages-webhelp {
    margin-left: 0; }

  .content-404 .text-404 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }

  .respect-item-content:nth-child(2) .respect-item-hover .inner-text {
    left: 3px !important; }

  .respect-item-content:nth-child(1) .respect-item-hover .inner-text {
    position: relative;
    left: 6px !important; }

  .success-stories #bx-pager a {
    margin: 0 !important; }
  .success-stories .bx-wrapper {
    height: 215px !important; }
  .success-stories .bx-viewport {
    height: 215px !important; }
  .success-stories .bxslider-stories li {
    height: 215px !important; }
    .success-stories .bxslider-stories li img {
      height: 100% !important; }
  .success-stories .content-storie:before {
    content: none !important; }

  .item-list ul li {
    margin: 0; }

  .postuler .postuler-left {
    width: 100%; }
  .postuler .postuler-right {
    width: 100%; }

  .wrapper-tooltip .tooltipp:after {
    top: 100%;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%; }

  .form-wrapper .info-poste .select2-container {
    width: 100% !important; }
  .form-wrapper .naissance .select2-container {
    width: 100% !important; }

  .box-metier h2 {
    font-size: 60px; }
  .box-metier p {
    padding-left: 15px;
    padding-right: 15px; }

  .wrapper .adresses-webhelp .ville {
    width: 80%;
    left: 50px; }

  .nos-offres-actualites .content-offres-actualites .text-box-gray {
    padding: 0 12px 32px 17px !important; }

  .box-fun .list-events li {
    width: 80%;
    padding-bottom: 30px; }
  .box-fun p + p {
    padding-left: 10px;
    padding-right: 10px; }
  .box-fun .wb-btn {
    font-size: 13px !important;
    padding: 0 8px; }
  .box-fun .list-events.videos {
    padding-left: 0; }
  .box-fun .panel-default > .panel-heading:before {
    left: 0; }
  .box-fun .panel-default > .panel-heading h4 {
    margin-left: 10px; }
  .box-fun .list-promos {
    padding-left: 0; }

  .top-slide-candidature .titre h1 {
    font-size: 30px !important; }
  .top-slide-candidature .titre h2 {
    font-size: 20px; }

  .avantages .text {
    font-size: 20px; }

  .slide-pages .titre h1 {
    font-size: 42px !important;
    padding-left: 8px;
    padding-right: 8px; }

  .bien-etre .container-bien-etre .text {
    font-size: 18px; }

  .bien-etre .way-of-working p {
    font-size: 27px; }
    .bien-etre .way-of-working p span {
      font-size: 45px; }

  .entraide .notrasso-top .logo-notrasso {
    padding-bottom: 20px; }
  .entraide .entraise-top-text {
    padding-left: 0 !important;
    width: 100% !important; }
  .entraide .derniere-action a {
    font-size: 18px; }

  .espace-candidature .buttons .postuler-rappel {
    margin-left: 5px; }
  .espace-candidature .naissance .select2.select2-container {
    width: 33.33% !important; }
  .espace-candidature .radio-civilite {
    width: 87% !important; }
    .espace-candidature .radio-civilite label {
      padding-right: 20px !important; }
  .espace-candidature .contenu-form {
    width: 100%; }
  .espace-candidature .info-poste .select2.select2-container {
    width: 100% !important; }
  .espace-candidature .donnees-personnelles p {
    font-size: 20px; }
  .espace-candidature .donnees-personnelles input {
    width: 100%; }
  .espace-candidature .naissance .input-group {
    width: 100% !important; }
  .espace-candidature .info-poste select {
    width: 100%; }
  .espace-candidature .info-poste p {
    font-size: 20px; }
  .espace-candidature .cv .fileinput-button {
    width: 100% !important; }
  .espace-candidature .source-webhelp p {
    font-size: 19px; }

  .avantages-webhelp .avantages-tabs {
    width: 100%; }

  .webhelp-maroc .webhelp-ville .owl-buttons {
    display: none; }

  .webhelp-maroc .temoignage-maroc .temoignage-item {
    width: 100%; }
  .webhelp-maroc .webhelp-maroc-content h1 {
    font-size: 40px; }

  .webhelp-maroc .webhelp-ville .ville-nom p {
    font-size: 12px; }

  .details-offre .content-details-offres {
    padding-left: 25px;
    padding-right: 25px; }
  .details-offre h2 {
    font-size: 30px;
    line-height: 40px; }
  .details-offre .top-details-offres {
    padding-bottom: 60px; }
    .details-offre .top-details-offres .link-postuler {
      float: none;
      bottom: 0;
      top: 23px; }

  .etapes-formations .items-formations {
    width: 100%; }
  .etapes-formations .content-item-formation {
    width: 69%; }

  .wb-university .wb-university-top {
    padding-bottom: 45px; }

  .nos-offres-actualites .top-bloc-newsletter .content-newsletter p {
    padding: 0px 10px 33px 10px; }

  .box-metier .btn-back {
    top: -40px; } }
@media (max-width: 650px) {
  .opacity-hover {
    opacity: 1 !important; }

  .entreprise-responsable-pr {
    overflow: hidden; }
    .entreprise-responsable-pr .respect-items .respect-item-content {
      width: 236px; }
      .entreprise-responsable-pr .respect-items .respect-item-content .back {
        background: url(images/hover-respect-mobile.png) no-repeat;
        width: 291px !important;
        padding-top: 35px; }
        .entreprise-responsable-pr .respect-items .respect-item-content .back .inner-text {
          opacity: 0; }
        .entreprise-responsable-pr .respect-items .respect-item-content .back p {
          height: 114px;
          width: 210px; }
    .entreprise-responsable-pr .respect-items .content-hover {
      position: static !important; }
    .entreprise-responsable-pr .respect-items .soucieux-partenaires-content, .entreprise-responsable-pr .respect-items .equite-meritocratie-content {
      position: static !important; }
    .entreprise-responsable-pr .respect-item-hover .inner-text {
      width: 213px;
      left: 49px !important; }
    .entreprise-responsable-pr .respect-item-hover:before {
      width: 292px; }
    .entreprise-responsable-pr .soucieux-partenaires, .entreprise-responsable-pr .equite-meritocratie {
      left: 0;
      top: 0; } }
@media (max-width: 520px) {
  .bottom-forum .push-video > img {
    width: 100%;
    height: 300px;
    max-width: 100%;
    display: block; }
  .bottom-forum .push-video {
    width: 100%;
    height: 175px; }

  .entreprise-responsable .respect-items {
    max-width: 286px; }

  .respect-item-content:nth-child(1) .content-hover {
    left: -13px;
    top: 11px; }

  .respect-item-content:nth-child(2) .content-hover {
    left: -13px;
    top: 11px; }

  .respect-item-content:nth-child(3) .content-hover {
    left: -12px;
    top: 11px; }
  .respect-item-content:nth-child(3) .inner-text {
    left: 3px;
    width: 215px; }

  .respect-item-content:nth-child(4) .content-hover {
    left: 33px;
    top: 161px; }

  .respect-item-content:nth-child(5) .content-hover {
    left: 36px;
    top: 161px; }
  .respect-item-content:nth-child(5) .inner-text {
    left: 3px;
    width: 187px; }
  .respect-item-content:nth-child(5) .inner-hover {
    padding-top: 38px !important; }

  .entreprise-responsable .respect-item-hover h6 {
    font-size: 16px; }
  .entreprise-responsable .respect-item-hover .inner-text p {
    font-size: 13px; }
  .entreprise-responsable .respect-item-hover:before {
    background: url(images/hover-respect-mobile.png) no-repeat; }
  .entreprise-responsable .respect-item-hover .content-hover {
    left: 0; }
  .entreprise-responsable .inner-hover {
    padding-top: 30px !important; }

  .respect-item-hover {
    width: 100% !important; } }
@media (max-width: 480px) {
  .box-fun-portugal .push-video {
    width: 100% !important; }
  .box-fun-portugal .img-bien-etre .text-hover {
    padding-right: 15px;
    left: 12px;
    bottom: -16px; }
    .box-fun-portugal .img-bien-etre .text-hover p {
      font-size: 14px;
      line-height: 18px; }

  .our-opportunities h2 a {
    display: block;
    width: 49px;
    margin: 10px auto 0 auto; }

  .nos-offres-actualites .content-offres-actualites .trouver-emploi .input-group-btn {
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi form button {
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi .form-item {
    width: 100%; }

  .job-sector h2 {
    padding: 0 15px; }

  .webhelp-france .our-values {
    width: 214px; }
  .webhelp-france .btn-back {
    left: 15px;
    top: -63px; }
  .webhelp-france .villes-items-france .ville-noms-bottom .ville-nom {
    width: 100% !important; }
  .webhelp-france .villes-items-france .ville-noms-top .ville-nom {
    width: 100% !important; }
  .webhelp-france .ville-nom p {
    text-align: left !important; }
  .webhelp-france .villes-items {
    padding-left: 22px; }

  .espace-candidature.identif .identif-left {
    width: 100%; }
  .espace-candidature.identif .identif-right {
    width: 100%; }
  .espace-candidature.identif input {
    width: 100% !important; }
  .espace-candidature.identif button {
    width: 100% !important; }
  .espace-candidature.identif .bottom-espace-membre a {
    font-size: 12px; }
  .espace-candidature.identif .social-media li {
    padding-right: 10px !important; }
  .espace-candidature.identif .social-media i {
    font-size: 30px !important;
    height: 70px !important;
    width: 70px !important;
    line-height: 68px !important; }

  .espace-candidature .buttons .postuler-rappel {
    top: -161px;
    margin-left: 0; }

  .box-metier .bx-controls {
    display: none; }
  .box-metier .pushs {
    width: 100%; }
    .box-metier .pushs .push {
      width: 80%; }

  .avantages-webhelp .navigation-tabs a {
    height: 76px;
    width: 76px; }
  .avantages-webhelp .navigation-tabs ul {
    display: block;
    width: 225px;
    margin: auto; }
  .avantages-webhelp img {
    margin: 3px auto 0 auto !important; }

  .panel-default > .panel-heading h4 {
    font-size: 18px; }

  .avantages .content-avantages-item .text-avantages h4 {
    font-size: 20px; }

  .bien-etre .bien-etre-item .img-bien-etre {
    padding-left: 0; }
    .bien-etre .bien-etre-item .img-bien-etre img {
      display: block;
      margin: auto; }
  .bien-etre .bien-etre-item .text-bien-etre {
    width: 100%;
    padding-right: 15px; }
  .bien-etre .bien-etre-item h4 {
    font-size: 20px; }

  .entraide .notrasso-middle .video {
    width: 100%;
    padding-left: 0; }
    .entraide .notrasso-middle .video iframe {
      width: 100%; }
  .entraide .derniere-action a:after {
    content: none; }

  .nos-offres-actualites .form-wrapper .select2-container {
    margin-left: 0; }
  .nos-offres-actualites .content-offres-actualites .offres .text-offres {
    padding: 6px 0 32px 32px; }
  .nos-offres-actualites .content-offres-actualites .offres .details-poste {
    width: 100%; }
    .nos-offres-actualites .content-offres-actualites .offres .details-poste a {
      float: none;
      display: table;
      margin: auto; }

  .bottom-forum .owl-buttons {
    display: none; }

  .success-stories .content-storie {
    font-size: 10px !important;
    line-height: 11px; }
  .success-stories .name {
    font-size: 10px !important; }
  .success-stories .debut-storie {
    font-size: 11px !important;
    padding-bottom: 1rem; }
  .success-stories h3 {
    font-size: 15px !important;
    padding-top: 3px !important; }
  .success-stories .carousel-control {
    width: 8%; }
  .success-stories #bx-pager a {
    height: 51px; }
  .success-stories .carousel-caption {
    left: 6%;
    right: 6%;
    bottom: -16px !important; }

  .webhelp-maroc .webhelp-ville .ville-nom {
    position: static;
    width: 100%; }
    .webhelp-maroc .webhelp-ville .ville-nom p {
      font-size: 20px; }

  .details-offre .mission-offres h5 {
    font-size: 19px; }
  .details-offre .mission-offres p {
    font-size: 16px; }
  .details-offre h2 {
    font-size: 27px;
    line-height: 36px; }

  .box-fun .push-video {
    width: 90% !important; }

  .buttons .postuler-rappel {
    margin-top: 20px; }

  .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-prev {
    left: -36px; }

  .webhelp-maroc .webhelp-maroc-carousel .bx-controls .bx-next {
    right: -36px; } }
@media (max-width: 400px) {
  .slider-home-portugal p {
    margin-top: -66px !important; }

  .etapes-formations-france .formation-continue {
    width: 100%; }

  .wrapper-tooltip .tooltipp {
    left: -40px !important; }

  .bien-etre .bien-etre-item .grow.pic {
    width: 211px !important; }

  .avantages #collapseOne .grow.pic {
    width: 100% !important; }
    .avantages #collapseOne .grow.pic img {
      height: auto !important; }

  .wrapper .adresses-webhelp .ville {
    width: 92%;
    left: 13px; }

  .espace-candidature input[type="radio"] + label {
    width: 100%; }
  .espace-candidature .naissance .select2.select2-container {
    width: 100% !important; }

  .nos-offres-actualites .content-offres-actualites .trouver-emploi .input-group {
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi form .form-control {
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi .input-group-btn {
    display: table;
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi button {
    width: 100%; }
  .nos-offres-actualites .content-offres-actualites .trouver-emploi .select2-container {
    width: 100% !important;
    margin-left: 0 !important; }

  .entreprise-responsable .respect-items {
    padding-left: 0;
    padding-right: 0; }

  .webhelp-maroc .temoignage-pourcentage .progress-value {
    font-size: 20px; }
  .webhelp-maroc .temoignage-pourcentage .content-progress {
    width: 260px; }
    .webhelp-maroc .temoignage-pourcentage .content-progress .badge {
      left: 2px; }

  .etapes-formations .content-item-formation {
    padding-bottom: 50px; }
    .etapes-formations .content-item-formation:before {
      content: none; }
  .etapes-formations .formation-continue .content-item-formation:before {
    content: none; }
  .etapes-formations .inside {
    margin-top: 0 !important;
    text-align: center; }
  .etapes-formations .items-formations {
    padding-top: 73px; }
    .etapes-formations .items-formations h4:before {
      position: static;
      margin: auto; }
  .etapes-formations .etape-number {
    float: none;
    margin: auto;
    margin-bottom: 16px; }
  .etapes-formations .content-item-formation {
    width: 100%; }
  .etapes-formations .etape-number {
    width: 100%; }
  .etapes-formations .catalogue {
    width: 100%; }
  .etapes-formations .nbre-heure-formation {
    width: 100%; }
  .etapes-formations .type-formation-continue .type-formation-item {
    width: 100%; }

  .box-fun .wb-btn {
    height: 57px;
    line-height: 21px;
    padding: 8px 8px; }

  .entraide .entraide-middle .push-video {
    width: 90%; } }

/*# sourceMappingURL=main.css.map */
.get-board .services-webhelp-pr .services-item:nth-child(3):lang(fr) 	{
        padding-left: 91px;
    	margin-left: -61px;
    }