/* common responsive */
@media (max-width: 1024px) {

    body {
        background: #FFF;
        font-size: 12px;
    }

    #a_page {

        width:100%;
    }

    .cookiesWarning {
        font-size:14px;
    }

    /* don't display header */
    #header{
        width:100%;
        border:none;
        background: none;
    }

    #header.miniheader{
        display: none !important;
        top:0 !important;
    }

    #header.default{
        height:inherit !important;
    }

    #header .connexion-homepage,
    #header .connexion-anonymous  {
        height: 100px;
        margin-top: 2em;
    }

    #header .membre-anonymous,
    #header .membre-homepage {
        float: none;
        width: 47%;
        text-align: right;
        margin: 1em 0;
        display: inline-block;
    }

    #header #topsearch {
        padding-left: 0;
        margin: 10px auto;
        text-align: center;
    }

    #header .ala_login {
        width: 47%;
        float: none;
        display: inline-block;
        margin-bottom: 5px;
    }

    #header .ala_login .mdp-anonymous,
    #header .ala_login .mdp-homepage {
        float: right;
        color: #5973A7;
        font-size: 1em;
        margin: -1.167em 8.333em 0 0;
        width: 100%;
    }

    #header .crea-compte {
        margin: 1em auto;
        height: 30px;
        width: 100%;
        text-align: center;
    }

    #logo-anonymous,
    #logo-homepage {
        display: block;
        float: none;
        margin: 10px auto;
        width:347px;
        text-align: center;
    }

    #jep_subHeader {
        background: none;
        height: inherit;
        texte-align: center;
        margin-top: 4em;
    }


    #jep_subHeader_top {
        margin: 1em auto;
        display: block;
        height: inherit;
        overflow: hidden;
        float: none;
    }

    /**************
     homepage
     **************/
    #jep_subHeader_top .jep_consumCount {
        width: 100%;
        height: inherit;
        margin: 0 0 0.5em;
        text-align: center;
    }

    .jep_numbers, .jep_numbers a{
        color:#FFF;
    }


    #jep_subHeader_top .jep_search {
        display: block;
        margin: 1em auto;
        height: inherit;
        overflow: hidden;
        float: none;
    }

    #jep_subHeader_top .jep_search label{
        font-size:15px;
    }

    #jep_subHeader_bot {
        width: 100%;
        margin: 1em auto;
        display: block;
        overflow: hidden;
        height: inherit;
        text-align: center;
        font-size: 0;
        background: #F1F1F1;
        padding-bottom: 1em;

    }

    #jep_subHeader_bot .jep_subHeader_magic {
        height: 82px;
        display: inline-block;
        float: none;
        vertical-align: top;
        margin: 0;
    }

    #jep_subHeader_bot .jep_subHeader_magic img {
        margin: 15px 15px 0 15px;
    }

    #jep_subHeader_bot .jep_slideShow {
        width: 70%;
        float: none;
        display: inline-block;
        padding: 15px;
        min-height: 52px;
    }

    #jep_subHeader_bot .jep_slideShow .jep_slideImg {
        display: none;
    }

    #jep_subHeader_bot .jep_slideShow .jep_slideText {
        padding-right: 0px;
        font-size: 15px;
        text-align: left;
    }

    #jep_subHeader_bot .jep_socialNetworks{
        width: 88%;
        margin: 1em auto ;
        float: none;
        height: 40px;

    }

    #jep_subHeader_bot .social_icon {
        margin: 1em 12px 1em 0;
        display: inline-block;
        float: none;
    }

    #a_main_content_tabs .tab_content {
        border:none;
        padding:0;
        background: none;
    }

    #a_main_content {
        margin-top: 2em;
    }

    #a_main_content_tabs ul li {
        padding: 0px;
    }

    #a_main_content .jep_bestList a {
        font-size:12px;
    }

    #a_main_content .jep_link {
        max-width: 70%;
    }

    #a_main_content .gab-heure {
        margin-bottom:1em;

    }

    #a_main_content .gab-avis{
        margin:0.667em;
        line-height: 1.3em;
    }

    #a_main_content .gab-user{
        padding-top:0.2em;

    }

    #a_main_content .main_box #left_column, #a_main_content_tabs .tab_main_content {
        width: 100%;
    }

    /* carrousel */

    .home #a_main_content_tabs .white_tab_box {
        padding: 10px 0;
        margin-top : 1em;
        margin-bottom:1em;
        width:100%;

    }

    .home #accompagne_tab1 {
        width:89%;
        margin-left: 1%;}

    .jcarousel-skin .jcarousel-container-horizontal {
        width:100%;

    }

    .jcarousel-skin .jcarousel-clip-horizontal {
        width:100%;

    }

    #gab-table-homepage {
        width:100%;
    }

    /* Ads */

    .tab_main_content_box {
        width:100%;
    }
    .tab_main_content_box .box_mois {
        width: 49%;
        text-align: center;
    }

    .tab_main_content_box .bloc1 H3, .tab_main_content_box .bloc2 H3 {
        padding : 1em 0;
    }


    .tab_main_content_box .box_mois:nth-child(2n+1) {
        width: 49%;
        text-align: center;
        margin-right: 2%;
    }

    /* banner sidebar, centered */

    #aswift_0_expand {
    }

    /* content sidebar */

    .home #tab_index .tab_left_side_content {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    #a_main_content_tabs .tab_left_side_content, .home #tab_index .tab_left_side_content {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 1em;
    }


    #a_main_content_tabs .tab_left_side_content .white_box {
        width: 49%;
        float:left;
        margin-right : 0;
        box-sizing: border-box;
        text-align: left;
    }

    #a_main_content_tabs .tab_left_side_content .white_box:nth-child(2n) {
        margin-right: 2%;
    }
    
    /* footer */

    #a_footer {
        width: 100%;
    }

    #a_footer .footer_box {
        margin: 0.667em;
    }
    #a_footer .copyright_box, #a_footer .large_copyright_box{
        width: 100%;
        margin: 0;
        font-size: 12px;
        box-sizing: border-box;
        padding: 1em;
        display: block;
    }

    .a_small_font {
        font-size: 12px;
    }

    /* sitemap */

    #a_sitemap {
        background: #F7F7F7;
        font-size:12px;
        margin:0.667em;
    }

    #a_sitemap ul li {
        min-width:200px;
        margin: 0 2.5em 1em 0;
    }

    #div-gpt-ad-1,
    #div-gpt-ad-2 {
        width: 100%;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    /**************
    common
    ***************/

    /* don't display secondary content for mobile */
    .cookiesWarning, .connexion-homepage, #contenu-barre, .miniheader, .connexion-anonymous, .ariane {
        display:none;
    }

    #a_page a{
    }

    /* smaller margin*/
    #a_main_content {
       margin: 0.667em;
    }

    /* special 1x1 header */
    #t1x1_product_nav_header {
        width:100%;
        margin:0 0 1px 0;
        height:30px;
        border: none;
        background:#ff7f00 url(/assets/img/menu_icon.png) 0.667em 0 no-repeat;
        text-align: left;
        padding: 0.333em 0.333em 0.333em 3em;
        line-height: 20px;
        border-radius:0;
        box-sizing: border-box;
        color:#fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial,Helvetica,Sans-serif;

    }

    /**************
    * homepage
    ***************/

    /* login form */
    #jep_subHeader .jep_counter {
        display: block;
        width: 186px;
        margin: 0 auto;
    }

    #jep_subHeader .jep_countText {
        text-align: center;
        font-size: 20px;
        padding: 0 1em 1em;
        display: block;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    /* box ads */
    #a_main_content_tabs .tab_main_content_box .box_mois {
        width: 100%;
        margin-right:0;
        margin-bottom:2em;
    }

    #a_main_content_tabs .tab_left_side_content .white_box {
        width:100%;
        margin-right:0;
    }

    /**************
    * forum common
    ***************/

    /* add horizontal width*/
    #div-gpt-ad-1 {
        width:100%;
        overflow: hidden;
    }

    /* Product presentation + download link */
    .inscr_type1 {
        width: 100%;
        height: inherit;
        background-repeat: repeat-y;
        background-size: cover;
        margin-top:0em;
    }
    #MainContent_productHeaderAnonymous_hypRegister {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 250px;
        display: block;
        margin-left:0.667em;
    }

    .inscr_type1 .visu {
        margin: 0.667em 0 0.667em 0.667em;
        float: left;
        position: inherit;
        top: 0;
        left: 0;
    }

    .inscr_type1 .desc {
        margin: 0.667em 0 0.667em 0.667em;
        float: left;
        position: inherit;
        max-width: 290px;
        top: 0;
        left:0;
        font-size: 12px;
    }

    .inscr_type1 .desc h1 {
        width:auto;
        font-size: 14px;
    }

    .inscr_type1 .desc h2 {
        width: auto;
        font-size: 14px;
    }

/*--------*/
    .inscr_type2 {
        width: 100%;
        height: inherit;
        background-repeat: repeat-y;
        background-size: cover;
        margin-top:0em;
    }

    .inscr_type2 .visu {
        margin: 0.667em 0 0.667em 0.667em;
        float: left;
        position: inherit;
        top: 0;
        left: 0;
    }

    .inscr_type2 .desc {
        margin: 0.667em 0 0.667em 0.667em;
        float: left;
        position: inherit;
        max-width: 290px;
        top: 0;
        left:0;
        font-size: 12px;
    }

    .inscr_type2 .desc h1 {
        width:auto;
        font-size: 14px;
    }

    .inscr_type2 .desc h2 {
        width: auto;
        font-size: 14px;
    }
/*--------*/
	
	
    /* breadcrumb*/
    .ariane {
        height: inherit;
    }

    .ariane span, .ariane span.current {
        background: none;
    }

    .ariane span:after {
        content:'\00a0 \3E';
        color: #FF9900;

    }

    .ariane span.current:after {
        content:'';
    }

    .ariane a.bc_home {
        background-position: -7px -2px;
        width: 25px;
        height: 25px;

    }

    .ariane a.bc_home:after {
        content:'\00a0 \3E';
        color: #FF9900;
       
    }

    /* forum tabs*/
    #a_main_content_tabs .tabs li {
        width:100%;
        margin:0 0 1px 0;
        border: none;
        background:#ff7f00;
        text-align: left;
        padding-left:1.667em;
        line-height: 20px;
        border-radius:0;
        box-sizing: border-box;
    }

    #a_main_content_tabs .tabs li:hover {
        background: #ffb469;
    }


    #a_main_content_tabs .tabs li a {
        color:#FFF;
        text-transform: uppercase;
        height: inherit;
    }

    #a_main_content_tabs .tabs li a:hover, #a_main_content_tabs .tabs li.notice.active a:hover, #a_main_content_tabs .tabs li.active a:hover {
        color:#FFF;
    }

    #a_main_content_tabs .tabs li.notice {
        padding:0.33em 1.667em;
        text-align: left;
    }

    #a_main_content_tabs .tabs li.notice a {
        background:none;
        border:none;
        padding:0;
        border-radius:0;
    }

    #a_main_content_tabs .tabs li.notice.active a, #a_main_content_tabs .tabs li.notice a:hover {
        border:none;
        background: none;
    }

    #a_main_content_tabs .tabs li.active {
        padding:0.33em 1.667em;
        text-align: left;
        background: #ffb469;
    }

    #a_main_content_tabs .tabs li.active a {
        color:#FFF;
    }


    #a_main_content_tabs .tabs li#MainContent_pnlBrandDialog {
        max-width:100%;
    }

    /* product ratings */
    #a_main_content_tabs .tab_main_content {
        margin-top:2em;
    }


    #a_main_content_tabs .tab_main_content .bloc_flat_design {
        height:inherit;
    }

    #a_main_content_tabs .tab_main_content .bloc_flat_design .titre {
        height: inherit;
    }

    #a_main_content_tabs .tab_main_content .bloc_flat_design .titre h2 {
        height: inherit;
        padding:0.667em;
        margin:0;
        font-size:18px;
    }

    #a_main_content_tabs .tab_main_content .bloc_flat_design .content {
        padding:0.667em;
    }

    #a_main_content_tabs .tab_main_content .bloc_flat_design .content.list_avis_membres {
        padding:0.667em 0;
    }


    .page_avis .note_moyenne {
        width:100%;
    }

    .page_avis .nombre_utilisateur {
           width:100%;
        margin-top:1em;
    }

    .page_avis .nombre_utilisateur .star_level {
        width:208px !important;
    }

    /**************
    * forum answers
    ***************/    #tab_forum .intro {
        width:100%;
        box-sizing: border-box;
        height: inherit;
    }

    #tab_forum #fsearch{
        width:100%;
    }

    #tab_forum #fq {
        width: 90% !important;
        box-sizing: border-box;
        height: 24px;
        padding: 0 0.667em;
        margin: 0;
    }

    #tab_forum #goback {
        width:100%;
        box-sizing: border-box;
    }

    .forum_answers {
        margin-left: 0;

    }

    #a_main_content_tabs .tab_content .reply_comments {
        margin-left:2em;
    }

    /* pager */
    .pager {
        overflow: hidden;
        display: inline-block;
    }

    .pager a, .pager a:hover, .pager .active {
        display: inline-block;
        padding:0.667em;
        text-align:center;
        margin:0.333em;
    }

    #tab_forum .discussion_list .discussion_item .hover_row {
        max-width:76%;
    }
    #tab_forum .discussion_list .discussion_item .responses {
        position: inherit;
        width:100%;
    }

    /**************
    * forum accueil
    ***************/    #MainContent_TabContent_presProduct {
        width:100%;
    }

    #MainContent_TabContent_presProduct p{
        width:100%;
    }

    #a_main_content_tabs .white_tab_box {
        padding:0;
        border:0;
    }

    #a_main_content_tabs .unstyle_list li {
        height: inherit;
    }

    #a_main_content_tabs .product_attachments {
        width:100%;
    }

    #a_main_content_tabs .tab_content .tabs_second_level li {
        width:100%;
        border:0;
        line-height:30px;
        background: #F7F7F7;
        text-align: left;
        box-sizing:border-box;
        margin : 0 0 1px 0;
        padding : 0.333em 0.333em 1.667em;
        height: 30px !important;

    }

    #a_main_content_tabs .tabs_second_level li.active .bottom_left_first {
        display: none;
    }

    #a_main_content_tabs .tabs_second_level li.active .bottom_right {
        display: none;
    }

    #a_main_content_tabs .tab_content .tabs_second_level li a {
        display: block;
    }

    #a_main_content_tabs .tab_content .thumbs_display {
        width:100%;
    }

    #a_main_content_tabs .tab_content .thumbs_display li {
        margin : 0.333em;
    }

    #a_main_content_tabs .tab_content .thumbs_display li:nth-child(2n+1) {
    }

    /**************
    * forum notice
    ***************/

    #tab_manuals {
        margin-top:1em;
    }

    #tab_manuals .news_attach_box {
        width:100%;
        box-sizing: border-box;
        padding: 0.667em;
    }

    #a_main_content_tabs .tab_content .pdf_list_item .title {
        width:100% !important;
        overflow: visible;
        height: inherit;
    }

    #a_main_content_tabs .tab_content .pdf_list_item .pdf, #tab_index .url_list_item .pdf {
        width:100%;
    }

    #share_btns {
        display: none;
    }

    #tab_manuals .pdf_list_item .head a {
        padding: 2px 0;
    }
    
    #a_main_content_tabs .tab_content .pdf_list_item .info {
        padding:0;
    }

    #a_main_content_tabs .product_intro .visu {
        position: relative;
        top:0;
        right:0;
        margin-bottom: 0.667em;
        float: left;
    }

    /* extract */
    #extract {
        width:100% !important;
        box-sizing: border-box !important;
    }

    #extract p{
        overflow: hidden;
    }

    /**************
    * forum questions
    ***************/

    .list-questions {
        width:100%;
        overflow: hidden;
    }

    table.forum tr:nth-child(2n) {
        background: #F2F2F2;
    }


    table.forum .date {
        padding:0.333em;
    }

    table.forum td {
        display:block;
        box-sizing: border-box;
        background: none ;
    }

    table.forum td {
        display:block;
        box-sizing: border-box;
    }


    table.forum .date {
        border-bottom:none;
        width:100%;
        text-align:left;
        padding:0.333em;
    }

    table.forum .date br {
        display:inline;
        content:' ';
        padding-left:0.333em;

    }

    table.forum td.sujet-forum {
        padding:0.333em;
        border-bottom:none;
    }

    table.forum td.reponse-img {
        padding:0.333em;
        width:100%;
        overflow: hidden;
    }

    table.forum td.reponse-img a{
        display: inline-block;
        margin-right:0.333em;
        margin: 0.333em;
    }

    .bouton-lien, .bouton-no-lien {
        padding:0.25em 1em;
    }

    .tab_main_content .vote {
        padding:0.333em;
        display: none;
    }

    #a_footer .footer_box {
        font-size:14px;
    }

    /**************
    * forum brand
    ***************/

    #brand_item {
        width: 100%;
        height: inherit;
        background-repeat: repeat-y;
        background-size: cover;
        margin-top: 0em;
        box-sizing:border-box;
        padding:0.333em;
    }

    #brand_item #MainContent_PanelContent table table td {
        display: block;
        width:100%;
        height:inherit;
        margin-bottom: 2em;

    }

    #brand_item #MainContent_PanelContent table table td:nth-child(2) {
        display: none;

    }

    #brand_item .bbox table {
        width:100%;
    }

    #brand_item .bbox table td {
        display: inline-block;
        width:100%;
        height:inherit;
        margin-bottom: 2em;
        text-align:center;
    }

    #brand_item h3{
        display: none;
    }

    #MainContent_PanelContent > .bbox_white:nth-last-of-type(1) {
        display: none;
    }

    #brand_item a.Lien {
        font-size: 1em;
        line-height:1.667em;
    }

    /**************
    * forum category
    ***************/

    #category_item {
        width: 100%;
        height: inherit;
        background-repeat: repeat-y;
        background-size: cover;
        margin-top: 0em;
        box-sizing:border-box;
        padding:0.333em;
    }


    #MainContent_PanelListcategory a {
        font-size:1em;
        line-height: 1.667em;
    }
    #MainContent_PanelDisplayCategoryMisc table {
        width:100%;
    }

    #MainContent_PanelDisplayCategoryMisc table td {
        display: inline-block;
        width:50%;
        box-sizing: border-box;
    }

    #category_item .lowerright {
        font-size:10px !important;
    }

    #category_item .lowerright h1 {
        font-size:10px !important;
    }

    #category_item h3{
        display: none;
    }

    #MainContent_PanelDisplayCategoryMisc > .bbox_white:nth-last-of-type(1) {
        display: none;
    }

    /**************
    * ads
    ***************/

    #MainContent_TabContent_AdSenseBottomContainer {
        width:100% !important;
        display: block;
        box-sizing: border-box;
        overflow: hidden !important;
    }

    #adsense1, #adsense2, #adsense3 {
        width:100% !important;
        display: block;
        box-sizing: border-box;
        overflow: hidden;
    }

    #div-gpt-ad-1, #div-gpt-ad-2, #div-gpt-ad-3, #div-gpt-ad-4, #div-gpt-ad-5, #div-gpt-ad-6, #div-gpt-ad-7 {
        width:100% !important;
        display: block;
        box-sizing: border-box;
        overflow: hidden;
    }


}

/* Landscape phones and down */
@media (max-width: 480px) {

    /**************
    * common
    ***************/

    .a_small_font {
        font-size: 0.667em !important;
    }

    .cookiesWarning {
        min-height: 70px;
    }

    #header.default {
        margin: 0px auto;
    }

    #header .membre-homepage {
        width: 100%;
        text-align: center;
    }


    #logo-homepage,
    #logo-anonymous {
        margin: 0px auto;
        padding: 0.5em;
    }

    #logo-homepage img,
    #logo-anonymous {
        max-width: 300px;
    }

    #header .connexion-homepage {
        hpadding:0 1em;
    }

    #header .ala_login {
        width: 95%;
        text-align: center;
    }

    #header .ala_login .mdp-homepage {
        float: none;
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    #header.default {
        height: 60px !important;
    }

    #jep_subHeader {
        margin: 1em 0 3em;
        padding: 0 0.2em;
        border:0;
    }

    #jep_subHeader_top .jep_consumCount {
        margin:0;
        text-align: center;
    }

    #jep_subHeader_bot .jep_subHeader_magic {
        height: 100px;

    }

    #jep_subHeader_bot .jep_slideShow {
        height: 80px;

    }

    #jep_subHeader_bot .jep_bestList {
        font-size:12px;
    }

    #a_main_content_tabs .tab_main_content_box .box_mois {
    }


    /* google horizontal ad */
    #MainContent_TabContent_AdSenseTopContainer {
        width:100%;
    }




    /**************
    * homepage
    ***************/

    #a_main_content .gab-avis {
        font-size:10px;
    }

    #a_main_content .gab-avis a.gab-user {
        font-size:14px;
    }

    #aswift_0_expand {
        display: none !important;
    }

    .tab_left_side_content > br {
        display: none;
    }

    /**************
    * forum common
    ***************/

    #MainContent_TabContent_pnlWelcome .left_content {
        font-size : 10px !important;
    }

    #MainContent_TabContent_AdSenseTopContainer {
        width:100% !important;

    }

    div#adsense1 {
        width:100% !important;
        display:none;
    }

    #last_events {
        font-size : 15px !important;
    }
    .inscr_type1 .desc {
        max-width: 175px;
    }

    .inscr_type1 .desc .line1 {
        width:100%;
    }

    .inscr_type1 .desc .line2 {
        width:100%;
    }

    .white_box .link_list {
        font-size:9px;
    }

    .discussion_item {
        font-size: 9px;
    }

    /**************
    * forum category
    ***************/

    #category_item .upperleft {
        width:98%;
    }

}