@media (max-width: 979px) {
    body {
        position: relative;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 15px;
	display: flow-root;
    }
    body #disclaimer-cadre { 
        width: 80%;
        margin-top: 60px;
    }
    body #disclaimer-cadre b {
        font-size: 18px;
    }
    body #disclaimer-cadre p {
        font-size: 13px
    }
    body #disclaimer-cadre font {
        font-size: 18px;
    }
    body #disclaimer-cadre a {
        font-size: 28px;
    }
    #contenu {
        width: 100% !important;
        margin: 0;
        position: relative;
    }
    #contenu.members-active {
        margin-top: 33px;
    }

    #contenu header {
        height: auto !important;
        position: relative;
        min-height: 50px;
        width: 100% !important;
        padding-top: 0 !important;
    }

    #contenu header h1 {
        height: 50px;
        line-height: 50px;
        display: block;
        padding-right: 60px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #contenu header h1.hide {
        visibility: hidden;
    }

    #contenu header h1 a {
        font-size: 20px;
    }

    #contenu header .image {
        height: auto !important;
        width: 100%;
        overflow: hidden;
        font-size: 0;
    }
    #contenu header .image img {
        display: none;
    }
    #contenu header .image .responsive {
        max-width: 100%;
        position: relative !important;
        width: 100%;
        display: inline;
    }

    .article_index_lien {
        margin: 15px 0;
    }

    #barre_bas {
        padding: 0 10px;
        line-height: 20px;
    }

    .btn-navbar .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        margin-top: 0;
        background-color: #ffffff;
    }

    .light .btn-navbar .icon-bar {
        background-color: #ffffff;
    }

    .dark .btn-navbar .icon-bar {
        background-color: #ffffff;
    }

    header .btn-navbar {
        position: absolute;
        top: 12px;
        right: 15px;
        padding: 6px;
    }
    nav {
        height: auto !important;
        min-height: 40px;
    }
    nav .btn-navbar {
        float: left;
        margin: 6px 0 0 6px;
        padding: 6px;
        display: none !important;
    }

    nav ul {
        top: 40px;
        left: 0;
        right: 0;
        background-color: inherit;
        margin: 0;
        float: none;
        height: auto;
    }
    nav ul ul {
        float: none;
        position: absolute;
        display: none;
        background-color: inherit;
        margin: 0;
        padding: 0 20px;
        margin-left: -20px;
        padding-bottom: 10px;
        left: auto;
        top: auto;
        right: auto;
        z-index: 999;
    }
    nav ul li {
        display: inline-block;
        background-color: inherit;
        margin: 0;
    }
    nav ul .caret {
        margin: 16px 0 0 5px;
    }
    nav ul ul li {
        display: block;
        white-space: nowrap;
    }
    nav ul li a {
        padding: 0 10px;
        font-size: 13px;
    }

    .recherche_nav {
        display: none;
    }

    .main {
        padding: 20px;
    }
    .main aside {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        float: none !important;
        z-index: 1040;
    }
    .main .fond-cote {
        display: none;
        height: 0;
        width: 0;
    }

    .main article {
        width: 100%;
        padding: 0;
    }

    .main article iframe {
        max-width: 100% !important;
    }

    .main .music-player {
        display: none;
    }

    #blogmember_menu_container {
        top: 0;
    }
    #blogmember_menu_container .blogmember_menu {
        display: none;
        z-index: 5002 !important;
    }
    
    .light button [class^="icon-"], .light button [class*=" icon-"] {
        background-image: url("https://www.blog4ever.com/resources/img/icons/glyphicons-halflings-white.png");
    }
    
    .dark button [class^="icon-"], .light button [class*=" icon-"] {
        background-image: url("https://www.blog4ever.com/resources/img/icons/glyphicons-halflings.png");
    }

    .articles_share_phone_tablet {
        float: right;
    }

    button [class^="icon-"], button [class*=" icon-"] {
        margin-top: -1px;
    }

    .articles_share_phone_tablet  {
        margin-left: 5px;
    }

    #contenu .responsive-action-button {
        padding: 1px 3px;
        margin: -5px 0 0 0;
        display: inline-block;
    }
    #contenu .btn-like {
        background-color: #000000;
        border-color: #000000;
    }
    #contenu .btn-unlike {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }
    .share {
        display: none;
        height: auto !important;
    }

    #contenu .share ul.social-media-buttons li {
        display: list-item;
        float: none;
        height: auto;
        max-height: 40px;
        margin-top: 5px;
    }

    #contenu .main .contenu_recherche form input[type="text"] {
        width: 215px !important;
        height: 18px;
        display: inline-block;
    }
    #contenu .main .contenu_recherche form input[type="submit"] {
        margin-top: -9px !important;
        display: inline-block;
    }

    #articles_index_pagination_form {
        display: inline-block;
    }
    #articles_index_pagination_form select {
        width: 120px;
    }
    #articles_index_pagination_form input {
        margin-top: -9px;
    }
    .photos_index_photo_commentaires {
        width: 100%;
    }

    #contenu #photos_photo_lien img, #lancer_gallery img {
        max-width: 100%;
    }

    #contenu .dynamicode_articles_extrait img {
        max-width: 80px;
    }
    #contenu .dynamicode_articles_extrait h4,
    #contenu .dynamicode_articles_extrait .extrait {
        margin-left: 100px;
    }

    #contenu .main form label {
        float: none;
        display: block;
        width: 100%;
        height: auto;
    }
    #contenu .main form input[type="text"],
    #contenu .main form input[type="password"],
    #contenu .main form textarea {
        float: none;
        display: block;
        width: 100% !important;
        height: 30px !important;
        box-sizing: border-box;
    }
    #contenu .main form textarea {
        height: 70px !important;
    }
    #contenu .main form .form_moitie,
    #contenu .main form .form_full {
        width: auto;
        float: none;
        box-sizing: border-box;
    }
    #contenu .main form #recommander_emails_textarea {
        margin-top: 0;
        margin-left: 0;
    }
    #contenu .main form .recaptcha_container {
        width: auto;
    }
    #contenu .main form .recaptcha_container .recaptchatable {
        max-width: 100% !important;
        width: 100% !important;
    }
    #contenu .main form .recaptcha_container .recaptcha_image_cell {
        max-width: 100% !important;
        width: 100% !important;
    }
    #contenu .main form .recaptcha_container #recaptcha_image {
        max-width: 100% !important;
        width: 100% !important;
    }
    #contenu .main form .recaptcha_container img {
        max-width: 100% !important;
        width: 100% !important;
    }
    #contenu .main form .recaptcha_container .recaptcha_input_area {
        padding-right: 7px;
    }
    #contenu .main form .recaptcha_container input {
        max-width: 100% !important;
        width: 100% !important;
        height: 30px;
        box-sizing: border-box;
    }
    #contenu .main form input[type="submit"] {
        margin: auto !important;
        display: block;
    }

    .member-links {
        line-height: 20px;
    }

    #forum_derniers_sujets #forum_last_topics td {
        display: block;
        border-bottom: 0;
        width: 80% !important;
        height: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #forum_derniers_sujets #forum_last_topics td:first-child {
        float: left;
        height: 40px;
        width: 10% !important;
        vertical-align: middle;
        line-height: 40px;
    }
    #forum_derniers_sujets #forum_last_topics td .forum_topic_link {
    }

    #forum_derniers_sujets #forum_last_topics td:last-child {
        font-size: 11px;
    }

    #forum_tableau_categories #forum_index_tableau_cat_tr {
        display: none;
    }

    #forum_tableau_categories .forum_index_tableau_cat_categorie {
        background: transparent url('/resources/img/icons/glyphicons/glyphicons_245_chat.png') no-repeat 8px center;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie td {
        display: block;
        border-bottom: 0;
        width: 80% !important;
        height: 15px;
        background: none !important;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_protegee {
        height: auto;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_desc {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_desc a {
        line-height: 19px;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_desc .password-input {
        width: 75%;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_desc .password-input input {
        width: 132px !important;
        margin: 0 !important;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_desc .password-input input[type="password"] {
        margin: 0 0 3px 0 !important;
    }

    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_desc_text {
        display: none;
    }

    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_nb_post {
        display: inline-block;
        width: auto !important;
        font-size: 11px;
        margin-left: 40px;
        padding: 0 !important;
        margin-bottom: 3px;
    }
    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_nb_post center {
        text-align: left !important;
    }

    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_nb_post center:after {
        content: ' sujet(s) - ';
    }

    #forum_tableau_categories .forum_index_tableau_cat_categorie .forum_index_tableau_cat_dernier {
        display: inline-block;
        width: auto !important;
        font-size: 11px;
        padding: 0 !important;
        margin-bottom: 3px;
        margin-left: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #forum_categorie_tableau #forum_categorie_tableau_entete {
        display: none;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne td {
        display: block;
        border-bottom: 0 !important;
        width: 90% !important;
        height: 15px;
        background: none !important;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_statut {
        float: left;
        height: 59px;
        width: 16px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_statut img {
        margin: 0 !important;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_titre {
        margin-left: 35px;
    }
    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_titre a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 93%;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_auteur {
        display: none;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_nb,
    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_hits {
        margin-left: 2px;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_nb,
    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_hits,
    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_dernier {
        display: inline;
        font-size: 11px;
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_nb:after {
        content: ' réponse(s) - ';
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_hits:after {
        content: ' vue(s) - ';
    }

    #forum_categorie_tableau .forum_categorie_tableau_ligne .forum_categorie_tableau_ligne_dernier:before {
        content: 'Dernier message par ';
    }

    #forum_categorie_moderateur {
        width: 100%;
        float: none;
        height: 80px;
        text-align: center !important;
        box-sizing: border-box;
    }

    #forum_categorie_moderateur input {
        display: inline-block !important;
    }

    #forum_categorie_tri {
        width: 100%;
        float: none;
        height: 120px;
        text-align: center !important;
        box-sizing: border-box;
        line-height: 35px;
    }

    #forum_categorie_tri select {
        font-size: 11px;
    }

    #forum_categorie_tri input {
        display: inline-block !important;
    }

    #forum_categorie_ouvrir {
        margin-bottom: 10px !important;
    }
    #forum_categorie_ouvrir_lien {
        position: static;
    }
    #forum_sujet_tableau {
        width: 100% !important;
    }
    #contenu .form-horizontal .control-label {
        text-align: left;
    }
    #contenu .form-horizontal .controls {
        margin-left: 0;
    }

    .cookie-warning {
        display: none !important;
    }
}
@media (max-width: 480px) {
    #contenu #membre_profil_gauche {
        float: none;
        width: 100%;
    }
    #contenu #membre_profil_droit {
        width: 100%;
        margin-left: 0;
    }

    #forum_sujet_tableau {
        width: 100% !important;
    }
    #forum_sujet_tableau > tbody > tr > td {
        position: relative;
    }

    #forum_sujet_tableau  .forum_sujet_message_signature {
        display: none !important;
    }

    #forum_sujet_tableau  .forum_sujet_tableau_message td {
        display: block;
        box-sizing: border-box;
    }

    #forum_sujet_tableau  .forum_sujet_tableau_message_avatar {
        display: none !important;
    }

    #forum_sujet_tableau  .forum_sujet_tableau_message_nb {
        display: inline-block !important;
        margin-right: 5px;
    }

    #forum_sujet_tableau .forum_sujet_tableau_message .forum_sujet_tableau_message_auteur {
        border-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-bottom: 0px !important;
    }
    #forum_sujet_tableau  .forum_sujet_tableau_message_auteur br {
        display: none;
    }

    #forum_sujet_tableau .forum_sujet_tableau_message_pseudo {
        text-align: left;
        display: inline-block;
    }

    #forum_sujet_tableau .forum_sujet_tableau_message_auteur_rank_div {
        display: inline-block;
        clear: both;
    }

    #forum_sujet_tableau .forum_sujet_tableau_message_auteur .member-messages,
    #forum_sujet_tableau .forum_sujet_tableau_message_auteur .member-likes,
    #forum_sujet_tableau .forum_sujet_tableau_message_auteur .member-status {
        display: none !important;
    }

    #forum_sujet_tableau .edit-post span,
    #forum_sujet_tableau .mod-post span {
        display: none;
    }
    .light #forum_sujet_tableau .edit-post,
    .light #forum_sujet_tableau .mod-post {
        display: inline-block;
        width: 14px;
        height: 14px;
        padding: 0;
        vertical-align: middle
    }
    .light #forum_sujet_tableau .edit-post,
    .light #forum_sujet_tableau .mod-post {
        background-image: url("https://www.blog4ever.com/resources/img/icons/glyphicons-halflings.png");
    }
    .dark #forum_sujet_tableau .edit-post,
    .dark #forum_sujet_tableau .mod-post {
        background-image: url("https://www.blog4ever.com/resources/img/icons/glyphicons-halflings-white.png");
    }
    .light #forum_sujet_tableau .edit-post {
        background-position: 0 -72px;
    }
    .light #forum_sujet_tableau .mod-post {
        background-position: -360px -144px;
    }
    .forum_sujet_tableau_message_details {
        position: absolute;
        top: 3px;
        right: 0;
        margin-bottom: 0;
    }
    #forum_sujet_tableau .forum_sujet_tableau_message_contenu {
        padding-left: 10px !important;
    }
    #ForumLoginForm {
        width: 100% !important;
        box-sizing: border-box;
    }

    .modal {
        width: 80% !important;
        margin-left: -40% !important;
    }

    #login_modal, #register_modal {
        z-index: 6000;
        top: 10px;
        left: 50%;
        position: fixed;
        margin: 0 0 0 -280px;
    }
    #login_modal .modal-body .form-horizontal .control-label,
    #register_modal .modal-body .form-horizontal .control-label,
    .modal .form-horizontal label {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        text-align: left !important;
    }
    .modal .form-horizontal input[type="text"],
    .modal .form-horizontal input[type="password"],
    .modal .form-horizontal textarea {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: 30px !important;
        box-sizing: border-box !important;
    }
    .modal .form-horizontal textarea {
        height: 70px !important;
    }
    .modal .form-horizontal .controls {
        margin-left: 0 !important;
    
}    #register_modal .intro {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .articles_index_contenu_article img,
    #articles_show_contenu_article img,
    .tiny3 img,
    .tiny img {
        height: auto !important;
    }

    #articles_show_contenu_article .jb-splash-holder img {
        max-height: 100% !important;
        height: 100% !important;
        margin: auto !important;
        min-width: 100% !important;
    }
    article .alert {
        width: 90%;
        margin: auto;
    }

    #contenu .forum_sujet_tableau_message_contenu img {
        max-width: 100%;
    }

    .cart-button-add {
        display: block;
        max-width: 150px;
    }
}

@media (max-width: 410px) {
    .responsive-only-separator {
        margin: 10px 0 0 0;
        border: none;
        clear: both;
        display: block !important;
    }
}