/* Import Font-face Monoprix & Moi */
@import url("../../css/font.css");


/* Reset */

body {font-family: 'LFT Etica-Normal'; line-height: 1.4285em; color: rgba(0,0,0,.87) !important; font-size: 0.625em;}
strong {font-weight: bold;}
ul, ol , li {list-style-type: none;}
a, a:hover, a:focus, a:visited, button {text-decoration: none; outline: 0; box-shadow: none !important;}
img { border: 0 none; max-width: 100%; width: auto; vertical-align: middle; height: auto;}
.center {text-align: center !important;}
button {-webkit-appearance: none; cursor: pointer;}
html {scroll-behavior: smooth;}
*{
    box-sizing: border-box;
}
/*GEN*/
iframe {
    overflow-y: auto;
    overflow-x: hidden;
}

#main {
    display: block;
    padding: 0;
    margin: 0;
}
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
.center {
    text-align: center;
    padding: 0;
    margin: 0;
}

/* DEFAULT */
h5 {
    text-align: center;
    display: block;
    padding: .7em 0;
    font-size: 4.5em;
}

.contentListeMagasin {
    font-family: 'LFT Etica-Normal' !important;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.contentListeMagasin h2 {
    margin: 1.5em 0;
    display: block;
    font-size: 3.6em;
    color: #000;
    font-weight: bold;
    text-align: center;
}
.contentListeMagasin .accordion .accordion-header {
    font-size: 1.6em;
    padding: .5em;
    text-transform: uppercase;
    line-height: 1.2;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}
.contentListeMagasin .accordion input:checked ~ .accordion-header {
   
    color: rgba(0, 0,0, 1);
    position: relative;
    cursor: pointer;
}

.contentListeMagasin ul {
    display: flex; 
    flex-direction: column;
    margin: .5em .5em 1em .5em;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.contentListeMagasin ul li {
    display: block;
    margin: 0;
}
.contentListeMagasin ul li a {
    font-family: 'LFT Etica-Normal' !important;
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    color: #000;
    line-height: 1.3;
    background: transparent;
    text-transform: uppercase;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
    outline: 0 none;
    cursor: pointer;
    padding: .5em;
    border: 0;
}
.contentListeMagasin ul li a:hover,
.contentListeMagasin ul li a:focus,
.contentListeMagasin ul li a.active
 {
    text-decoration: none;
    background: rgba(86, 175, 89, .15);
    outline: 0 none;
    color: rgba(86, 175, 89, 1);
    border: 0;
}
.contentListeMagasin ul li a.active {
    font-weight: bold;
}
.contentListeMagasin ul li a.active.online {
    font-weight: normal;
    background: rgba(255, 235, 236, .1);
}
/* LISTE MAGASINS */
.list-mag {padding: 2em; background: #eee; overflow: hidden;}
.list-mag sub {display: block; font-size: 10px;}
.list-mag .header-list {background: #f9f9f9; display: block; overflow: hidden; padding: 0; margin-bottom: 2em; border: 0;}
.list-mag .header-list h3 {text-transform: uppercase; color: #5e5e5e; font-weight: normal; font-size: 2em;text-align: center; display: block; padding: .5em 0; margin: 0; line-height: 2em; border-bottom: 1px solid #c7c7c7; }
.list-mag .header-list h3 .periode {display: block; text-transform: lowercase; color: #000; font-size: 1.1em;}
.list-mag .header-list .collect {text-align: center; overflow: hidden; margin: 0; padding: .3em; }
.list-mag .header-list .collect li:first-child {margin-left: 0;}
.list-mag .header-list .collect li {display: inline-block; font-size: 13px; color: #7c7c7c; margin-left: 40px;}
.ico {display: inline-block; width: 10px; height: 10px; background: transparent; vertical-align: middle; padding: 0; margin: 2px;}
.ico.red {background: #d02e2e;}
.ico.purple {background: #803783;}
.ico.green {background: #56af59;}
.ico.black {background: #000;}
.ico.orange {background: #f98e2f;}
.list-mag .header-list .collect .ico {margin: 0 0 0 15px;}
.list-mag .panel:first-child { margin-left: 0;}
.list-mag .panel {float: left; width: 32%; min-height: 660px; margin-left: 1em; border: 1px solid #e1e1e1; background: #f9f9f9; margin-bottom: 1em;}
.list-mag .panel.arrond .ville {padding-left: 10px; width: 128px;}
.list-mag .panel h3 {font-weight: bold; background: #f9f9f9; text-align: center; margin: 0 0 10px 0; padding: .5em; border-bottom: 1px solid #e1e1e1; font-size: 15px; color: #5e5e5e;} 
.list-mag .panel h4 {text-align: left; margin: 0 20px; font-size: 1.5em; color: #000; line-height: 1.2em; font-weight: 400;} 
.list-mag .panel ul {overflow: hidden; padding: 0; margin: 0 20px 20px 20px;}
.list-mag .panel ul li {display: block; font-size: 1.3em; color: #7c7c7c; padding: 0; margin-bottom: 2px; min-height: 15px;}
.list-mag .panel ul li .ville {display: inline-block; width: 138px; overflow: hidden;}
.list-mag .panel ul li .ico-collect {float: right; margin: 0; padding: 0; text-align: left;}
.list-mag .panel ul li .place {font-size: .9em; display: block; font-style: italic; color: #666; margin-bottom: .5em}
#totop {
    background: rgba(165, 164, 169, .4);
    border: 1px solid #f1f1f1;
    top:20%;
    color: #fff;
    font-size: 1.3em;
    /* display: flex; */
    display: none !important;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 45px;
    z-index: 1000;
    cursor: pointer;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
#totop:hover,
#totop:focus {
    background: rgba(165, 164, 169, .8);
}
/* RESPONSIVE */

@media (max-width:1366px) {}

@media (max-width:1024px) {}

@media (max-width:980px) {
    .container {
        width: 100%;
    }
    .contentListeMagasin .column.col-3 {
        width: 100%;
    }
    .contentListeMagasin .column.col-3 .accordion {
        margin-right: 1.5em;
    }
}

@media (max-width:800px) {}

@media (max-width:768px) {}

@media (max-width:600px) {

}

@media (max-width:480px) {}

@media (max-width:375px) {}

@media (max-width:320px) {}