﻿@media (max-width: 800px) and (min-width: 710px) {
        footer {
       width:900px;
    }
    #conteneur_main {
    padding:0 3px;
    }
}


@media (max-width: 800px) {
      /*#region FOOTER 
//////////////////////////////*/
    footer {
       margin:0 auto;
    }

    #div_footer {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }

    footer #div_footer div {
        margin: 15px;
    }


    footer #div_footer #follow {
        position: initial;
        right: initial;
        top: initial;
    }

        footer #div_footer #follow p img {
            margin-right: 8px;
        }

    footer #div_footer #newsletter {
        position: initial;
        right: initial;
        bottom: initial;
        margin: 15px auto;
        display: block;
        max-width: 100%;
    }

    p#email_newsletter {
        text-align: center;
    }

        p#email_newsletter input {
            margin: 0 0 10px 0;
            display: block;
        }

    /*Sous footer*/
    #sous_footer div {
        max-width: 100%;
        padding: 0 10px;
        text-align: left;
    }
    /**/
    /*#endregion*/
}


@media (max-width: 700px) {
    

    /* masquer les éléments superflus */

    .hide_mobile, .hide_mobile600 {
        display: none !important;
    }

    .mobile_clear {
        clear: both;
    }

    .mobile_margin_auto {
        margin: 0 auto;
    }

    body {
        background: none;
    }

    #conteneur_main {
        text-align: left;
        max-width: 100%;
        padding: 10px;
    }

    footer {
       max-width:100%;
    }


    /*#region HEADER
//////////////////////////////////////*/
    header #menu_top {
        padding-top: 0;
        margin-bottom: 10px;
    }

    /*Navigation*/
    header #main_navigation {
        text-align: center;
    }

    header ul#main_menu {
        margin: 15px auto 5px auto;
        padding: 0;
        font-size: 1.2em;
        display: block;
    }

        header ul#main_menu li {
            margin-right: 10px;
            margin-bottom: 10px;
        }

    header a.logout {
        position: initial;
        display: block;
    }
    /*Search*/
    header #div_search {
        margin: 10px -10px;
        padding: 10px;
        background: #019fe0;
        text-align: center;
    }

    section[role="search"] {
        margin-bottom: 15px;
        display: block;
    }

    header #div_search .tb_search {
        width: 65%;
    }

    header #div_search .lb_search {
    }

    header #div_search a.hl_basket {
        display: inline-block;
        padding: 5px 0 0 9px;
        top: -5px;
    }

    header #div_search .hl_client {
        margin: 0 40px 0 0;
    }

    header #div_search #dag_account {
        margin-right: 15px;
    }

        header #div_search #dag_account .p_dag {
            margin: 0;
        }
    /*#endregion*/




    /*#region CONTENEUR PRINCIPAL
////////////////////////////*/
    #conteneur_central {
        padding: 10px;
        position: initial;
    }

    #div_navigation {
        z-index: 850;
    }

    /*#endregion*/


    /*#region PAGE HOME
///////////////////////////*/

    aside#waarom {
        float: none;
        margin: 0 auto;
        width: 280px;
        height: 380px;
        text-align: left;
        padding: 5px;
    }

    .window {
        margin: 0 auto;
    }

    h1#boeken {
        margin: 15px 0;
    }


    .dl_articles_home {
        max-width: 100%;
    }

    .item_articles_home {
        display: block;
        max-width: 85%;
        margin: 0;
        text-align: center;
    }

    .mobile_image_article {
        margin: 10px auto;
        display: block;
    }

    .item_articles_home .conteneur_infos {
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .item_articles_home .bouton {
        display: block;
        margin-bottom: 10px;
    }

    /*Agenda*/
    #calendar {
        max-width: 100%;
        float: none;
    }

    table#t_calendar td {
    }

    table#t_calendar tr:first-child td {
        border-top: none;
    }
    /*Journée études*/
    #je {
        max-width: 100%;
    }

    .je {
        padding: 20px;
    }

    .all {
        text-align: center;
    }
    /*#endregion*/


    



    /*#region PAGE HOME
///////////////////////////*/

    #contact #div_right {
        width: auto;
        margin: 0 10px;
        float: none;
        box-shadow: none;
    }

    #contact #div_left {
        margin: 0 10px;
    }

        #contact #div_left h1 {
            margin-bottom: 30px;
        }


    #contact p {
        margin: 10px 0 10px 0;
        padding: 0;
    }
    /*#endregion*/


    /*#region PAGE ARTICLES
///////////////////////////*/
    .p_rfs {
        text-align: center;
        width: auto;
        margin: 15px auto;
    }

    .item_articles_collections {
        display: inline-block;
        margin-right: 15px;
        background: none;
    }

    .item_articles_home {
        display: inline-block;
    }

        .item_articles_home.je {
            width: 200px;
            height: 310px;
        }

        .item_articles_home .conteneur_infos {
            float: none;
        }

    .meer_collection {
    }
    /*#endregion*/


    /*#region PAGE ARTICLE
////////////////*/

    .article_left {
        float: none;
    }

    #article_right {
        margin: 10px 0;
    }

    #all_infos_prix div {
        display: inline-block;
    }

    #info_prix {
        width: 158px;
        padding: 0 20px;
    }

    section#auteurs #details {
        float: none;
    }

    section#auteurs #div_auteurs {
        margin: 10px 0;
        text-align: left;
    }

    /*JE*/
    .article_center {
        margin: 0;
        padding: 0 0 10px 10px;
    }

    .article_center_no_image {
        margin: 0;
        padding: 0 10px 10px 0;
        max-width: 100%;
    }

    /*#endregion*/


    /*#region PAGE LOGIN
////////////////*/
    div.new_client, div.connect {
        display: block;
    }




        /*Quand le connect et le new sont visible (cfr tbale_cell)*/
        div.new_client.table_cell > div.content {
            border-right: none;
        }

        
        div.connect > div.content #div_id_not_found {
            margin-top: 0;
        }

    .mobile_cp_search_up {
    margin-top:-90px;
    }

    /*#endregion*/


    /*#region PAGE CLIENT
///////////////////////////*/
    .mob_connect {
        display: block;
        margin: 10px auto;
        max-width: 200px;
    }

    .all_infos {
    }

    ul#menu_client_gauche {
        margin: 0 10px;
        float: none;
        border-bottom: 1px solid #ccc;
    }

        ul#menu_client_gauche li {
            margin: 0;
        }

    #infos_client_droite {
        margin: 10px 0;
        padding: 0 10px;
    }


    table.table_politeia, table.t_basket {
        max-width: 100%;
    }


    /*#endregion*/


    /*#region


//MENU BASKET
////////////////*/
    div#basket_navigation {
        text-align: center;
    }

        div#basket_navigation a {
            width: 250px;
        }
    /*#region



/*#region PAGE BASKET
////////////////*/

    #div_ref_confirm {
        position: relative;
        text-align: right;
        margin: 15px 0;
    }

    #div_ref {
        position: initial;
        margin-bottom: 15px;
    }

    div_ref_confirm .bouton {
        position: initial;
    }

    .p_attention {
        margin: 10px 0;
        position: initial;
    }
    /*#endregion*/

    /*#region DIVERS
///////////////////////////*/
    #article_added.popup_close, .popup_close {
        width: 250px;
        left: -160px;
        top: 15px;
    }

    select {
        max-width: 100%;
    }
    /*#endregion*/

}


@media (min-width: 601px) and (max-width: 800px) {

    .hide_mobile600 {
        display: block !important;
    }

   
}

@media (max-device-width:768px) and (orientation: landscape) {
    html {
        -webkit-text-size-adjust: 100%;
    }
}
