@media (min-width: 991px){
    .menu_wrp.scrolled > .container{
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .center_content{
        width: auto;
    }
    .espaceboutique > ul{
        width: auto;
        padding: 15px;
    }
    .espaceboutique > ul > li .titre{height: 41px}
    .Page_Template:after{
        display: none;
    }
    .header .menu li.link_espace.active{
        margin-top: -25px;
    }

    .menu_wrp.scrolled .menu li.link_espace.active{
        margin-top: -15px;
    }
}
@media screen and (max-width: 992px) {
    .etap_comment_ca_marche_s2{
        padding: 15px;
    }
    .comment_ca_marche_s2.comment_ca_marche_3steps .etap_comment_ca_marche_s2.etap_comment_ca_marche_s2_fourth:after{
        right: -180px;
    }
    .menu_wrp{
        padding-bottom: 0;
    }
    .ctn_list_gest_salarie{
        padding: 30px 10px;
    }
    .list_competence .blc_content_competence{
        padding: 30px 10px;
    }


    .liste_pack{
        width: 100%;
    }
    .Pack_type3 .bloc_elem .TXT2, .Pack_type3 .bloc_elem .TXT{
        width: 100%;
    }
    .wrapper{
        width: 100%;
        padding: 0 15px;
    }
    .wrapper_menu_wrp{
        width: auto;
    }
    body {
        width: auto;
        margin: auto;
        padding: auto;
    }

    img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
        max-width: 100%;
    }

    img {
        height: auto;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    textarea, table, td, th, code, pre, samp {
        word-wrap: break-word; /* passage à la ligne forcé */
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
    }

    code, pre, samp {
        word-wrap: break-word !important;
        white-space: pre-wrap !important;
    }

    .jpbox_formule > .titre{
        width: auto;
    }

    .ban_Page > .content{
        width: auto;
        height: auto;
        padding: 30px 15px 60px;
    }
    .ban_Page{
        background-size: cover;
    }

    .ban_Page .btn{
        position: relative;
        top: 0;
    }
    .menu_wrp.scrolled{
        position: relative;
    }
    .header .menu li{
        display: inline-block;
    }

    .button_menu_sandwich{
        display: block;
        top: 0;
    }
    .header .menu.open{
        margin-bottom: 30px;
        margin-top: 0;
    }
    .header .menu li.link_espace{
        right: inherit;
        top: 37px;
        left: 8px;
    }
    .header .menu.open li.link_espace.active{
        right: 0;
        left: inherit;
        top: 60px;
        z-index: 999999999;
    }
    .header .menu{
        display: none;
        padding: 75px 15px 15px;
    }
    .header .menu li a{
        height: auto;
    }
    .search_wrp{
        padding: 25px 0 70px;
    }
    .Pack_type3{
        width: auto;
    }
    .Pack_type3 .btn{
        position: relative;
        right: 0;
        left: inherit;
        margin-left: auto;
        margin-top: 20px;
    }
    .Pack_type3 .btn .puce{
        top: -16px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .block_search{width: 100%}
    .btn_recherche{right: 15px}

    .perso .td2, .perso .td2 table {width: 100%!important; display: block;}
    .box_formule > .desc.last{
        width: auto;
    }
    .menu_etape{
        width: 100%;
    }
    .oblig_input{
        position: relative;left: 0; right: inherit;width: 100%;color: red;
        background: none; border: 0;
        height:auto;
    }
    .oblig_input > div{
        display: none;
    }
    .blc_gestion_comptabilite{
        background-size: cover;
    }
    .content_bloc_prest_social{
        padding-top: 0;
    }
    .content_bloc_prest_social .global_btn {
        margin-top: 20px;
    }
    .btn_orange_style{
        padding: 15px;
    }
    .global_btn{
        padding: 15px;
    }
    .btn_style_blue{
        padding: 15px;
    }
    .top{
        padding: 20px 0;
    }
    .logo{
        top: 25px;
    }
    .ban_Page .titre_page{
        padding-top: 25px;
        background: url(../image/png/icon_tpe.png) 0 20px no-repeat;
    }
    .etap_comment_ca_marche_s2.etap_comment_ca_marche_s2_third:after{
        bottom: 90px;
    }
    .comment_ca_marche_s2{
        margin-bottom: 30px;
    }
    .content_tpe_tpm .list_content_tpe_tpm_right{margin-top: 30px}
    .content_bloc_prest_social_right{
        text-align: center;
    }
    .content_bloc_prest_social{
        text-align: center;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 768px) {
    .etaps_style ul li:nth-child(4n+1){
        clear: both;
    }
    .etaps_style ul li{
        width: 25%!important;
    }
    .lst-carre li{
        margin-right: 0;
    }
    .top-title-Pg{
        font-size: 24px;
    }

    .tab-content-compt{
        padding: 15px;
        margin-top: 0;
    }
    .box-pack .left-pack{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .listing_info_prealable{
        display: block;
        flex-wrap: inherit;
    }
    .tab-content-compt .title_inf_prea{
        font-size: 26px;
        margin-bottom: 30px;
    }
    .box-pack .items-pack .item .main-cnt{
        padding: 15px;
    }
    .box-pack .prix{
        margin-bottom: 0;
    }
    .content_tpe_tpm .btn_orange_style{
        display: block;text-align: center;
    }
    .content_tpe_tpm{
        text-align: center;
    }
    .content_tpe_tpm .list_content_tpe_tpm{
        text-align: left;
    }
    .content_tpe_tpm .txt_content_tpe_tpm{
        margin-bottom: 15px;
    }
    .content_tpe_tpm .list_content_tpe_tpm_right{
        margin-top: 30px;
    }
    .etap_comment_ca_marche_s2:after{
        display: none;
    }
    .etap_comment_ca_marche_s2{
        margin-bottom: 20px;
    }
    .blc_middle_cmmt_marche{
        display: none;
    }
    .header_comment_ca_marche_s2{
        margin-bottom: 20px;
    }
    .list_etap_comment_ca_marche_s2{
        display: block;
    }
    .espaceboutique .title_menu{
        padding-right: 130px;
    }
    .espaceboutique > ul > li{
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .header .menu li.link_espace{
        left: 30px;
    }
    .header .menu li:after{
        display: none;
    }
    .button_menu_sandwich{
        top: -60px;
        z-index: 9;
        right: 20px;
    }
    .top{
        padding: 20px 20px 0;
    }


    .top_menu{
        float: none;
    }
    .tab-content-createur .etap_createur{
        display: block;
    }
    .tab-content-createur .etap_createur .content_etap_createur .parag_etap_createur{
        min-height: auto;
    }
    .list_competence{
        display: block;
        flex-wrap: inherit;
    }
    .list_etap_obt_tarif_s2 .etap_obt_tarif:after{
        display: none;
    }
    .list_etap_obt_tarif_s2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .list_etap_obt_tarif_s2 > div{
        margin-bottom: 20px;
    }
    .tab-content-createur .etap_createur > div{
        margin-bottom: 20px;
    }
    .list_etap_obt_tarif_s2 .etap_obt_tarif .nbr_etap_obt_tarif{
        margin-bottom: 15px;
    }
    .list_gest_salarie{
        display: block;
        flex-wrap: inherit;
    }
    .list_gest_salarie > div{
        margin-bottom: 20px;
    }
    .list_competence > div{
        margin-bottom: 20px;
    }
    .footer_gest_salarie{
        margin-top: 20px;
    }
    .list_competence .blc_content_competence h2{
        min-height: auto;
    }
    .blc_pad {
        padding: 30px 0;
    }
    .gest_salarie {
        margin-top: 20px;
    }
    .title-section-big{
        font-size: 26px;
    }
    .footer_createur h3{
        font-size: 26px;
    }
    .tab-content-createur {
        padding-top: 30px;
    }
    .footer_createur p{
        font-size: 18px;
        padding: 0;
    }
    .tab-content-createur .etap_createur .content_etap_createur{
        padding: 15px;
    }

    .blc_gestion_comptabilite .blc_header_competence .parag_gestion_compt{
        font-size: 18px;
    }
    .blc_gestion_comptabilite .blc_header_competence .title_gest_compt{
        font-size: 26px;
    }
    .blc_gestion_comptabilite{
        background: #fff1ee;
    }
    .blc_souscripteur .header_blc_souscrire .title_souscripteur{
        font-size: 26px;
    }
    .blc_avantage_crea_entreprise .title_blc_avantage_crea_entreprise{
        font-size: 26px;
        margin: 0 auto 20px;
    }
    .blc_avantage_crea_entreprise{
        padding: 30px 0;
    }
    .style_parag{
        font-size: 18px;
    }
    .list-formules{
        margin: 0 auto 30px;
    }
    .title_form{
        margin-bottom: 20px;
    }
    .header_gest_salarie {
        margin-bottom: 30px;
    }
    .blc_souscripteur, .blc_obt_tarif {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #hellocookie_banner .width_60, #hellocookie_banner .width_40 {
        width: 100%;
        float: none;
        margin: 10px 0;
    }
    #hellocookie_banner{
        padding: 15px 15px 0;
    }
    .jpbox_formule > .titre strong {
        font-size: 18px;
        font-weight: 700;
    }
    .ban_Page .btn{
        font-size: 14px;
    }
    .ban_Page .titre_page{
        font-size: 16px;
        padding-bottom: 30px;
        padding-left: 80px;
        background: url(../image/png/icon_tpe.png) 22px 20px no-repeat;
    }

    .header .menu li{
        display: block;
    }
    .header .menu{
        float: none;
        border-left: 0;
    }
    .menu_wrp{
        box-shadow: none;
    }
    .header .menu li:hover .sub_menu{
        position: relative;
        width: 100%;
        box-shadow: none;
    }
    .header .menu li a.link_menu{
        text-align: left;
    }
    .header .menu li{
        border-right: 0;
    }
    .header .menu .sub_menu > ul > li> ul{
        position: relative;
        left:0;
        width: 100%;
    }
    .header .menu .sub_menu > ul > li{
        padding: 0;
    }
    .search{
        margin-top: 20px;
    }
    .espaceboutique > ul > li{
        width: 45%;
    }
    .logo{
        position: relative;
        top:0;
    }
    .Pack_type1 .td3 .btn:hover .pop_formule{
        width: auto;
        right: 100%;
        left: inherit;
    }
    .box_formule > .desc{
        width: auto;
    }
    .form-group.select_form1, .form_recherche_avancee input[type="text"],.form-group.select_form2 {width: 100%}

    .titre_Pack, .titre_Pack a{
        font-size: 16px;
    }
    .Box_Pack{
        width: 100%;
    }
    .Box_Pack .float_right{
        float: none;
        display: block;
        clear: both;
        margin: 15px 0;
    }
    .Box_Pack .box{
        float: none;}
    .TabCell{
        display: block;
    }
    .menu_etape > li{
        font-size: 14px;
    }
    .bloc_etap1 > li{
        padding: 6px 0px;
    }
    .styled-select select, .styled-select, .bloc_etap1 .input, .bloc_etap1 .label{
        width: 100%;
    }
    .Page_Template{
        padding-top: 30px;
    }
    .liste_Pack2 > li{
        width: 100%;
        display: block;
    }
    .liste_Pack3 .prix{
        font-size: 14px;
    }
    .liste_Pack3 > li .Pack{
        width: 50%;
    }
    .blc_tpe_tpm .blc_top_tpe .title_blc_top_tpe{
        font-size: 26px;
    }
    .blc_tpe_tpm .blc_top_tpe .txt_blc_top_tpe{
        font-size: 18px;
    }
    .blc_tpe_tpm .blc_top_tpe{

        margin-bottom: 20px;
    }
    .footer_blc_souscrire p{
        margin-top: 20px;
    }
    .footer_blc_souscrire.small-txt p{
        margin-bottom: 20px;
    }
    .blc_souscripteur .header_blc_souscrire {
        margin-bottom: 0;
    }
    .blc_right_etap_souscription{
        text-align: center;
    }


}

@media screen and (max-width: 480px) {
    .button_menu_sandwich.menu-opened:after,.button_menu_sandwich.menu-opened:before{
        top: 15px;
    }
    .blc_header_tarif_immedia .title_tarif_immedia{
        font-size: 24px;
    }
    .blc_tarif_immediat{
        background: #fff1ec;
        padding: 15px 0;
    }
    .blc_tarif_immediat .global_btn{
        margin-top: 0;
    }
    .blc_header_tarif_immedia .txt_bold_tarif_immedia{
        font-size: 16px;
        width: 100%;
    }
    .content_tpe_tpm .list_content_tpe_tpm_right{
        display: block;
        flex-wrap: inherit;
    }
    .content_tpe_tpm .list_content_tpe_tpm p{
        max-width: 100%;
    }
    .content_tpe_tpm .list_content_tpe_tpm:after{
        width: 100%;
    }
    .content_tpe_tpm .list_content_tpe_tpm{width: 100%;
        float: none;}
    .espaceboutique .title_menu{
        padding-right: 0;
        font-size: 16px;
        margin-top: 50px;
    }
    .etap_souscription li{
        font-size: 16px;
        padding: 10px 0 10px 59px;
    }
    .footer_blc_souscrire p{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .list-formules{
        display: block;
    }
    .blc_tpe_tpm .blc_top_tpe .title_blc_top_tpe {
        font-size: 21px;
    }
    .list-formules li{
        display: block;
    }
    .list-formules li a{
        display: block;
        margin-right: 0;
    }
    .footer_createur h3 {
        font-size: 21px;
    }
    .blc_tpe_tpm .blc_top_tpe .txt_blc_top_tpe {
        font-size: 16px;
    }
    .footer_createur p{
        font-size: 16px;
    }
    .blc_souscripteur .header_blc_souscrire{
        margin-bottom: 0;
    }
    .blc_avantage_crea_entreprise .content_blc_avantage_crea_entreprise{
        padding-left: 40px;
        padding-right: 20px;
    }
    .espaceboutique > ul > li{
        width: 100%;
    }
    .top_menu li a.user{
        font-size: 0;
        padding: 17px 30px 17px 0;
        height: 51px;
        background: url(../image/png/user_gris.png) 50% 14px no-repeat
    }
    .button_menu_sandwich{
        top: -60px;
        width: 35px;
        height: 35px;
    }
    .button_menu_sandwich:before{
        top: 24px;
        right: 7px;
    }
    .button_menu_sandwich:after{
        top: 12px;
        right: 7px;
    }
    .search, .search .input_txt{
        width: 100%;
        position: relative;
    }
    .search .input_bt{
        float: right;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .search .input_txt{
        padding: 18px 40px 18px 15px;
    }
    .menu_onglet > li a{font-size: 12px}
    .Pack_type1 .td3{
        width: 100%;
        display: block;
        padding: 20px 0;
    }
    .Pack_type1 .td3 .btn{
        width:100%;

    }
    .Pack_type1 .titre_bloc > div{
        font-size: 12px;
    }
    .Pack_type1 .td3 .btn:hover .pop_formule{
        right: 0;
        top: 130%;
    }
    .pop_formule .puce{
        transform: translateX(-50%) rotate(-90deg);
        top: -32px;
        left: 50%;
    }
    .Pack_type3 .prix{
        font-size: 12px;
        padding: 0 10px;
    }
    .Pack_type3 .titre_bloc{font-size: 16px}
    .menu_etape > li {
        font-size: 12px;
    }
    .menu_etape > li{padding: 0 20px}
    .liste_Pack3 .inclus{
        overflow: auto;
        width: 100%;
    }
    .liste_Pack3 > li .Pack {
        width: 100%;
    }
    .cnt_bloc_top_tpe_tpm_social .parag_style_big{
        font-size: 18px;
    }
    .cnt_bloc_top_tpe_tpm_social .parag_style_small{
        font-size: 16px;
        margin: 0 auto;
    }

    .blc_gestion_comptabilite .blc_header_competence .title_gest_compt{
        font-size: 18px;
    }
    .blc_footer_competence{
        margin-top: 20px;
    }
    .blc_gestion_comptabilite{
        padding: 30px 0;
    }

    .content_bloc_prest_social .global_btn{
        width: 100%;
    }
    .btn_orange_style{
        width: 100%;
    }

    .btn_orange_style i{
        margin-left: 0;
    }
    .global_btn i{
        margin-left: 0;
    }
    .content_bloc_prest_social .big_txt{
        font-size: 18px;
    }
    .content_bloc_prest_social p{
        font-size: 16px;
    }
    .top{
        padding: 20px 0;
        border-radius: 0;
    }
    .ban_Page{
        margin: 0;
        border-radius: 0;
    }
    .header{
        padding: 0;
    }
    .ban_Page .titre_page{
        padding-left: 40px;
        background: url(../image/png/icon_tpe.png) 0 0 no-repeat;
        padding-top: 0;
    }
    .nav-tabs-createur li a{
        font-size: 12px;
    }
    .etaps_style ul li:nth-child(4n+1){
        clear: none;
    }
    .etaps_style ul li:nth-child(3n+1){
        clear: none;
    }
    .etaps_style ul li{
        width: 33.33%!important;
    }
    .etaps_style ul li .desc_etap{
        font-size: 12px;
    }
    .nav-tabs-compt.nav-tabs li a{
        font-size: 12px;
    }
}

@media screen and (max-width: 360px) {
}