.mobile {
    display: none;
    text-align: center;
    position: fixed;
    top: 0;
    left: 60px;
    height: 42px;
    z-index: 9100;
}

.noMobile {
    display: inline-block;
}

.menuMobLogo img {
    width: 180px;
    margin-top: 8px;
}

.iconSearchMob {
    display: none;
    cursor: pointer;
}

.iconCompteMob {
    display: none;
    cursor: pointer;
}

.langueDrop {
    display: none;
    cursor: pointer;
}

@media (min-width: 1921px) {

    .bTitre h2 {
        font-size: 80px;
        line-height: 120px;
        letter-spacing: 15px;
        width: 1600px;
    }

        .bTitre .petit {
            font-size: 40px;
            line-height: 40px;
            letter-spacing: 9px;
            margin-bottom: 15px;
        }

    .homeSlideDesc-imgOut {
        transform: translateY(-1000px);
    }
    .imgTurnPassed {
        transform: none;
    }
        .imgTurnPassed img:last-of-type {
            transform: none;
        }

    .homeHorizontal .bTitre {
        padding-bottom: 120px;
    }

    .homeHorizontalScroll {
        padding: 0px 150px 170px 150px;
    }

    .homeHorizontalEl {
        width: 920px;
        margin-right: 40px;
        height: 520px;
    }

    .homeHorizontalEl h2 {
        font-size: 38px;
    }

        .homeHorizontalEl h2 .petit {
            font-size: 19px;
            line-height: 29px;
        }

        .homeHorizontalEl h2:after {
            font-size: 29px;
        }

    .homeActusTitre {
        margin-bottom: 120px;
    }

        .homeActusTitre h2 {
            font-size: 160px;
            line-height: 160px;
            letter-spacing: 19px;
        }

    .botOutlineTitre h2 {
        font-size: 160px;
        letter-spacing: 19px;
        line-height: 180px;
    }

    .lstReal {
        padding-bottom: 345px;
    }

    .dtlReal-introLieu:before {
        height: 210px;
        top: calc(-210px - 20px);
    }

    .titreNoirMetier h2 {
        font-size: 60px;
        line-height: 120px;
        letter-spacing: 10px;
    }

}

@media (max-width: 1620px) {

    .detailActuTitre {
        width: 90%;
        margin: 0 auto;
    }

    .contactTitre {
        left: calc((100% - 1100px) / 2);
    }

}

@media (max-width: 1500px) {

    #logo {
        width: 105px;
        margin-left: 45px;
        margin-top: 45px;
    }

    .nav a {
        font-size: 25px;
        letter-spacing: 5px;
        margin-bottom: 6px;
    }

    .homeTop-city {
        bottom: 55px;
    }

        .homeTop-title span {
            font-size: 45px;
            line-height: 45px;
            letter-spacing: 7px;
        }

        .homeTop-city span {
            font-size: 20px;
            letter-spacing: 3px;
        }

        .homeTop-city span:before {
            height: 15vh;
        }

    .homeIntro .ct-small {
        padding: 110px 0px;
    }

    h1, .h1 {
        font-size: 55px;
        line-height: 70px;
        letter-spacing: 10px;
        margin-bottom: 30px;
    }

    .homeSlide {
        padding-top: 180px;
    }

        .homeSlideDesc-img {
            width: 370px;
            height: 475px;
            margin-left: 50px;
        }

        .homeSlideDesc-imgOut {
            transform: translateY(-43vw);
        }

    .bTitre h2:before {
        top: -30px;
        left: -30px;
    }

    .homeHorizontal {
        padding-top: 185px;
    }

    .homeHorizontal .bTitre {
        padding-bottom: 6vw;
    }

    .homeHorizontalEl h2 {
        padding: 0px 25px 20px 30px;
        font-size: 2vw;
        letter-spacing: 4px;
        line-height: 35px;
    }

        .homeHorizontalEl h2:after {
            right: 24px;
            bottom: 23px;
        }

    .homeHorizontalScroll {
        padding: 0px 8vw 8vw 8vw;
    }

    .homeActus {
        padding-top: 60px;
    }

    .actuDescCt {
        padding: 20px;
    }

        .actuDate {
            margin-bottom: 0px;
        }

    .body_14 .botOutline {
        padding-top: 0px;
    }

    .body_1187 h1 {
        margin-bottom: 100px;
    }

    .body_1187 .blocIntro {
        padding-bottom: 100px;
    }

    .centerHistoire {
        padding-top: 0px;
    }

    .centerHistoire p {
        font-size: 21px;
        line-height: 26px;
    }

    .hstLine1 .hstDesc {
        margin-top: 140px;
    }

    .hstDate span {
        top: 60px;
        left: 100px;
        padding: 10px 0px;
        font-size: 185px;
        line-height: 185px;
    }

    .hstLine2 .hstDesc {
        margin-top: 280px;
    }

    .hstLine2 .hstDate span {
        left: -170px;
    }

    .hstLine4 .hstDate span {
        top: 130px;
        left: -170px;
    }

    .conteneurContenuBloc {
        margin-bottom: 100px;
    }

    .blocIntroMetierImg {
        margin-left: 110px;
        margin-top: 70px;
    }

    .blocIntroMetierLgd {
        padding: 80px 130px;
    }

    .titreNoirMetier {
        padding: 10px 0px 60px 0px;
    }

    .blocVert {
        padding: 100px 110px;
    }

    .ctBlocVertMetier .blocVert {
        top: 80px;
    }

    .metierDoubleText-left {
        width: 400px;
    }

    .NewSliderHomeMaster{
        margin-bottom: 0px !important;
    }

    .blocMetierMid-txt {
        margin-top: 4vw;
        margin-left: -7vw;
        padding: 100px 70px 100px 140px;
    }

    .blocMetierMid-txt h2 {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 2.1vw;
    }

    .blocMetierMid-txt li {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 1.3vw;
        padding-left: 20px;
    }

    .blocMetierMid {
        margin-bottom: 120px;
    }

    .blocMetierDemarche-titre span:nth-of-type(1) {
        font-size: 55px;
        line-height: 55px;
    }

    .blocMetierDemarche-titre span:nth-of-type(2) {
        font-size: 35px;
        line-height: 40px;
    }

    .blocMetierDemarche-titre span:nth-of-type(3) {
        font-size: 33px;
        line-height: 35px;
    }

    .blocMetierDemarche-titre span:nth-of-type(4) {
        font-size: 49px;
        line-height: 55px;
    }

    .blocMetierDemarche-green {
        height: 500px;
    }

    .botOutline {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .titreNoirProjet {
        padding: 100px 0px 100px 0px;
    }

    .body_1185 .blocIntro {
        padding-bottom: 180px;
    }

    .bPara p {
        font-size: 18px;
    }

    .ccb518 .ct-small {
        text-align: center;
    }

    .lstReal-intro {
        width: 90%;
        text-align: left;
    }

    .lstReal-els {
        margin: -160px auto 0 auto;
    }

    .dtlReal-descContent,
    .dtlReal-carasCt .ct {
        width: 960px;
        margin: 0 auto;
    }

    .dtlReal-desc {
        padding-top: 90px;
    }

    .dtlReal-desc h1 {
        margin-bottom: 90px;
    }

    .dtlReal-descImage {
        width: 500px;
        height: 340px;
    }

    .dtlReal-cara {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .detailActu-intro .ct {
        padding-bottom: 140px;
    }

    .lstActu {
        margin-top: -200px;
        padding-bottom: 40px;
    }

    .detailActu-intro {
        padding-top: 215px;
    }

    .detailActuTitre {
        width: 100%;
    }

    .detailActu-right {
        margin-top: -50px;
    }

    .detailActu-intro .ct {
        padding-bottom: 100px;
    }

    .detailActu-left {
        padding-top: 50px;
    }

    .blocCandidaturePostesOuverts {
        margin-bottom: 0px;
    }

    .contactTitre {
        left: calc((100% - 1100px) / 2);
    }

    .contactCt-intro {
        margin-top: -180px;
    }

    .blocVert {
        padding: 80px 80px;
    }


    .homeTopCaption {
        font-size: 45px;
        line-height: 55px;
        letter-spacing: 8px;
    }

    .homeActusTitre .btnLine {
        top: 110px;
    }

    .noJobCt {
        width: 375px;
        height: 270px;
    }

        .noJobCt p {
            font-size: 25px;
            line-height: 25px;
        }

        .noJobCt img {
            width: 70px;
            margin-bottom: 35px;
        }

}

@media (max-width: 1250px) {

    .ct {
        width: 960px;
    }

    .ct-small {
        width: 800px;
    }

    .homeTop-title {
        width: 640px;
    }

        .homeTop-title span {
            font-size: 37px;
            line-height: 40px;
            letter-spacing: 5px;
        }

    .homeTop-pagination {
        right: 40px;
        bottom: 40px;
    }

    .homeTop-city span {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .homeIntro .ct-small {
        padding: 90px 0px;
    }

    h1, .h1 {
        font-size: 50px;
        line-height: 60px;
        letter-spacing: 8px;
    }

    .homeIntro50-left {
        height: 420px;
    }

        .homeIntro50-left img {
            width: 100%;
            height: 100%;
            object-position: center;
            object-fit: cover;
        }

    .homeIntro50-rightCt {
        margin-left: 90px;
    }

    .homeSlide {
        padding-top: 120px;
    }

        .homeSlideDesc-imgOut {
            transform: translateY(-35vw);
        }

    .homeSlideDesc {
        margin-top: 75px;
    }

    .homeHorizontal {
        padding-top: 150px;
    }

    .homeHorizontalEl h2 {
        padding: 0px 15px 15px 20px;
        letter-spacing: 3px;
        line-height: 30px;
    }

    .homeHorizontalEl h2:after {
        right: 15px;
        bottom: 17px;
    }

    .homeHorizontalBotImg img {
        width: 340px;
    }

    .actuImageCt {
        height: 305px;
    }

        .actuImageCt:before {
            top: 260px;
        }

    .homeActusTitre {
        margin-bottom: 3vw;
    }

    .homeActuLeBlanc {
        display: none;
    }

    .body_14 .botOutline {
        padding-top: 120px;
    }

    .actuDate {
        line-height: 19px;
    }

    .actuDescCt {
        padding: 15px;
    }

        .footerLogo {
            width: 320px;
            margin-right: 40px;
        }

        footer .ct {
            padding: 75px 0;
        }

    .actuTitre {
        font-size: 19px;
        line-height: 25px;
        max-height: 54px;
        letter-spacing: 2px;
    }

    .body_1187 h1 {
        margin-bottom: 80px;
    }

    .blocIntroHistoireImg {
        margin-left: 70px;
        width: 335px;
    }

    .hstDate {
        width: 380px;
        height: 380px;
    }

        .hstDate span {
            top: 40px;
            left: 100px;
            font-size: 150px;
            line-height: 150px;
        }

        .hstLine2 .hstDate span {
            left: -110px;
        }

        .hstLine4 .hstDate span {
            left: -110px;
        }

    .hstLineLeft .hstDesc {
        margin-right: 0px;
    }

        .hstLine1 .hstDesc {
            margin-top: 110px;
        }

    .hstLineRight .hstDesc {
        margin-left: 40px;
    }

        .hstLine2 .hstDesc {
            margin-top: 260px;
        }

    .blocIntroMetierImg {
        margin-left: 45px;
        width: 370px;
    }
    
    .blocIntroMetierLgd {
        padding: 50px 65px;
        font-size: 14px;
        line-height: 25px;
    }

    .titreNoirMetier {
        padding: 0px 0px 35px 0px;
    }

    .ctBlocVertMetier {
        padding-bottom: 90px;
    }

    .blocVert {
        width: 420px;
        padding: 65px;
    }

        .blocVert h2:before {
            top: -25px;
            left: -30px;
        }


    .bTitre h2:before {
        top: -20px;
        left: -30px;
    }

    .conteneurContenuBloc {
        margin-bottom: 0px;
    }

    .metierDoubleText-left {
        width: 360px;
        margin-left: 50px;
    }

    .metierDoubleText-right {
        width: 470px;
    }

    .metierDoubleText-right .blocVert {
        width: 100%;
        padding: 90px 85px;
    }

    .metierDoubleText {
        margin-bottom: 60px;
    }

    .blocMetierMid-txt {
        margin-top: 3vw;
        margin-left: -5vw;
        padding: 60px 70px 60px 100px;
    }

    .blocMetierMid-txt h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 25px;
    }

    .blocMetierMid-txt li:before {
        width: 8px;
        height: 8px;
        top: 8px;
    }

    .blocMetierDemarche-texte {
        width: 360px;
        margin-left: 50px;
    }

    .blocIntroProjetImg {
        margin-top: 5px;
        width: 400px;
    }

    .titreNoirProjet {
        padding: 60px 0px 60px 0px;
    }

    .bPara p {
        font-size: 15px;
        line-height: 25px;
    }

    .body_1185 .blocIntro {
        padding-bottom: 130px;
    }

    .projetLineImgLeft .projetLine-image {
        padding-right: 30px;
    }

        .projetLine1 .projetLine-image {
            margin-top: -140px;
        }

    .projetLine-txt {
        width: 510px;
        box-sizing: border-box;
        padding-top: 30px;
    }

    .projetLine-num {
        width: 100px;
        font-size: 60px;
        line-height: 55px;
    }

    .soustitre {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1px;
    }

    .projetLineImgRight .projetLine-image {
        padding-left: 60px;
    }

    .projetLine-desc .soustitre {
        margin-bottom: 15px;
    }

    .projetLine-para + .projetLine-para {
        margin-top: 70px;
    }

    .blocMetierDemarche-green {
        height: 435px;
    }

    .ccb532 .projetLine {
        margin-bottom: 100px;
    }

    .projetLine-desc {
        width: 400px;
    }

    .lstReal-intro {
        width: 75%;
    }

    .lstReal-els {
        width: 90vw;
        margin: -100px auto 0 auto;
    }

    .lstReal-el {
        width: 39vw;
        height: 27vw;
        margin: 0px 2.5vw 4vw 2.5vw;
    }

    .lstReal-desc {
        left: -15px;
        top: 15vw;
    }

    .dtlReal-introTitre {
        font-size: 45px;
        line-height: 49px;
        letter-spacing: 3px;
    }

    .dtlReal-introLieu {
        font-size: 21px;
        bottom: 60px;
    }

    .dtlReal-descContent,
    .dtlReal-carasCt .ct{
        width: 770px;
    }

    .dtlReal-descImage {
        width: 370px;
        height: 340px;
    }

    .dtlReal-desc {
        padding-top: 70px;
    }

    .dtlReal-desc h1 {
        margin-bottom: 70px;
    }

    .dtlReal-next {
        height: 450px;
    }

    .dtlReal-nextLieu {
        font-size: 45px;
        line-height: 47px;
    }

    .detailActu-intro .ct {
        padding-bottom: 160px;
    }

    .lstActusCt .actuCt {
        margin-right: 18px;
        margin-bottom: 30px;
    }

    .detailActu-intro .ct {
        padding-bottom: 80px;
    }

    .detailActu-right {
        width: 400px;
        margin-top: -35px;
    }

    .detailActu-left {
        width: 500px;
        padding-top: 25px;
    }

    .detailActu-retour {
        margin-bottom: 25px;
    }

    #detailActuGalerie a {
        width: 180px;
        height: 100px;
    }

    .posteListe {
        width: 370px;
        height: 300px;
        margin: 0px 50px 50px 0px;
    }

        .posteListeTitre {
            font-size: 35px;
            line-height: 40px;
            left: -30px;
            padding: 10px 15px;
        }

        .posteListe:hover .posteListeTitre {
            left: -45px;
        }

    .posteListeType {
        font-size: 17px;
        line-height: 17px;
    }

    .posteListePlus {
        font-size: 12px;
        line-height: 12px;
    }

    .detailEmploi-intro {
        padding-bottom: 40px;
    }

    .contactTitre {
        left: calc((100% - 790px) / 2);
    }

    .blocsReferences {
        height: 160px;
    }

    .lstActusCt {
        margin-top: 20px;
    }

    .lstActu {
        margin-top: -150px;
    }


    .blocIntroEquipeImg {
        width: 410px;
    }

    .blocEquipeIntroImg {
        width: 400px;
    }

    .blocEquipeIntro {
        padding-bottom: 90px;
    }

    .equipierCt {
        padding-bottom: 50px;
    }

    .equipierImageCt {
        height: 410px;
    }

        .equipierImage {
            width: 490px;
            border: 8px solid #24ad75;
        }

        .equipierImageCapt {
            top: -21px;
            left: 35px;
            padding: 4px 15px;
            font-size: 18px;
            letter-spacing: 4px;
        }

        .equipierDescCt {
            margin-top: 100px;
        }

        .equipierTitre {
            margin-left: 30px;
            padding: 20px 3px;
            margin-bottom: 40px;
        }

            .equipierCtRight .equipierTitre {
                margin-left: -20px;
                width: 100%;
            }

            .equipierTitre-nom {
                letter-spacing: 7px;
                font-size: 28px;
                line-height: 28px;
                margin-bottom: 9px;
            }

            .equipierTitre-desc {
                letter-spacing: 1px;
                font-size: 18px;
                line-height: 20px;
            }

        .equipierDesc {
            padding: 15px 0px 0px 25px;
            margin-left: 45px;
        }

        .equipierCtRight .equipierDesc {
            padding: 15px 25px 0px 0px;
        }

    .equipeNoir {
        padding-top: 75px;
    }

        .ccb559 .equipeNoir,
        .ccb565 .equipeNoir {
            padding-top: 120px;
        }

    .homeTopCaption {
        font-size: 32px;
        line-height: 45px;
        letter-spacing: 8px;
    }

    .homeActusTitre .btnLine {
        top: 55px;
    }

}


/*-----------------------------------------------------*/
/********----------- TABLETTES ---------------**********/
/*-----------------------------------------------------*/

@media (max-width: 1000px) {
    .mobile {
        display: inline-block;
        border: none;
    }

    .noMobile {
        display: none;
    }

    #logo {
        display: none;
    }

    .fromLeft,
    .fromRight {
        visibility: visible;
    }

    .nav {
        display: none;
    }

    .nav ul {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
        transform: none;
    }

        .nav a {
            transform:none !important;
            font-size: 20px;
            color: #24ad75;
            letter-spacing: 3px;
            margin-bottom: 0px;
            border-bottom: 1px solid #efefef;
        }

            .nav a:hover {
                background-color: #efefef;
            }

        .nav ul ul {
            padding-bottom: 0px;
        }

        .nav ul ul li {
            display: block;
        }

        .nav ul ul a {
            margin: 0;
            font-size: 18px;
            line-height: 38px;
            cursor: pointer;
            background-color: #efefef;
            border-bottom: 1px solid #e0e0e0;
        }

    /*.homeTop {
        height: calc(70vh - 42px);
    }*/

    .homeTopCaption {
        font-size: 24px;
        line-height: 37px;
        letter-spacing: 4px;
        width: 90%;
    }

    .homeTop-title {
        width: 400px;
    }

    .homeTop-title span {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 4px;
    }

    .homeTop-city {
        bottom: 85px;
    }

    .homeTop-nav span {
        font-size: 11px;
        line-height: 40px;
        letter-spacing: 1px;
    }

    .homeTop-city span:before {
        height: 9vh;
        margin: 0 auto 10px auto;
    }

    .homeTop-city span {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .homeTop-pagination {
        right: 25px;
        bottom: 20px;
    }

    .homeTop-pagination span {
        font-size: 11px;
        letter-spacing: 1px;
    }

        .homeTop-paginationEnd:before {
            width: 65px;
        }

    .homeIntro .ct-small {
        padding: 65px 0px;
    }

    h1, .h1 {
        font-size: 45px;
        line-height: 55px;
        letter-spacing: 6px;
    }

    h2, .h2 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    body {
        line-height: 23px;
    }

    p {
        line-height: 23px;
    }

    .sTexte {
        width: 255px;
    }

        .homeIntro50-rightCt {
            margin-left: 35px;
        }

    .homeSlideDesc-imgOut {
        transform: none;
    }

    .homeSlideDesc-imgOut img:last-of-type {
        transform: none;
    }

    .homeSlide {
        padding-top: 65px;
    }

    .bTitre h2 {
        font-size: 4vw;
        line-height: calc(4vw + 12px);
        letter-spacing: 0.7vw;
    }

    .bTitre h2:before {
        top: -15px;
        left: -25px;    
        font-size: 15px;
    }

    .homeSlideDesc-txt {
        margin: 0px 0 30px 30px;
    }

    .homeSlideDesc-img {
        width: 280px;
        height: 477px;
        margin-left: 40px;
    }

    .homeHorizontalIntroImg {
        width: 200px;
    }

    .homeHorizontal {
        padding-top: 100px;
    }

    .homeHorizontal .bTitre {
        padding-bottom: 5vw;
    }

    .homeHorizontalScroll {
        padding: 0px 8vw 10vw 8vw;
    }

    .homeHorizontalEl h2 {
        padding: 0px 15px 15px 15px;
        letter-spacing: 2px;
        line-height: 20px;
    }

    .homeHorizontalEl h2 .petit {
        font-size: 9px;
        line-height: 14px;
        letter-spacing: 2px;
    }

    .homeHorizontalEl h2:after {
        right: 10px;
        bottom: 15px;
    }

    .homeHorizontalBotImg img {
        width: 300px;
    }

    .homeHorizontalBotImg {
        transform: none;
    }

    .homeHorizontalBotTxt {
        padding-bottom: 25px;
    }

    .body_14 .botOutline {
        padding-top: 80px;
    }

    .botOutline {
        padding-bottom: 85px;
        padding-top: 100px;
    }

    .botOutlineText {
        width: 600px;
        margin: 0 auto;
        float: none;
    }

        .botOutlineTitre {
            top: 150px;
            display: none;
        }

    .homeHorizontalIntroImg {
        bottom: -110px;
    }

    footer .ct {
        flex-wrap: wrap;
    }

    .footerLogo {
        width: 100%;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 30px;
        margin-top: 0px;

    }

    footer .ct {
        padding: 50px 0;
    }

    .footerLogo img {
        width: 320px;
    }

    .crosslinksLeft {
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }

    .crosslinksRight {
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }

    .crosslinksRight a {
        font-size: 11px;
        line-height: 20px;
        margin: 0px 8px;
    }

    .blocIntro {
        padding-top: 65px;
        margin-bottom: 55px;
    }

    .body_1187 h1 {
        margin-bottom: 60px;
    }

    .blocIntroHistoireImg {
        margin-left: 0px;
        width: 330px;
    }

        .blocIntroHistoireImg img {
            top: -20px;
        }

    .divCenter {
        width: 100%;
    }

        .centerHistoire {
            padding-top: 35px;
        }

        .centerHistoire p {
            font-size: 20px;
            line-height: 26px;
        }

    .conteneurContenuBloc {
        margin-bottom: 65px;
    }

    .h2Histoire {
        margin-bottom: 0px;
    }

    .hstDate {
        width: 300px;
        height: 300px;    
        border: 8px solid #24ad75;
    }

    .ccb548 {
        margin-bottom: 50px !important;
    }

    .hstDesc {
        width: 270px;
    }

    .hstLine1 .hstDesc {
        margin-top: 40px;
    }

    .hstDate span {
        left: 75px;
        padding: 5px 0px;
        font-size: 100px;
        line-height: 100px;
    }

    .hstLine2 .hstDesc {
        margin-top: 185px;
    }

    .hstLineRight .hstDesc {
        margin-left: 25px;
    }

    .hstLine2 {
        margin-bottom: 50px;
    }

    .hstLine2 .hstDate span {
        left: -40px;
    }

    .hstLine2 .hstDesc {
        margin-top: 140px;
    }

    .hstLine4 .hstDate span {
        left: -25px;
    }

    .hstLine5 .hstDesc {
        margin-top: 100px;
    }


    /*--------------- 960 --------------*/

    .ct,
    .ct-small {
        width: 640px;
    }

    /*--------------- HOME ACTUS --------------*/

    .actuCt {
        width: 32.5%;
    }

    .actuImageCt {
        height: 205px;
    }

        .actuImageCt:before {
            right: 15px;
            top: 170px;
            font-size: 14px;
        }

    .actuDescCt {
        padding: 11px;
    }

        .actuTitre {
            font-size: 13px;
            line-height: 16px;
            max-height: 50px;
        }

    .blocIntroMetierImg {
        width: 340px;
        height: 500px;
        margin-left: 0px;
        margin-top: 0px;
    }

    .blocIntroMetierLgd {
        width: 100%;
        text-align: center;
    }

    .ctBlocVertMetier .sTexte {
        margin-left: 0px;
    }

    .blocVert {
        width: 335px;
        padding: 55px;
    }

    .blocVert h2:before {
        top: -15px;
        left: -20px;
        font-size: 14px;
        line-height: 14px;
    }

    .metierDoubleText-left {
        width: 300px;
        margin-left: 0px;
    }

    .metierDoubleText-right {
        width: 310px;
    }

    .metierDoubleText-right .blocVert {
        padding: 50px 45px;
    }

    .blocMetierMid-img {
        display: none;
    }

    .blocMetierMid-txt {
        width: 500px;
        float: none;
        margin: 0 auto;
        padding: 55px 65px 55px 65px;
    }

    .blocMetierMid {
        margin-bottom: 75px;
    }

    .blocMetierDemarche-texte {
        width: 300px;
        margin-left: 0px;
    }

    .blocMetierDemarche-green {
        height: 435px;
        width: 300px;
    }

    .blocMetierDemarche-titre span:nth-of-type(1) {
        font-size: 38px;
        line-height: 38px;
    }

    .blocMetierDemarche-titre span:nth-of-type(2) {
        font-size: 24px;
        line-height: 30px;
    }

    .blocMetierDemarche-titre span:nth-of-type(3) {
        font-size: 22px;
        line-height: 26px;
    }

    .blocMetierDemarche-titre span:nth-of-type(4) {
        font-size: 33px;
        line-height: 41px;
    }

    .blocIntroProjetImg {
        margin-top: 0px;
        width: 340px;
    }

    .titreNoirProjet {
        padding: 50px 0px 50px 0px;
    }

    .bPara p {
        font-size: 12px;
        line-height: 23px;
    }

    .projetLine-txt {
        width: 350px;
        padding-top: 15px;
    }

    .projetLine-num {
        width: 50px;
        font-size: 32px;
        line-height: 33px;
    }

    .projetLineImgLeft .projetLine-image {
        padding-right: 20px;
    }

        .projetLine1 .projetLine-image {
            margin-top: -85px;
        }

    .soustitre {
        font-size: 13px;
        line-height: 18px;
    }

    .projetLineImgRight .projetLine-image {
        padding-left: 30px;
    }

    .projetLine-desc .soustitre {
        margin-bottom: 10px;
    }

    .projetLine-para + .projetLine-para {
        margin-top: 50px;
    }

    .blocProjetDemarche .blocMetierDemarche-green {
        height: 300px;
    }

    .ccb532 .projetLine {
        margin-bottom: 160px;
    }

    .lstReal-intro {
        width: 100%;
    }

    .lstReal-intro h1:before {
        font-size: 15px;
        line-height: 15px;
        top: -10px;
        left: -18px;
    }

    .lstReal-introDesc {
        width: 100%;
        float: none;
    }

        .lstReal-introDesc .sTexte {
            width: 100%;
        }

    .lstReal-els {
        margin: 0px auto 0 auto;
    }

        .lstReal-el {
            width: 38vw;
            height: 26vw;
            margin: 0px 3.5vw 4vw 3.5vw;
        }

        .lstReal-desc {
            left: -10px;
            top: 10vw;
        }

        .lstReal-num {
            margin-left: -20px;
            width: 20px;
            margin-bottom: 10px;
        }

    .lstReal {
        padding-top: 50px;
        padding-bottom: 18vw;
    }

    .lstReal-el:nth-of-type(2n) {
        top: 6vw;
    }

    .dtlReal-desc {
        padding-top: 50px;
    }

        .dtlReal-desc h1 {
            margin-bottom: 50px;
        }

    .dtlReal-descContent, .dtlReal-carasCt .ct {
        width: 640px;
    }

    .dtlReal-back {
        position: relative;
        transform: none;
        display: block;
        left: unset;
        width: 640px;
        margin: 0 auto 40px auto;
        top: 0;
        font-size: 16px;
        line-height: 16px;
    }

    
    .dtlReal-descImage {
        width: 320px;
    }

    .dtlReal-carasCt {
        padding-top: 60px;
    }

        .dtlReal-caras {
            padding-bottom: 60px;
        }

    .dtlReal-photo {
        margin-bottom: 20px;
    }

    .dtlReal-photo50 {
        width: 48.5%;
    }

    .dtlReal-photos {
        padding-bottom: 70px;
    }

    .dtlReal-nextLieu {
        font-size: 32px;
        line-height: 40px;
    }

    .dtlReal-next {
        height: 370px;
    }

    .dtlReal-carasCt:before {
        height: 520px;
    }

    .detailActu-intro {
        padding-top: 60px;
    }

    .lstActusCt .actuCt {
        margin-right: 8px;
        margin-bottom: 20px;
    }

    .detailActu-intro .ct {
        padding-bottom: 60px;
    }

    .detailActu-right {
        width: 280px;
        margin-top: -30px;
    }

    .detailActu-left {
        width: 335px;
        padding-top: 20px;
    }

    #detailActuGalerie a {
        width: 147px;
        height: 80px;
    }

    .posteListe {
        width: 290px;
        height: 240px;
        margin: 0px 50px 40px 0px;
    }

        .posteListeTitre {
            font-size: 21px;
            line-height: 30px;
            left: -20px;
            padding: 10px 15px;
        }

        .posteListe:hover .posteListeTitre {
            left: -30px;
        }

    .emploisCt {
        padding-bottom: 40px;
    }

    .posteListeType {
        font-size: 14px;
        line-height: 14px;
    }

    .posteListePlus {
        font-size: 11px;
        line-height: 11px;
        bottom: 13px;
        right: 13px;
    }

    .posteListePlus:before {
        font-size: 15px;
        margin-right: 0px;
        top: 3px;
    }

    #blocCandidature {
        padding: 60px 0px;
    }

    .postuler-content {
        max-width: 45%;
    }

    .postuler.open .postuler-content {
        max-width: 640px;
    }

    .postuler.open .postuler-form {
        padding: 20px;
    }

    .postuler-intro {
        margin: 0px 0 30px 0px;
        font-size: 20px;
    }

    .postuler-field label {
        width: 100px;
        font-size: 12px;
        line-height: 15px;
    }

    .postuler-field input, .postuler-field select {
        width: 180px;
    }

    .postuler-field-adresse {
        width: 97%;
        margin: 0 auto;
    }

    .postuler-line-3 .postuler-field .input {
        width: 484px;
    }

    .postuler-field-message {
        width: 97%;
    }

    .postuler-fields-actions {
        padding: 0 20px;
    }

    .contactTitre {
        left: calc((100% - 320px) / 2);
        top: 50px;
    }

    .contactCt-intro {
        margin-top: -190px;
        margin-bottom: 80px;
    }

    .contactCt-intro .blocVert {
        float: none;
        margin: 0 auto;
        width: 420px;
    }

    .contactCt-form {
        margin-top: 60px;
        padding-bottom: 50px;
    }

    .formulaire-row {
        margin-bottom: 25px;
    }

    .blocsReferences {
        height: 120px;
    }

    .contenuFullPage {
        margin-bottom: 0px !important;
    }

    footer {
        position: relative;
    }

    .dtlReal-intro {
        height: 75vh;
    }

    .dtlReal-introLieu {
        font-size: 18px;
        bottom: 40px;
    }

    .dtlReal-introLieu:before {
        height: 7vw;
        top: calc(-7vw - 20px);
    }

    .lstActu {
        margin-top: -120px;
        padding-bottom: 40px;
    }


    /*--------------- HOME ARTICLES BLOG --------------*/
    .classBlogArticle:nth-child(2n+1) {
        margin-right: 20px;
    }

    /*-------- BLOCS BOONET template.css---------*/

    .contenuFullPage .contenuMixteTexteG /*Contenu mixtes Textes Gauche*/ {
        width: 300px;
    }

    .contenuFullPage .contenuMixteTexteD /*Contenu mixtes Textes Droite*/ {
        width: 300px;
    }

    .contenuFullPage .contenuTexte2ColG /*Contenu Texte 2 colonnes : colonne Gauche*/ {
        width: 300px;
    }

    .contenuFullPage .contenuTexte2ColD /*Contenu Texte 2 colonnes : colonne Droite*/ {
        width: 300px;
    }

    /*** 2 COLONNES ***/
    .blocGauche {
        width: 620px;
        float: none;
        margin: 0 auto;
    }

    .contenuDroite {
        width: 620px;
        float: none;
        margin: 0 auto;
    }

    .blocDroite {
        width: 620px;
        float: none;
        margin: 0 auto;
    }

    .contenuGauche {
        width: 620px;
        float: none;
        margin: 0 auto;
    }

        .contenuDroite .contenuMixteImageG, .contenuGauche .contenuMixteImageG {
            width: 300px;
        }

        .contenuDroite .contenuMixteImageD, .contenuGauche .contenuMixteImageD {
            width: 300px;
        }

        .contenuDroite .contenuMixteTexteG, .contenuGauche .contenuMixteTexteG {
            width: 300px;
        }

        .contenuDroite .contenuMixteTexteD, .contenuGauche .contenuMixteTexteD {
            width: 300px;
        }

        .contenuDroite .contenuTexte2ColG, .contenuGauche .contenuTexte2ColG {
            width: 300px;
            margin-bottom: 20px;
        }

        .contenuGauche .contenuTexte2ColD, .contenuDroite .contenuTexte2ColD {
            width: 300px;
        }

    /*** 3 COLONNES ***/
    .troisCol .blocGauche {
        width: 620px;
        margin-right: 0px;
        clear: both;
    }

    .troisCol .blocDroite {
        width: 620px;
    }

    .troisCol .contenuCentre {
        width: 620px;
    }

        .troisCol .contenuCentre img {
            width: 100%;
        }

    .contenuCentre .contenuMixteImageG {
        width: 230px;
    }

    .contenuCentre .contenuMixteImageD {
        width: 230px;
    }

    .contenuCentre .contenuMixteTexteG {
        width: 360px;
    }

    .contenuCentre .contenuMixteTexteD {
        width: 360px;
    }

    .contenuCentre .contenuTexte2ColG {
        width: 290px;
    }

    .contenuCentre .contenuTexte2ColD {
        width: 290px;
    }

    .blocGauche .bloc.blocRecherche, .blocGauche .bloc.blocNewsletter {
        padding: 3px 0;
    }

    .blocGauche #smMenu {
        float: none;
        margin: 0 auto 20px auto;
        border-bottom: 1px solid #aaa;
        padding-bottom: 10px;
    }

    .blocGauche .bloc {
        width: 290px;
        float: left;
    }

        .blocGauche .bloc:nth-child(2n+1) {
            margin-right: 40px;
        }

    .blocDroite .bloc.blocRecherche, .blocDroite .bloc.blocNewsletter {
        padding: 3px 0;
    }

    .blocDroite .bloc {
        width: 290px;
        float: left;
    }

        .blocDroite .bloc:nth-child(2n+1) {
            margin-right: 40px;
        }


    .blocIntroEquipeImg {
        width: 345px;
    }

    .blocIntro .titreNoirMetier {
        padding-bottom: 0px;
    }

    .blocEquipeIntro {
        padding-bottom: 65px;
    }

        .blocEquipeIntro .sTexte {
            margin-left: 45px;
        }

            .blocEquipeIntroImg {
                width: 285px;
            }

    .equipierImage {
        width: 380px;
        border: 6px solid #24ad75;
    }

        .equipierImageCt {
            height: 305px;
        }

    .equipierImageCapt {
        top: -17px;
        left: 30px;
        padding: 2px 12px;
        font-size: 15px;
        letter-spacing: 3px;
    }

        .equipierDescCt {
            margin-top: 40px;
        }

        .equipierTitre {
            margin-left: 0px;
            padding: 15px 5px;
            margin-bottom: 25px;
        }

        .equipierTitre-nom {
            letter-spacing: 3px;
            font-size: 19px;
            line-height: 20px;
            margin-bottom: 8px;
        }

        .equipierTitre-desc {
            font-size: 14px;
            line-height: 15px;
        }

        .equipierDesc {
            padding: 15px 0px 0px 20px;
            margin-left: 10px;
        }

        .equipierCtRight .equipierTitre {
            margin-left: -30px;
        }

    .homeActusTitre .btnLine {
        top: 35px;
    }

    .noJobCt {
        width: 360px;
        height: 210px;
    }

        .noJobCt p {
            font-size: 20px;
            line-height: 20px;
        }

        .noJobCt img {
            width: 60px;
            margin-bottom: 30px;
        }

    .candidatureIn {
        width: 640px;
        margin: 0 auto;
    }

        .candidatureIn p {
            text-align: justify;
        }


    /*--------------- REVUE DE PRESSE --------------*/

    .listePressesConteneurImage {
        width: 300px;
    }

    .listePressesConteneurTextes {
        width: 300px;
        margin-left: 20px;
    }

    /*--------------- BLOG --------------*/

    .blogColonneContenu {
        width: 620px !important;
    }

    .blogColonneBlocs {
        float: right;
        width: 620px !important;
    }

        .blogColonneBlocs .bloc {
            width: 290px;
            float: left;
        }

            .blogColonneBlocs .bloc:nth-child(2n+1) {
                margin-right: 40px;
            }


    /*--------------- CONNEXION --------------*/

    .btnFormCt {
        text-align: center;
        margin-top: 20px;
    }

    .connexionColGauche {
        padding-right: 40px;
        border-right: solid 1px #c9d4da;
        margin-right: 40px;
    }

    .connexionColDroite {
        display: inline-block;
        width: 220px;
    }

    .formInscription tr td {
        display: block;
    }

        .formInscription tr td:first-child {
            width: auto;
        }

        .formInscription tr td span {
            display: block;
        }

    .ctInscription .connexionColGauche {
        margin-right: 65px;
    }

    .ctInscription .form input[type="text"] {
        margin-bottom: 0;
    }

    /*--------------- Mentions leg --------------*/
    .mentionsColLeft {
        width: 380px;
    }

    /*--------------- Notifications --------------*/

    .Messages {
        top: 50px;
    }

    .Message {
        max-width: 90%;
    }
}