/*---------------------------------------- */
/*---------------PORTABLES---------------- */
/*---------------------------------------- */

@media all and (max-width: 679px)
{
    div, header, div, footer, p, nav, ul, li, p, a, i, h1, h2, h3, h4, form, input, select,a{letter-spacing:normal}

    button,
    select { /* 1 */
      text-transform: none;
        -webkit-appearance: none;
    }

    .cookie{
    position: fixed;
    z-index: 1000000;
    bottom: 0;
    width: 100%;
    height: 22%;
    background-color: #0A2333;
    padding: 15px 20px;
}

    .topNAV, .topNAV_home, .bloc_menu{display: none;}
    .topNAV_mob{display: block;}

    .head_logo{display: none;}
    .head_logo_mob{display: block;}


    .w70{width:100%;}
    .spe-w70{width:100%;}
    .w60{width:100%;}
    .spe-w60{width: 100%;}
    .w50{width: 100%;}
    .spe-w50{width: 100%;}
    .w40{width: 100%;}
    .spe-w40{width: 100%;}
    .w33{width: 100%;}
    .spe-w33{width: 100%;}
    .spe-w30 {width: 100%;}
    .w25{width: 100%;}
    .spe-w25 {width: 100%;}
    .titre_section{padding:0 15px;}
    /*------------------------------- */
    /*--------------HEADER----------- */
    /*------------------------------- */



    .header{
    position: relative;
    width: 100%;
    height: 120%;
    }

    .header_home {
        position: relative;
        width: 100%;
        height: 30%;
    }


    /*-----------BTN MENU----------- */
    .burger_menu, .btn_nav_user{
        padding: 15px;
        width: 50%;
        font-size: 20px;
    }
    .burger_menu a, .btn_nav_user a{
        color: #fff;
    }
    .btn_nav_user{
        text-align: right;
    }
    #menu_page,  #nav_user{
        width: 100%;
        height: 100%;
        position: fixed;
        top:0;
        transition:all 1s ease;
        background: #fff;
        z-index: 200000;
        visibility: hidden;

    }
    #menu_page{
        visibility: visible;
        left:-500px;
    }
    #nav_user{
        visibility: visible;
        left:500px;
    }
    #menu_page:target{left: 0;}


    #nav_user:target{left: 0;}
    .croix {width: 100%; font-size: 10px; font-weight: 100; color: black;}



    /*--------CONTENT MENU 1---------- */
    .mob_menu {margin: 0; padding: 0;}
    .mob_menu a {
        display:block;
        text-decoration:none;
    }
    .mob_menu li {
        text-align: left;
        margin: 0;
        width: 100%;
    }

    .mob_menu li:first-child, .mob_menu li:first-child a {
        background: #0A2333;
        color: #fff;
        font-size: 30px;
    }

    .mob_menu li a {
        color: #0A2333;
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        padding: 20px 15px;
        text-transform: uppercase;
    }

    .sub_mob_menu{
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        top:0px;
        left:500px;
        visibility: hidden;
        padding: 0;
        margin: 0;
    }
    #sub_01:target, #sub_02:target{visibility: visible; z-index: 30000;}


    /*-----------CONTENT MENU 2 - USER ------------*/
    .croix a{font-size: 30px; color:#0A2333;}

    .inscription_btn{
        width: 50%;
        height: auto;
        margin: 0 auto;
        text-align: center;

    }
    .inscription_btn a{
        color: #fff;
        padding: 10px 15px;
        background: #0A2333;
        font-size: 13px;
        font-family: 'Montserrat', sans-serif;
    }

    .connexion_btn{
        width: 100%;
        background: #F3F3F3;
        text-align: center;
        padding: 15px 0;
        margin-top: 30px;
        font-size: 13px;
        font-family: 'Montserrat', sans-serif;
    }
    /*.connexion_btn a{
       color: #0A2333;
    }*/

    .user_connexion_form{
    position: relative;
    right: 0;
    top:0px;
    width: 100%;
    padding: 10px 10px 30px 10px;
    transition-property: all;
    transition-duration: 1s;
    opacity: 1;
    background: #F3F3F3;
    text-align: center;
    }

    .user_connexion_form p{
        margin: 0;
    }
    .connexion_btn:hover .user_connexion_form {
        right: 0px;
        opacity: 1;
    }

    .user_connexion_form input{
        border: 0;
        padding: 10px;
        margin: 10px 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        font-size: 16px;
         width: 80%;
    }
    .user_connexion_form input:nth-last-child(2){
        width: 25px;
        text-align: left;
    }
    .envoyer_connexion{
       background: #C99E69;
        color: #fff;
    }


    .connexion_btn .fa {
        padding: 10px;
        font-size: 16px;
        margin: 10px 0;
        min-height: 38px;
        min-width: 38px;
    }

    .check_connexion, .forget_connexion{font-family: Raleway, sans-serif;}
    .check_connexion{margin-left: 20px; padding: 10px;}
    .forget_connexion{float: right; padding: 10px; margin-right: 20px;}
    .forget_connexion_marginR{margin-right: -63%;}
    .forget_connexion a{background: none;color: #EC5C78; padding: 0;}
    .forget_connexion a:hover{background: none;color: #EC5C78;}
    
    .user_connecte_form {
        right: 94px;
        opacity: 100;
    }


    /*-----------HEADER LOGO----------- */
    .head_logo_mob{
       width: 100%;
        text-align: center;
    }
      .head_logo_mob img{
        width: 80%;
    }

    /*-----------DESCRIPTION----------- */
    .description_bloc{
    width: 80%;
    margin: 40px auto;
    }
    .description{
        width: 100%;
        font-size: 20px;
        letter-spacing: 2px;
    }

    /*-----------SEARCH BAR----------- */
    .search_bar{width: 86%; height: auto;margin: 0 auto; padding-bottom: 0px;}
    .search_bar form{ height: auto;}
    .search_bar li{height: 50px;float: left; margin: 2px 0px;}
    .search_bar li input{width: 100%; height: 100%; border: 0;}
    .width100RadcomboSearch {width: 100% !important;height: 100%;}
    button.rcbActionButton .width100RadcomboSearch {height:100%}

    .bar_motscles {width: 100%; font-size: 16px;}
    .bar_motscles input {padding: 5px;}
    .bar_spe, .bar_lieux{width: 100%; padding: 0px;}
    .bar_spe i, .bar_lieux i{font-size: 16px; float: left; padding: 17px;}
    .bar_spe select, .bar_lieux select{
        font-size: 13px;
        color: #989898;
        width: 80%;
        border: 0;
        height: 100%;
        cursor: pointer;
    }
    .bar_lieux option{cursor: pointer; margin: 5px 0;}
    .bar_lieux option:hover{background: #0A2333; color: #fff;}

    .bar_range{width: 100%; padding: 5px;}
    .bar_range input{width: 80%;}

    .bar_recherche{width:100%;}
    .search_enter{ width:100%; padding: 10px; min-height: 50px; text-align: center;}

    #about {
        padding: 50px 10px 50px 10px;
    }

    #about .about-txt {
        padding: 0 10px;
    }
        #about .about-img {
            overflow: hidden;
            height: 174px;
        }

    .liste_1 {
        font-size: 20px;
        font-family: 'MontSerrat', sans-serif;
    }

    .bloc_commercial {
        width: 100%;
        padding: 20px 20px 20px 20px;
        margin: 0 auto;
    }

    .text_histoire q {
        font-size: medium;
    }

    .compo_expertise a{
        font-size: medium;
    }

    .compo_expertise h2 {
        font-size: 1.2em;
        text-align: center;
    }

    .chiffres_entreprise {
        flex-wrap: wrap;
    }

    .bloc_commercial .title_perso h2, .title_perso h4 {
        text-align: center;
    }

    .text_coaching_img {
        position: absolute;
        top: 13%;
        right: 8%;
        font-size: 1em;
        color: white;
    }

    .img-coaching-main{
        width: 40vh;
    }

    .img-coaching-top{
        width: 40vh;
        padding: 4vh 0;
    }

    .compo_expertise .wrap .item .content {
        height: 75%;
    }

    .compo_expertise .wrap .item .content p {
        font-size: 0.8em;
    }

    .histoire_coaching {
        font-size: 17px;
        font-family: 'MontSerrat', sans-serif;
    }
}


    /* -------------------------------------------- */
    /* ----------------SECTION PARAMETRE----------- */
    /* -------------------------------------------- */
    section {
        width: 100%;
        padding:0;
    }
    .titre_section{
        font-size: 20px;
        margin: 0 0 25px 0;
        padding-top: 35px;
        text-align: center;
        text-transform: uppercase;
    }
    .section_link{
        margin: 0px;
        padding: 20px 0px;
        text-align: center;
    }
    .section_link a{
        font-family: 'Montserrat', sans-serif;
        color: #0A2333;
        font-size: 11px;
        text-transform: uppercase;
        border-bottom: 1px solid #0A2333;
        padding-bottom: 3px;
    }

    /* --------------------------------------------------- */
    /* --------------------Listing d'offres--------------- */
    /* --------------------------------------------------- */
.resultat_recherche {padding: 5px;}
    .bloc_offres, .bloc_offres_result{
        width: 100%;
        background: #fff;
        margin: 0 auto;
        padding: 5px 10px;

    }

    /* --------------------Offre unique--------------- */
    .offres{
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #F3F3F3;
    }
    .offres:last-child{
        text-align: left;
        margin-bottom: 0px;
        border-bottom:none;
    }
    .offres a{
        color: #0A2333;

    }
    .titre_offre{width:100%; font-size:16px; margin-top: 10px;}
    .date_offre{font-size: 13px; color: #989898;}

    .para_offre{
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .contrat_offre,
    .lieux_offre,
    .salaire_offre{
        font-size: 11px;
        position: relative;
        float: left;
    }

    .contrat_offre{
        width:32%;
        margin-left: 5px;
    }
    .lieux_offre {
        width:40%;
        margin-left: 5px;
    }

    .salaire_offre{
        width:20%;
        margin-left: 5px;
    }
    .entrer{
        display: none;
    }
    .partage{
        display: none;
    }

    /*---------------------------------------- */
    /*----------------ARTICLES RH------------- */
    /*---------------------------------------- */

    .last_art_rh{ padding: 0;}
    .art_rh{width: 100%; float: left; margin: 10px 0;}

    .post_thumb_box{
        width: 100%;
        height: 200px;
    }
    .post_thumb, .post_thumb img{
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .post_wrap{background: #fff; padding: 15px;width: 100%;height: 260px;}
    .post_date{font-size: 11px;  color: #989898; margin: 0;}

    .post_titre h3{margin: 0; font-size: 16px;}
    .post_titre a{
        color: #0A2333;
        padding: 5px 0;
        margin: 0;
        transition-property: all;
        transition-duration: .3s;
    }

    .post_titre a:hover{
        color: #62A0CE;
    }

    .article_chapeau{margin: 0; font-size: 11px; line-height: 1.5;}

    .post_acces{
        margin-top: 10px;
        width: 10%;
        margin-left: 90%;
    }

    .post_acces a {
        position: absolute;
        bottom: 2px;
        right: 5px;
        transition-property: all;
        transition-duration: .3s;
        margin-left: 0px;
        padding: 10px;
        color: #0A2333;

    }
    .post_acces a:hover{
        right: 1px;
        color: #62A0CE;
    }
    /*------------------------------------------ */
    /*---------------DIAPORAMA EVENT------------ */
    /*------------------------------------------ */
    .post_event{
        padding: 0;
        width: 100%;
        height: 65%;
        background: #f3f3F3;

    }
    .bloc_event{
        position: relative;
        width: 100%;
        height: 100%;
        cursor: e-resize;
    }
    .event_content{
        color: #fff;
        font-family: 'Monserrat', sans-serif;
        font-size: 16px;
        width: 100%;
        margin-top: 5%;
        margin-left: 0;
        padding: 10px;
    }
    .event_content i{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .event_date{
        width: 100%;
        text-align: right;
        font-size: 13px;
        padding: 5px 20px 0 0;
    }
    .event_infos{width: 100%;margin-top: 50px; padding: 0 10px;}
    .event_infos h3, .event_infos h3 a{font-size: 18px; }
    /*.event_infos p{
        display: none;
    }*/
    .event_entrer_cont{
        display: none;
    }
    .GICarousel .GI_C_prev, .GICarousel .GI_C_next {
        display: none;
    }

    /*------------------------------------------ */
    /*-------------------HISTOIRE--------------- */
    /*------------------------------------------ */
    .histoire{
        width: 100%;
        margin-top: 27%;
        padding: 0;
        background: #F3F3F3;
    }

.spe-histoire {
    width: 100%;
    padding: 0;
    background: #F3F3F3;
}
    .histoire_wrap{
        background: #0A2333;
        display: block;
    }
    .text_histoire{
        color: #fff;
        padding: 20px;
        letter-spacing: 1.2px;
        font-size: 13px;
        height: auto;
        margin: auto;
    }
        .histoire_1{
	        font-size: 25px;
	        font-family: 'MontSerrat', sans-serif;
        }
        .histoire_2{
	        font-size: 16px;
	        font-family: 'Raleway', sans-serif;
        }

    .pic_histoire{
        padding: 30% 10%;
        height: auto;
        background-position: center;
        background-repeat:repeat, no-repeat;
        background-position: left top, center;
        background-size: cover;
        text-align: center;

    }
    .pic_histoire img{
        width: 75%;
        height: auto;
    }

    /*------------------------------------------ */
    /*-------------------CHIFFRES--------------- */
    /*------------------------------------------ */

    .chiffres_entreprise{
        width: 100%;
        padding: 15px;
        margin: 20px 0;
    }
    .chif{
        width: 100%;
        float: left;
        margin: 20px 0;
        padding: 0;
        text-align: center;
        font-size: 13px;
    }
    .chif p{width: 70%; margin: 0 auto;}
    .chiffre{
        font-family: 'Abril Fatface', cursive;
        font-size: 30px;
    }

    /*------------------------------------------ */
    /*-------------------END HOME--------------- */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*---------PAGE RESULTAT DE RECHERCHE------- */
    /*------------------------------------------ */

    /*--- pagination ---*/
    .pagi_nav_result{
        width: 100%;
        margin-left: 0;
        padding: 0 5px;

    }
    .pagi_nav_result, .pagi_nav_result a{font-size: 16px;}
    .pagi_nav_result form{
        float: right;
        height: inherit;
    }
    .nbr_result{display: none;}
    .pagi_result{padding: 10px 0;}

    .pagi_result{margin-left: 20px;}

    .bloc_affiner_search{display: none;}
    .mob_search_rh{display: none;}

    /*------------------------------------------ */
    /*-----------END RESULTAT DE RECHERCHE------ */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*-------------PAGE DETAIL OFFRE------------ */
    /*------------------------------------------ */

    .offre_sml{display: none;}

    .single_offre_wrap{padding-bottom: 0;}

    /*-- RETOUR ARRIERE --*/
    .back_result{
        padding:20px 10px;
    }
    .single_offre{
        width: 100%;
        margin-left: 0;
        padding: 10px 10px 30px 10px;
    }
    .offre_function{display: none;}
    .offre_info{width: 100%;}
    .title_offre{font-size: 20px; margin: 10px 0;}
    .info_single_offre, .offre_txt p{font-size: 13px;}


    /*------------------------------------------ */
    /*----------------END DETAIL OFFRE---------- */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*---------------TUNNEL POSTULER------------ */
    /*------------------------------------------ */

    /*-------------- Champs obligatoires-------- */
    ul li div.obligatoir {
        width: 90%;
    }

    span.liste_contrat_left label, span.liste_contrat_left input {float:left}

    .obligatoir#idInfosCv:after {margin: -23px 0px 0px 72%;}
    .obligatoir#idInfosCvPostul:after {margin: -23px 0px 0px 80%;}
    .obligatoir#idInfosCvSpont:after {margin: -23px 0px 0px 80%;}

    #form_postuler{position: relative; min-height: 100%; height: 100%;}
    .form_postuler_wrap{
        width: 100%;
        box-shadow: none;
        padding: 5px;
        margin: 0;
    }

    .user_function_postulat, .NOuser_function_postulat{
        background: #F3F3F3;
        padding: 10px;
        margin: 10px 0 0 0;
    }
    .form_postuler_chapo{font-size: 13px;}
    .user_function_postulat, .user_function_postulat form, .user_function_postulat input{width: 100%; margin: 10px 0;}
    .user_function_id, .user_function_inscr {width: 100%; margin: 0;}

    .NOuser_function_postulat p {width: 100%; padding: 5px;}
    .check_news_rh{width: 100%; margin: 0;}
    .search_enter_single2, .envoi_candidature a {width: 100%; margin: 15px 0;}

    .co_user_info {width: 50%; padding: 10px;}
    .modif_infos {margin: 0 auto; width: 100%;}

    .box_succes_postulat{width: 90%; margin:0 5%; padding: 10px 0;}
    .succes_check_icon{margin: 10px 0;}
    .succes_infos_p{ margin-top: 20px;}

    /*------------------------------------------ */
    /*------------END TUNNEL POSTULER----------- */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*-----------CANDIDATURE SPONTANNEE--------- */
    /*------------------------------------------ */
.pjCv {
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    width: 75% !important;
    margin: auto;
}

.pjCvInscription {
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    width: 100% !important;
    margin: auto;
}

    .form_candi_spont_wrap{width: 100%; margin: 0; padding: 10px;}
    .champ_cand_spont, .champ_cand_spont_2{width: 100%;  padding: 14px 0px;}
    .cand_spont_function_postulat input, .cand_spont_function_postulat select{font-size: 13px;}
    .cond_spont_contrat label{margin: 0 15px 15px 0;}
    .bar_range_form{width: 100%; margin-top: 20px;}
    .bar_range_cand{width: 100%;padding: 10px;}

    .infos_sup_form{margin: 0; padding: 0;}

    .btn_cand_spont{margin: 5px 0; padding: 0; width: 96%;}
    .btn_cand_spont a {background: #62A0CE;padding-left: 10px;color: #ffffff;width: 95%;text-decoration: none;display: flex;}
    .cond_spont_end{ padding:  10px;}
    .cand_spont_mobi {margin: 0px 15px; padding: 0px; margin-top: -15px; width:100%; display:inline-flex;}

    .champ_cand_spont input, .champ_cand_spont_2 labek{font-size: 13px; }
    .cand_spont_civi ul{width: 50%;}
    .cand_spont_civi_contact { width:45% !important;}
    .champ_cand_spont ul {width: 40% !important;}
    .cand_spont_civi_contact ul { width:0px !important;}
    .champ_cand_spontMMme ul {width: 48% !important;}

    .blocCandSpontMetierWidth {width: 96%;}
    .blocCandSpontMetierWidthEspace {width: 100%;}
    .cand_spont_civi_espace ul{width: 50%;}
    .btCandSpontMobiliteWidth {width:100% !important;}
    .blocCandSpontMobiliteWidthEspace {width: 100%;}

    .aligneCocheMetier {float: right; margin: -22px -3px 0px 0px;}
    .aligneCocheMetierSpont {float: right; margin: -22px -3px 0px 0px;}
    .aligneCocheMetierPostul {float: right; margin: -22px -20px 0px 0px;}

    .aligneCocheMobilite {float: right; margin: 18px 0px 0px -24px;}
    .aligneCocheMobiliteSpont {float: right; margin: 17px -15px 0px 0px;}
    .aligneCocheMobilitePostul {float: right; margin: -16px -20px 0px 0px;}
    /*------------------------------------------ */
    /*-------END CANDIDATURE SPONTANNEE--------- */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*-----------ETAPE INSCRIPTION --------- */
    /*------------------------------------------ */
    .champ_cand_spont_comp {width: 83%;word-wrap:break-word;}
    

    /*------------------------------------------ */
    /*-------END ETAPE INSCRIPTION --------- */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*----------------ARCHIVES ARTICLES--------- */
    /*------------------------------------------ */

    .archive_article_wrap{
        padding:0;
    }
    .archive_article_wrap article:first-of-type{  width:100%; }
    .archive_article_wrap article:first-of-type .post_date{ font-size: 11px; }
    .archive_article_wrap article:first-of-type .post_titre{ font-size: 16px; }
    .archive_article_wrap article:first-of-type .article_chapeau{ font-size: 11px; }
    .archive_article_wrap article:first-of-type .post_acces a i{ font-size: 20px; }

    /*------------------------------------------ */
    /*-----------------Single post-------------- */
    /*------------------------------------------ */
    .single_article_wrap{padding: 0px;}
    .single_article{
        width: 100%;
        margin-left: 0;
        margin-top: 25px;

    }
    .post_post_thumb {
        width: 100%;
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .single_post_content{
        width: 100%;
        margin-left: 0%;
        margin-top: 0px;
        background: #fff;
        padding: 0px;
        font-size: 16px;
        letter-spacing: 1.3px;
    }
    .single_post_content p{ margin: 0; padding: 0 10px; font-size: 12px;}
    .single_post_date{color: #989898; font-size: 11px;  padding: 0 10px; margin: 15px 0;}
    .single_post_titre{font-size: 20px; font-family: 'Montserrat', sans-serif; padding: 0 10px;}
    .single_post_titre_2{padding: 0 10px;font-size: 18px; }
    .single_post_titre_3{font-size: 16px; font-family: 'Montserrat', sans-serif;  width: 100%;padding: 0 10px;}

    .page_chapo{font-weight: 600; font-size: 13px;}

    .img100, .img50, .img25, .img10{width: 100%; height: auto; padding: 0;}

    .rs_single_post ul{margin: 0;}
    .rs_single_post ul li{display: inline-block;}

    /*------------------------------------------ */
    /*-------------------EXPERTISE-------------- */
    /*------------------------------------------ */
    .single_expertise{width: 100%;}
    .single_expertise h2{text-transform: uppercase; font-size: 20px; font-family: 'Montserrat', sans-serif;}
    .grid figure{
        margin:2px 0;
        min-width: 100%;
        max-width: 100%;
    }
    figure.effect-sadie figcaption::before{
        position:absolute;
        top:0;left:0;
        width:100%;
        height:100%;
        background:-webkit-linear-gradient(top,rgba(11,35,51,0) 0,rgba(11,35,51,0.8) 75%);
        background:linear-gradient(to bottom,rgba(11,35,51,0) 0,rgba(11,35,51,0.8) 75%);
        content:'';
        opacity:1;
    }
    /*------------------------------------------ */
    /*----------------ARCHIVES EVENT------------ */
    /*------------------------------------------ */
    .archive_event_wrap{ padding:0; margin-top: 40px;}
    .archive_event_wrap h2{ font-size: 30px; padding: 0 15px;}

    .single_archive_event{
        width: 100%;
        margin:  15px 0 0 0;
        float: left;
        padding: 0;

    }
    .single_archive_event li{
        min-height: 300px;
    }
    .archive_event_date{
        width: 100%;
        padding-right: 15px;
    }
    .single_event_content{width: 100%; margin-left: 0;}
    .archive_event_infos{
        width: 90%;
        margin-left: 1%;
        padding-left: 20px;
        padding-top: 20px;
        border-left: 0px solid #fff;
    }
    .archive_event_infos h3 {
        border-left: 2px solid #fff;
        padding-left: 5px;
    }

    .archive_event_infos h3 a{
        font-size:20px;
        cursor: pointer;
        color: #fff;
    }

    /*------------------------------------------ */
    /*---------------------FOOTER--------------- */
    /*------------------------------------------ */
    footer{
        background: #0A2333;
        padding: 0px;
    }
    .foot_box{
        float: left;
        width: 100%;
        padding: 15px;
    }
    .foot_link{
        display: none;
    }
    .rs_foot_box ul{
        margin: 20px 0;
        padding: 0;
    }
    .rs_foot_box_coaching ul {
        margin: 20px 0;
        padding: 0;
    }
    .foot_link2 ul{
        margin: 0;
        padding: 0;
    }

    /*------------------------------------------ */
    /*---------------USER ESPACE---------------- */
    /*------------------------------------------ */
.back_result_user{display: none;}
.user_left_bar{width: 100%;}
.user_pro_content{width: 100%; min-height: 0px;}

.user_pic{
    margin: 0 auto;
}

.user_menu_left{padding-bottom: 0;}
.user_menu_left ul li{width: 24%;  display: inline-flex;border: none;}
.user_menu_left ul li a{font-size: 12px; padding: 10px 8px; min-height: 70px;  }
.user_menu_left ul li:last-child{border-bottom: none;}
.user_menu_left ul li a i{margin-right: 0;margin-bottom: 5px; width: 100%;}

.user_pro_content, .champ_user_para, .champ_user_para input, .user_pro_content p, .supp_compte, .modifier_compte{width: 100%;}

    /*------------------------------------------ */
    /*-----------END USER ESPACE---------------- */
    /*------------------------------------------ */

    /*------------------------------------------ */
    /*------------------404--------------------- */
    /*------------------------------------------ */

    .header_404{overflow: visible;}
    .content404{margin-top: 20px; font-size: 13px; padding: 0 15Px;}
    .back_result_404{margin: 20px; 0 0 15px;}

    /*------------------------------------------ */
    /*------------BLOC CHOIX MULTIPLE----------- */
    /*------------------------------------------ */
    .choix_cat_form {
        background: #F3F3F3;
        padding: 15px;
        margin-top: 10px;
        font-size: 16px;
        width: 100%;
    }
    .choix_cat_form ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .choix_cat_form ul li{
        float: none;
        margin: 30px 0;
        font-weight: 700;
        min-height: 0px;
        width: 100%;

        max-width: 100%;
    }
    .choix_cat_form ul li ul li{
        float:none;
        margin: 10px;
        font-weight:100;
        min-height: inherit;
        max-width: inherit;
        width: 100%;
    }
.choix_cat_form_enter{width: 50%; margin: 0 25%;}
    /*------------------------------------------ */
    /*----------PAGE INSCRIPTION MDP------------ */
    /*------------------------------------------ */
    .inscrip_mdp{margin-top: 50px;}
    .inscrip_mdp input{
        background: #F3F3F3;
        border: 0;
        padding: 10px;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: normal;
        font-size: 13px;
         width: 80%;
    }
    .inscrip_mdp .fa {
        padding: 5px;
        font-size: 16px;
        margin: 0;
        min-height: 38px;
        min-width: 38px;
    }
} /*END MEDIA QUERIES */


/*---------------------------------------- */
/*----------PETIT ECRAN & TABLETTES------- */
/*---------------------------------------- */
@media only screen and (min-width:680px) and (max-width: 1200px)  {
    .header_home{height: 60%;}
    .topNAV_home{margin-bottom: 30px;}
    .description_bloc{width: 90%; margin: 30px auto;}
    .description{font-size: 38px;}
    .search_bar{width: 90%; padding-bottom: 0px; overflow: hidden;}
    .bar_motscles{width: 31%;}
    .bloc_menu{width: 90%;}
    .menu{text-align: center;}

    .cookie {
        position: fixed;
        z-index: 1000000;
        bottom: 0;
        width: 100%;
        height: 22%;
        background-color: #0A2333;
        padding: 15px 20px;
    }

    .bloc_offres, .bloc_offres_result{
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    }
    .post_thumb_box{
    width: 100%;
    height: 200px;
    }
    .post_wrap{height: 320px;}

    .bloc_affiner_search{display: none;}

    .bloc_offre_similaire{display: none;}
    .single_offre {width: 90%; margin: 0 5%;}

    /*------------------------------------------ */
    /*-----------CANDIDATURE SPONTANNEE--------- */
    /*------------------------------------------ */
    .form_candi_spont_wrap{width: 100%; margin: 0; padding: 10px;}
    .champ_cand_spont, .champ_cand_spont_2{width: 100%;  padding: 10px 0px;}
    .cand_spont_function_postulat input, .cand_spont_function_postulat select{font-size: 13px;}
    .cond_spont_contrat label{margin: 0 15px 15px 0;}
    .bar_range_form{width: 100%; margin-top: 20px;}
    .bar_range_cand{width: 50%;padding: 10px;}


    .btn_cand_spont{margin: 0px; padding: 0; width: 65%;}
    .btn_cand_spont a{ background: none;padding:0px; color: #62A0CE;width: 95%; text-decoration: underline;}
    .cond_spont_end{ padding:  10px;}

    .champ_cand_spont input, .champ_cand_spont_2 labek{font-size: 13px; }

    /*------------------------------------------ */
    /*-------END CANDIDATURE SPONTANNEE--------- */
    /*------------------------------------------ */


    /*------------------------------------------ */
    /*------------BLOC CHOIX MULTIPLE----------- */
    /*------------------------------------------ */
    .choix_cat_form {
        background: #F3F3F3;
        padding: 15px;
        margin-top: 10px;
        font-size: 16px;
        width: 100%;
    }
    .choix_cat_form ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .choix_cat_form ul li{
        float: none;
        margin: 30px 0;
        font-weight: 700;
        min-height: 0px;
        width: 100%;

        max-width: 100%;
    }
    .choix_cat_form ul li ul li{
        float:none;
        margin: 10px;
        font-weight:100;
        min-height: inherit;
        max-width: inherit;
        width: 100%;
    }

    /*------------------------------------------ */
    /*-----------------Single post-------------- */
    /*------------------------------------------ */
    .single_article_wrap{padding: 0px;}
    .single_article{
        width: 100%;
        margin-left: 0;
        margin-top: 25px;

    }
    .post_post_thumb {
        width: 100%;
        height: 400px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .single_post_content{
        width: 90%;
        margin-left: 5%;
        margin-top: -50px;
        background: #fff;
        padding: 20px;
        font-size: 16px;
        letter-spacing: 1.3px;
    }
    .single_post_content p{ margin: 15px 0; padding: 0 10px; font-size: 12px;}
    .single_post_date{color: #989898; font-size: 11px;  padding: 0 10px; margin: 15px 0;}
    .single_post_titre{font-size: 20px; font-family: 'Montserrat', sans-serif; padding: 0 10px;}
    .single_post_titre_2{padding: 0 10px;}

    .page_chapo{font-weight: 600; font-size: 13px;}

    .img100, .img50, .img25, .img10{width: 100%; height: auto; padding: 0;}
}