.mobile {
    display: none;
}

.noMobile {
    display: inline-block;
}

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

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

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

@media (max-height: 750px) {

    .bandeauScroll {
        width: 65px;
        height: 65px;
        bottom: 160px;
    }

    .ccb526.imgUp .contenuMixteImageG {
        margin-top: -265px;
    }

    .homeIntroRight p, .blocIntro p {
        line-height: 30px;
        margin-bottom: 25px;
    }

    .introBtn {
        font-family: GothamHTF-Medium;
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 40px;
    }

    .introBtn:after {
        height: 3px;
    }

}


/********----------- WIDTH ---------------**********/


@media (max-width: 1700px) {

    .botBar {
        padding: 25px 70px;
    }

    .topBar {
        padding: 0 70px;
    }

    .scrl .botBar, 
    .noSlider .botBar {
        padding: 15px 70px;
    }

    .bandeauSlider {
        margin-bottom: 70px;
    }

    .conteneurContenuBloc {
        margin-bottom: 110px;
    }

    .txtImgGray .ct-grand {
        padding: 90px 0px;
    }
    
    .ccb526.imgUp .contenuMixteImageG {
        margin-top: -265px;
    }
    .bandeauScroll {
        bottom: 160px;
    }

    .txtImgGray.imgUp .contenuMixteImageG, 
    .txtImgGray.imgUp .contenuMixteImageD {
        margin-top: -290px;
    }

    .bandeauSliderMaster .bandeauCaption {
        top: 215px;
    }

    h1, .h1 {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .blocIntro-right span {
        font-size: 15px;
        letter-spacing: 2px;
        margin-bottom: 10px;
    }

    .blocIntro-right {
        top: 70px;
        width: 300px;
    }

    .bandeauSlider {
        margin-bottom: 60px;
    }

    .bandeauSliderMaster .swiper-container {
        height: 590px !important;
    }

    .numberTitle .number {
        font-size: 60px;
        left: -45px;
        top: -25px;
    }

    .btn {
        padding: 15px 35px;
        margin-top: 20px;
        font-size: 15px;
        line-height: 18px;
    }

        .btn:before {
            font-size: 20px;
            line-height: 9px;
            margin-right: 10px;
            top: 3px;
        }

    .ccb567.imgUp .contenuMixteImageD {
        margin-top: -210px;
    }

}

@media (max-width: 1500px) {


    .homeIntro, .blocIntro {
        width: 1150px;
    }

    .botBar {
        padding: 25px 35px;
    }

    .topBar {
        padding: 0 35px;
    }

    .scrl .botBar, .noSlider .botBar {
        padding: 15px 35px;
    }

    .headerLogo {
        width: 170px;
        height: 57px;
    }

    .headerMenu {
        margin-top: 9px;
    }

    .nav a {
        line-height: 40px;
        font-size: 16px;
        margin-left: 35px;
    }

    .ct-grand {
        width: 1200px;
    }

    .ct {
        width: 1000px;
    }

    .bandeauScroll {
        left: calc((100% - 1150px)/2);
    }

    .homeIntroRight {
        width: 430px;
    }

    .contenuMixteImageG, 
    .contenuMixteImageD {
        width: 530px;
    }

    .contenuMixteTexteD {
        width: 430px;
        margin-top: 30px;
        margin-right: 100px;
    }

    .contenuMixteTexteG {
        width: 450px;
        margin-top: 30px;
        margin-left: 100px;
    }

    .conteneurContenuBloc {
        margin-bottom: 90px;
    }

    .txtImgGray .ct-grand {
        padding: 80px 0px;
    }

    .txtImgGray .ct-grand:before {
        width: 950px;
    }

    .quiSommesLogos {
        width: 500px;
        margin-bottom: 30px;
    }

        .quiSommesLogos img {
            width: 140px;
        }

    .ctaCt {
        padding: 55px 100px;
        width: 100%;
    }

    .ctaCt-left {
        width: 500px;
    }

    .ctaCt-right {
        width: 430px;
    }

    .avisCt {
        padding: 75px 0px;
    }

    .avis {
        width: 430px;
        padding: 25px 30px;
    }

    .pictoFoot:before {
        margin: 0 auto 80px;
        font-size: 55px;
        line-height: 40px;
    }

    footer {
        padding: 40px 0;
    }

    .overDouble {
        width: 1000px;
    } 

    .texteDouble {
        width: 1000px;
    }

    .contenuTexte2ColG,
    .contenuTexte2ColD {
        width: 470px;
    }

    h1, .h1 {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 20px;
    }

    .bandeauSlider {
        margin-bottom: 50px;
    }

        .bandeauSliderMaster .bandeauCaption {
            top: 190px;
        }

        .bandeauSliderMaster .swiper-container {
            height: 525px !important;
        }

    .txtImgGray.imgUp .contenuMixteImageG, .txtImgGray.imgUp .contenuMixteImageD {
        margin-top: -230px;
    }

    .numberTitle .number {
        font-size: 45px;
        left: -35px;
        top: -20px;
    }

    .atouts {
        margin-top: 35px;
    }

        .atout {
            font-size: 16px;
            line-height: 18px;
            margin-bottom: 15px;
        }

            .atout:before {
                width: 25px;
                height: 25px;
                line-height: 25px;
                margin-right: 15px;
                top: 1px;
            }

    .blocGrisPlus {
        padding: 50px;
    }

        .blocGrisPlus-lgd {
            font-size: 55px;
            line-height: 40px;
            right: 25px;
            top: 25px;
            letter-spacing: 2px;
        }

    .secteursCt {
        width: 950px;
        margin: 60px auto 0 auto;
    }

        .secteur {
            width: 180px;
            margin-bottom: 40px;
        }

            .secteur span {
                font-size: 15px;
                line-height: 22px;
            }

            .secteurImg {
                height: 50px;
            }

    .metier {
        width: 210px;
        margin-bottom: 10px;
        border-radius: 8px;
        padding: 13px;
    }

    .backBlue {
        padding: 100px 0px;
    }

    .ccb538 .ct-grand, 
    .ccb550 .ct-grand 
    /*.ccb561 .ct-grand*/ {
        margin-bottom: -145px;
    }
        
    .photoMembre-img {
        width: 225px;
        height: 300px;
    }

    .photoMembre-lgd {
        top: -40px;
        left: 30px;
        font-size: 16px;
        line-height: 25px;
    }

        .photoMembre-lgd span {
            font-size: 22px;
        }

    .etape {
        margin-bottom: 35px;
        padding: 20px;
    }

        .etape h3 {
            font-size: 18px;
            margin-bottom: 8px;
        }

        .etape-num {
            font-size: 27px;
            top: 11px;
            right: 12px;
        }

        .etape:after {
            font-size: 30px;
            right: -47px;
        }

    .ccb567.imgUp .contenuMixteImageD {
        margin-top: -160px;
    }

    .texteDouble.ct100 {
        padding: 100px calc((100% - 1070px)/2);
    }

    .citation-phrase {
        font-size: 19px;
        line-height: 24px;
    }

    .triGroupe-logo {
        height: 80px;
    }

    .avisTop {
        height: 210px;
    }

    /*--------------------PAGE FORMATION----------------------*/

    .body_1201 .blocIntro-right {
        top: 130px;
        display: flex;
        flex-direction: column;
        width: 190px;
        align-items: flex-end;
    }

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

}


@media (max-width: 1250px) {

    #panUc {
        width: 70%;
    }

    /*--------------------PAGE FORMATION----------------------*/

    .body_1201 .introBtn {
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 33px;
    }

    span.texteDesc {
        font-size: 14px;
        line-height: 20px;
    }


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

    body {
        font-size: 16px;
        line-height: 24px;
    }

    .botBar {
        padding: 20px 25px;
    }

    .scrl .botBar, .noSlider .botBar {
        padding: 10px 25px;
    }

    .headerLogo {
        width: 145px;
        height: 49px;
    } 

    .scrl .headerLogo, .noSlider .headerLogo {
        width: 130px;
        height: 45px;
    }

    .nav a {
        line-height: 35px;
        font-size: 15px;
        margin-left: 20px;
    }

    .homeIntro, .blocIntro {
        width: 950px;
    }

    .homeIntroRight p, .blocIntro p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .homeIntroRight {
        width: 400px;
    }

    .introBtn {
        font-size: 17px;
        letter-spacing: 2px;
        line-height: 42px;
    }

    .ct-grand {
        width: 1000px;
    }

    .bandeauScroll {
        left: calc((100% - 950px)/2);
    }

    .contenuMixteImageG, .contenuMixteImageD {
        width: 460px;
    }

    .contenuMixteTexteG {
        width: 400px;
        margin-top: 20px;
        margin-left: 55px;
    }

    .contenuMixteTexteD {
        width: 400px;
        margin-top: 20px;
        margin-right: 55px;
    }

    h1, .h1 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    h2 .prespan, .h2 .prespan {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 1px;
        margin-bottom: 6px;
    }

    h2, .h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    p, li {
        font-size: 16px;
        line-height: 24px;
    }

    .btnLine {
        margin-top: 30px;
        font-size: 15px;
        line-height: 35px;
    }

    .bandeauSlider {
        margin-bottom: 40px;
    }

    .conteneurContenuBloc {
        margin-bottom: 80px;
    }

    .txtImgGray .ct-grand {
        padding: 70px 0px;
    }

    .triExp {
        margin-top: 30px;
    }

        .triExp a {
            line-height: 45px;
            font-size: 15px;
        }

    .backBlue {
        padding: 90px 0px;
    }

    .imgUp .contenuMixteImageG, .imgUp .contenuMixteImageD {
        margin-top: -190px;
    }

    .quiSommesLogos {
        width: 440px;
    }

        .quiSommesLogos img {
            width: 130px !important;
        }

    .ctaCt {
        padding: 40px 55px;
    }

        .ctaCt-left {
            width: 420px;
        }

        .ctaCt-right {
            width: 400px;
        }

        .ctaBtn span {
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 3px;
        }

    .ct,
    .ct-petit {
        width: 850px;
    }

    .overDouble {
        width: 850px;
    }

        .texteDouble {
            width: 850px;
        }

    .contenuTexte2ColG, .contenuTexte2ColD {
        width: 380px;
    }

    .topBar-btn {
        line-height: 30px;
        margin-top: 4px;
        border: 1px solid rgba(255, 255, 255, 0.40);
        padding: 0 10px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.75);
    }

        .topBar-btn:last-of-type {
            margin-left: 5px;
        }

    .topBar-num, .topBar-contact {
        opacity: 0.75;
        font-size: 14px;
        margin-right: 20px;
    }

    .topBar-contact:before {
        font-size: 10px;
        margin-right: 5px;
    }

    .footerLeft {
        width: 175px;
    }

        .footerLogo {
            width: 165px;
            margin-bottom: 20px;
        }

    .footerRight {
        width: 615px;
    }

    .txtImgGray .ct-grand:before {
        width: 740px;
    }

    .bandeauSliderMaster .bandeauCaption {
        top: 160px;
    }

    .blocIntro-right {
        top: 60px;
        width: 290px;
    }

    .blocIntro-right span {
        font-size: 14px;
        letter-spacing: 2px;
        margin-bottom: 7px;
    }

    .secteursCt {
        width: 100%;
        margin: 50px auto 0 auto;
    }

        .secteur {
            width: 170px;
            margin-bottom: 35px;
        }

    .metier {
        border-radius: 8px;
        padding: 15px;
        width: 100%;
    }

    .ccb538 .ct-grand, .ccb550 .ct-grand/*, .ccb561 .ct-grand*/ {
        margin-bottom: 0px;
    }

    .bandeauSliderMaster .swiper-container {
        height: 490px !important;
    }

    .triCol-img {
        height: 75px;
        margin-bottom: 20px;
    }

    .doubleCol, .triCols {
        width: 900px;
    }

        .doubleColEl {
            width: 415px;
        }


    .txtImgGray.imgUp .contenuMixteImageG, 
    .txtImgGray.imgUp .contenuMixteImageD {
        margin-top: -200px;
    }

    .photoMembre-img {
        width: 210px;
        height: 270px;
    }

    .photoMembre-lgd {
        top: -30px;
        left: 20px;
        font-size: 14px;
        line-height: 25px;
    }

        .photoMembre-lgd span {
            font-size: 20px;
            margin-bottom: 5px;
        }

    .triCol-img {
        height: 65px;
        margin-bottom: 20px;
    }

    .triCol-lgd {
        font-size: 15px;
        line-height: 23px;
    }

        .triCol-lgd span {
            font-size: 20px;
        }

    .doubleCol h3 {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .etape {
        margin-bottom: 30px;
        padding: 15px;
        width: 30%;
    }

        .etape h3 {
            font-size: 15px;
            margin-bottom: 6px;
        }

        .etape-num {
            font-size: 20px;
            top: 8px;
            right: 10px;
        }

        .etape:after {
            font-size: 20px;
            right: -32px;
        }

    .texteDouble.ct100 {
        padding: 90px calc((100% - 1000px)/2);
    }

    .citation {
        margin-top: 30px;
        padding-left: 20px;
    }

        .citation-phrase {
            font-size: 17px;
            line-height: 20px;
        }


    .triGroupe-logo {
        height: 55px;
        margin-bottom: 20px;
    }

    h3 .prespan, .h3 .prespan {
        font-size: 13px;
        line-height: 19px;
    }

    .triGroupeSoustitre {
        opacity: 0.6;
        font-size: 15px;
    }

    .listActuCt {
        width: 410px;
        margin-bottom: 30px;
    }

    .listActuImg {
        height: 240px;
    }

    #detailActuGalerie {
        margin-top: 40px;
        padding-top: 40px;
    }

    #detailActuGalerie a {
        width: 195px;
        height: 120px;
    }

    #detailActuGalerie a {
        width: 200px;
        height: 120px;
    }

    .btnScrl {
        bottom: 30px;
        right: 30px;
        width: 40px;
        height: 40px;
    }

    .avisTop {
        height: 180px;
    }

    .quiSommesLogos > span {
        font-size: 14px;
    }

}


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

@media (max-width: 1030px) {


    .listeReferencesConteneurImage {
        max-width: 170px;
    }

    #panUc {
        width: 100%;
    }

    .mobile {
        display: block;
    }

    .noMobile {
        display: none;
    }

    
    .menuMobLogo {
        position: fixed;
        top: 0;
        left: 55px;
        height: 42px;
        z-index: 9100;
    }

        .menuMobLogo img {
            width: 105px;
            margin-top: 3px;
        }

    header {
        z-index: 9000;
    }

    .headerMenu {
        float: none;
        margin-top: 0px;
    }

    .topBar {
        position: fixed;
        top: 42px;
        padding: 0px 20px;
        box-sizing: border-box;
        height: 39px;
        z-index: 5000;
    }

    .botBar,
    .scrl .botBar, .noSlider .botBar {
        padding: 0px;
        height: 42px;
        z-index: 5500;
    }

    .nav {
        z-index: 5300;
    }

    .nav a {
        line-height: 50px;
        font-size: 16px;
        color: #242424;
        margin-left: 0px;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
    }

        .nav a:after {
            display: none;
        }

        .nav a:hover {
            background-color: #f1f1f1
        }

        .nav ul ul a {
            color: #242424;
            padding: 0px;
            line-height: 45px;
            background-color: #f1f1f1;
            border-bottom: 1px solid #e4e4e4;
        }

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

    .headerLogo {
        display: none;
    }

    .topBar-num, .topBar-contact {
        opacity: 0.90;
        font-size: 14px;
        margin-right: 0px;
        color: #fff !important;
    }

        .topBar-contact {
            position: fixed;
            top: 0;
            right: 20px;
            z-index: 6500;
        }

        .topBar-num {
            position: fixed;
            top: 0;
            right: 180px;
            z-index: 6500;
        }

        .topBar-btn {
            line-height: 28px;
            margin-top: 4px;
            padding: 0px 8px;
            font-size: 11px;
        }

    .bandeauSliderHome .swiper-container {
        height: 560px !important;
        min-height: 10px !important;
    }

    .bandeauCaption {
        top: 100px;
    }

        .homeIntro, .blocIntro {
            width: 670px;
        }

        .homeIntroRight {
            width: 325px;
        }

        .introBtn {
            font-size: 15px;
            letter-spacing: 2px;
            line-height: 35px;
        }

            .homeIntroRight .introBtn {
                margin-left: 30px;
            }

            .introBtn:after {
                height: 2px;
            }

            .introBtn:nth-of-type(2) {
                margin-top: 15px;
            }

            .introBtn:before {
                font-size: 17px;
                left: -30px;
                top: 0px;
            }


        .homeIntroRight p, .blocIntro p {
            font-size: 15px;
            line-height: 25px;
            margin-bottom: 20px;
        }

    .bandeauScroll {
        left: calc((100% - 670px)/2);
    }

    .bandeauSlider {
        margin-bottom: 45px;
    }

    .ct-grand {
        width: 700px;
    }

    .ct,
    .ct-petit {
        width: 700px;
    }

    .ccb526.imgUp .contenuMixteImageG {
        margin-top: -120px;
    }

    .bandeauScroll {
        width: 60px;
        height: 60px;
        bottom: 30px;
    }


    .contenuMixteImageG, .contenuMixteImageD {
        width: 320px;
    }

    .contenuMixteTexteG {
        width: 325px;
        margin-top: 10px;
        margin-left: 0px;
    }

    .contenuMixteTexteD {
        width: 325px;
        margin-top: 10px;
        margin-right: 0px;
    }

    h1, .h1 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 17px;
    }

    h2 .prespan, .h2 .prespan {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    h2, .h2 {
        font-size: 23px;
        line-height: 27px;
        margin-bottom: 20px;
    }

    body, p, li {
        font-size: 15px;
        line-height: 22px;
    }

    .btnLine {
        margin-top: 25px;
        font-size: 15px;
        line-height: 33px;
    }

    .conteneurContenuBloc {
        margin-bottom: 60px;
    }

    .txtImgGray .ct-grand {
        padding: 50px 0px;
    }

        .txtImgGray .ct-grand:before {
            width: 560px;
            left: -60px;
        }

        .conteneurBlocImgTxt.txtImgGray .ct-grand:before {
            left: unset;
            right: -60px;
        }

        .triExp a {
            line-height: 45px;
            font-size: 14px;
        }

        .triExp a:after {
            font-size: 23px;
        }

    .backBlue,
    .avisCt {
        padding: 65px 0px;
    }

    .imgUp .contenuMixteImageG, 
    .imgUp .contenuMixteImageD {
        margin-top: -100px;
    }

    .quiSommesLogos {
        width: 350px;
        margin-bottom: 25px;
    }

    .quiSommesLogos img {
        width: 100px !important;
    }

    .ctaCt {
        padding: 35px 40px;
    }

        .ctaCt-left {
            width: 300px;
        }

        .ctaCt-right {
            width: 280px;
        }

        .ctaBtn span {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: 2px;
        }

        .ctaBtn span:after {
            font-size: 30px;
            margin-top: 15px;
        }

    .ctaBtn:before {
        font-size: 610px;
    }

    .avisIntro {
        margin-bottom: 35px;
    }

    .avis {
        padding: 20px 20px;
    }

    h3, .h3 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 9px;
    }

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

    .avisTop {
        height: 155px;
    }
    .avisBot {
        margin-top: 20px;
    }

    .contenuTexte2ColG, .contenuTexte2ColD {
        width: 330px;
    }

    .pictoFoot:before {
        margin: 0 auto 60px;
        font-size: 45px;
        line-height: 35px;
    }

    .footerLeft {
        width: 135px;
    }

    .footerLogo {
        width: 135px;
    }

        .footerSocial a:before {
            font-size: 25px;
        }

    .footerRight {
        width: 510px;
    }

        .footerColTitre {
            font-size: 15px;
            line-height: 15px;
            letter-spacing: 1px;
            opacity: .7;
            margin-bottom: 10px;
        }

        .footerCol p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 7px;
        }

        .footerTel {
            font-size: 14px;
        }

            .footerTel:before {
                font-size: 9px;
                top: -1px;
                margin-right: 6px;
            }

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

        .footerContact {
            margin-top: 6px;
            font-size: 14px;
        }

    .overDouble {
        width: 700px;
    }
    .texteDouble {
        width: 700px;
    }

    .topBar {
        padding: 0px 10px;
    }

    .topBar-num, .topBar-contact {
        font-size: 13px;
        margin-right: 0px;
        letter-spacing: 0px;
    }

        .topBar-contact {
            right: 10px;
        }
        
            .topBar-contact:before {
                font-size: 8px;
                margin-right: 5px;
                top: -1px;
                position: relative;
            }

        .topBar-num {
            position: fixed;
            top: 0;
            right: 130px;
            z-index: 6500;
        }

            .topBar-num:before {
                font-size: 9px;
                margin-right: 6px;
                top: -1px;
                position: relative;
            }

    .bandeauCaption {
        top: 75px;
    }

    .bandeauSliderMaster .bandeauCaption {
        top: 75px;
    }

    .blocIntro p {
        width: 350px;
    }

    .blocIntro-right {
        right: 0;
        top: unset;
        bottom: -20px;
        text-align: right;
        width: 100%;
    }

    .bandeauSliderMaster .swiper-container {
        height: 370px !important;
    }

    .txtImgGray.imgUp .contenuMixteImageG,
    .txtImgGray.imgUp .contenuMixteImageD {
        margin-top: -120px;
    }

    .numberTitle .number {
        font-size: 35px;
        left: -25px;
        top: -17px;
    }

    li {
        margin-bottom: 8px;
    }

    ul + .numberTitle {
        margin-top: 40px;
    }

    .atout {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }

        .atout:before {
            width: 20px;
            height: 20px;
            line-height: 20px;
            margin-right: 10px;
            top: 1px;
            font-size: 12px;
        }

    .blocGrisPlus {
        padding: 30px;
    }

    .blocGrisPlus-lgd {
        font-size: 30px;
        line-height: 30px;
        right: 15px;
        top: 12px;
        letter-spacing: 1px;
        color: rgba(36, 36, 36, 0.08);
    }

    .secteur {
        width: 135px;
        margin-bottom: 30px;
    }

        .secteur span {
            font-size: 13px;
            line-height: 20px;
            color: rgba(255, 255, 255, 0.90);
        }

        .secteurImg {
            height: 45px;
        }

    .divCenter p {
        width: 650px;
    }

    .doubleCol, .triCols {
        width: 100%;
    }

    .doubleColEl {
        width: 320px;
    }

    .photoMembre {
        margin-left: 40px;
    }

        .photoMembre-img {
            width: 190px;
            height: 250px;
        }

        .photoMembre-lgd {
            top: -25px;
            left: 15px;
            font-size: 14px;
            line-height: 20px;
        }

            .photoMembre-lgd span {
                font-size: 18px;
            }

    .triColsQuiSommes {
        margin-bottom: 40px;
    }

    .triCol {
        width: 31%;
    }

        .triCol-img {
            height: 55px;
            margin-bottom: 15px;
        }

        .triCol-lgd span {
            font-size: 18px;
            margin-bottom: 3px;
        }

    .etape:after {
        font-size: 18px;
        right: -27px;
    }

    .ccb577 .doubleColEl:nth-of-type(2) {
        padding: 20px 20px;
        width: 330px;
    }

    .ccb567.imgUp .contenuMixteImageD {
        margin-top: -80px;
    }

    .ccb573 h2 br {
        display: none;
    }

    .texteDouble.ct100 {
        padding: 65px calc((100% - 700px)/2);
    }

    .nbList li {
        margin-bottom: 25px;
        padding-left: 23px;
    }

    .nbList li span {
        font-size: 20px;
        top: -8px;
    }

    .noSlider .fullpage {
        padding-top: 80px;
    }

    .classActuCategories select {
        border: 1px solid #cccccc;
        font-size: 14px;
    }

    .listingActus {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .listActuCt {
        width: 340px;
        margin-bottom: 20px;
    }

    .listActuImg {
        height: 185px;
    }

    .retourBtn {
        margin-bottom: 20px;
    }

        .retourBtn a {
            font-size: 16px;
            line-height: 16px;
        }

    .retourBtn a:before {
        margin-right: 15px;
        font-size: 20px;
        top: 2px;
    }

    #detailActuGalerie a {
        width: 160px;
        height: 100px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .ctEngagement {
        width: 100%;
    }

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

    .quiSommesLogos > span {
        font-size: 12px;
    }


    /*--------------- Mentions leg --------------*/


    .mentionsColLeft {
        width: 380px;
    }

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

    .Messages {
        top: 50px;
    }

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