@media (min-width: 992px) {
    #header .header-top.fixed .mags-info {

    padding-top: 27px;
    padding-bottom: 27px;
    }

    #header .header-top.fixed .mags-info .dropdown-menu{
         top: 82px;
     }
}
#header .mags-info {
    float: right;
    position: relative;
    padding: 0;
    margin-bottom: 0;
    z-index: 1002 !important;
}
#header .mags-info .mags-info-title {
    text-decoration: none;
    padding: 0px;
    display: block;
    background:transparent;
    transition: none;
    padding-left: 0;
    width: auto;
    height: auto;
}
#header .mags-info .mags-info-title:hover ,
#header .mags-info.open .mags-info-title {
    color: #000;
    background-position:center -57px;

}
#header .mags-info .mags-info-title .account_text:after {
    font-family: "FontAwesome";
    content: "\F107";
    font-size: 16px;
    padding-left: 7px;
    display: none;
}
#header .mags-info.open .expand-more{
    color:#ff5a00;
}
#header .mags-info.open .mags-info-title .mags_text:after {
    font-family: "FontAwesome";
    content: "\F106";
    font-size: 16px;
    padding-left: 7px;
}
#header .mags-info .material-icons {
    display: none;
}
#header .mags-info .dropdown-menu {
    left: auto;
    right: 0;
    top: 38px;
    padding-bottom: 28px;
    padding: 30px 30px 80px !important;
}
.all_mags_li {
    position: absolute;
    color: white;
    margin-top: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

#header .mags-info  .all_mags_li a {
    color: #141e2d;
}
#header .mags-info  .all_mags_li a:hover {
    color: #E0B274;
}

#header .mags-info  .all_mags_li  .btn{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0;
    color: #fff;
}
@media (max-width: 991px) {
    #header .mags-info .dropdown-menu {
        right:-65px;
    }
    .all_mags_li {
        width: 100%;
    }
    #header .mags-info .mags-info-title {
        text-decoration: none;
        padding: 0px;
        display: block;
        background:url(./img/top-icon.png) no-repeat scroll left 3px transparent !important;
        padding-left:20px;
        transition: none;
        width: auto !important;
    }
    #header .mags-info .mags-info-title:hover ,
    #header .mags-info.open .mags-info-title {
        color: #000;
        background-position:left -50px !important;
    }
    #header .mags-info .mags-info-title {
        height: 25px;
        padding: 0px 0px 0px 20px;
        margin-left: 0px;
    }

    .drop-list-mag {
        -webkit-columns: 2 !important;
        -moz-columns: 2 !important;
        columns: 2 !important;
    }

    #header .mags-info {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #header .mags-info .dropdown-menu {
        top: 45px;
    }
}
@media (max-width: 480px) {
    .mags_text {
        font-size: 10px;
    }
}
.title .collapse-icons .remove {
    display: none;
}
.title[aria-expanded="true"] .collapse-icons .add {
    display: none;
}
.title[aria-expanded="true"] .collapse-icons .remove {
    display: block;
}
.title .navbar-toggler {
    display: inline-block;
    padding: 0;
    width: auto;
}
.title .navbar-toggler .fa-icon:before {
    font-size: 24px;
    line-height: 20px;
    color: #ff5a00;
}
#stores_first_col .title {
    color:#000000;
    background-color: #FFFFFF;
    padding-top:15px;
    padding-bottom: 15px;
    padding-left:15px;
    padding-right: 8px;
    position: relative;
    margin:2px;
    margin-bottom: 3px;
    /*border:1px solid black;*/
}
#stores_first_col .pull-xs-right {
    position: absolute;
    right:8px;
    top:50%;
    margin-top:-15px;
}

#stores_first_col .navbar-toggler {
    font-size:18px !important;
}

#stores_first_col {
    max-height: 450px;
    overflow: auto;
    background-color: black;
    padding-top: 1px;
    padding-bottom: 1px;
    scrollbar-color: #CCCCCC #F0F0F0;
}

#stores_first_col.idf {
    max-height: 2000px;
    text-align: center;
    padding-bottom: 10px;
}
.horaires_mags button,
.horaires_mags > h2 {
  width: 100%;
    text-align: center;
    border-top:4px solid black;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2rem;
    position: relative;
}
.horaires_mags {
    padding-left: 0px;
    padding-right: 0px;
}
.h2_mag {
    font-weight: bold !important;
    text-align: center;
    text-transform: uppercase;
    display:inline-block;
    width: 100%;
    color: black;
}
.horaires_mags td,
.horaires_mags th {
    color:black;
    text-transform: uppercase;
    font-weight: initial !important;
    text-align: center;
    font-size:0.99rem;
    border-top: none;
    line-height: 1rem;
}
.horaires_mags button:hover,
.horaires_mags button:focus,
.horaires_mags > h2:hover,
.horaires_mags > h2:focus
{
    border-top:4px solid black;
    color:#000;
    text-decoration: underline;
}
#mag_collapse
{
    border-top: 4px solid black;
    border-bottom: 4px solid black;
    margin-top:16px;
    margin-bottom:10px;
}
#mag_collapse h3 a {
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #000;
    display: inline-block;
    padding-top:6px;
    padding-bottom: 6px;
    position: relative;
}
#mag_collapse h5 {
    text-align: center;
    color:black;
    font-weight: bold;
    text-transform: uppercase;
}
#mag_collapse h3 a:hover,
#mag_collapse h3 a:focus
{
    color:#000;
    text-decoration: underline;
}
@media (min-width: 768px) {
    #mag_collapse
    {
        border-top:none;
        position: relative;
        padding-top: 45px;
    }
    #mag_collapse .collapsing {
        -webkit-transition-duration: .0s !important;
        -o-transition-duration: .0s !important;
        transition-duration: .0s !important;
    }
    #mag_collapse h3 a {
        webkit-transition: all 0.0s ease;
        -moz-transition: all 0.0s ease;
        -o-transition: all 0.0s ease;
        transition: all 0.0s ease;
    }
    #mag_collapse h3 {
        display: inline-block;
        width: 33.15%;
        position: absolute;
        top:0px;
    }
    #mag_collapse h3.one {
        left:0px;
    }
    #mag_collapse h3.two {
        left:33.15%;
    }
    #mag_collapse h3.three {
        left:66.30%;
    }


    .horaires_mags .collapse {
        display: block !important;
    }
    .horaires_mags .collapsing {
        -webkit-transition-duration: .0s !important;
        -o-transition-duration: .0s !important;
        transition-duration: .0s !important;
        height:auto !important;
    }
    .horaires_mags button:hover,
    .horaires_mags button:focus,
    .horaires_mags > h2:hover,
    .horaires_mags > h2:focus
    {
        cursor: initial;
        text-decoration: none;
    }
}
@media (max-width: 767px) {
    #header .header-nav .mags-info {
        text-align: left;
    }
    #stores_first_col {
        max-height: initial;
        overflow: initial;
    }
    .mag-detail {
        overflow-wrap: break-word;
        margin-right: 22px;
        display: inline-block;
    }
    .horaires_mags td,
    .horaires_mags th {
        width:100%;
        display: block;
    }
    .horaires_mags button[aria-expanded="true"]::after,
    .horaires_mags > h2[aria-expanded="true"]::after{
        content: "\f077";
        font-family: "FontAwesome";
        position: absolute;
        right:12px;
        top:6px;
    }
    .horaires_mags button[aria-expanded="false"]::after,
    .horaires_mags > h2[aria-expanded="false"]::after{
        content: "\f078";
        font-family: "FontAwesome";
        position: absolute;
        right:12px;
        top:6px;
    }
    #mag_collapse a[aria-expanded="true"]::after {
        content: "\f077";
        font-family: "FontAwesome";
        position: absolute;
        right:12px;
        top:6px;
    }
    #mag_collapse a[aria-expanded="false"]::after {
        content: "\f078";
        font-family: "FontAwesome";
        position: absolute;
        right:12px;
        top:6px;
    }
}
.store_address {
    padding-right: 10px;
    padding-left: 10px;
    padding-top:6px;
}
.block_content-mag {
    margin-top: -10px;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    background-color: #FFF;
    color: #000;
}
@media (min-width: 768px) {
    .block_content-mag {
        margin-left:2px;
        margin-right: 2px;
    }
}
.btn-see-mag {
    width:100%;
    padding-top:7px !important;
    padding-bottom: 7px !important;
}
.box_avis_magasin {
    border:2px solid #000;
    text-align: center;
    padding: 10px;
    color: black;
}
.box_avis_magasin .fa-star,
.box_avis_magasin .fa-star-o {
    margin-left:4px;
    margin-right:4px;
}
.avis_text {
    color: #000;
    text-align: center;
    padding: 6px;
    background: #ebebeb;
    font-size: 1em;
    margin:0px;
}
.avis_rating {
    font-size:16px;
    text-align: center;
}
/* Rounded center split and bottom rounded */
.ss-style-roundedsplit {
    padding-top:10px;
    padding-bottom:8px;
}

.avis_author {
    color:black;
    font-size:0.95em;
    text-align: center;
    margin:0px;
}

#survey_magasin {
    margin-bottom:20px;
    clear:both;

}
#survey_magasin .row {
    -moz-column-width: 19.2em;
    -webkit-column-width: 19.2em;
    -moz-column-gap: 1em;
    -webkit-column-gap:1em;
    column-gap:1em;
    column-width:19.2em;
    position: relative;
    /*width:100%;*/
}
#survey_magasin .row > div {
    display: inline-block;
    padding:  .70rem;
    width:  100%;
    column-break-inside: avoid;
    float: none;
}
#show_more_avis {
    text-align: center;
    padding:12px;
    margin-top:-15px;
    position: relative;
    margin-bottom:12px;
}
.new.name_mag {
    background: #ff5a00;
}
.name_mag a {
     color:#000000;
}
.name_mag a:focus {
    text-decoration: none;
}
#search_by_cp {
    margin-bottom:8px;
    text-align: center;
}
#search_by_cp .btn {
    background-color:white !important;
    border:1px solid #141E2D !important;
        padding: 7px 5px 6px 10px;
}
#search_by_cp #searchByCp .fa-lg {
    font-size: 1.33333333em !important;
    line-height: .75em !important;
}
.drop-list-mag {
    display:none;
    padding-top:0px !important;
}
.mags-info:hover .dropdown-menu {
    display: block;
}
.drop-list-mag li {
    min-width: 180px;
}
.drop-list-mag li a {
    padding-top:0px !important;
    padding-bottom:0px !important;
    color: #141E2D;
}
.drop-list-mag li a:hover {
    color: #E0B274;
}
.drop-list-mag div.h5 {
    top:4px;
    position: absolute;
}
.drop-list-mag {
    z-index: 1000 !important;
}
li.soon a {
    color:#ff5a00 !important;
    font-style: italic;
}
li.soon a:hover {
    color:#E0B274 !important;
}
.address-title {
    font-size:14px !important;
    font-weight: 400 !important;
}
.mag_block {
    color:#000;
}
.mag_block h1 {
    color:#000;
    font-size:1rem;
    line-height: 1;
    text-transform: inherit;
    font-weight: 400;
    display: inline;
}

.mag_block p.h1 {
    color:#000;
    font-size:1.6rem;
    line-height: 1.9rem;
    margin-bottom:14px;
    margin-top:15px;
}
.mag_block address {
    font-size:1.08rem;
}
.tiny-p {
    font-size:0.8rem;
    line-height: 1.35rem;
}
.over-map {
    margin-top:8px;
}
#module-divioseo_magasins-gallery table td {
    padding:6px;
    border-top: none !important;
}
.idf ._container {
    width:100%; max-width: 310px;
    display: inline-block !important;
    text-align: left;
    vertical-align: top;
}
.idf .block_title {
    height:126px !important;
}
@media (max-width: 991px) {
    .drop-list-mag li {
        min-width: 120px;
    }
}
#module-divioseo_magasins-all #searchByCp .icon-search::before,
#module-divioseo_magasins-idf #searchByCp .icon-search::before {
    background-image: url(../images/search.svg);
    content: " ";
    width: 35px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    color: white;
}

#accordion_tab-mags .tab-header {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    justify-content: space-around;
}

#accordion_tab-mags .tab-title {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    transition: border-color 0.3s;
    text-transform: uppercase;
}

#accordion_tab-mags .tab-title.active {
    border-bottom: 1px solid #141E2D;
    color: #141E2D;
}

#accordion_tab-mags .tab-content-container {
    width: 100%;
}

#accordion_tab-mags .tab-content {
    display: none;
    width: 100%;
}

#accordion_tab-mags .tab-content.active {
    display: block;
}

.skeepers_carousel_container {
    margin-top: 30px !important;
}