.bannerImage-bg > img{min-height: 100%;width: 100%;}


@media (max-width:1199px) {
/* Desktop */
/*.recruteContentWrapper{overflow-y:auto; }*/
.associateInfo > ul.images li {
  width: 32%;
}
}


/* desktop small screen */

@media all and (min-width:768px) and (max-width:992px) {
  .mkOrgaBlocVt {padding-bottom:28px !important;}    
}

@media all and (min-width:992px) and (max-height:800px) {
.details > img:nth-child(2),.details > img:nth-child(1){
width: 80px;
}

.details > img:nth-child(3){
width: 150px;
}


  .parentWapper {
    position: relative;
    background-color: #fff;
    background-image: url("../images/timeline-bg-small.jpg");
    background-position: bottom left;
    background-size: 2575px 800px;
    z-index: 100;
  }
  .headerWrapper {
    overflow: visible;
    width: 2125px;
    background-color: #fff;
    background-image: url("../images/timeline-bg-small.jpg");
    background-position: bottom left;
    background-size: 2575px 800px;
  }

  span.details h2 {
    margin: 0 0 3px;

    font-size: 22px;
    line-height: 1.1;
  }
  .details p {
    font-size: 12px;
    line-height: 1.2;
  }

  .detailsImg > p {
    width: 103%;

    line-height: 1.1;
  }

  .startpoint {
    height: 75px;
  }
  .endpoint {
    right: 0;
    height: 75px;
  }

  .brkBorder {
    height: 36px;
    bottom: 39px;
  }

  .quterOffers {
    width: 256px;
    height: 375px;
  }
  .quterOffers > .wrapper > h1 {
    margin: 0;
    bottom: 104px;

    font-size: 34px;
  }
  .quterOffers > .wrapper > .mapIcon {
    right: -9px;
    width: 21px;
  }
  .quterOffers > .wrapper > .pointer {
    top: 40px;
    right: -2px;

    font-size: 8px;
  }

  .line1 {
    top: 212px;
    transform: rotate(326.5deg);
     -webkit-transform: rotate(326.5deg);
  }
  .step1Width{
    width: 305px !important;
  }

  .numOne {
    top: 0;
    left: 75px;
    width: 60px;
    height: 60px;

    border-radius: 30px;

    font-size: 17px;
    line-height: 60px;
  }
  .line2 {
    top: 38px;
    left: 0;
    transform: rotate(368.6deg);
     -webkit-transform: rotate(368.6deg);
  }
  .step2Width {
    width: 105px !important;
  }
  .stepOne {
    left: 256px;
    width: 303px;
    height: 370px;
  }
  .stepOneStatus {
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .stepOneStatus .brkOne {
    left: 107px;
  }
  .stepOne > .wrapper > .pointer {
    top: 50px;
    left: 102px;
    font-size: 8px;
  }
  .stepOne .wrapper > span.details {
    top: 70px;
    left: 107px;
  }
  .stepOne .wrapper > span.detailsImg {
    bottom: 90px;
    left: 107px;
    width: auto;
  }
  .stepOne .wrapper > span.detailsImg img:first-child {
    width: 39px;
    height: 39px;
  }
  .stepOne .wrapper > span.detailsImg img.arrow {
    bottom: 96px;
    left: 19px;
    width: 25px;
    height: 22px;
  }
  .stepOne .wrapper > span.detailsImg > p {
    margin: 12px 0 0;
  }

  .numTwo {
    top: 0;
    left: -30px;
    width: 60px;
    height: 60px;

    border-radius: 30px;

    font-size: 17px;
    line-height: 60px;
  }
  .line3 {
    top: 67px;
    left: -200px;
    transform: rotate(355deg);
     -webkit-transform: rotate(355deg);
  }
  .step3Width {
    width: 200px !important;
  }
  .stepTwo {
    left: 559px;
    width: 281px;
    height: 384px;
  }
  .stepTwoStatus {
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .brkTwo > p {
    left: -10px;
    line-height: 1.1;
  }
  .stepTwo > .wrapper > .pointer {
    top: 45px;
    left: -4px;
    font-size: 8px;
  }
  .stepTwo .wrapper > span.details {
    top: 70px;
  }
  .stepTwo .wrapper > span.details p {
    width: 180px;
  }
  .stepTwo .wrapper > span.detailsImg {
    bottom: 77px;
    width: auto;
  }
  .stepTwo .wrapper > span.detailsImg img {
    width: 38px;
  }
  .stepTwo .wrapper > span.detailsImg > p {
    margin: 12px 0 0;
  }

  .numThree {
    top: 0;
    left: -30px;
    width: 60px;
    height: 60px;

    border-radius: 30px;

    font-size: 17px;
    line-height: 60px;
  }
  .line4 {
    top: 104px;
    left: -280px;
    transform: rotate(349.4deg);
     -webkit-transform: rotate(349.4deg);
  }
  .step4Width {
    width: 285px !important;
  }
  .stepThree {
    left: 840px;
    width: 237px;
    height: 439px;
  }
  .stepThreeStatus {
    left: 0;
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .stepThree > .wrapper > .pointer {
    top: 48px;
    left: -4px;
    font-size: 8px;
  }
  .stepThree .wrapper > span.details {
    top: 70px;
  }
  .stepThree .wrapper > span.detailsImg {
    bottom: 77px;
  }
  .stepThree .wrapper > span.detailsImg img {
    width: 52px;
  }
  .stepThree .wrapper > span.detailsImg > p {
    margin: 12px 0 0;
  }

  .numFour {
    top: 0;
    left: -30px;
    width: 60px;
    height: 60px;

    border-radius: 30px;

    font-size: 17px;
    line-height: 60px;
  }
  .line5 {
    top: 180px;
    left: -236px;
    transform: rotate(324.1deg);
     -webkit-transform: rotate(324.1deg);
  }
  .step5Width {
    width: 290px !important;
  }
  .stepFour {
    left: 1077px;
    width: 244px;
    height: 568px;
  }
  .stepFourStatus {
    left: 0;
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .stepFour > .wrapper > .pointer_2 {
    top: 6px;
    left: -4px;
    font-size: 8px;
  }
  .stepFour .wrapper > span.details {
    top: 70px;
    left: 0;
  }
  .stepFour .wrapper > span.detailsImg {
    bottom: 77px;
    width: 190px;
  }
  .stepFour .wrapper > span.detailsImg img {
    width: 49px;
  }
  .stepFour .wrapper > span.detailsImg > p {
    margin: 12px 0 0;
  }
  .stepFour > .wrapper > .mapIcon {
    top: 71px;
    right: -10px;
    width: 21px;
  }
  .stepFour > .wrapper > .pointer {
    top: 109px;
    right: -3px;

    font-size: 8px;
  }

  .stepFive {
    left: 1320px;
    width: 180px;
    height: 568px;
  }
  .line6 {
    top: 8px;
    left: -243px;
    transform: rotate(23deg);
     -webkit-transform: rotate(23deg);
  }
  .numFive {
    display: block;
    margin: 5px auto;
    position: relative;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;

    border-radius: 11px;

    font-size: 12px;
    line-height: 22px;
  }
  .stepFive > .wrapper > .details > .pointer {
    top: 98px;
    right: 30px;

    font-size: 8px;
  }
  .stepFive > .wrapper > .details > .pointer_2 {
    top: 135px;
    left: 105px;

    font-size: 8px;
  }
  .stepFiveStatus {
    left: 0;
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .stepFiveStatus .brkFive {
    left: 72px;
  }
  .brkFive > p:first-child {
    top: -20px;
    left: -75px;

    line-height: 1.1;
  }
  .stepFiveStatus .brkSix {
    left: 133px;
  }
  .brkSix > p:first-child {
    top: -55px;
    left: -35px;
    width: 100px;

    line-height: 1.1;
  }
  .step6Width {
    width: 264px !important;
  }
  .stepFive .wrapper > span.detailsImg {
    bottom: 140px;
  }
  span.detailsImg h1 {
    right: auto;
    bottom: 0;
    left: 0;
    width: 210px;

    font-size: 34px;
  }
  .stepFive > .wrapper > span.details > h4 {
    margin: 0;

    font-size: 12px;
    text-align: center;
  }
  .stepFive > .wrapper > span.details {
    top: 150px;
    left: 10px;
    width: 90px;
  }
  .stepFive .details > img {
    width: 36px;
  }

  .stepSix {
    left: 1500px;
    width: 210px;
    height: 472px;
  }
  .stepSixStatus {
    left: 0;
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .stepSix > .wrapper > span.details {
    top: 0;
  }
  .stepSix > .wrapper > span.details img:first-child {
    width: 51px;
  }
  .stepSix > .wrapper > .details > .pointer {
    left: -1px;
    top: 57px;
    font-size: 8px;
  }
  .stepSix > .wrapper > .details > span {
    top: 80px;
    left: -10px;
  }
  .stepSix > .wrapper > .details > span > h5 {
    margin: 0 0 5px;
  }
  .line7 {
    left: 0;
    top: 113px;
    transform: rotate(375.6deg);
     -webkit-transform: rotate(375.6deg);
  }
  .step7Width {
    width: 160px !important;
  }
  .line8 {
    top: 156px;
    right: 23px;
    transform: rotate(313.3deg);
     -webkit-transform: rotate(313.3deg);
  }
  .step8Width {
    width: 132px !important;
  }
  .line9 {
    left: 70px;
    top: 253px;

    transform: rotate(35.8deg);
     -webkit-transform: rotate(35.8deg);
    transform-origin: left center 0;
  }
  .step9Width {
    width: 60px !important;
  }
  .stepSix > .wrapper > span.detailsClient {
    left: 80px;
    top: 180px;
  }
  .detailsClient > .pointer {
    top: 0;
    left: -4px;

    font-size: 8px;
  }
  .line10 {
    display: none;
  }
  .line11 {
    left: 119px;
    top: 289px;
    transform: rotate(356.5deg);
     -webkit-transform: rotate(356.5deg);
  }
  .step11Width {
    width: 142px !important;
  }
  .clients {
    top: 15px;
    left: -35px;
    width: 70px;
    height: 70px;

    border-radius: 35px;
  }
  .clients > h2 {
    margin: 16px 2px 0 0;

    font-size: 20px;
  }
  .clients > p {
    font-size: 10px;
  }
  .sectors {
    top: 70px;
    left: -35px;
    width: 70px;
    height: 70px;

    border-radius: 35px;
  }
  .sectors > h2 {
    margin: 16px 2px 0 0;

    font-size: 20px;
  }
  .sectors > p {
    font-size: 10px;
  }

  .brkSeven > p:first-child {
    top: -20px;
    left: 0;

    line-height: 1.1;
  }
  .stepSixStatus .brkEight {
    left: 82px;
  }
  .brkEight > p:first-child {
    bottom: 50px;
    left: 0;
    width: 120px;

    line-height: 1.1;
  }

  .stepSeven {
    left: 1710px;
    width: 295px;
    height: 470px;
  }
  .stepSevenStatus {
    left: 0;
    width: 100%;
    height: 50px;

    border-top-width: 2px;
  }
  .stepSeven > .wrapper > span.details {
    top: 0;
    left: -20px;
  }
  .circle {
    width: auto;
  }
  .circle canvas {
    width: 56px;
    height: 56px;
  }
  .first.circle > .statics,
  .third.circle > .statics,
  .forth.circle > .statics {
    margin: 0;
    bottom: 10px;
    left: 65px;

    font-size: 12px;
  }
  .second.circle > .statics {
    margin: 0;
    right: 65px;
    bottom: 10px;

    font-size: 12px;
  }
  .forth.circle > .statics {
    bottom: 25px;
  }
  .stepSeven > .wrapper > .detailsNumber {
    right: 85px;
    bottom: 130px;
  }
  .detailsNumber > h1 {
    margin: 0;

    font-size: 38px;
  }
  .stepSeven > .wrapper > .pointer {
    bottom: 185px;
    left: 26px;

    font-size: 8px;
  }
  .stepSeven > .wrapper > .pointer2 {
    bottom: 180px;

    font-size: 8px;
  }
  .brkNine > p:first-child {
    bottom: 38px;
    left: 0;

    line-height: 1.1;
  }
  .brkTen > p:first-child {
    bottom: 38px;

    line-height: 1.1;
  }
  .line12 {
    top: 183px;
    left: 80px;
    transform: rotate(392deg);
     -webkit-transform: rotate(392deg);
  }
  .step12Width {
    width: 183px !important;
  }
  .line13 {
    top: 283px;
    left: 240px;
    transform: rotate(362deg);
     -webkit-transform: rotate(362deg);
  }
  .step13Width {
    width: 128px !important;
  }
  .stepSevenStatus .brkTen {
    left: 120px;
  }

  .stepEleone {
    left: 2005px;
    width: 120px;
    height: 480px;
  }
  .stepEleoneStatus {
    left: 0;
    width: 30px;
    height: 50px;

    border-top-width: 2px;
  }
  .stepEleoneStatus .imgEnd {
    top: -20px;
    right: -60px;
    width: 50px;
  }
  .brkEleone > p:first-child {
    bottom: 38px;
    line-height: 1.1;
  }
  .stepEleone > .wrapper > span.details {
  /*  top: 0;*/
    top: -80px;
    left: -120px;

    text-align: left;
  }
/*  .stepEleone > .wrapper > span.details > img:first-child {
    width: 195px;
  }*/
  .details > .info {
    display: block;
    left: 0;
    margin: 0 0 0 90px;
  }
  .details > .info > img:first-child {
    display: block;
    position: absolute;
    top: 15px;
    left: -24px;
  }
  .details > .info > span > h2 {
    font-size: 47px;
  }
  .details > .info > span > p {
    display: block;
    margin: 0;
    width: 120px;

    font-size: 12px;
    line-height: 1.1;
  }
  .stepEleone > .wrapper > .details > .pointer_2 {
    top: 280px;
/*    top: 582px;*/
    left: 117px;

    font-size: 8px;
  }
  .line14 {
    top: 288px;
    left: 370px;

    transform: rotate(326.5deg);
     -webkit-transform: rotate(326.5deg);
  }
  .step14Width {
    width: 165px !important;
  }
  .line15 {
    top: 195px;
    left: 505px;
  }
  .step15Width {
    width: 100px !important;
  }

  .backBtn {
    /* bottom: 26px !important; */
  }
}

@media all and (max-width:1350px) {

.orgMenu .headWrap h1 {font-size:90px;width:100% !important;}
  .sliderHide .imgWrap, .presentaionImg .imgWrap{
    overflow: hidden;
  }
}
/* tablet 768 landscape */
@media all and (min-width:767px) and (max-width:1199px) {
  .calender .bannerHeading{top: 25%;}
  .homePageContents ul.images > li{width: 49%;margin: 30px 0 10px;}
  .homePageContents .listWrapper{ position: relative;width: 270px;}
  .homePageContents ul.images {margin: 15px auto;width: 80%;}
  .images li.anchorLink .listWrapper a{text-align: right;border:8px solid transparent;}
  .sliderContent{width: 75%;}
  .sliderContent > h5{outline: 2px solid #fff;}
  .calSection{border:3px solid #000;}
  .homePageContents .calenderWrapper{margin: 0 30px;}
  .menu-item::after {width:100%;}
  /* Qui Page Tablet */
  .quiContentWrapper {max-height: 430px;}
  .euiPage .presentInfo, .temoignages .presentInfo { padding: 10px 40px 20px 70px;height: auto;}
  .qui-Menu h1 {font-size: 110px;left: 128px;line-height: 120px;}
  .newsPartner .margin-top {margin-top: 20px;}
  /*.paragraphWrapper {padding: 0 70px;}*/
  .Newscalender .date-details h1{width: 100%;}
  .Newscalender,.newsSection .paginations{padding: 0 55px;}
  .publication-Header-Img, .nospublication-Header-Img, .nosNews-Header-Img, .publication-Header-Img, .actuOne-Header-Img, .equipeHeader-Img, .qui-Header-Img, .equipeHeader-Img, .recruite-Header-Img, .recruite-Header-Img, .temog-Header-Img{height: auto;width: 100%;}
  .sliderWrapper{height: auto;}
  .newsGallery{padding: 0 55px;}
  .publication-Menu h1,.recruite-Menu h1, .nosNews-Menu h1,.actuOne-Menu  h1{left:128px;line-height:120px;}
  .leftSpan .parentContent{width: 90%;}
  .icons-block{height: 280px;}
  .vieImg{width: 50%;}
  .viePage .presentInfo {padding: 15px 0 10px 125px;}
  .middleWrapper img.firstImg:first-child {left: -135px;top: -10px;}
  .middleWrapper img.lastImg:last-child {bottom: 0;right: -135px;top:inherit;}
  .rightImgArrow {right: -30px;text-align: center;}
  .sectionOne.lastSection{margin-right: 45px;}
  .careerMiddleImg h1{width: 45%;}
  /*.innovation .videoSection iframe, .videoSection iframe {border: 10px solid #fff;height: 327px;width: 570px;}*/
  .menuPara{right: 0;bottom: 30px;}
  .videoWrapper {max-width: 600px;}
  .recruteSection .partners::after {background-size: contain;}
  .recruteSection .presentInfo {padding: 15px 30px 0 105px;}

  .recruteSection .partners::after {background-size: initial;}
  .equipeHeader-Img{height: 330px;}
  .nosActuselect {margin: 0 auto;width: 100%;}
  .sliderHide .imgWrap, .presentaionImg .imgWrap{    height: 460px;
    margin-right: 0;
    overflow: hidden;
    width: 100%;}
.presentaionImg .imgWrap > img{    height: auto;
    width: auto;
    max-width: inherit; max-height: 462px;}
/*.euiPage .vieContentWrapper, .recruteSection .vieContentWrapper {
  max-height: 300px;
  min-height: 300px;
  overflow-y: auto;
}*/
.rightPadding{padding-right: 0;}



.innoMenu .bottom-span, .marketingMenu .bottom-span, .orgMenu .bottom-span, .strategieMenu .bottom-span, .sectorMenu .bottom-span, .qui-Menu .bottom-span, .equipeMenu .bottom-span, .bottom-span, .nospublication-Menu .bottom-span, .nosNews-Menu .bottom-span, .recruite-Menu .bottom-span, .publication-Menu .bottom-span, .actuOne-Menu .bottom-span, .temog-Menu .bottom-span {
    left: -2px;
    bottom: -2px;
}
.recruteSection .presentaionImg .imgWrap img, .euiPage .presentaionImg .imgWrap img{height:auto;width:100%;}
.recruteSection .presentaionImg .imgWrap, .euiPage .presentaionImg .imgWrap{height: auto;}
.recruteSection .vieContentWrapper, .euiPage .vieContentWrapper{
     min-height: 300px;
    max-height: 300px;
  overflow-y: auto;
}
.divHead{margin-top:55px;}
.personDivWrapper .sectionInfo {padding: 15px 0;}
.euiPage .presentInfo {padding: 10px 0 20px 120px;}
.recruteSection .presentInfo {padding: 15px 0 0 115px;}
.bannerImage-bg > img{min-height: 100%;width: 100%;}






}

/* 768 devices tablet */
@media (max-width:991px) {
    /* Tablet */
    /* Menu */

    .innoMenu .bottom-span, .marketingMenu .bottom-span, .orgMenu .bottom-span, .strategieMenu .bottom-span, .sectorMenu .bottom-span, .qui-Menu .bottom-span, .equipeMenu .bottom-span,.actuOne-Menu .bottom-span, .nosNews-Menu .bottom-span, .bottom-span, .recruite-Menu .bottom-span, .temog-Menu .bottom-span {height: 80px;width:80px;bottom:-1px;}
    .sectorMenu, .equipeMenu, .publication-Menu, .nosNews-Menu,.recruite-Menu, .contact-Menu, .qui-Menu, .temog-Menu,.actuOne-Menu, .publication-Menu, .nospublication-Menu {height: 282px;}
    .publication-Menu h1,.temog-Menu h1, .contact-Menu h1,.recruite-Menu h1,.nosNews-Menu h1,.actuOne-Menu h1, .nospublication-Menu h1{font-size: 95px;left:102px;}
    .contactWork.contact-Menu h1{bottom: 0;left: 95px;line-height: 80px;}
    .publication-Menu h1,.recruite-Menu h1, .nosNews-Menu h1,.actuOne-Menu  h1, .nospublication-Menu h1{line-height: 90px;bottom: 10px;left: 80px;}
    .publication-Header-Img, .nospublication-Header-Img, .innoHeader-Img, .nosNews-Header-Img, .equipeHeader-Img, .qui-Header-Img, .equipeHeader-Img, .recruite-Header-Img, .recruite-Header-Img, .temog-Header-Img {width:auto; height: auto;}
    .contact-top{height: 90px;width:90px;}

    .careerMiddleImg {background-image: url("../images/captain.jpg");  background-position: center center;  background-repeat: no-repeat;  background-size: 100% auto;}

    .qui-Menu h1 {font-size: 95px;width:82%;letter-spacing: 0;}
    .euiPage .presentInfo, .temoignages .presentInfo {padding: 10px 40px 10px 80px;}
    .euiPage .presentInfo h3 {font-size: 30px;margin-top: 25px;}
    .presentaionImg  {padding: 0;}
    .imgWrap, .viePage .imgWrap {margin: 0;}
    .presentaionImg img{height: auto;width: 100%;}
    .euiPage .parentContent::before {left: -91px;top: -30px;}
    .euiPage .parentContent::after {bottom: -30px;right:0;}
    .euiPage .parentContent > h1 {display: inline-block;}
    .leftSpan .parentContent{width: 85%;}
    .euiPage .parentContent > h1::after {top: 130px;}
    .euiPage .partners {padding: 40px 0 35px;}
    .euiPage .parentContent > p {font-size: 26px;line-height: 44px;}

    .bannerBgText {font-size: 140px;left: 10px;overflow: hidden;width: 100%;}


    .pointVal {margin-left: 0;}

    /* Contact page */

    .contacterPage .contactPageWrapper{max-width:610px;}
    .map{height:420px;overflow: hidden;}

    .contactForm textarea {height: 167px;}
    .contactPageWrapper .contactForm {margin: 0 0 20px;}
     /*.marginTop{ margin-top: -20px;}*/
    .contactWrapper.marginTop .send{margin-top:22px; }
    .contactWrapper.marginTop .send, .send {
      margin-top: 0;
    }
    .sendForm a.send{margin-top: 37px;}

    /* recritement page */
    .recruteSection .presentInfo {padding: 10px 30px 20px 78px;}
    .recruteSection .recruteContentWrapper {
      height: auto;
    }
    .recruteSection .presentInfo h3 {margin: 15px 0 20px;}
    .recruteWrapper,.contactPageWrapper {max-width:610px;}
    /*.recruteContentWrapper{overflow-y:auto; }*/
    .recruteSection .presentaionImg img{width: 100%;}
    .bannerBgText{left: 0;}

    /* Sectors page */
    /*.strategieHeader-Img, .innoHeader-Img .headerImg, .marketingHeader-Img .headerImg, .orgHeader-Img .headerImg, .strategieHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg {height: 100%;margin: 0 auto;max-height: 390px;width: 90%;}*/
    .innoHeader-Img .headerImg, .marketingHeader-Img .headerImg, .orgHeader-Img .headerImg, .strategieHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg {height: 100%;width:80%}
    /*.strategieHeader-Img, .innoHeader-Img .headerImg, .marketingHeader-Img .headerImg, .orgHeader-Img .headerImg, .strategieHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg{max-height: 280px;}*/
    .associateInfo > ul.images li {width:100%;}


    /*.marketingMenu .headWrap h1, .innoMenu .headWrap h1, .orgMenu .headWrap h1, .strategieMenu .headWrap h1, .sectorMenu .headWrap h1 {bottom: 60px;font-size: 90px;left: 40px;line-height: 80px;width: 90%;}*/
    .equipeMenu .headWrap h1{bottom: 30px;font-size: 98px;left: 30px;line-height: 80px;width: 60%;}
    .presentInfo.sector {padding: 30px 90px;}

    .icons-block{height: 300px;}
    .sector-list ul li{font-size: 12px;}

    .icons-block:nth-child(4n) .overlay-sectors h3:before,
    .icons-block:nth-child(5n) .overlay-sectors h3:before,
    .icons-block:nth-child(6n) .overlay-sectors h3:before,
    .icons-block:nth-child(10n) .overlay-sectors h3:before,
    .icons-block:nth-child(11n) .overlay-sectors h3:before,
    .icons-block:nth-child(12n) .overlay-sectors h3:before,.overlay-sectors h3:before{top: -8px;}
    .icons-block:nth-child(4n) .overlay-sectors h3:after,
    .icons-block:nth-child(5n) .overlay-sectors h3:after,
    .icons-block:nth-child(6n) .overlay-sectors h3:after,
    .icons-block:nth-child(10n) .overlay-sectors h3:after,
    .icons-block:nth-child(11n) .overlay-sectors h3:after,
    .icons-block:nth-child(12n) .overlay-sectors h3:after,.overlay-sectors h3:after{bottom: 10px;}



    /* Vie  */
    .viePage .presentInfo {padding: 0 30px 10px 77px;}
    .vieImg{width: 100%;}
    .personDivWrapper{height: auto;}
    .border-bottom,.border-top  {border-bottom: 1px solid #000;display: block;left: 0;margin: 0 auto;padding-bottom: 20px;position: absolute;right: 0;text-align: center;bottom: -10px;width: 95%;}
    .border-top{top: 0;}
    .contact-top {
      height: 120px;
      width: 120px;
    }



    /* nos-actus page */
    .newsPartner {padding: 0 40px 0 15px;}
    /*.newsReport .presentaionImg img{height: 370px;width: 385px;}*/
    .newsReport .presentaionImg img {height: auto;width: 100%;}
    .newsPartner .margin-top{margin-top: 28px;}
    .newsPartner {padding: 0 20px 0 72px;}
    .newsPartner .newsContentWrapper .Intro{margin: 18px 0;}
    .recruteSelect, .nosActuselect {margin: 30px auto;width:100%;}
    .calenderPage .dateSection h1 {
      font-size: 90px;
      margin: 0;
    }
    .calSection .actudate{bottom: 0;left: 0;margin: 0 auto;right: 0;}
    .newsPartner .dropdown .selected, .dropdown li{padding: 5px 0 12px 68px;}
    .cal-date-info p{font-size: 22px;}



    /* Home page*/
    /*.euiPage .presentInfo, .temoignages .presentInfo {height: auto;}*/

    .qui-Menu h1 {bottom: 0;left: 90px;letter-spacing: 5px;line-height: 80px;}

    /* News Pages */
    .newsPhoto{background-position: center;}
    .innerDiv{min-height: 432px;}
    .outerDiv {min-height: 450px;}
    .upper{margin: 10px 0 30px;}
    .pageBottom {margin: 8px 0;}
    .newsDetailsWrapper{padding: 0 75px;}
    .publication-footer .bottomSection {
      margin: 20px 0 75px;
    }

    /* Career Page */
    .associBlock {
      left: 0;
      margin: 0 auto;
      right: 0;
    }
    .associBlock .associImg {
      left: 0;
      margin: 0 auto;
      right: 0;
      text-align: center;
      top: -95px;
    }
    .associImg > i {
      left: 0;
      margin: 0 auto 0 2px;
      right: 0;
    }
    .directorBlock {
      right: 0;
      top: 110px;
      width: 200px;
    }
    .manager {
      right: 0;
      left: 0;
      top: 220px;
      width: 200px;
    }
    .srConsultant {
      top: 322px;
      width: 200px;
    }
    .careerContainer .consultant {
      left: 0;
      top: 435px;
      width: 200px;
    }
    .career{padding: 130px 0 180px;background-position: right center;}
    .analyst {top: 545px;width: 200px;}
    .associBlock > img {
      left: 0;
      margin: 0 auto;
      right: 0;
      top: -25px;
    }
    .directorBlock > img {
      top: -25px;
    }
    .widthFull,.fullSpan, .fullWidth {
      width: 42px !important;
    }
    .directorBlock .line,.srConsultant .line,.manager .line,.analyst .line, .consultant .line  {
      left: 50%;
      top: 0px;
      transform: rotate(270deg);
    }
    .consultant .line {
      top: -1px;
    }
    .careerContainer .consultant > img{right: 0;}
    .messageSection .middleWrapper {
      max-width: 580px;
    }
    .carrerquotPage .middleWrapper{max-width: 445px;}
    .middleWrapper img.firstImg:first-child {left: -150px;top: -10px;}
    .middleWrapper img.lastImg:last-child {bottom: 0;right: -150px;top:inherit;}
    .bannerBgText {font-size: 94px;
    height: 480px;
    line-height: 210px;
    top: 25%;}
    .formationSection {padding: 20px 15px;}
    .careerWrapper .paddingTop {
      padding: 5px 0 0;
    }
    .leftImgArrow{padding: 0 0 40px;text-align: center;}
    .rightImgArrow {left: 0;padding: 20px 0;right: 0;text-align: center;}
    .lastSection.sectionOne {padding-bottom: 90px;}
    .careerWrapper{margin: 0 auto;max-width: 700px;}
    .sectionOne.lastSection{margin-right: 0;}
    .careerMiddleImg h1 {font-size: 140px;line-height: 140px;padding: 30px 0;width: 50%;}

    /* Innovation Page for Tablet */
    .AllInContentWrapper {margin: 0 auto;max-width: 520px;}
    .strategie .sectionWrapper, .visionSpan .innovation .sectionWrapper, .innovation .sectionWrapper, .marketing .sectionWrapper, .marketing .sectionWrapper, .organization .sectionWrapper, .organization .sectionWrapper, .strategie .sectionWrapper {margin: 0 auto;max-width: 600px;position: relative;}
    /*.innovation .carSection .sectionWrapper {
      margin: 0 auto;
      max-width: 600px;
    }*/
    .sectionsinfor > span, .innoVision > span, .modelInfo > span, .extern > span, .vision > span {padding-right: 10px;width: 135px;}

    /*.negLeftMargin .sectionWrapper {padding-left: 15px;}*/
    .negLeftMargin {margin-left: 25px;}

    .Drawline {right: 22px;}
    .strategie .marcheSectionTwo, .strategie .planSectionOne, .strategie .ploterIcon .icons, .marketing .ploterIcon .icons,.innovation .ploterIcon .icons,.marketing .externFour,.organization .ploterIcon .icons,.organization .section-one {right: 30px;}
    /*.innovation .section-one {height: 475px !important;}*/
    .marketing .section-one{height: 460px !important;}
    .marketing .planSectionOne, .innovation .planSectionOne {margin-top: -98px;right: 31px;}
    .marketing .planSectionOne,.organization .externFour{right: 32px;}
    .marketing .DrawMiddle{right: -10px;}
    .DrawMiddle {top: 50px;}
    .innovation .section-four {height: 655px !important;}
    /*.innovation .section-two{height: 660px !important;}*/
    .innovation .DrawMiddle{right:-9px;}
    .marketing .section-four{height: 620px !important;}
    .innovation .marcheSectionTwo,.marketing .marcheSectionTwo {right: 31px;}
    .ThirdMiddle {right: -9px;top: 50px;}
    .strategie .ThirdMiddle {right: -8px;}
    .innovation .section-three, .marketing .section-three {height: 530px !important;}
    .innovation .iconsNumThree {right: 19px;}
    .innovation .FourMiddle {left: 3px;}
    .Drawline, .DrawMiddle, .DrawMiddle, .ThirdMiddle , .FourMiddle, .FiveMiddle{display: none;}
    .innovation .detailInfo, .marketing .detailInfo, .strategie .detailInfo {max-height: auto;}
    /*.innovation .detailInfo, .marketing .detailInfo, .strategie .detailInfo {max-height: 300px;}*/
    .innovation .externFour {
      margin-top: -100px;
      right: 31px;
    }
    .innovation .section-five {
      left: 3px;
    }
    .bottom > img{

      right: 20px;
    }
    .strategie .iconsNumThree {

      right: -20px;
    }
    /*.clientSection .sectionWrapper.market, .marketing .clientSection .sectionWrapper,.organization .clientSection .sectionWrapper  {padding-right: 55px;}*/
    /*.innovation .videoSection iframe, .videoSection iframe {
      border: 10px solid #fff;
      height: 327px;
      width: 570px;
    }*/
    .marketing .businessMarket .spanTwo.adjust {
      width: 145px;
    }
    .marketing .section-two,.strategie .section-two {
      height: 650px !important;
    }
    .organization .section-four{
      height: 610px !important;top: 50px;
    }
    .organization .marcheSectionTwo {
      margin-top: -96px;
      right: 32px;
    }
    .marketing .iconsNumThree, .organization .iconsNumThree{top: -106px;right: -20px;}
    .marketing .section-four {
      left: 3px;
      top: 47px;
    }
    .marketing .bottom, .organization .bottom, .strategie .bottom{right: -29px;}
    .innoHeader-Img, .strategieHeader-Img, .orgHeader-Img, .marketingHeader-Img{max-height: 280px;width: 90%;}
    .ploterSection{padding:0;}
    .organization .section-one{height: 500px !important;right:22px;}
    .FiveMiddle {
      right: -8px;
      top: 42px;
    }
    .organization .planSectionOne{right: 31px;}
    .organization .section-three{height: 555px!important;}
    .organization .FiveMiddle{right: -9px;}
    /*.orgMenu .headWrap h1 {
     letter-spacing: 2px;
    }*/
    .menuPara{right: 0;bottom: 30px;}
    .strategie .section-one{height: 400px!important;}
    .ThirdMiddle .ThirdMiddle{right: -8px;}
    .strategie .section-three {
      height: 560px !important;
    }
    .strategie .section-four {
      height: 620px !important;
      left: 3px;

    }
    .strategie .externFour {
      right: 33px;
    }
    .innovation .videoSection iframe, .videoSection iframe {border: 10px solid #fff;}
    .videoWrapper {max-width: 600px;}



    /* Recrutment Page */
    .recruteSection .parentContent::before {left: -90px;top: -20px;}
    .leftSpan .parentContent {width: 88%;}
    .bannerBgText {top: 0;}
    .recruteSection .partners::after {background-size: cover;}
    .recruteSection .parentContent::after {right: 0;}
    .temoigPage .middleWrapper{max-width: 600px;}
    .introInfo .dash-border::before {top: 85px;}
    .introInfo h3 {margin: 22px 0;}
    .sectionvision h5, .sectioncar h5, .innovation .carSection h5.floatRight, .marketing .carSection h5.floatRight, .strategie .carSection h5.floatRight {width: 40%;}
    /* Marketing page */
    .marketing .externPara{padding: 36px 0 30px;}
    .marketing .ploterInfo, .organization .ploterInfo, .innovation .ploterInfo {margin: 95px 0 0;}
    .innovation .section-one {height: 515px !important;}
    .innovation .section-two {height: 650px !important;}

    .associateInfo > ul.images li {width: 48%;}
    .orgLinked  {top: 200px;position: absolute;right: 0;}
    .linkedCustom{position: relative;}
    .orgInfo{float: none;}
    /*.personInfo{float: left;position: relative;margin-left: 10%;width: 80%;}*/
    .personInfo {float: left;margin-left: 10%;margin-top: 100px;position: relative;width: 80%;}
    .linkedImgWrapper {min-height: 95px;}
    .orgInfo p:first-of-type:before,.orgInfo p:last-child::after {left: 0;}
    .associateGallery .orgImg > img {max-height: 399px;}
    .laCabinateTeamPage .container {width: 635px;}
    .refresh {top: 40%;}
    .infoMe {width: 88%;}
    .infoMe p {width: 75%;}
    .equipeHeader-Img{max-height: 220px;}
    .associateGallery{padding: 0;}

    .vieContentWrapper, .euiPage .vieContentWrapper,.recruteSection .vieContentWrapper {
  max-height: inherit;
  height: auto;
  min-height: auto;
  overflow-y: initial;
  padding-top: 0;
}
.viePage .presentaionImg img, .groupImg img {
  height: auto;
  width: 100%;
}
.innovation .visionSpan h5.floatRight {
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
}
.custWrapper {
  max-height: inherit;
}
.recruteSelect, .nosActuselect {
  margin: 30px auto;
  width: 70%;
}
.nosActuselect .dropdown{width: 100%;}
.organization .detailInfo,.innovation .detailInfo, .marketing .detailInfo, .strategie .detailInfo,.dash-border {

  max-height: inherit;
}
.drawPageLine{display: block;}
.sliderHide .imgWrap {width: 100%;}
.drawPageLine {right: 22px;}
.presentaionImg .imgWrap > img{max-height: inherit;}
.presentaionImg .imgWrap > img{max-height: auto;max-width:100%;}
.divHead{margin-top: 0;}
.innovation .bottom {
  bottom: 0;
  right: -29px;
}
.minusPadding .iframeVideo > h5 {float: left;margin-left: 15px;}
.borderBox, .consultDiv {margin: 0;}
.leftWrapper {margin: 0 auto;max-width: 700px;float: none;}
.rightWrapper {float: none;margin: 0 auto;max-width: 700px;}
.partA .middleWrapper {margin: 0 auto;max-width: 670px;}
.organization .sectionvision h5{margin-top: -15px;}
.strategie .visionSpan h5.pull-right {
  margin-top: -15px;
}


.strategie .externSpan h5.pull-right{margin-top: 12px;}
/*.equipeHeader-Img {max-height: 210px;}*/
.middleWrapper ul.title{margin-left: -12px;width: 720px;}
.bannerImage-bg > img{min-height: 100%;width: 100%;}

/*.personInfo img {
  margin-left: 75%;
  margin-top: -50%;
  position: absolute;top:50%;
}*/
.personInfo img {
  margin-left: 75%;
  margin-top: -250px;
  position: absolute;
  top: 110px;
}
.personInfo {
  margin-top: 0;
}
.sectorMenu .headWrap h1 {
  bottom: 20px;
  font-size: 95px;
  left: 80px;
  line-height: 80px;
  width: 80%;
}
.seminars .recruteSelect{width:100%;}
.tabletWrapper{max-width: 450px;margin:0 auto;}
.tabletWrapper .bx-wrapper{margin:0 auto;}
.tabletWrapper .sliderWrapper{margin-top:0;}

.carSection .sectionsinfor > span, .visionSection .innoVision > span, .vision > span{width: 150px;}
.clientSection  .modelInfo > span{width:155px;}

.strategie .sectionLive h5, .strategie .businessSection h5, .strategie .externDiv h5, .innovation .sectionsLive h5, .innovation .sectionLive h5, .innovation .businessSection h5, .innovation .externDiv h5, .marketing .sectionsLive h5, .marketing .sectionLive h5, .marketing .businessSection h5, .marketing .externDiv h5, .organization .sectionsLive h5, .organization .sectionLive h5, .organization .businessSection h5, .organization .externDiv h5, .strategie .sectionsLive h5 {
  display: inline-block;
  margin: 15px 0;
  text-align: left;
  width: 27%;
}
.strategie .sectionLive img, .strategie .businessSection img, .strategie .externDiv img, .innovation .sectionsLive img, .innovation .sectionLive img, .innovation .businessSection img, .innovation .externDiv img, .marketing .sectionsLive img, .marketing .sectionLive img, .marketing .businessSection img, .marketing .externDiv img, .organization .sectionsLive img, .organization .sectionLive img, .organization .businessSection img, .organization .externDiv img, .strategie .sectionsLive img{top:0;}
.border-bottom, .border-top{width: 85%;}
.minusPadding .iframeVideo > h5{float: none;}
.gallery{margin:0 0 50px;}
.calender .bannerHeading{top:-20px;}
.innovation .carSection h5.floatRight{font-size: 25px;width: 60%;}
.sector-list ul{padding: 0;}
.sector-list ul li{font-size: 12px;width:180px;}
.sector-list ul::after{bottom: 25px;}
.sector-list ul::before{top:8px;}
.comp{display: none;}
.newsPartner .nosActuselect{margin-top:30px;}
.presentInfo p:last-of-type::after, .viePage .presentInfo p:last-of-type::after{bottom:16px;}
.viePage .hi{height: auto;}



}

@media all and (min-width:800px) and (max-width:1280px) {
  .menu-item::before {border-width: 0 95px 101px 0;bottom: -100px;}
  .menu-item::after {bottom: -99.3px;width: 92.6%;}
}





/*-------------------------------------------------------------------------------------------------*/

@media all and (min-width:767px) {
    .strategie .spanOne,
    .strategie .spanTwo,
    .strategie .spanThree,
    .strategie .spanFour,
    .organization .spanOne,
    .organization .spanTwo,
    .organization .spanThree,
    .organization .spanFour,
    .marketing .spanOne,
    .marketing .spanTwo,
    .marketing .spanThree,
    .marketing .spanFour,
    .innovation .spanOne,
    .innovation .spanTwo,
    .innovation .spanThree,
    .innovation .spanFour {
        width:24.8%;
        padding:0px 18px 0px 0px;
    }
}

@media (max-width:465px) {
    .mkOrgaBlocVt p {width:30% !important;}
}

/* less tha 768 mobile device */
@media (max-width:767px) {

  .infoMe h4::before {display:none;}
  
  .sliderHide .imgWrap, .presentaionImg .imgWrap{
    overflow: visible;
  }

  .businessSection span img,
  .sectionLive span img,
  .externDiv span img {top:4px !important;}
  .sectionsLive span img  {top:-40px !important;}

  .bannerImage-bg > img {display:none;}
  .bannerImage-bg {background:url('/images/bannerImg.png') no-repeat center 0px;background-size:auto 100%;}
  .contact-top {height: 80px;width: 80px;}
  /* Menu items */
  .menu-item::after, .menu-item::before{content: none;}
  .nospublication-Header-Img, .nosNews-Header-Img, .publication-Header-Img, .actuOne-Header-Img, .equipeHeader-Img, .qui-Header-Img, .equipeHeader-Img, .recruite-Header-Img, .recruite-Header-Img, .temog-Header-Img{height: auto;}

  /* Mobile */
  span.menuName{display: none;}
  .actuOne-Menu .bottom-span,.nosNews-Menu .bottom-span,.innoMenu .bottom-span, .marketingMenu .bottom-span, .orgMenu .bottom-span, .strategieMenu .bottom-span, .sectorMenu .bottom-span, .qui-Menu .bottom-span, .equipeMenu .bottom-span, .bottom-span, .recruite-Menu .bottom-span, .temog-Menu .bottom-span {height: 40px;width:40px;bottom: -1px;}
  .nospublication-Menu, .recruite-Menu, .contact-Menu, .qui-Menu, .temog-Menu,.nosNews-Menu,.actuOne-Menu,.publication-Menu {height: 158px;}
  .strategieMenu, .orgMenu, .sectorMenu, .equipeMenu, .innoMenu, .marketingMenu{height: 187px;}
  .temog-Menu h1, .contact-Menu h1 {font-size: 40px;left: 35px;line-height: 20px;letter-spacing: 2px;}
  /*.nospublication-Menu h1, .publication-Menu h1,.recruite-Menu h1, .nosNews-Menu h1,.actuOne-Menu h1{bottom: 5px;font-size: 40px;left: 60px;line-height: 35px;width: 50%;}*/
.nospublication-Menu h1, .publication-Menu h1, .recruite-Menu h1, .nosNews-Menu h1, .actuOne-Menu h1 {
  bottom: 0;
  font-size: 38px;
  left: 60px;
  line-height: 33px;
  width: 60%;
  letter-spacing: 0;
}
.nospublication-Menu h1{bottom: 8px;}
  .equipeHeader-Img, .qui-Header-Img, .equipeHeader-Img, .recruite-Header-Img, .recruite-Header-Img, .temog-Header-Img {width:auto; height: auto;}
  .innoMenu .innotop, .marketingMenu .marketingtop, .orgMenu .orgtop, .strategieMenu .strategietop, .sectorMenu .equipetop, .qui-Menu .qui-top, .equipeMenu .equipetop, .top,.actuOne-Menu .actuOne-top, .nosNews-Menu .nosNews-top,.recruite-Menu .recruite-top, .contact-Menu .contact-top, .recruite-Menu .recruite-top, .temog-top {height: 80px;width:80px;}

  /*.careerMiddleImg {background-image: url("../images/captain.jpg");background-position: center center;background-repeat: no-repeat;background-size: 100% auto;}*/
  h1.bannerHeading, .qui-Menu h1 { font-size: 35px;left: 40px;letter-spacing: 0;width: 75%;letter-spacing: 0;}
  .newsPartner h2,.euiPage .presentInfo h3 {font-size: 20px;margin-top: 25px;}
  .temoignages .presentInfo {padding: 0 20px 0 42px;}
  .euiPage .presentInfo{padding: 20px 20px 20px 42px;height: auto;}
  .euiPage .parentContent::before { left: 0;margin: 0 auto;right: 0;}
  .euiPage .parentContent > h1 {font-size: 30px;margin: 60px 0 20px;}
  .euiPage .parentContent > p {margin: 20px 0;}
  .euiPage .parentContent > h1::after {top: 120px;}
  .euiPage .parentContent::after {bottom: -80px;right: 40%;}
  .euiPage .partners {padding: 35px 0 80px;overflow: hidden;}
  .bannerBgText {font-size: 73px;
    height: 480px;
    line-height: 210px;
    overflow: hidden;
    top: 10%;}


  ul.present li {width: 100%;}
  .pointsSection { padding: 29px 0 0;}
  .leftArrow {bottom: 10px;top:inherit;height: 30px;}
  .rightArrow {bottom: 10px;top:inherit;height: 30px;}
  .description {padding: 35px 15px 25px;}
  .information{width: 100%;}
  .information .headings, .msgInfo h3, .innovation .ploterInfo h2, .marketing .ploterInfo h2, .organization .ploterInfo h2, .strategie .ploterInfo h2 {font-size: 22px;}
  .information .margins{margin-top: 25px;}
  .margins.headings::before{bottom: 18px;}
  .pointVal.one h5 i,.pointVal.one h5,.pointVal.two h5 i,.pointVal.two h5,.pointVal.three h5 i,.pointVal.three h5,.pointVal.four h5 i,.pointVal.four h5 {font-size: 82px;}

  /*contacter page*/
  .publication-Header-Img > h5, .menuPara, .strategieHeader-Img > h5, .nospublication-Header-Img > h5, .nosNews-Header-Img > h5,.equipeHeader-Img > h5, .innoHeader-Img > h5, .marketingHeader-Img > h5, .orgHeader-Img > h5, .strategieHeader-Img > h5, .equipeHeader-Img > h5, .temog-Header-Img > h5, .qui-Header-Img > h5, .qui-Header-Img > h5, .recruite-Header-Img > h5, .recruite-Header-Img > h5{display: none;}
  .contactWork.contact-Menu h1{bottom: 0;left: 40px;line-height: 33px;}
  .contacterPage .contactPageWrapper{padding: 0 25px;}
  .recruteSection .contact_Form input, .publicForm .inputs, .sendForm .inputs {width: 100%;}
  .customHeight .pointSpan{height: 100%;min-height: 380px;}
  .contactPageWrapper .contactWrapper {float: none;}
  .checkbox label, .radio label {clear: both;margin: 0;}
  .sendForm.careerReq{ margin:15px 0;}
  p.leftAlign{text-align: left;}
  .sendForm a.send {margin-top: 25px;}
  .map{height:280px;overflow: hidden;}
  .contactForm textarea {height: 138px;}
  .contactPageWrapper .contactForm {margin: 0 0 20px;}
  .marginTop{ margin-top: -20px;}
  .contactWrapper.marginTop .send{margin-top:22px; }
  .qui-top > h5, .contact-top > h5, .recruite-top > h5, .recruite-top > h5, .temog-top > h5, .equipetop > h5 {top: 90px;right: -9px;width: 60px;}
  .menuName{display: none;}
  .bannerBgText{left: 0;}




  /* Sectors page */
  .icons-block{width: 100%;height:280px;}
  .icons-block:nth-child(4n) .overlay-sectors h3::after, .icons-block:nth-child(5n) .overlay-sectors h3::after, .icons-block:nth-child(6n) .overlay-sectors h3::after, .icons-block:nth-child(10n) .overlay-sectors h3::after, .icons-block:nth-child(11n) .overlay-sectors h3::after, .icons-block:nth-child(12n) .overlay-sectors h3::after {bottom: 11px;height: 1px;}
  .icons-block:nth-child(4n) .overlay-sectors h3::before, .icons-block:nth-child(5n) .overlay-sectors h3::before, .icons-block:nth-child(6n) .overlay-sectors h3::before, .icons-block:nth-child(10n) .overlay-sectors h3::before, .icons-block:nth-child(11n) .overlay-sectors h3::before, .icons-block:nth-child(12n) .overlay-sectors h3::before {height: 1px;top: -8px;}
  .overlay-sectors{padding-top: 12px;}
  .overlay-sectors span{font-size: 14px;}

  .icons-block:nth-child(5n),.icons-block:nth-child(4n),.icons-block:nth-child(5n),.icons-block:nth-child(6n),.icons-block:nth-child(8n),.icons-block:nth-child(10n),.icons-block:nth-child(11n),.icons-block:nth-child(12n),.icons-block:nth-child(2n){margin-left: 0;margin-right:0;}
  .sector-list{display: none;}
  .overlay-sectors > h3{font-size: 20px;}
  .icons-block:nth-child(4n) .overlay-sectors h3:before,
  .icons-block:nth-child(5n) .overlay-sectors h3:before,
  .icons-block:nth-child(6n) .overlay-sectors h3:before,
  .icons-block:nth-child(10n) .overlay-sectors h3:before,
  .icons-block:nth-child(11n) .overlay-sectors h3:before,
  .icons-block:nth-child(12n) .overlay-sectors h3:before,.overlay-sectors h3:before{top: -8px;}
  .icons-block:nth-child(4n) .overlay-sectors h3:after,
  .icons-block:nth-child(5n) .overlay-sectors h3:after,
  .icons-block:nth-child(6n) .overlay-sectors h3:after,
  .icons-block:nth-child(10n) .overlay-sectors h3:after,
  .icons-block:nth-child(11n) .overlay-sectors h3:after,
  .icons-block:nth-child(12n) .overlay-sectors h3:after,.overlay-sectors h3:after{bottom: 10px;}
  /*.equipeHeader-Img .headerImg{height: auto;width: auto;}*/
  .equipeHeader-Img .headerImg {height: 100%;margin: 0 auto;height: auto;width: 90%;}
  .equipetop > .openMenuImg{top: 0;right: 0;}
  .equipeMenu .headWrap h1, .marketingMenu .headWrap h1, .orgMenu .headWrap h1, .strategieMenu .headWrap h1, .sectorMenu .headWrap h1{ font-size: 40px;bottom: 35px;left: 30px;letter-spacing: 4px;width: 80%;}
  .presentInfo.sector{padding: 10px 35px 30px;}
  .sector-list ul li{font-size: 12px;}



  .strategie .ploterInfo, .innovation .ploterInfo,.marketing .ploterInfo, .organization .ploterInfo {margin: 135px 0 0;padding-right: 42px;}
  .innoHeader-Img, .strategieHeader-Img, .orgHeader-Img, .marketingHeader-Img{margin: 0 auto;max-height:80%;width: 100%;}

   .strategieMenu .headWrap h1, .orgMenu .headWrap h1, .marketingMenu .headWrap h1, .innoMenu .headWrap h1{bottom: 0;font-size: 35px;left: 20px;letter-spacing:-2px;line-height: 40px;width: 50%;}
  .innovation .ploterIcon .icons{right: 10px;}
  .strategie .planSectionOne, .strategie .ploterIcon .icons, .marketing .ploterIcon .icons, .innovation .ploterIcon .icons, .marketing .externFour, .organization .ploterIcon .icons, .organization .section-one {right: 10px;}
  .Drawline{right: 2px;}
  .strategie .stepSection,.organization .stepSection, .marketing .stepSection,.innovation .stepSection{padding:5px 0;margin-bottom:60px;}

  /*.strategie .sectionWrapper, .visionSpan .innovation .sectionWrapper, .innovation .sectionWrapper, .marketing .sectionWrapper, .marketing .sectionWrapper, .organization .sectionWrapper, .organization .sectionWrapper, .strategie .sectionWrapper{float:none;margin-left:0;}*/
  .sectionsinfor > span, .innoVision > span, .modelInfo > span, .extern > span, .vision > span{float: none;margin-bottom:30px;width: 80%;}
  .sectionsinfor > span::after, .modelInfo > span::after, .innoVision > span::after, .extern > span::after, .vision > span::after{content: none;}
  .floatRight{float: none;}
  /*.innovation .sectionspara, .innovation .clientpara, .marketing .sectionspara, .organization .sectionspara, .strategie .sectionspara{text-align: right;}*/
  /*.sectionspara{text-align: right;}*/
  /*.carSection .sectionWrapper{padding:0 30px;}*/
  .strategie .sectionLive img, .strategie .businessSection img, .strategie .externDiv img, .innovation .sectionsLive img, .innovation .sectionLive img, .innovation .businessSection img, .innovation .externDiv img, .marketing .sectionsLive img, .marketing .sectionLive img, .marketing .businessSection img, .marketing .externDiv img, .organization .sectionsLive img, .organization .sectionLive img, .organization .businessSection img, .organization .externDiv img, .strategie .sectionsLive img {float: right;top: 5px;right:3px;left: inherit;}
  /*.innovation .clientSection .sectionWrapper{margin-right: 0;}*/
  .sectionsLive > span{display: block;margin: 5px 0;}

  /* Qui team page */
  .quiContentWrapper{min-height: 460px;}
  .qui-Menu h1{bottom: 0;line-height: 30px;}
  .customHeight {min-height: 450px;}
  .associateInfo > ul.images li{width: auto;}
  /* recrutement page */

  .recruteContentWrapper{min-height: 730px;overflow-y: auto;}
  .viePage .presentInfo {padding: 10px 30px 10px 40px;}
  .vieImg {background-position: center center;background-size: cover;height: 240px;width: 100%;}

  /* nos-actus page */
  .sliderHide,.actuOne-Header-Img{display: none;}
  .newsPartner{ padding: 0 15px 15px;}
  .newsPartner .dropdown .selected, .dropdown li{padding: 15px 0 22px 84px;font-size: 14px;}
  .paginations{text-align: center;}
  .goPublicationBtn a{width:80%;}
  .adjustMargin{margin-top: 7px;}
  .paragraphWrapper{padding:0 20px;}
  .MenuLogo{display: none;}
  .newsDetailsWrapper > h5{line-height: 30px;}
  .slideShow{padding-right: 15px;}
  .newsFooterWrapper .pdf{text-align: center;width: 100%;height: auto;background-color: #161615;outline: 4px solid #000;}
  div.date, div.date-details{display: block;}
  .newsSection .date-details {border-top: 2px solid #000;border-left: 0;}
  .newsSection .actudate {margin-bottom: 8px;}
  .newsSection  .dateSection h1{font-size: 120px;}
  .Newscalender .date-details h1{font-size: 30px;width: 100%;letter-spacing: 2px;}
  .dateSection h1{font-size: 98px;}
  .calSection .dateSection h1{width:100%;}
  .cal-date-info p {font-size: 18px;}
  .paggingSection,.dash,.ulCabinet,.ulCompet,.ulActualite,.ulRejoin{display: none;}
  .pagesSection,.plus{display: block;}
  .quiContentWrapper, .newsContentWrapper {height: auto;}
  .bold{font-size: 15px;}
  .leftMenu > li, .rightMenu > li{margin: 20px 0;}
  .pageBottom {margin: -12px 0 7px;}
  .newsPartner{height: auto;}
  .upper {margin: 5px 0 0;}
  .recruteSelect, .nosActuselect {margin-top: 35px;}
  .newsFooter.actu .bottomGap {margin: 15px 0 -8px;}
  .newsDetailsWrapper .socialIcons {float: none !important;padding: 0 !important;text-align: center;}
  .newsDetailsWrapper ul.socialIcons li:first-child{display: block;}
  .newsFooter .socialIcons h5.heads{margin: 30px 0 12px; }
  .newsGallery .sliderWrapper{height: auto;}
  .newsGallery .bx-wrapper {margin: 0 auto 10px;}
  .menu-item a:hover{color: #000;}
  .newsGallery {margin:0;}
  .actu.newsFooter {margin: 0 0 22px;}
  .newsDetailsWrapper h3.newsSummary {margin: 50px 0 35px;}
  .Newscalender img.arrowOnMob {bottom: 10px;right: 10px;}



  /* Home Page For Mobile */
  .sliderContent > h5{outline: 2px solid #fff;font-size: 26px;letter-spacing: 3px;margin: 0;}
  .location{margin: 0;}
  .sliderContent{width: 90%;}
  .location > p {font-size: 12px;letter-spacing: 1px;}
  .calSection .date-details p, .date-details a{padding: 10px 0;}
  .showOnMob,.arrowOnMob{display: block;}
  .HideForMob{display: none;}
  .halfWidth, li.showOnMob{width: 50%;float: left;}
  li.showOnMob > h4{font-size: 15px;padding: 0 10px;text-align: left;font-family:'AdobeGaramondBold';}
  .date-details{border-top: 2px solid #000;border-left:0;}
  .homePageContents .dateSection li:first-child,.halfWidth{width: 50%;border-right: 1px solid #000;}
  img.arrowOnMob{bottom: 5px;position: absolute;right: 5px;}
  .homePageContents .calSection{margin: 25px 0;}
  .calender .bannerHeading {bottom: inherit;color: #555c66;font-family: "AdobeGaramondRegular";font-size: 82px;left: 0;letter-spacing: 2px;margin-top: 25px;position: absolute;right: 0;text-align: center;top: 0;z-index: -1;width:100%;margin: 0 auto;}

  .homePageContents .sectionWrap {max-width: 100%;}
  .homePageContents .gallery {width: 100%;}
  .homePageContents ul.images {box-sizing: border-box;margin: 15px auto;padding: 0;text-align: center;width: 270px;float: none!important;}
  .homePageContents .images li {margin:15px auto;}
  ul.images .anchorLink{float: right;}
  /*.headerMenu{height: 410px !important;}*/
  .customHeader{height: 100% !important;}
  .location > img.arrowUp, .location > img.arrowDown,.location img.markerMap{width: 20px;}

  /* Nos Publication */
  .newsDetailsWrapper{padding: 0 25px;}
  .publication-footer .bottomGap{margin:15px 0;}
  .suitsSection .pdfWrapper {margin: 0 auto;}

  /* Vie Page */
  .sectionInfo h1{font-size: 102px;}
  .divHead {margin-top: 25px;}
  .sectionInfo h2{font-size: 16px;}
  .sectionInfo{padding: 0 0 22px;}
  .bottomMargin {margin-top: -18px;}
  .personDivWrapper{height: auto;}
  .viePage .videoSection iframe{border:0;}
  .viePage .videoSection, .videoMobile {/*margin: 0 -10px;*/padding:0;}
  .listWrapper p.text{display: block !important;text-align: left;}
  .viePage .sliderWrapper{/*height: 195px;*/margin-top: 40px;}
  .minusPadding{padding: 0;}
  .border-bottom,.border-top  {border-bottom: 1px solid #000;display: block;left: 0;margin: 0 auto;padding-bottom: 20px;position: absolute;right: 0;text-align: center;bottom: -10px;width: 95%;}
  .border-top{top: 0;}
  .viePage .iframeVideo h5.heads{margin-left: 15px;float: left;}
  .viePage .socialIcons{margin-right: 15px;}

  /* Sectors page Mobile */
  .icons-block p {bottom: -12px;font-size: 20px;left: 7px;}
  .icons-block > a img {height: 20px;}
  .icons-block:nth-child(n) .icons-text {border-width: 50px 0 0 50px;}
  .icons-block a {bottom: 30px;left: 30px;}
  .overlay-sectors > h3 {font-size: 16px;}

  /* Career page */
  .messageSection .middleWrapper {max-width: 280px;padding: 0 30px;}
  .carrerquotPage .middleWrapper {max-width: 280px;padding: 100px 15px;}
  .careerDetails h2{font-size: 30px;}
  .middleWrapper img.firstImg:first-child,.middleWrapper img.lastImg:last-child {left: 0;margin: 0 auto;right: 0;top: 0;}
  .middleWrapper img.lastImg:last-child{bottom: 0;top: inherit;}
  .sectionOne.lastSection{margin-right: 0;}
  .careerMiddleImg h1 {font-size: 50px;line-height: 50px;padding: 30px 0;width: 40%;}
  .careerQuote {margin: 0 auto;width: 80%;}
  .formationSection {padding: 20px 15px;}
  .contactPageWrapper .contactWrapper {max-width: 290px;}
  .recruteSection .contact_Form textarea{width: 290px;}
  .recruteSection .parentContent p {font-size: 15px;}
  .consultantList{padding:60px 0;}
  .recruteSection .parentContent::before {background-image: url("../images/left-big-arrow.png");content: "";height: 73px;left: 0;margin: 0 auto;position: absolute;right: 0;top: -20px;width: 83px;}
  .leftSpan .parentContent {left: 0;margin: 0 auto;right: 0;width: 95%;}

  /* Innovation Page */
  .AllInContentWrapper {margin: 0 auto;/*max-width: 230px;*/}
  .dash-border::before, .dash-border::after{right: 0;}
  .strategie .sectionLive h5, .strategie .businessSection h5, .strategie .externDiv h5, .innovation .sectionsLive h5, .innovation .sectionLive h5, .innovation .businessSection h5, .innovation .externDiv h5, .marketing .sectionsLive h5, .marketing .sectionLive h5, .marketing .businessSection h5, .marketing .externDiv h5, .organization .sectionsLive h5, .organization .sectionLive h5, .organization .businessSection h5, .organization .externDiv h5, .strategie .sectionsLive h5 {text-align: left;width: 80%;}
  .innovation .bgWrapper, .marketing .bgWrapper, .organization .bgWrapper, .strategie .bgWrapper {background-size: contain;padding: 140px 0 20px;z-index:-999;position:relative; }
  .negLeftMargin {margin-left: 0;}
  /*.carSection .sectionWrapper{padding: 0;}*/
  .innovation .sectioncar, .marketing .sectioncar, .strategie .sectioncar {border-bottom: 1px solid #fff;padding: 10px 0 10px;}
  /*.innovation .carInfo {display: inline-block;margin: 5px 0 0;}*/
  /*.carInfo {position: absolute;}*/
  .sectioncar h5, .innovation .carSection h5.floatRight, .marketing .carSection h5.floatRight, .strategie .carSection h5.floatRight {color: #fff;font-size: 20px;text-align: right;}
  .innovation .visionSpan h5.floatRight,.innovation .clientSection h5.pull-right  { font-size: 22px;position: absolute;right: 24px;top: -20px;width: 52%;}
  .innovation .clientSection h5.pull-right,.innovation .externSpan h5.pull-right{font-size: 22px;width: 52%;position: absolute;right: 0;top: 0;}
  .innovation .externSpan h5.pull-right{width: 70%; position: absolute;font-size: 22px;
  right: 25px;
  top: 0;}
  /*.strategie .sectionWrapper, .visionSpan .innovation .sectionWrapper, .innovation .sectionWrapper, .marketing .sectionWrapper, .marketing .sectionWrapper, .organization .sectionWrapper, .organization .sectionWrapper, .strategie .sectionWrapper {max-width: 250px;}*/
  /*.strategie .visionInfo p, .strategie .ClientInfo p, .strategie .externInfo p, .innovation .carInfo p, .innovation .visionInfo p, .innovation .ClientInfo p, .innovation .externInfo p, .marketing .carInfo p, .marketing .visionInfo p, .marketing .ClientInfo p, .marketing .externInfo p, .organization .carInfo p, .organization .visionInfo p, .organization .ClientInfo p, .organization .externInfo p, .strategie .carInfo p { font-size: 13px;margin-left: 25%;margin-top: 22px;}*/
  .strategie .visionInfo p, .strategie .ClientInfo p, .strategie .externInfo p, .innovation .carInfo p, .innovation .visionInfo p, .innovation .ClientInfo p, .innovation .externInfo p, .marketing .carInfo p, .marketing .visionInfo p, .marketing .ClientInfo p, .marketing .externInfo p, .organization .carInfo p, .organization .visionInfo p, .organization .ClientInfo p, .organization .externInfo p, .strategie .carInfo p {font-size: 13px;margin-left: 0%;margin-top:22px;float: none;}
  /*.innovation .sectionvision{padding: 10px 0 5px;}*/
  .innovation .externInfo p{margin-top:12px;}
  .innovation .planSectionOne {margin-top: -58px;right: 48px;}
  .strategie .planSectionOne{margin-top: -58px;right: 48px;}
  .marketing .planSectionOne{margin-top: -58px;right: 49px;}
  .innovation .section-one { height: 630px !important;}
  .strategie .iconsNumFour > i.pointer, .iconsNumOne > i.pointer, .iconsNumTwo > i.pointer, .iconsNumThree > i.pointer, .iconsNumFour > i.pointer {bottom: 15px;left: 52px;}
  .DrawMiddle {left: 39px;top: 0;}
  .innovation .section-two {height: 720px !important;}
  .ThirdMiddle {right: -46px;top: 0;}
  .innovation .visionSection {padding: 60px 0 0;}
  .innovation .marcheSectionTwo{margin-top: -50px;}
  .innovation .marcheSectionTwo, .marketing .marcheSectionTwo {right: 48px;}
  .innovation .section-three, .marketing .section-three {height: 680px !important;}
  .innovation .iconsNumThree {right: 36px;}
  .innovation .section-four {height: 765px !important;}
  .innovation .externFour {margin-top: -48px;right: 48px;}
  .innovation .section-five {left: 40px;}
  .innovation .bottom {bottom: 0;right: 15px;}
  .innovation .section-five {height: 700px !important;left: 40px;top: 0;}
  .clientpara > span{text-align: left;}
  .clientpara .dash-border::before, .clientpara .dash-border::after{left: 0;}
  .innovation .externSection .iconsNumFour > i{margin-bottom: 44px;}
  .innovation .iconsNumThree .numberPointer{margin-top: 43px;}
  .innovation .FourMiddle {left: 40px;}
  .innovation .externSection {padding: 60px 0 0;}
  /*.dash-border::before, .dash-border::after {left: 95%;}*/
  /*.clientSection .sectionWrapper.market, .marketing .clientSection .sectionWrapper, .organization .clientSection .sectionWrapper {padding-right: 15px;}*/
  /*.innovation .ClientInfo p{margin-left: 4%;}*/
  /*.innovation .videoSection iframe, .videoSection iframe{height: 200px;border:0;}*/
  .customPadding{padding: 0;}

  /*.innovation .sectioncar, .marketing .sectioncar, .strategie .sectioncar {padding: 10px 0 20px;}*/
  /*.innovation .sectioncar .carInfo > p {margin-top: 50px;}*/
  .partA ul.title{text-align: center;}
  /*.partA ul.title li:last-child p{display: block;margin-top:10px;}*/
  .partA ul.title li, .partC ul.title li{margin: 0;}
  .partA, .partB, .partC {padding: 15px;}
  /*.partA ul.title li:last-child {clear: both;height: 92px;position: relative;width: 100%;}*/
/*  .partA ul.title li:last-child p {bottom: 0;left: 0;margin: 11px auto 0;right: 0;width: 100%;}*/
  /*.partA ul.title li:last-child img {left: 0;margin: 20px auto;position: absolute;right: 0;}*/
  .communicationPart{margin: -6px;padding: 3px 15px;}
  .introInfo .dash-border::before, .introInfo .dash-border::after{left: 0;}
  .introInfo .dash-border::before {top: 130px;}
  .temoigPage .middleWrapper {max-width: 248px;}
  .temoignages .borderBox h5 .leftBlk,.temoignages .consultDiv h5 .leftBlk, .temoignages .rightBlk, .communicationPart .leftBlk {float: none;margin: 20px auto;}
  .introInfo h3 {margin: 30px 0;}
  .consultDiv{margin: 0 -6px;}
  .temog-Menu h1{bottom: 12px;}
  .partA ul.lists, .partC ul.lists{padding: 0 0 0 12px;}
  .recruteSection .recruteContentWrapper {min-height: 860px;padding: 10px 0 30px;}
  .recruteSection .presentaionImg img {height: 252px;}
  .recruteName .parentContent{padding:50px 0;}
  .leftSpan .parentContent {width: 100%;}
  .consultantList {padding:0;}
  .recruteSection .normal-width {width: 100%;}
  .recruteSection .full-width {width: 100%;}
  .recruteSection .parentContent::after {left: 0;margin: 0 auto;right: 0;}
  .recruteSection .parentContent h1 {font-size: 25px;line-height: 25px;width: 100%;margin: 22px 0 32px;}

  .recruteSection .parentContent {padding: 100px 10px;}
  .recruteSection .parentContent::before {top: 10px;}
  .recruteSection .parentContent::after {bottom: 25px;}
  .candidature .mobilePadding{padding:0;}
  .recruteSection .recruteContentWrapper {min-height: auto;padding: 10px 0 30px;}
  .recruteSection .presentaionImg img {height: auto;}
  .presentInfo  h3{margin: 20px 0;}
  .partOneImg img{height: auto;}
  .recruteSection .presentInfo {padding: 10px 30px;}
  .dropdown .selected, .dropdown li{padding: 5px 0 5px 70px;}
  .newsPartner .dropdown .selected, .dropdown li {font-size: 18px;}

  .sectionClient{position: relative;}
  .strategie .sectionextern, .innovation .sectionvision, .innovation .sectionextern, .marketing .sectionvision, .marketing .sectionextern, .organization .sectionvision, .organization .sectionextern, .strategie .sectionvision {
 position: relative;
}
  .sectioncar{height: auto;overflow: hidden;position: relative;}
  .carInfo p{float: none;}
  .innovation .carSection h5.floatRight,{position: absolute;right: 0;top: 0;}
  .sectioncar img{margin-top: 20px;}
  /*.innovation .ClientInfo, .marketing .ClientInfo, .organization .ClientInfo, .strategie .ClientInfo,.innovation .carInfo {margin: 0;}*/
.innovation .clientSection h5.pull-right {
  margin: 0;
  position: absolute;
  right: 0;
  top: 30px;
}
.sectionWrapper {padding-right:25px;}
.negLeftMargin .sectionWrapper {
  padding-left:0;
}




.sectioncar h5, .innovation .carSection h5.floatRight, .marketing .carSection h5.floatRight, .strategie .carSection h5.floatRight {
margin: 0;position: absolute;right: 0;top: 15px;
  width: 60%;
}
 .messageSection .middleWrapper,.carrerquotPage .middleWrapper {
  max-width: 560px;
}
.nosPublication .outerDiv {min-height: 346px;}


.innovation .detailInfo, .marketing .detailInfo, .strategie .detailInfo {max-height: 310px;}
.strategie .section-one, .marketing .section-one {height: 610px !important;}
/*.marketing .carInfo,.organization .carInfo {margin: 0;}*/
.marketing .section-two{height: 680px !important;}
.marketing .ThirdMiddle {top:0;right: -46px;}
.strategie .externSpan h5.pull-right, .innovation .visionSpan h5.floatRight, .innovation .externSpan h5.pull-right, .marketing .visionSpan h5.pull-right, .marketing .externSpan h5.pull-right, .organization .visionSpan h5.pull-right, .organization .externSpan h5.pull-right, .strategie .visionSpan h5.pull-right {font-size: 20px;position: absolute;right: 0;top: -12px;width: 70%;}
.innovation .sectionvision h5.floatRight,{font-size: 20px;position: absolute;right: 0;top: -23px;width: 70%;}

.strategie .externSection, .strategie .visionSection, .organization .externSection, .organization .visionSection, .marketing .visionSection, .marketing .externSection {padding: 88px 0 0;}
.marketing .iconsNumThree, .organization .iconsNumThree {right: 36px;top: -126px;}
.strategie .iconsNumThree{right: 36px;top: -116px;}
.marketing .clientSection h5.pull-right {font-size: 22px;position: absolute;right: 0;top:0;}
.marketing .section-four {left: 40px;top: 0;}
.marketing .externInfo p{margin-top: 5px;}
.strategie .bottom, .organization .bottom, .marketing .bottom {right: 15px;bottom:0;}
.marketing .externFour {margin-top: -50px;right: 47px;}
.externFour > .iconsNumFour > i.pointer, .marketing .externSection .iconsNumFour > i {margin-bottom: 44px;}
.marketing .section-four {height: 860px !important;}
.marketing .FiveMiddle {right: -45px;top: 0;}
.marketing .section-five {height: 700px !important;}

.organization .Drawline {right: 2px;}
.organization .planSectionOne {right: 48px;}
.organization .DrawMiddle {left: 40px;}
.organization .carInfo p{margin-top: 10px;}
.organization .section-two {height: 760px !important;}
.organization .marcheSectionTwo {right: 49px;}
.organization .ThirdMiddle {top:0;right: -47px;}
.organization .clientSection h5.pull-right, .strategie .clientSection h5.pull-right{font-size: 22px;position: absolute;right: 0;top: 0;}
.organization .section-three {height: 685px !important;}
.organization .FourMiddle {top: 0;left:40px;}
.organization .externFour {right: 48px;top:52px;}
.organization .section-four {height: 850px !important;left: 40px;top: 0;}
.organization .FiveMiddle {left: 40px;top:0;}
.organization .section-five {height: 700px !important;}

.strategie .section-two {height: 710px !important;left: 40px;}
.strategie .marcheSectionTwo{right: 48px;}
.strategie .ThirdMiddle {top:0;left: 40px;}
.strategie .section-four {height: 820px !important;left: 40px;top:0;}
.strategie .iconsNumFour .leftAdjust{left: 0;}
.strategie .externFour {width: 47px;}
.strategie .externFour {right: 37px;}
.strategie .section-five {height: 700px !important;left: 40px;top: 0;}
.strategie .section-three {height: 700px !important;}

.marketing .DrawMiddle,.marketing .ThirdMiddle{
  left: 40px;
}

 .equipeMenu .headWrap h1{bottom: 15px;}
  .associateGallery{padding: 0;}
  .associateInfo li.showText{display: none;}
  .refresh{left: 0;}
  .boards > .name, .boards > .post {font-size: 14px;}
  .lesAssocies h2{font-size: 20px;}
  .lesAssocies{padding: 0 70px 0 20px;}
  .consultantWrap .arrowImg{display: none;}
  .associateGallery .consultantWrap, .infoMe p{margin-left: 0;}
  .associateGallery .consultantWrap h4{ margin: 20px 0 2px;}
  .associateGallery .consultantWrap h2 {font-size: 20px;text-align: center;}
  .infoMe p, .infoMe{width: 100%;}
  .refresh {text-align:center;left: 0;margin: 0 auto;right: 0;top: 50px;
    max-width: 200px;}
/*TOMVT.infoMe{margin-top: 80px;}*/
.infoMe h4::before {top: 116px;}
.contactForm input, .publicForm .inputs, .sendForm .inputs {
  max-width: 100%;
}
.strategieMenu .headWrap h1{bottom: 30px;left: 40px;}

.gallery {
 margin: 0;
  padding: 61px 0 50px;

}
.vieContentWrapper, .euiPage .vieContentWrapper, .recruteSection .vieContentWrapper {
  max-height: inherit;
  height: auto;
  min-height: auto;
  overflow-y: initial;
  padding-top: 0;
}
.leftSpan, .recruteSection .leftSpan {
  margin-left: 0;
}
.Drawline, .DrawMiddle, .DrawMiddle, .ThirdMiddle , .FourMiddle, .FiveMiddle{display: none;}
.custWrapper {
  max-height: inherit;
}
.organization .detailInfo,.innovation .detailInfo, .marketing .detailInfo, .strategie .detailInfo,.dash-border {

  max-height: inherit;
}
/*.stepSection, .visionSection ,.businessStep , .externSection{}*/
.drawPageLine{display: block;}
.recruteSelect, .nosActuselect {
  width: 100%;
}
.personalities iframe, .innovation .videoSection iframe, .videoSection iframe{height: 180px;}
/*.marketing .stepSection, .innovation .stepSection, .organization .stepSection {
  margin-bottom: 80px;

}*/
/*.businessStep {margin-bottom: 60px;}*/
.drawPageLine {right: 2px;}
.marketing .videoSection iframe, .organization .videoSection iframe, .strategie .videoSection iframe,.innovation .videoSection iframe, .videoSection iframe  {
  border: 0;

}
.videoSection, .organization .videoSection, .marketing .videoSection, .strategie .videoSection, .innovation .videoSection{padding: 0;}
.menu-item{border-bottom:0;}
.information .dash-border::before{top:90px;}
.showMobMenu{position: relative;pointer-events: auto;}
.showMobMenu:after {
  border: 1px solid #000;
  border-radius: 30px;
  color: #000;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  content: "+";
  position: absolute;
  top: -5px;
  right: 0;
}
.showMobMenu.active:after{content: "-";font-size: 16px;line-height: 29px;}
.menuUl .small{margin:30px 0;}
.menuUl{display: none;}

.marketing .marcheSectionTwo, .innovation .marcheSectionTwo, .strategie .marcheSectionTwo, .marketing .externFour, .strategie .externFour{margin-top:-50px;}
.organization .iconsNumThree, .strategie .iconsNumThree{top:-65px;}
.strategie .sectionLive img, .strategie .businessSection img, .strategie .externDiv img, .innovation .sectionsLive img, .innovation .sectionLive img, .innovation .businessSection img, .innovation .externDiv img, .marketing .sectionsLive img, .marketing .sectionLive img, .marketing .businessSection img, .marketing .externDiv img, .organization .sectionsLive img, .organization .sectionLive img, .organization .businessSection img, .organization .externDiv img, .strategie .sectionsLive img{top:0;right:0;margin:5px 0;}
.homePageContents{z-index: 9;}
.firstBlock .line.full{display: block;}
.organization .planSectionOne, .organization .marcheSectionTwo {
  margin-top: -58px;
}
.innovation .businessStep, .organization .businessStep, .strategie .businessStep, .marketing .businessStep {
  margin-bottom: 30px;
}
.externFour > .iconsNumFour > i.pointer{bottom:-2px;}
.wrap h1{font-size:25px;}
.viePage .presentInfo h3, .seminarDetails h2{font-size: 24px;}
.sectionsLive >span > h5{margin: 10px 0;}
.innovation .ploterInfo h2, .marketing .ploterInfo h2, .organization .ploterInfo h2, .strategie .ploterInfo h2 {
  font-size: 18px;
  width: 70%;
}





.innovation .sectioncar, .marketing .sectioncar, .strategie .sectioncar .organization .sectioncar {
  padding: 10px 0 45px;
}
.carInfo p, .visionInfo p, .ClientInfo p, .externInfo p{position: absolute;right: 0;}
.innovation .sectionvision, .marketing .sectionvision, .organization .sectionvision, .strategie .sectionvision {
    padding: 10px 0 25px;
}
.innovation .sectionClient, .marketing .sectionClient, .organization .sectioncar, .organization .sectionClient, .strategie .sectionClient {
  padding: 25px 0 55px;
}
.strategie .sectionextern, .innovation .sectionextern, .marketing .sectionextern, .organization .sectionextern {
  padding: 10px 0 35px;
}
.visionInfo > img, .carInfo > img, .ClientInfo > img, .externInfo > img{height: 35px;}
.innovation .visionSpan h5.floatRight{font-size: 20px;position: absolute;right: 0;top: 20px;width: 60%;}
 .innovation .iconsNumThree {top: -92px;}
 .marketing .iconsNumThree{top:-62px;}
.minusPadding .iframeVideo > h5 {float: left;margin-left: 15px;}
/*.borderBox, .consultDiv {margin: 0;}*/
.leftWrapper {margin: 0 auto;max-width: 700px;float: none;}
.rightWrapper {float: none;margin: 0 auto;max-width: 700px;}
.partA .middleWrapper{margin: 0 10px;max-width: 100%;}
.strategie .externInfo p{margin-top:5px;}
.marketing .ClientInfo p, .organization .ClientInfo p, .strategie .ClientInfo p{margin-top: 10px;}
.marketing .ClientInfo > img, .organization .ClientInfo > img, .strategie .ClientInfo > img{margin-top:28px;}
.marketing .sectionClient, .strategie .sectionClient{padding: 25px 0 40px;}
.marketing .businessStep {
  padding: 55px 0 47px;
}
.organization .sectioncar, .organization .sectionClient{padding: 10px 0 40px;}
.organization .externInfo p{margin-top:5px;}
.organization .visionInfo p{margin-top:20px;}
.sectionvision h5 {font-size: 20px;margin-top: 27px;position: absolute;right: 0;top: 0;width: 60%;}
.organization .sectionvision{padding: 10px 0 48px;}
.organization .sectionvision h5 {
  margin-top: 0;
}
.strategie .carInfo{bottom:12px;}
.strategie .sectioncar img{margin-top:-10px;}
.strategie .carInfo p{margin-top:-5px;}
.strategie .sectioncar {
  padding: 10px 0 20px;
}
.strategie .visionSpan h5.pull-right {
  top: 15px;
}
.sectionvision h5 {
  font-size: 20px;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 20px;
  width: 60%;
}
.middleWrapper ul.title{margin-left:0;max-width:100%;}
.equipeHeader-Img {
  max-height: 125px;
}
.menuUl {
  margin: -20px 0 30px;
}
.associateGallery .orgImg > img {
  height: auto;

}
.menu-item{min-height: 700px;}

.personInfo img {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -80px;
}
.personInfo {
  margin-top: 110px;
}
.sectorMenu .headWrap h1 {
  bottom: 30px;
  left: 20px;
  line-height: 50px;
}
.communicationPart h2 {
  display: inline-block;
  font-size: 18px;
  margin: 5px 0;
  overflow: hidden;
  width: 50%;
}

.laCabinateTeamPage .footer{margin-top: -20px;}
.organization .carSection h5.floatRight, .organization .sectionvision h5, .organization .clientSection h5.pull-right, .organization .visionSpan h5.pull-right, .organization .externSpan h5.pull-right, .innovation .visionSpan h5.floatRight, .innovation .clientSection h5.pull-right, .innovation .externSpan h5.pull-right, .innovation .visionSpan h5.pull-right{font-size: 18px;}
.organization .carSection h5.floatRight, .organization .clientSection h5.pull-right{width: 80%;}
.organization .sectionvision h5{width: 70%;}
.innovation .carSection h5.floatRight{font-size: 15px;width: 70%;}


.resp-timeline{display: none;padding:100px 0 300px 15px;}
.pageWrapper.homePageContents{z-index: 999;}
/*.bannerImage-bg{position: relative;}
.contact-top{top:0;z-index: 999;}*/
.menuHeight{height: 600px;}
.comp{display: none;}
.newsPartner .nosActuselect{margin-top:30px;}

ul.present li {
  text-align: center;
  width: 100%;
}
ul.present li > img {
  margin: 0 auto !important;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.strategie .spanOne, .strategie .spanTwo, .strategie .spanThree, .strategie .spanFour, .clientSection .modelInfo > span, .carSection .sectionsinfor > span, .visionSection .innoVision > span, .vision > span{
  width: 100% !important;
}







}


/* 320*640 portrait */
@media (min-width: 320px) and (max-width: 568px) {

  .footer p {float: none !important;text-align: center;margin: 10px 0 0;}
  .footer ul.social{text-align: center;width: 100%;float: none !important;margin: 10px 0 0;}
  .pointVal img {padding:0;display: block;margin: 10px auto;}
  .dropdown {background: #f0f1f3 url("../images/arrow-down.png") no-repeat scroll 6% center;}

}

/* 320*640  landscape*/
@media only screen and (max-width: 480px) and (orientation: landscape) {
   .dropdown {background: #f0f1f3 url("../images/arrow-down.png") no-repeat scroll 5% center;}
   .associateGallery .orgImg > img {
  height: auto;
}

}


/* 360*640 portrait */
@media (min-width:340px) and (max-width: 470px) {
  .vieImg{height: 425px;}
  /*.qui-Menu h1 {bottom: 10px;font-size: 70px;line-height: 35px;width: 90%;}*/
  .temoigPage .middleWrapper {max-width: 250px;}
  .introInfo .dash-border::before {top: 120px;}
  .contactPageWrapper .contactWrapper {max-width: 100%;}
  .recruteSection .contact_Form textarea {width: 100%;}
   /*.innovation .sectioncar, .marketing .sectioncar, .strategie .sectioncar {padding: 10px 0 20px;}*/
  /*.strategie .sectionWrapper, .visionSpan .innovation .sectionWrapper, .innovation .sectionWrapper, .marketing .sectionWrapper, .marketing .sectionWrapper, .organization .sectionWrapper, .organization .sectionWrapper, .strategie .sectionWrapper {max-width: 300px;}*/
  .dropdown {background: #f0f1f3 url("../images/arrow-down.png") no-repeat scroll 5% center;}
  .dropdown {
  background: #f0f1f3 url("../images/arrow-down.png") no-repeat scroll 5% center;}


}

@media (max-width: 770px) {
    .public-page-bottom {padding: 0px 30px 0px 30px;}
}

/* 360*640  landscape*/
@media (min-width: 360px) and (max-width: 640px) and (orientation: landscape){
  .sectioncar h5, .innovation .carSection h5.floatRight, .marketing .carSection h5.floatRight, .strategie .carSection h5.floatRight {

  width: 40%;
}
.strategie .visionSpan h5.pull-right {
  width:40%;
}
  .innovation .sectioncar .carInfo > p{float: none;margin-top:8px;}
  .innovation .sectioncar .carInfo > img{margin-top: 40px;}
  /*.sectioncar h5, .innovation .carSection h5.floatRight, .marketing .carSection h5.floatRight, .strategie .carSection h5.floatRight {margin-top: 47px;}*/
  /*.innovation .sectioncar, .marketing .sectioncar, .strategie .sectioncar {padding: 10px 0 0;}*/
  .dropdown {background: #f0f1f3 url("../images/arrow-down.png") no-repeat scroll 4% center;}
  .innovation .visionSpan h5.floatRight {margin-top: -68px;width: 52%;}
  .innovation .ClientInfo p, .innovation .externInfo p {float: none;margin-left: 0;}
  /*.innovation .externInfo p{width:50%;}*/
  /*.innovation .externSpan h5.pull-right {margin-top: -50px;}*/
  /*.innovation .visionInfo p {width:50%;float: none;margin-left: 0;margin-top: 22px;}*/
  .temoigPage .middleWrapper {max-width: 540px;}
  .introInfo .dash-border::before {top: 100px;}
  .dropdown {background: #f0f1f3 url("../images/arrow-down.png") no-repeat scroll 4% center;}
   .associateGallery .orgImg > img {
  height: auto;
}
}

@media (min-width:380px) and (max-width: 640px) {

  /*.strategie .sectionWrapper, .visionSpan .innovation .sectionWrapper, .innovation .sectionWrapper, .marketing .sectionWrapper, .marketing .sectionWrapper, .organization .sectionWrapper, .organization .sectionWrapper, .strategie .sectionWrapper {max-width: 420px;}*/
  .innoMenu .bottom-span, .marketingMenu .bottom-span, .orgMenu .bottom-span, .strategieMenu .bottom-span, .sectorMenu .bottom-span, .qui-Menu .bottom-span, .equipeMenu .bottom-span, .bottom-span, .nospublication-Menu .bottom-span, .nosNews-Menu .bottom-span, .recruite-Menu .bottom-span, .publication-Menu .bottom-span, .actuOne-Menu .bottom-span, .temog-Menu .bottom-span{bottom: -2px;}
  .vieImg{height: 425px;}
  /*.qui-Menu h1 {bottom: 10px;font-size: 70px;line-height: 35px;width: 90%;}*/
  /*.innovation .sectioncar .carInfo > p, .sectionvision .visionInfo > p{float: none;margin-top: 15px;}*/
  /*.innovation .ClientInfo p, .innovation .externInfo p {float: none;margin-left: 2px;margin-top: 5px;}*/
  /*.innovation .sectioncar .carInfo > img{margin-top: 32px;}*/
  /*.innovation .sectioncar, .marketing .sectioncar, .strategie .sectioncar {padding: 10px 0 0;}*/
  .innovation .visionSpan h5.floatRight {margin-top: 24px;width: 42%;}
  /*.innovation .sectionClient {padding:30px 0 5px 0;}*/
  /*.innovation .externSpan h5.pull-right{margin-top: -55px;}*/
  .innovation .section-three, .marketing .section-three {height: 650px !important;}
  .AllInContentWrapper {max-width: 395px;}
  /*.innovation .clientSection h5.pull-right {margin-top: 50px;}*/
  .innovation .section-one {height: 500px !important;}
  .temoigPage .middleWrapper {max-width: 415px;}
  .introInfo .dash-border::before {top: 130px;}
  .contactPageWrapper .contactWrapper {max-width: 100%;}
  .recruteSection .contact_Form textarea {width: 100%;}
  /*.recruteSelect::before, .nosActuselect::before {left: 75px;}*/


}





/* iphone 6    320*480*/
@media (min-width:375px) and (max-width: 667px) {
  .recruteSection .contact_Form textarea {width: 100%;}
  .contactPageWrapper .contactWrapper {max-width: 100%;}
/*  .strategieHeader-Img, .innoHeader-Img .headerImg, .marketingHeader-Img .headerImg, .orgHeader-Img .headerImg, .strategieHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg {
  height: 100%;
  width: 100%;
}*/
.marketing .videoSection iframe, .organization .videoSection iframe, .strategie .videoSection iframe,.innovation .videoSection iframe, .videoSection iframe  {
  border: 2px solid #fff;

}
.videoSection, .organization .videoSection, .marketing .videoSection, .strategie .videoSection, .innovation .videoSection{padding:10px 0;}




}


/* landscape mode*/
@media (min-width:480px) and (max-width: 767px) {
.strategie .sectionWrapper, .visionSpan .innovation .sectionWrapper, .innovation .sectionWrapper, .marketing .sectionWrapper, .marketing .sectionWrapper, .organization .sectionWrapper, .organization .sectionWrapper, .strategie .sectionWrapper {
  max-width: 580px;
}
.dash-border::before, .dash-border::after {left: 98%;}
.messageSection .middleWrapper,.carrerquotPage .middleWrapper {
  max-width: 420px;
}
/*.strategieHeader-Img, .innoHeader-Img .headerImg, .marketingHeader-Img .headerImg, .orgHeader-Img .headerImg, .strategieHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg, .equipeHeader-Img .headerImg {
  height:auto;
  width: auto;
}*/



}


/* portrait mode*/
/*@media (min-width:320px) and (max-width: 479px) {

}*/