.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
html {
  box-sizing: border-box;
  height: 100%;
}
html,
#body {
  max-width: 100%;
  position: relative;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
html.no-scroll,
#body.no-scroll {
  overflow: hidden;
}
html.no-sidebar .corps_droit,
#body.no-sidebar .corps_droit {
  display: none;
}
html.no-connect .open-plus,
#body.no-connect .open-plus,
html.no-connect .bandeau_explication,
#body.no-connect .bandeau_explication {
  display: none;
}
html.no-button .proposer_deal,
#body.no-button .proposer_deal {
  display: none;
}
* {
  box-sizing: inherit;
}
/*@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?fxn9le');
    src: url('../fonts/icomoon.eot?fxn9le#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?fxn9le') format('truetype'),
    url('../fonts/icomoon.woff?fxn9le') format('woff'),
    url('../fonts/icomoon.svg?fxn9le#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    !* use !important to prevent issues with browser extensions that change fonts *!
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    !* Better Font Rendering =========== *!
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-filter-list:before {
    content: "\e900";
}*/
.hamburger-menu {
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 19px;
  cursor: pointer;
}
.hamburger-menu .bar,
.hamburger-menu .bar:after,
.hamburger-menu .bar:before {
  width: 25px;
  height: 3px;
}
.hamburger-menu .bar {
  position: relative;
  transform: translateY(8px);
  background: #bf142f;
  transition: all 0ms 300ms;
}
.hamburger-menu .bar.animate {
  background: rgba(255, 255, 255, 0);
}
.hamburger-menu .bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  background: #bf142f;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu .bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: #bf142f;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu .bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu .bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.filter-menu {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 19px;
  cursor: pointer;
}
.filter-menu .bar,
.filter-menu .bar:after,
.filter-menu .bar:before {
  width: 25px;
  height: 3px;
}
.filter-menu .bar {
  position: relative;
  transform: translateY(8px);
  background: #bf142f;
  transition: all 0ms 300ms;
  right: -5px;
  width: 15px;
}
.filter-menu .bar.animate {
  background: rgba(255, 255, 255, 0);
}
.filter-menu .bar:before {
  content: "";
  position: absolute;
  right: -5px;
  width: 25px;
  bottom: 8px;
  background: #bf142f;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.filter-menu .bar:after {
  content: "";
  position: absolute;
  left: 5px;
  width: 5px;
  top: 8px;
  background: #bf142f;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.filter-menu .bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  left: -5px;
  width: 25px;
}
.filter-menu .bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
#return-to-top {
  z-index: 10;
}
#return-to-top:hover i {
  top: 12px;
}
#to-sidebar {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #000000;
  background: rgba(0, 0, 0, 0.7);
  width: 48px;
  height: 48px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
}
#to-sidebar i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 15px;
  top: 12px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1008px) {
  #body {
    /*.corps_gauche {
            display: none;

            &.active {
                display: block;
            }
        }*/
  }
  #body #menu2,
  #body .header_in,
  #body .corps_in,
  #body .corps_gauche,
  #body .corps_droit,
  #body .footer,
  #body .footer_in {
    width: 100% !important;
    overflow: hidden;
  }
  #body #header1,
  #body .footer {
    min-width: 0;
  }
  #body #header1 {
    overflow: visible !important;
    position: fixed;
    height: 50px !important;
    transform: translate3d(0px, 0px, 0px);
  }
  #body #header1 .header_in {
    background-color: #ffffff;
  }
  #body #header1[style*='50px'] {
    /*.logo {
                    img {
                        margin-left: -25px;
                    }
                }*/
  }
  #body #header1 + div {
    padding-left: 0 !important;
    padding-top: 65px;
    position: relative;
    top: 0;
  }
  #body #header1 .logo {
    top: 10%;
    left: 80px;
    width: auto;
    height: 80%;
  }
  #body #header1 .logo img {
    height: 100%;
    width: auto;
  }
  #body #header1 .logo + .header_haut {
    display: none;
  }
  #body #header1 .header_haut {
    width: 100%;
    height: auto;
    float: none;
    display: block;
  }
  #body #header1 .header_haut:after {
    content: '';
    display: block;
    clear: both;
  }
  #body #header1 .header_haut .header_zm2,
  #body #header1 .header_haut .header_zm4 {
    width: 100%;
    height: auto;
    padding: 10px;
    margin-right: 0;
  }
  #body #header1 .header_haut .zm_msge_not {
    float: right;
    position: relative;
  }
  #body #header1 .header_haut .fen_login_bgfull {
    z-index: 1;
  }
  #body #header1 .header_haut .fen_login_bgfull .fen_login_full {
    width: 100%;
    position: relative;
  }
  #body #header1 .header_haut .fen_login_bgfull .fen_login_full .quit_login {
    position: absolute;
    top: 14px;
    right: 10px;
    margin: 0;
  }
  #body #header1 .header_haut .fen_login_bgfull .fen_login_full .header_login,
  #body #header1 .header_haut .fen_login_bgfull .fen_login_full .bg_login {
    width: 100%;
  }
  #body #header1 .header_haut #fen_notif {
    width: 100%;
    margin: 0;
    z-index: 10;
    left: 0;
    top: 56px;
  }
  #body #header1 .header_haut #nb_notif {
    font-size: 20px;
    position: absolute;
    top: 4px;
  }
  #body #header1 .main_header {
    width: 250px;
    position: absolute;
    background: #ffffff;
    top: 100%;
    margin: 0;
    height: 600px;
    display: block;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    left: -250px;
    transition: all 0.5s ease;
    overflow-y: auto;
  }
  #body #header1 .main_header.active {
    left: 0;
  }
  #body #header1 .main_header > .espace_header {
    float: none;
    padding: 10px 5px;
  }
  #body #header1 .main_header > .espace_header > .espace_header {
    float: none;
  }
  #body #header1 .main_header > .espace_header > .espace_header > * {
    display: block;
  }
  #body #header1 .main_header > .espace_header > .espace_header > * .fa-caret-down {
    position: absolute;
    right: 0;
  }
  #body #header1 .main_header .columns-main-menu {
    position: static;
    column-count: 1;
    box-shadow: none;
    display: none !important;
  }
  #body #header1 .main_header .columns-main-menu.active {
    display: block !important;
  }
  #body #header1 .main_header .columns-main-menu li.line-main-menu {
    width: 100%;
  }
  #body #header1 .main_header .columns-main-menu2 {
    position: static;
    width: 100%;
    display: none !important;
  }
  #body #header1 .main_header .columns-main-menu2.active {
    display: block !important;
  }
  #body #header1 #search_form {
    position: absolute;
    top: calc(100% - 45px);
    width: 100%;
    background: white;
    height: auto !important;
    margin-top: 0 !important;
    border-top: 1px solid #e0e0e0;
    transition: all 0.5s ease;
    border-bottom: 1px solid #e0e0e0;
    z-index: -1;
  }
  #body #header1 #search_form.active {
    top: 100%;
  }
  #body #header1 #search_form .champ_rech {
    width: calc(100% - 40px);
    height: 100%;
  }
  #body #header1 #search_form .champ_rech .rech {
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  #body #header1 #search_form .submit_rech {
    position: absolute;
    right: 0;
    font-size: 15px;
    width: 35px;
    /* height: 35px; */
    margin: 0;
    padding: 0;
    top: 6px;
  }
  #body #header1 #menu-deroulant {
    width: 250px;
    position: absolute;
    background: #ffffff;
    top: 100%;
    margin: 0;
    height: 600px;
    display: block;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    right: -250px;
    overflow-y: auto;
    transition: all 0.5s ease;
  }
  #body #header1 #menu-deroulant.active {
    right: 0;
  }
  #body #header1 #menu-deroulant > li {
    margin: 0;
    padding: 0;
  }
  #body #header1 #menu-deroulant > li > a {
    display: none !important;
  }
  #body #header1 #menu-deroulant li {
    width: 100%;
    text-align: left;
  }
  #body #header1 #menu-deroulant .sousMenu-deroulant {
    display: block;
    width: 100%;
    margin: 0;
  }
  #body #header1 #menu-deroulant .sousMenu-deroulant a {
    height: auto;
    background: transparent;
    color: #434343;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #body #header1 #search_btn,
  #body #header1 #ico-msg {
    color: #bf142f;
    font-size: 25px;
    position: absolute;
    top: 0;
    right: 65px;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 25px;
    text-align: center;
  }
  #body #header1 #ico-msg {
    right: 120px;
  }
  #body #header1 #ico-msg .fa {
    vertical-align: top;
  }
  #body .proposer_deal {
    margin-left: 15px;
    width: calc(100% - 30px);
  }
  #body #menu2 {
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 30px) !important;
    height: auto;
  }
  #body #menu2 .header_in {
    padding: 10px;
    position: relative;
    transition: all 0.5s ease;
    /*&.active {
                    height: 113px;
                }*/
  }
  #body #menu2 .header_in .btn_menu2 {
    display: inline-block;
    padding-right: 0;
  }
  #body #menu2 .header_in .espace_header {
    height: auto !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    overflow: hidden;
    /*&:first-child {*/
    margin-left: 0 !important;
    width: 100% !important;
    text-align: center;
    /*> * {
                        width: 25%;
                    }*/
    /*}*/
  }
  #body #menu2 .header_in .espace_header > * {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 12px;
  }
  #body #menu2 .header_in .espace_header + .espace_header {
    display: none;
  }
  #body #menu2 .header_in #menu-deroulant {
    display: none;
  }
  #body .corps_gauche {
    /*> * {
                margin-bottom: 0 !important;
            }*/
  }
  #body .corps_droit {
    /*position: absolute;
            top: 0;
            bottom: 625px;
            right: 15px;
            left: 15px;
            background: @white;
            display: none;
            margin-left: 0;
            width: auto;*/
    margin-left: 0;
    /*&.active {
                display: block;
            }*/
  }
  #body .corps_droit .el_box_sujetsfav {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
  }
  #body .corps_droit .el_box_trophee .el_box_trophee2 {
    width: 100%;
  }
  #body .corps_droit iframe {
    width: 100%;
  }
  #body .corps {
    padding: 0 15px;
    display: block;
    height: auto;
  }
  #body .corps .corps_in {
    margin-bottom: 0;
    min-height: 0 !important;
  }
  #body .corps .corps_in .corps_gauche,
  #body .corps .corps_in .corps_droit {
    min-height: 0 !important;
  }
  #body .corps .fond_image {
    padding-left: 0;
  }
  #body .footer {
    height: auto;
    margin-left: 0;
    padding-left: 0;
  }
  #body .footer .footer_in {
    padding: 0;
  }
  #body .footer .footer_in > * {
    width: 33.333%;
    padding: 10px 15px;
  }
  #body .footer .footer_in > *:last-child {
    width: 100%;
    margin: 0 !important;
    padding: 10px 15px !important;
  }
  #body .footer .footer_in .el_footer1 {
    width: 100%;
  }
  #body .footer .footer_in .el_footer1 > * {
    width: 100% !important;
  }
  #body .contour_div_page {
    width: 100%;
    padding: 5px;
  }
  #body .contour_div_page > table {
    width: 100%;
  }
  #body .contour_div_page > table > tbody > tr > td {
    width: 100%;
    display: block;
  }
  #body .contour_div_page > table > tbody > tr > td:first-child,
  #body .contour_div_page > table > tbody > tr > td:last-child {
    display: none;
  }
  #body .contour_div_page > table > tbody > tr > td td:last-child {
    display: none;
  }
  #body .deal_select a img {
    width: 100%;
  }
  #body .bonplan {
    width: 100%;
    padding: 15px;
  }
  #body .bonplan.expire .footer_bp .open-plus {
    color: #8a8a8a;
  }
  #body .bonplan .bloc_titre_bp1 {
    width: 100%;
    height: auto;
    padding-left: 0;
  }
  #body .bonplan .bloc_titre_bp1 .titre_bp {
    width: calc(100% - 120px);
    height: auto;
  }
  #body .bonplan .bloc_titre_bp1 .titre_voir_bp {
    margin: 5px 0 20px;
    padding: 0;
    width: auto;
    height: auto;
  }
  #body .bonplan .corps_bp {
    width: 100%;
    position: relative;
    padding-left: 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    min-height: 0;
  }
  #body .bonplan .corps_bp .corps_votes1 {
    display: none;
  }
  #body .bonplan .corps_bp .desc_bp1 {
    width: calc(100% - 100px);
    margin-top: 10px;
    height: auto;
    padding-left: 0;
    min-height: 0 !important;
  }
  #body .bonplan .corps_bp .desc_bp1 .bp_membre1 {
    width: 100%;
    float: none;
  }
  #body .bonplan .corps_bp .desc_bp1 .bp_membre1 .infos_membres1 {
    width: calc(100% - 42px);
    height: auto;
    padding-top: 5px;
    padding-left: 10px;
  }
  #body .bonplan .corps_bp .desc_bp1 .bp_desc {
    display: none;
  }
  #body .bonplan .corps_bp .bloc_photo {
    bottom: 0;
    width: 100px;
    min-height: 0;
    height: auto;
    padding-bottom: 10px;
    margin-top: 0;
  }
  #body .bonplan .corps_bp .bloc_photo .photo1 {
    height: auto;
    width: 100%;
  }
  #body .bonplan .corps_bp .bloc_photo .prix {
    display: none;
  }
  #body .bonplan .corps_votes1 {
    padding: 0;
    min-height: 0;
    display: table;
    width: 50%;
    margin: 0px 0 10px 0;
    /*.bp_plus1 {
                    padding-top: 0;
                    height: 33px;
                }*/
    /*.bp_moins1 {
                    height: 33px;
                }*/
  }
  #body .bonplan .corps_votes1 > * {
    display: table-cell;
    vertical-align: middle;
    margin-right: 30px;
  }
  #body .bonplan .corps_votes1 .votes3 {
    height: auto;
  }
  #body .bonplan .prix {
    float: right;
    margin-top: 15px !important;
  }
  #body .bonplan .footer_bp {
    width: 100%;
    height: 25px;
    padding: 33px 0 5px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
  }
  #body .bonplan .footer_bp.active {
    height: 125px;
  }
  #body .bonplan .footer_bp .open-plus {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #2574a9;
    z-index: 1;
  }
  #body .bonplan .footer_bp .open-plus.active .fa-plus {
    display: none;
  }
  #body .bonplan .footer_bp .open-plus.active .fa-minus {
    display: inline-block;
  }
  #body .bonplan .footer_bp .open-plus .fa-plus {
    display: inline-block;
  }
  #body .bonplan .footer_bp .open-plus .fa-minus {
    display: none;
  }
  #body .bonplan .footer_bp > * {
    /*display: table-cell;
                    vertical-align: middle;*/
  }
  #body .bonplan .footer_bp .footer_bp_txt {
    width: 100% !important;
    height: auto;
    margin-top: 5px;
    padding: 0 10px;
  }
  #body .bonplan .footer_bp .footer_bp_txt > * {
    float: none !important;
    padding: 0;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 {
    margin-right: 0;
    padding: 0;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2:after {
    content: '';
    display: block;
    clear: both;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 > li {
    float: none;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 > li > a {
    display: none;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 > li > .sousMenu-deroulant2 {
    display: block;
    position: static;
    padding-top: 0;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 li.menu_liens {
    float: none;
    background-color: transparent;
    margin-right: 10px;
    width: 100%;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 li.menu_liens a {
    color: #dc3651;
    font-size: 11px;
    display: inline-block;
    padding: 5px !important;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 li.menu_liens a i {
    width: 11px;
    text-align: center;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 li.menu_liens a:hover,
  #body .bonplan .footer_bp .footer_bp_txt > *#menu-deroulant2 li.menu_liens a:focus {
    background-color: #f4c2ca;
    border-radius: 3px;
  }
  #body .bonplan .footer_bp .footer_bp_txt > *:last-child {
    margin-bottom: 5px;
  }
  #body .bonplan .footer_bp .footer_bp_txt .txt_footer {
    padding: 5px;
    display: inline-block;
  }
  #body .bonplan .footer_bp .footer_bp_txt .txt_footer i {
    width: 11px;
    text-align: center;
  }
  #body .bonplan .footer_bp .footer_bp_txt2 {
    padding: 0;
    margin: 5px 0 5px 8px;
    position: absolute;
    top: 5px;
  }
  #body .bonplan .footer_bp .footer_bp_txt2 + .footer_bp_txt2 {
    left: 80px;
  }
  #body .bonplan .footer_bp .footer_bp_com {
    position: absolute;
    left: 170px;
    top: 4px;
  }
  #body .bonplan .footer_bp .footer_bp_com .footer_bp_com2 {
    /*height: auto;
                        margin: 0;
                        margin-right: 10px;*/
  }
  #body .bonplan .footer_bp .footer_bp_com .footer_bp_com2 a.txt_bleu_s span:last-child {
    display: none;
  }
  #body .bonplan_detail {
    width: 100%;
    padding: 15px;
  }
  #body .bonplan_detail.expire .footer_bp_detail .open-plus {
    color: #8a8a8a;
  }
  #body .bonplan_detail .bloc_titre_bp {
    width: 100% !important;
    height: auto;
    padding-left: 0;
  }
  #body .bonplan_detail .bloc_titre_bp .titre_bp {
    width: calc(100% - 120px) !important;
    height: auto;
  }
  #body .bonplan_detail .bloc_titre_bp .titre_bp h1 {
    width: 100% !important;
  }
  #body .bonplan_detail .bloc_titre_bp .titre_voir_bp {
    margin: 5px 0 20px;
    padding: 0;
    width: auto;
    height: auto;
  }
  #body .bonplan_detail .corps_bp_detail {
    width: 100%;
    position: relative;
    padding-left: 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    min-height: 0;
  }
  #body .bonplan_detail .corps_bp_detail .bp_gauche {
    display: none;
  }
  #body .bonplan_detail .corps_bp_detail .desc_bp {
    width: calc(100% - 100px) !important;
    margin-top: 10px;
    height: auto;
    padding-left: 0;
    min-height: 0 !important;
  }
  #body .bonplan_detail .corps_bp_detail .desc_bp .bp_membre {
    width: 100% !important;
    float: none;
  }
  #body .bonplan_detail .corps_bp_detail .desc_bp .bp_membre .infos_membres {
    width: calc(100% - 42px);
    height: auto;
    padding-top: 0;
  }
  #body .bonplan_detail .corps_bp_detail .bloc_photo_detail {
    bottom: 0;
    width: 100px;
    min-height: 0;
    height: auto;
    padding-bottom: 10px;
    margin-top: 0;
  }
  #body .bonplan_detail .corps_bp_detail .bloc_photo_detail .photo_detail {
    height: auto;
    width: 100%;
  }
  #body .bonplan_detail .corps_bp_detail .bloc_photo_detail .voir_autre_retailer {
    width: auto;
  }
  #body .bonplan_detail .corps_votes1 {
    padding: 0 !important;
    min-height: 0;
    display: table;
    width: 50%;
    margin: 0px 0 10px 0;
    /*.bp_plus1 {
                    padding-top: 0;
                    height: 33px;
                }*/
    /*.bp_moins1 {
                    height: 33px;
                }*/
  }
  #body .bonplan_detail .corps_votes1 > * {
    display: table-cell;
    vertical-align: middle;
    margin-right: 30px;
  }
  #body .bonplan_detail .corps_votes1 .votes3 {
    height: auto;
  }
  #body .bonplan_detail .prix {
    float: right;
    margin-top: 15px !important;
  }
  #body .bonplan_detail .footer_bp_detail {
    width: 100%;
    height: 25px;
    padding: 33px 0 5px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
    margin: 0;
  }
  #body .bonplan_detail .footer_bp_detail.active {
    height: 125px;
  }
  #body .bonplan_detail .footer_bp_detail .open-plus {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #2574a9;
    z-index: 1;
  }
  #body .bonplan_detail .footer_bp_detail .open-plus.active .fa-plus {
    display: none;
  }
  #body .bonplan_detail .footer_bp_detail .open-plus.active .fa-minus {
    display: inline-block;
  }
  #body .bonplan_detail .footer_bp_detail .open-plus .fa-plus {
    display: inline-block;
  }
  #body .bonplan_detail .footer_bp_detail .open-plus .fa-minus {
    display: none;
  }
  #body .bonplan_detail .footer_bp_detail > * {
    /*display: table-cell;
                    vertical-align: middle;*/
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail {
    width: 100% !important;
    height: auto;
    margin-top: 5px;
    padding: 0 10px;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > * {
    float: none !important;
    padding: 0;
    /*&.txt_footer {
                            padding: 5px;
                        }*/
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *:empty {
    display: none;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *:last-child {
    margin-bottom: 10px;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 {
    margin-right: 0;
    padding: 0;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2:after {
    content: '';
    display: block;
    clear: both;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 > li {
    float: none;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 > li > a {
    display: none;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 > li > .sousMenu-deroulant2 {
    display: block;
    position: static;
    padding-top: 0;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 li.menu_liens {
    float: none;
    background-color: transparent;
    margin-right: 10px;
    width: 100%;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 li.menu_liens a {
    color: #dc3651;
    font-size: 11px;
    display: inline-block;
    padding: 5px !important;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 li.menu_liens a i {
    width: 11px;
    text-align: center;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 li.menu_liens a:hover,
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail > *#menu-deroulant2 li.menu_liens a:focus {
    background-color: #f4c2ca;
    border-radius: 3px;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail .txt_footer {
    padding: 5px;
    margin-top: 0 !important;
    display: inline-block;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail .txt_footer i {
    width: 11px;
    text-align: center;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail .barre_restock {
    height: auto;
    margin: 0 5px;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_txt_detail .barre_restock .alerte_retour_stock {
    display: inline-block;
  }
  #body .bonplan_detail .footer_bp_detail .footer_bp_soc {
    padding: 0;
    margin: 0 0 0 8px;
    position: absolute;
    top: 6px;
  }
  #body .bonplan_detail .bloc_livraison {
    margin: 0 0 15px;
    width: 100%;
  }
  #body #f_edit .bonplan_detail .bloc_titre_bp .titre_bp {
    width: 100% !important;
  }
  #body #f_edit .bonplan_detail .bloc_titre_bp .titre_bp .champ_profil {
    width: 100%;
  }
  #body #f_edit .bonplan_detail .bloc_titre_bp .titre_voir_bp {
    display: none;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail {
    width: 100% !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .desc_bp {
    width: 100% !important;
    padding-right: 0;
    margin-top: 0;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .desc_bp .champ_profil {
    width: 100% !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .desc_bp [name=c_prix] {
    width: 60px !important;
    margin-right: 10px;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .espace_header {
    width: 100% !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .espace_header + div .titre_profil2 + span {
    width: auto;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail #aff_aproximite > div {
    margin-bottom: 5px !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail #aff_aproximite .titre_profil2 {
    margin: 0 !important;
    padding-top: 0 !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail #aff_aproximite span + .titre_profil2 {
    width: auto !important;
    padding-top: 0 !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .titre_profil2,
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer3 {
    width: 100% !important;
    display: inline-block;
    margin-bottom: 10px;
    text-align: left !important;
    margin-left: 0 !important;
    height: 24px !important;
    padding-top: 10px !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .titre_profil2 + span,
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer3 + span {
    margin-left: 0 !important;
    margin-top: 4px;
    display: inline-block;
    width: 100%;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .titre_profil2 + span + span,
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer3 + span + span {
    margin-left: 20px !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 {
    width: 100%;
    display: inline-block;
    padding: 0;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 > * {
    vertical-align: top;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 + .el_proposer4 {
    padding-top: 0 !important;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 + .el_proposer4 + .el_proposer3 {
    width: auto !important;
    padding-top: 0 !important;
    margin-top: 0;
  }
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 .champ-proposer,
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 .champ-proposer4,
  #body #f_edit .bonplan_detail .corps_bp_detail .el_proposer4 .champ-proposer5 {
    width: 100%;
  }
  #body #f_edit .bonplan_detail .bloc_photo_detail {
    display: none;
  }
  #body .fond_com {
    width: 100% !important;
  }
  #body .fond_com .espace_header {
    height: auto !important;
  }
  #body .fond_com .el_com,
  #body .fond_com [class^=el_com] {
    width: 100% !important;
    /*.el_avatar_detail {
                    width: 65px !important;
                    height: 65px !important;
                    min-height: 65px;

                    .avatar_a,
                    .avatar_m,
                    .avatar_c,
                    .avatar_a_profil,
                    .avatar_m_profil,
                    .avatar_c_profil {
                        width: 65px;
                        height: 65px;
                        padding: 3px;
                        display: block;
                        overflow: hidden;
                        position: relative;

                        span {
                            display: inline-block;
                            vertical-align: middle;
                            overflow: hidden;
                            width: 100%;
                            height: 100%;
                            position: relative;
                        }

                        > img {
                            padding: 3px;
                        }

                        img {
                            margin-top: 0 !important;
                            height: auto;
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            left: 0;
                        }
                    }

                    !*.avatar_a,
                    .avatar_m,
                    .avatar_c {
                        padding: 0;
                    }*!

                    .avatar_a_profil {
                        span {
                            color: #c0dc5a !important;
                        }
                    }

                    .avatar_m_profil {
                        span {
                            color: #3ab2e5 !important;
                        }
                    }
                }*/
  }
  #body .fond_com .el_com .el_avatar_detail,
  #body .fond_com [class^=el_com] .el_avatar_detail {
    width: 65px !important;
    height: 65px !important;
    min-height: 65px;
    overflow: hidden;
  }
  #body .fond_com .el_com .el_avatar_detail .avatar_a,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a,
  #body .fond_com .el_com .el_avatar_detail .avatar_m,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m,
  #body .fond_com .el_com .el_avatar_detail .avatar_c,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c,
  #body .fond_com .el_com .el_avatar_detail .avatar_a_profil,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a_profil,
  #body .fond_com .el_com .el_avatar_detail .avatar_m_profil,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m_profil,
  #body .fond_com .el_com .el_avatar_detail .avatar_c_profil,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c_profil {
    width: 65px;
    height: 65px;
    display: block;
    padding: 3px;
  }
  #body .fond_com .el_com .el_avatar_detail .avatar_a img,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a img,
  #body .fond_com .el_com .el_avatar_detail .avatar_m img,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m img,
  #body .fond_com .el_com .el_avatar_detail .avatar_c img,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c img,
  #body .fond_com .el_com .el_avatar_detail .avatar_a_profil img,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a_profil img,
  #body .fond_com .el_com .el_avatar_detail .avatar_m_profil img,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m_profil img,
  #body .fond_com .el_com .el_avatar_detail .avatar_c_profil img,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c_profil img {
    height: auto;
    margin-top: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
  }
  #body .fond_com .el_com .el_avatar_detail .avatar_a span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a span,
  #body .fond_com .el_com .el_avatar_detail .avatar_m span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m span,
  #body .fond_com .el_com .el_avatar_detail .avatar_c span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c span,
  #body .fond_com .el_com .el_avatar_detail .avatar_a_profil span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a_profil span,
  #body .fond_com .el_com .el_avatar_detail .avatar_m_profil span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m_profil span,
  #body .fond_com .el_com .el_avatar_detail .avatar_c_profil span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c_profil span {
    display: block;
    width: 100%;
    height: 100%;
  }
  #body .fond_com .el_com .el_avatar_detail .avatar_c,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c,
  #body .fond_com .el_com .el_avatar_detail .avatar_c_profil,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_c_profil {
    background-color: #ffffff;
  }
  #body .fond_com .el_com .el_avatar_detail .avatar_a_profil span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_a_profil span {
    color: #c0dc5a !important;
  }
  #body .fond_com .el_com .el_avatar_detail .avatar_m_profil span,
  #body .fond_com [class^=el_com] .el_avatar_detail .avatar_m_profil span {
    color: #3ab2e5 !important;
  }
  #body .fond_com .el_com .commentaire_bp,
  #body .fond_com [class^=el_com] .commentaire_bp {
    width: calc(100% - 80px) !important;
    padding-bottom: 40px;
  }
  #body .fond_com .el_com .commentaire_bp .titre_bp,
  #body .fond_com [class^=el_com] .commentaire_bp .titre_bp {
    width: 100% !important;
    float: none;
  }
  #body .fond_com .el_com .commentaire_bp .espace_header,
  #body .fond_com [class^=el_com] .commentaire_bp .espace_header {
    width: 100% !important;
  }
  #body .fond_com .el_com .commentaire_bp .espace_header .titre_com,
  #body .fond_com [class^=el_com] .commentaire_bp .espace_header .titre_com {
    height: auto;
    width: 100% !important;
    padding-right: 30px;
  }
  #body .fond_com .el_com .commentaire_bp .espace_header .id_com,
  #body .fond_com [class^=el_com] .commentaire_bp .espace_header .id_com {
    position: absolute;
    right: 0;
    margin-right: 15px;
  }
  #body .fond_com .el_com .commentaire_bp .contenu_com,
  #body .fond_com [class^=el_com] .commentaire_bp .contenu_com {
    width: 100% !important;
  }
  #body .fond_com .el_com .commentaire_bp .contenu_com textarea,
  #body .fond_com [class^=el_com] .commentaire_bp .contenu_com textarea {
    width: 100% !important;
  }
  #body .fond_com .el_com .commentaire_bp .contenu_com blockquote,
  #body .fond_com [class^=el_com] .commentaire_bp .contenu_com blockquote {
    margin: 10px;
  }
  #body .fond_com .el_com .commentaire_bp .spacer_bp,
  #body .fond_com [class^=el_com] .commentaire_bp .spacer_bp {
    width: 100% !important;
  }
  #body .fond_com .el_com .commentaire_bp #c_com,
  #body .fond_com [class^=el_com] .commentaire_bp #c_com {
    width: 100%;
  }
  #body .fond_com .el_com .filet_com2,
  #body .fond_com [class^=el_com] .filet_com2 {
    width: 100% !important;
  }
  #body .fond_com .el_com .filet_com2 .options_com,
  #body .fond_com [class^=el_com] .filet_com2 .options_com {
    display: block !important;
    height: auto;
  }
  #body .fond_com .filet_com {
    width: 100%;
  }
  #body .fond_com .filet_com .espace_header {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #body .fond_com .nb_com {
    margin-bottom: 10px;
  }
  #body .fond_com .nb_com + .filet_com {
    margin-bottom: 0;
  }
  #body .fond_com .encart {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
  }
  #body .el_com_fond {
    width: 100%;
  }
  #body .el_com_fond .el_com {
    width: 100% !important;
    /*.el_avatar {
                    width: 65px !important;
                    height: 65px !important;
                    min-height: 65px;

                    .avatar_a,
                    .avatar_m,
                    .avatar_c,
                    .avatar_a_profil,
                    .avatar_m_profil,
                    .avatar_c_profil {
                        width: 65px;
                        height: 65px;
                        padding: 3px;
                        display: block;
                        overflow: hidden;
                        position: relative;

                        span {
                            display: inline-block;
                            vertical-align: middle;
                            overflow: hidden;
                            width: 100%;
                            height: 100%;
                            position: relative;
                        }

                        > img {
                            padding: 3px;
                        }

                        img {
                            margin-top: 0 !important;
                            height: auto;
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            left: 0;
                        }
                    }

                    !*.avatar_a,
                    .avatar_m,
                    .avatar_c {
                        padding: 0;
                    }*!

                    .avatar_a_profil {
                        span {
                            color: #c0dc5a !important;
                        }
                    }

                    .avatar_m_profil {
                        span {
                            color: #3ab2e5 !important;
                        }
                    }
                }*/
  }
  #body .el_com_fond .el_com .el_avatar {
    width: 65px !important;
    height: 65px !important;
    min-height: 65px;
    overflow: hidden;
  }
  #body .el_com_fond .el_com .el_avatar .avatar_a,
  #body .el_com_fond .el_com .el_avatar .avatar_m,
  #body .el_com_fond .el_com .el_avatar .avatar_c,
  #body .el_com_fond .el_com .el_avatar .avatar_a_profil,
  #body .el_com_fond .el_com .el_avatar .avatar_m_profil,
  #body .el_com_fond .el_com .el_avatar .avatar_c_profil {
    width: 65px;
    height: 65px;
    display: block;
    padding: 3px;
  }
  #body .el_com_fond .el_com .el_avatar .avatar_a img,
  #body .el_com_fond .el_com .el_avatar .avatar_m img,
  #body .el_com_fond .el_com .el_avatar .avatar_c img,
  #body .el_com_fond .el_com .el_avatar .avatar_a_profil img,
  #body .el_com_fond .el_com .el_avatar .avatar_m_profil img,
  #body .el_com_fond .el_com .el_avatar .avatar_c_profil img {
    height: auto;
    margin-top: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
  }
  #body .el_com_fond .el_com .el_avatar .avatar_a span,
  #body .el_com_fond .el_com .el_avatar .avatar_m span,
  #body .el_com_fond .el_com .el_avatar .avatar_c span,
  #body .el_com_fond .el_com .el_avatar .avatar_a_profil span,
  #body .el_com_fond .el_com .el_avatar .avatar_m_profil span,
  #body .el_com_fond .el_com .el_avatar .avatar_c_profil span {
    display: block;
    width: 100%;
    height: 100%;
  }
  #body .el_com_fond .el_com .el_avatar .avatar_c,
  #body .el_com_fond .el_com .el_avatar .avatar_c_profil {
    background-color: #ffffff;
  }
  #body .el_com_fond .el_com .el_avatar .avatar_a_profil span {
    color: #c0dc5a !important;
  }
  #body .el_com_fond .el_com .el_avatar .avatar_m_profil span {
    color: #3ab2e5 !important;
  }
  #body .el_com_fond .el_com .commentaire_bp {
    width: calc(100% - 80px) !important;
  }
  #body .el_com_fond .el_com .commentaire_bp .titre_bp {
    width: 100% !important;
    float: none;
  }
  #body .el_com_fond .el_com .commentaire_bp .espace_header {
    width: 100% !important;
  }
  #body .el_com_fond .el_com .commentaire_bp .espace_header .titre_com {
    height: auto;
    width: 100%;
  }
  #body .el_com_fond .el_com .commentaire_bp .contenu_com {
    width: 100% !important;
  }
  #body .el_com_fond .el_com .commentaire_bp .contenu_com blockquote {
    margin: 10px;
  }
  #body .el_com_fond .filet_com {
    width: 100%;
  }
  #body .header_proposer_deal {
    width: 100%;
  }
  #body .header_proposer_deal + .espace_header {
    width: 100% !important;
  }
  #body .fond_proposer_deal {
    width: 100%;
  }
  #body .fond_proposer_deal .proposer_deal_info {
    width: 100%;
    height: auto;
  }
  #body .fond_proposer_deal .proposer_deal_info:after {
    content: '';
    display: block;
    clear: both;
  }
  #body .fond_proposer_deal .proposer_deal_info .a_savoir,
  #body .fond_proposer_deal .proposer_deal_info .source,
  #body .fond_proposer_deal .proposer_deal_info .copier_coller {
    width: 100%;
    margin-left: 0;
  }
  #body .fond_proposer_deal .form_proposer:after {
    content: '';
    display: block;
    clear: both;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer3 {
    width: 100% !important;
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
    margin-left: 0 !important;
    height: 24px !important;
    padding-top: 10px !important;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer4 {
    width: 100%;
    display: inline-block;
    padding: 0 !important;
    margin-left: 0 !important;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer4 > * {
    vertical-align: top;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer4 + .el_proposer4 {
    padding-top: 0 !important;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer4 + .el_proposer4 + .el_proposer3 {
    width: auto !important;
    padding-top: 0 !important;
    margin-top: 0;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer4 .champ-proposer,
  #body .fond_proposer_deal .form_proposer .el_proposer4 .champ-proposer4,
  #body .fond_proposer_deal .form_proposer .el_proposer4 .champ-proposer5 {
    width: 100%;
  }
  #body .fond_proposer_deal .form_proposer .el_proposer {
    height: 0;
    padding: 0;
    margin: 0;
  }
  #body .fond_proposer_deal .form_proposer .txt_gris_s {
    width: 100% !important;
    padding: 0 !important;
  }
  #body .fond_proposer_deal .form_proposer .bp_mag {
    width: 100%;
    margin-left: 0;
    height: auto;
  }
  #body .fond_proposer_deal .form_proposer .bp_mag .el_proposer4 + .el_proposer3 {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #body .fond_proposer_deal .form_proposer .bp_mag .el_proposer5 {
    margin-top: 0;
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  #body .fond_proposer_deal .form_proposer .bp_mag .el_proposer6 {
    width: 100% !important;
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
  }
  #body .fond_proposer_deal .form_proposer .bp_mag .el_proposer6 .champ-proposer2 {
    width: 100%;
  }
  #body .fond_proposer_deal .form_proposer .espace_header {
    height: auto !important;
    padding: 0 10px 10px;
  }
  #body .fond_proposer_deal .form_proposer .espace_header > .espace_header {
    padding: 0;
  }
  #body .fond_inscription {
    width: 100%;
  }
  #body .fond_inscription .espace_header {
    width: 100% !important;
  }
  #body .fond_inscription .espace_header .titre_inscription {
    width: 100%;
    /* float: none; */
    display: inline-block;
    margin-bottom: 10px;
  }
  #body .fond_inscription .espace_header .titre_inscription + span {
    width: 100%;
    display: inline-block;
    margin-left: 0 !important;
  }
  #body .fond_inscription .espace_header .titre_inscription + span input {
    width: 100%;
  }
  #body .fond_inscription .espace_header .el_proposer2 {
    margin-bottom: 5px;
    padding: 0;
  }
  #body .timeline ul li {
    width: 100%;
    background: transparent;
    padding-top: 20px;
  }
  #body .timeline ul li:nth-child(odd) div,
  #body .timeline ul li:nth-child(even) div {
    left: 0;
    width: 100%;
  }
  #body .timeline ul li:after {
    display: none;
  }
  #body .cnc-workwithus .columnade3 {
    margin-left: 0;
  }
  #body .cnc-workwithus .sanspuce {
    padding: 0 40px;
  }
  #body .header_trophees {
    width: 100%;
  }
  #body .fond_trophees {
    width: 100%;
  }
  #body .fond_trophees table {
    width: 100%;
  }
  #body .fond_derniers_trophees .ligne_dernier_trophees {
    margin: 0;
    padding: 20px 15px 0;
  }
  #body .fond_derniers_trophees .cadre_dt {
    width: 100%;
  }
  #body .fond_derniers_trophees .cadre_dt > .cadre_image_tro,
  #body .fond_derniers_trophees .cadre_dt > .img_dt {
    width: 40%;
  }
  #body .fond_derniers_trophees .cadre_dt > .fa-angle-double-right {
    width: 20%;
  }
  #body .fond_derniers_trophees .texte_derniers_trophees {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  #body .header_forum {
    width: 100%;
    height: auto;
  }
  #body .header_forum h1 {
    margin-bottom: 0;
  }
  #body .header_forum .bg_header_forum {
    margin-bottom: 20px;
  }
  #body .header_forum .bg_header_forum input {
    height: auto;
  }
  #body .header_forum + form .espace_header {
    width: 100% !important;
  }
  #body .header_rubrique_forum {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
  }
  #body .contour_forum {
    width: 100%;
    padding: 0 15px 15px;
  }
  #body .contour_forum .espace_header {
    width: 100% !important;
  }
  #body .contour_forum .espace_header:first-of-type {
    display: none;
  }
  #body .contour_forum .espace_header .rubriques_forum {
    display: none;
    width: 100% !important;
  }
  #body .contour_forum .espace_header .rubriques_forum:nth-child(2) {
    display: block;
  }
  #body .rubriques_forum {
    width: 100% !important;
    padding: 15px !important;
  }
  #body .rubriques_forum .el_proposer {
    width: 100% !important;
    display: inline-block;
    text-align: left;
    height: auto !important;
  }
  #body .rubriques_forum .el_proposer2 {
    width: 100% !important;
    display: inline-block;
    padding: 0;
  }
  #body .rubriques_forum .el_proposer2 .champ-proposer,
  #body .rubriques_forum .el_proposer2 .champ-proposer4,
  #body .rubriques_forum .el_proposer2 .champ-proposer5,
  #body .rubriques_forum .el_proposer2 textarea {
    width: 100% !important;
  }
  #body .header_rubrique {
    width: 100%;
  }
  #body .header_rubrique .espace_header {
    width: auto !important;
  }
  #body .fond_rubrique {
    width: 100%;
    padding: 15px;
  }
  #body .fond_rubrique .espace_header {
    width: 100% !important;
  }
  #body .fond_rubrique .espace_header:first-of-type {
    display: none;
  }
  #body .fond_rubrique .espace_header .rubriques_forum {
    display: none;
    width: 100% !important;
  }
  #body .fond_rubrique .espace_header .rubriques_forum:nth-child(2) {
    display: block;
  }
  #body .retour_fav {
    width: 100%;
  }
  #body .header_topic {
    width: 100%;
  }
  #body .corps_topic {
    width: 100%;
  }
  #body .corps_topic .corps_topic2 {
    width: 100%;
  }
  #body .corps_topic .corps_topic2 .corps_gauche_topic {
    width: 65px;
  }
  #body .corps_topic .corps_topic2 .desc_topic {
    width: calc(100% - 65px) !important;
    padding-left: 15px;
  }
  #body .corps_topic .corps_topic2 .infos_membres {
    width: 100%;
  }
  #body .corps_topic .corps_topic2 .espace_header {
    width: 100% !important;
  }
  #body .corps_topic .footer_topic {
    width: calc(100% + 20px);
  }
  #body .corps_topic .footer_topic .footer_bp_txt {
    width: 100% !important;
    height: auto;
    padding: 10px 0;
  }
  #body .onglet > * {
    width: calc(100% / 3);
    display: table-cell;
    vertical-align: top;
  }
  #body .onglet > * > * {
    width: 100%;
    padding: 10px;
  }
  #body .mon_profil {
    width: 100%;
  }
  #body .mon_profil .cont_profil1 .el_profil2 {
    width: calc(100% - 112px);
  }
  #body .mon_profil .cont_profil1 .el_profil3 {
    width: 100%;
  }
  #body .mon_profil .corps_profil {
    width: 100%;
  }
  #body .mon_profil .corps_profil .el_com .commentaire_bp {
    width: 100% !important;
  }
  #body .mon_profil .corps_profil .el_com .commentaire_bp .contenu_com {
    width: 100% !important;
  }
  #body .mon_profil .corps_profil .el_com .commentaire_bp .contenu_com .espace_header {
    width: calc(100% - 40px) !important;
  }
  #body .mon_profil .corps_profil .el_com .commentaire_bp .contenu_com blockquote {
    margin: 10px;
  }
  #body .trophees2 {
    width: 100%;
  }
  #body .trophees2 .txt_forum {
    width: calc(100% - 74px) !important;
  }
  #body .trophees2 div:nth-child(2) span {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
  }
  #body .trophees2 div:nth-child(2) span:nth-child(even) {
    width: 35px !important;
    margin-bottom: 10px;
  }
  #body .trophees2 div:nth-child(2) span:nth-child(odd) {
    width: calc(100% - 35px) !important;
  }
  #body .trophees2 .espace_header {
    width: 100% !important;
  }
  #body .trophees2 .espace_header .bloc_trophees {
    width: 100%;
  }
  #body .parametres_profil {
    width: 100%;
    padding: 15px;
  }
  #body .parametres_profil .espace_header {
    width: 100% !important;
  }
  #body .parametres_profil .espace_header > div {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #body .parametres_profil .titre_profil {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
  }
  #body .parametres_profil .titre_profil + span {
    width: 100%;
    display: inline-block;
    margin-left: 0 !important;
  }
  #body .parametres_profil .titre_profil + span input.champ_profil {
    width: 100%;
  }
  #body .parametres_profil .txt_forum3 {
    width: 100% !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }
  #body .parametres_profil .txt_forum3 + span {
    text-align: left !important;
    margin: 0 !important;
  }
  #body .parametres_profil .el_proposer2 {
    margin-bottom: 10px;
  }
  #body .header_mp {
    width: 100%;
  }
  #body .fond_mp {
    width: 100%;
    padding: 15px;
  }
  #body .fond_mp > .espace_header {
    width: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }
  #body .fond_mp > .espace_header .espace_header {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #body .fond_mp > .espace_header .el_mp {
    width: calc(100% / 3);
    float: left;
    clear: none;
    height: auto;
    padding: 10px;
    border-radius: 0;
    /*&:first-child {
                        border-top-left-radius: 4px;
                        border-bottom-left-radius: 4px;
                    }

                    &:last-child {
                        border-top-right-radius: 4px;
                        border-bottom-right-radius: 4px;
                    }*/
  }
  #body .fond_mp form > .espace_header {
    width: 100% !important;
  }
  #body .fond_mp form > .espace_header > .espace_header {
    min-height: 30px !important;
  }
  #body .fond_mp form > .espace_header > .espace_header:nth-child(1) {
    width: 120px !important;
  }
  #body .fond_mp form > .espace_header > .espace_header:nth-child(2) {
    width: calc(100% - 180px) !important;
  }
  #body .fond_mp form > .espace_header > .espace_header:nth-child(3) {
    width: 60px !important;
  }
  #body .fond_mp form > .espace_header > .espace_header .pseudo {
    font-weight: bold;
  }
  #body .fond_mp #mp {
    padding: 15px;
  }
  #body .fond_mp #mp .espace_header {
    width: 100% !important;
  }
  #body .fond_mp #mp .espace_header .el_proposer {
    width: 100% !important;
    display: inline-block;
    text-align: left;
    height: auto !important;
    margin-bottom: 10px;
  }
  #body .fond_mp #mp .espace_header .el_proposer2 {
    width: 100% !important;
    display: inline-block;
    padding: 0;
  }
  #body .fond_mp #mp .espace_header .el_proposer2 .champ_profil,
  #body .fond_mp #mp .espace_header .el_proposer2 textarea {
    width: 100% !important;
  }
  #body .fond_mp #Rep_mp {
    float: left;
    width: 100%;
  }
  #body .fond_mp #Rep_mp textarea {
    margin-left: 0 !important;
    width: 100%;
  }
  #body .fond_mp #Rep_mp #envoyer {
    margin-left: 0 !important;
  }
}