/*--------------------------------------------------*/
/********---------- SMATPHONES -----------**********/
/*--------------------------------------------------*/

@media (max-width: 640px) {
    #divLogo {
        display: none;
    }

    h1, .h1 {
        font-size: 25px;
        line-height: 33px;
        letter-spacing: 4px;
        text-align: center;
    }

    h2, .h2 {
        font-size: 18px;    
        line-height: 23px;
        text-align: center;
    }

    h3 {
        font-size: 15px;
        text-align: center;
    }

    .nav a,
    .nav ul ul a {
        font-size: 17px;
        letter-spacing: 2px;
    }

    .homeTop-pagination {
        display: none;
    }

    .homeTop-title {
        width: 320px;
    }

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

        .homeTop-nav span {
            font-size: 10px;
            line-height: 30px;
        }

    .homeTop-navPrev {
        padding-left: 25px;
    }

    .homeTop-navNext {
        padding-right: 25px;
    }

        .homeTop-navPrev:before,
        .homeTop-navNext:before{
            width: 15px;
            top: 13px;
        }

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

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

        .homeTopCaption {
            font-size: 17px;
            line-height: 26px;
            letter-spacing: 3px;
        }

        .homeTop:before {
            height: 60px;
        }

    .homeIntro50 {
        flex-direction: column;
    }

    .homeIntro50-left {
        width:100%;
        height: 250px;
        margin-bottom: 35px;
    }

    .homeIntro50-right {
        width: 100%;
        padding-bottom: 35px;
    }

    .sTexte {
        width: 320px;
    }

    .homeIntro50-rightCt {
        margin: 0 auto;
    }

    .homeSlide {
        padding-top: 40px;
    }

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

    .homeSlideDesc {
        margin-top: 60px;
    }

    .homeSlideDesc .ct {
        flex-direction: column;
    }

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

    .homeSlideDesc-img {
        width: 320px;
        height: 450px;
        margin-left: 0px;
    }

    .homeHorizontalIntroImg {
        width: 135px;
    }

    .bTitre h2 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 2px;
        width: 320px;
        margin: 0 auto;
    }


    .NewSliderHomeMaster .swiper-text .ligne-slider {
        display: none;
    }


    .NewSliderHomeMaster .swiper-text h2 {
        font-size: 35px;
    }

        .bTitre h2 br {
            display: none;
        }

        .bTitre .petit {
            font-size: 13px;
            line-height: 17px;
            letter-spacing: 1px;
            margin-bottom: 5px;
        }

    .homeHorizontalEl {
        width: 100%;
        margin-right: 2%;
        height: 50vw;
    }

    .homeHorizontalEl h2 {
        padding: 0px 42px 15px 25px;
        font-size: 19px;
        letter-spacing: 3px;
        line-height: 25px;
        text-align: left;
    }

    .homeHorizontalEl h2 .petit {
        font-size: 11px;
    }

    .homeHorizontalEl h2:after {
        right: 15px;
        bottom: 16px;
        font-size: 3vw;
    }

    .homeHorizontalBotImg {
        display: none;
    }

    .homeHorizontalBotTxt {
        width: 100%;
        padding-bottom: 35px;
    }

    .homeActusTitre h2 {
        text-align: center;
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 4px;
    }

    .homeActus {
        padding-top: 30px;
    }

    .actusCt {
        flex-direction: column;
    }

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

    .botOutline {
        padding-bottom: 40px;    
        padding-top: 60px;
    }

    .botOutlineText {
        width: 100%;
    }

    .footerCol {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }

        .footerCol p {
            text-align: center;
        }

        .footerLogo img {
            width: 200px;
        }

    .homeHorizontalIntroImg {
        bottom: -60px;
    }

    .blocIntro {
        padding-top: 40px;
    }

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

    .blocIntroHistoireImg {
        width: 100%;
        margin-bottom: 30px;
    }

        .blocIntroHistoireImg img {
            top: 0px;
        }

    .centerHistoire h2 {
        width: 100%;
        margin: 0 auto 20px auto;
        font-size: 18px;
        line-height: 23px;
    }

    .centerHistoire p {
        font-size: 18px;
        line-height: 22px;
        text-align: justify;
    }

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

    .conteneurContenuBloc {
        margin-bottom: 0px;
    }

    .hstLine {
        flex-direction: column;
    }

    .hstLineRight {
        flex-direction: column-reverse;
    }

    .hstDate {
        width: 290px;
        height: 290px;
        margin: 0 auto;
        border: 8px solid #24ad75;
    }

    .hstDate span {
        right: -25px;
        left: unset;
    }

        .hstLine2 .hstDate span {    
            top: 130px;
            left: -20px;
            right: unset;
        }

    .hstDesc {
        width: 100%;
    }

        .hstDesc h2, .hstDesc .h2 {
            text-align: left;
        }

    .hstDesc:before {
        top: -17px;
        left: -25px;
    }

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

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

    .hstLine4 .hstDate span {
        left: -20px;
        right: unset;
    }

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

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

    .blocIntroMetierImg {
        width: 100%;
        height: auto;
        margin-bottom: 35px;
        float: none;
    }

    .blocIntroMetierTxt .sTexte {
        float: none;
        margin-bottom: 35px;
    } 

    .blocIntro {
        padding-bottom: 60px;
    }

    .blocIntroMetierLgd {
        padding: 35px 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .ctBlocVertMetier {
        padding-bottom: 70px;
    }

    .ctBlocVertMetier .sTexte {
        float: none;
        margin-bottom: 35px;
    }

    .ctBlocVertMetier .blocVert {
        top: 0px;
        position: relative;
        width: 100%;
        padding: 40px;
    }

    .metierDoubleText-left {
        width: 320px;
        margin-bottom: 35px;
        float: none;
    }

    .metierDoubleText-right {
        width: 320px;
        float: none;
    }

    .metierDoubleText-right .blocVert {
        padding: 40px 35px;
    }

    .blocMetierMid {
        display: block;
    }

    .blocMetierMid-img {
        width: 320px;
        margin: 0 auto 35px auto;
        display: block;
    }

    .blocMetierMid-txt {
        width: 320px;
        padding: 30px 30px;
        margin-bottom: 35px;
    }

    .blocMetierMid-txt h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .blocMetierMid-txt li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .blocMetierMid {
        margin-bottom: 0;
    }

    .blocMetierDemarche-texte {
        width: 320px;
        margin-bottom: 35px;
        float:none;
        margin-left: 0px;
    }

    .blocMetierDemarche-green {
        height: 435px;
        width: 320px;
        position: relative;
    }

    .homeHorizontal {
        padding-top: 70px;
    }

    .blocIntroProjetImg {
        float: none;
        width: 100%;
        margin-bottom: 35px;
    }

    .titreNoirProjet {
        padding: 30px 0px 40px 0px;
    }

    .bPara p {
        font-size: 10px;
        text-align: justify;
        line-height: 21px;
    }

        .bPara p br {
            display: none;
        }

    .projetLine {
        display: flex;
        flex-direction: column;
    }

    .projetLine-image {
        width: 320px;
        margin: 0 auto 35px auto;
    }

    .projetLine-txt {
        width: 320px;
        padding-top: 0px;
        margin: 0 auto;
    }

    .projetLine-para {
        flex-direction: column;
    }

    .projetLine-desc {
        width: 100%;
    }

    .projetLine-desc h2 {
        text-align: left;
    }

    .projetLineImgRight {
        flex-direction: column-reverse;
    }

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

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

    .projetLine-num {
        margin-bottom: 10px;
    }

    .blocProjetDemarche {
        height: auto;
        margin-bottom: 40px;
    }

    .blocProjetDemarcheCt {
        position: relative;
        height:auto;
        right: 0;
        top: 0px;
    }

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

    .lstReal {
        padding-bottom: 70px;
    }

    .lstReal-intro h1:before {
        display: none;
    }

    .lstReal-els {
        width: 320px;
        margin: 0px auto;
        display: block;
    }

    .lstReal-el {
        width: 100%;
        height: 200px;
        margin: 0px 0px 40px 0px;
        display: block;
        position: relative;
        text-decoration: none;
        transform: none!important;
    }

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

        .lstReal-desc {
            left: -10px;
            top: unset;
            bottom: 25px;
        }

        .lstReal-nom {
            font-size: 20px;
            line-height: 24px;
        }

    .dtlReal-introTitre {
        font-size: 35px;
        line-height: 37px;
        letter-spacing: 2px;
    }

    .dtlReal-back {
        width: 320px;
    }

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

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

    .dtlReal-descContent .sTexte {
        margin-bottom: 35px;
    }

    .dtlReal-descImage {
        margin-bottom: 30px;
        height: auto;
    }

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

        .dtlReal-caraLbl {
            font-size: 15px;
        }

    .dtlReal-caraTxt {
        font-size: 18px;
        line-height: 22px;
    }

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

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

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

    .dtlReal-nextLieu {
        font-size: 19px;
        line-height: 24px;
    }

    .dtlReal-nextLbl {
        top: 35px;
        font-size: 11px;
        line-height: 11px;
    }

    .dtlReal-next {
        height: 260px;
    }

    .actuTitre {
        text-align: left;
    }

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

    .lstActusCt {
        margin-top: 15px;
    }

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


    .liens-cat a {
        margin: 0px 10px;
        font-size: 12px;
        line-height: 12px;
    }

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

    .detailActu-ct {
        flex-direction: column-reverse;
    }

    .detailActu-right {
        width: 320px;
        margin-top: -15px;
    }

    .detailActu-left {
        width: 320px;
        padding-top: 15px;
    }

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

    .posteListe {
        width: 320px;
        height: 230px;
        margin: 0px 00px 35px 0px;
    }

    .posteListeTitre {
        font-size: 19px;
        line-height: 26px;
        padding: 10px 10px;
    }

    .emploisCt {
        padding-bottom: 25px;
    }

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

    .postuler-content {
        max-width: 320px;
    }

    .postuler-btn {
        font-size: 13px;
        line-height: 42px;
    }

    .postuler.open .postuler-btn::after {
        top: 2px;
    }

    .postuler-line {
        display: block;
        margin: 0px 0 10px 0px;
        color: #fff;
    }

        .postuler-field {
            width: 100%;
            margin-bottom: 10px;
        }

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

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

        .postuler-line-6 {
            margin-top: 15px;
        }

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

    .postuler-fields-files {
        margin-top: 50px;
        display: block;
    }

    .postuler.open .postuler-form {
        max-height: 2000px !important;
    }

    .postuler-fields-actions .ReCaptcha {
        margin-bottom: 10px;
    }

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

    .detailEmploiCt {
        padding-top: 20px;
    }

    .detailEmploi-introDtl {
        text-align: center;
    }

    .emploiType {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 1px;
    }

    .emploiDate {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 1px;
        margin-left: 15px;
    }


    /*--------------- 960 --------------*/
    .ct,
    .ct-small {
        width: 320px;
    }


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

    .actuCt {
        width: 320px;
        margin: 0px 0px 30px 0px;
    }

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

    .contenuMixteImageD {
        float: none;
        width: 100%;
    }

    .contenuMixteImageG {
        float: none;
        width: 100%;
    }

    .contenuMixteTexteG {
        float: none;
        width: 100%;
    }

    .contenuMixteTexteD {
        float: none;
        width: 100%;
    }

    .contenuTexte2ColG {
        width: 100%;
        float: none;
    }

    .contenuTexte2ColD {
        width: 100%;
        float: none;
    }

    .contactCt-intro {
        margin-top: -130px;
        margin-bottom: 55px;
    }

        .contactCt-intro .blocVert {
            width: 320px;
            padding: 40px;
        }

        .contactCt-intro h2 {
            text-align: left;
        }

    .formulaire-row {
        display: block;
    }

        .formulaire label {
            display: block;
            text-align: left;    
            font-size: 13px;    
            line-height: 18px;
            width: 100%;
        }

        .formulaire-check > div label, .ReCaptcha-notice {
            line-height: 18px;
        }

        .formulaire input[type="text"], 
        .formulaire input[type="tel"], 
        .formulaire input[type="email"], 
        .formulaire textarea {
            width: 100%;
            height: 25px;
            line-height: 25px;
            display: block;
        }

        .formulaire textarea {
            height: 80px;
            line-height: 16px;
        }

        .formulaire-check {
            margin-bottom: 5px;
            width: 100%;
            float: none;
        }

        .formulaire-send {
            text-align: center;
        }

    .blocsReferences {
        width: 50%;
        height: 100px;
    }

    .dtlReal-descContent .sTexte {
        padding-bottom: 0px;
    }

    .dtlReal-intro {
        height: 65vh;
    }

    .dtlReal-introLieu {
        font-size: 15px;
        bottom: 30px;
    }


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

    .listePressesTitre {
        font-size: 12px;
        margin: 10px 0 0 0;
    }

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

    /*--------------- PAGE CONTACT - FORMUALIRE --------------*/

    .formContact {
        width: 260px;
        margin: 0 auto;
        line-height: 17px;
    }

        .formContact tr td {
            display: block;
        }

            .formContact tr td:first-child {
                width: 85px;
                margin-top: 5px;
            }

        .formContact input[type="text"] {
            width: 250px;
            height: 30px;
        }

        .formContact input[type="password"] {
            width: 250px;
            height: 30px;
        }

        .formContact textarea {
            width: 250px;
            height: 70px;
            border: 0;
        }

    .divSubmitFormContact {
        text-align: center;
    }

    .formContact input[type="submit"] {
        margin: 20px auto 40px auto;
    }

    #containerBootcha {
        margin-top: 0px;
    }

    #bootchaSaisie input[type="text"] {
        width: 130px;
    }

    .blocIntroEquipeTxt {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .blocIntroEquipeImg {
        width: 320px;
        margin-bottom: 45px;
    }

    .blocEquipeIntroImg {
    position: relative;
    margin-top: 20px;
    width: 100%;
}

    .blocEquipeIntro {
        padding-bottom: 50px;
    }

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

    .equipierImageCt {
        width: 100%;
        height: 270px;
        float: none;
        margin-bottom: 25px;
    }

        .equipierImage {
            width: 320px;
            border: 5px solid #24ad75;
        }

    .equipierDescCt {
        width: 100%;
        float: none;
        margin-top: 0px;
    }

        .equipierTitre {
            margin: 0 0 20px 0;
            padding: 0px;
            display: block;
            text-align: left;
        }

            .equipierCtRight .equipierTitre {
                margin-left: 0px;
                text-align: left;
            }

            .equipierCtRight .equipierTitre-nom,
            .equipierCtRight .equipierTitre-desc,
            .equipierCtRight .equipierDesc-soustitre {
                text-align: left;
            }

        .equipierDesc,
        .equipierCtRight .equipierDesc {
            padding: 0px;
            margin-left: 0px;
        }

        .equipierDesc-soustitre {
            margin-bottom: 5px;
            font-size: 13px;
        }

        .equipierImageCapt {
            top: -15px;
            left: 15px;
            padding: 2px 8px;
            font-size: 14px;
            letter-spacing: 2px;
        }

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

    .equipierCt {
        padding-bottom: 60px;
    }

    .equipeNoir {
        padding-top: 50px;
    }

    .ccb562 {
        margin-bottom: 0px;
    }

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

        .candidatureIn p br {
            /*display: none;*/
        }

    .noJobCt {
        width: 300px;
        height: 170px;
    }

        .noJobCt img {
            width: 55px;
        }

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

    .noJobCaption {
        margin: 30px auto 0 auto;
        width: 300px;
    }

        .noJobCaption p {
            text-align: justify;
        }

        .noJobCaption::after  {
            margin: 30px auto 20px auto;
            font-size: 30px;
        }

    /*--------------- DIVERS--------------*/
    .colonne2 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-gap: 0px;
        -o-column-gap: 0px;
        column-gap: 0px;
    }
    /*---Form----*/
    .form {
        width: auto;
        margin: 0 auto;
        line-height: 17px;
    }

        .form tr td {
            display: block;
        }

            .form tr td:first-child {
                width: 85px;
                margin-top: 5px;
            }

        .form input[type="text"] {
            width: 250px;
            height: 30px;
        }

        .form input[type="password"] {
            width: 250px;
            height: 30px;
        }

        .form textarea {
            width: 250px;
            height: 70px;
            border: 0;
        }

        .form input[type="submit"] {
            margin: 20px auto 40px auto;
        }

    /*---Form----*/

    input[type="text"] {
        margin: 0 0 0px 0;
    }


    /*--------------- CONNEXION / COMPTE ----------------------------*/
    .ctInscription {
        margin-bottom: 30px;
        padding: 20px;
    }

        .ctInscription .form input[type="text"] {
            width: 240px;
            height: 30px;
        }

        .ctInscription .form input[type="password"] {
            width: 240px;
        }

        .ctInscription .connexionColGauche {
            margin-right: 0px;
            width: 100%;
            padding-bottom: 0;
            text-align: center;
        }

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

    .formInscription {
        display: inline-block;
        margin: 0 auto;
    }

        .formInscription tr td {
            width: 100%;
        }

    .cookiesBar {
        width: 95%;
        font-size: 11px;
        line-height: 14px;
        padding: 10px 65px 10px 10px;
        left: 2.5%;
        bottom: 10px;
    }

        .cookiesBar input[type="submit"] {
            width: 55px;
        }

    /*--------------- Mentions Leg --------------*/
    .mentionsColLeft {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .mentionsColRight {
        width: 100%;
        float: none;
    }

        .mentionsColRight p {
            text-align: left;
        }
}