@charset "UTF-8";
@media all and (max-width:1630px)  {
    #block-2{
        left:inherit;
    }
    #block-1,
    #block-2{
        width: 100%;
    }
    #haut-gauche,
    #haut-droit,
    #bas-droit,
    #bas-gauche{
        width: 48%;
    }
}
@media all and (max-width:1380px)  {
    .stores-container-inner{
        flex-wrap: wrap;
        gap:0;
        justify-content: start;
        flex-direction: column;
    }
    .storelist-bloc{
        width:100%;
    }
    #haut-gauche .card,
    #haut-droit .card,
    #bas-droit .card,
    #bas-gauche .card{
        margin-left: 40px;
    }
}

@media all and (max-width:1300px) {



    .boxed-layout{
        width: 100%;
    }
    #block-usine {
        width: calc(100% - 60px);
        margin-left: 60px;
    }
}

@media all and (max-width:1300px) {
    #stores{
        width: 45%;
        min-width: 400px;
    }
    .leaflet-popup-content {
        width: 500px !important;

    }
    .popup-container {
        width: 500px;
        height: 214px;
    }
    .popup-img{
        width:208px;
        height: 214px;
    }
    .popup-content {
        padding-left: 15px;
        width: calc(100% - 208px);
        font-size: 17px;
    }
    .leaflet-popup {
        width: 500px;
    }
    .popup-container .name {
        font-size: 27px;
    }
    .popup-container .street, .popup-container .city {
        font-size: 17px;
    }
    .popup-rs img{
        height:30px;
    }
    .popup-content a.popup-button-go-map{
        height: 37px;
        font-size: 13px;
        width: 178px;
    }
    .result-rs img{
        height: 30px;
    }
    #search-results tr .button-go-map{
        font-size: 11px;
        margin-top:0;
    }

}
@media all and (max-width:1050px) {
    #haut-gauche .card,
    #haut-droit .card,
    #bas-droit .card,
    #bas-gauche .card{
        margin-left: 10px;
    }
    #pre-footer .boxed-layout {
        width: 100%;
    }
}
@media all and (max-width:1000px) {
    .brandshowcase-container h2{
        font-size: 60px;
    }
    #block-2 {
        display: block;
        width: 100%;
        margin: 0;
    }

    #haut-gauche {
        width: 100%;
        height: auto;
        display: flex ;
        flex-direction: column-reverse;
    }

    #haut-gauche .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    #haut-droit {
        width: 100%;
        height: auto;
        margin-top: 0;
        display: flex
    ;
        flex-direction: column-reverse;
    }

    #haut-droit .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    #bas-gauche {
        width: 100%;
        height: auto;
        margin: 0;
        display: flex
    ;
        flex-direction: column-reverse;
    }

    #bas-gauche .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    #bas-droit {
        width: 100%;
        height: auto;
        margin-top: 0;
        display: flex
    ;
        flex-direction: column-reverse;
    }

    #bas-droit .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    .boxed-layout { width: 100%; }

    #block-usine { width: 100%; height: auto; margin: 0 }

    #reassurance { display: flex; }
    .reassurance-item {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        text-align: center;
        font-size: 14px;
        margin: 20px 0 0 0;
        box-sizing: border-box;
        padding: 0 10px
    }
    #haut-gauche .card{
        padding:20px 30px;
    }
    #haut-droit .card{
        padding:20px 30px;
    }
    #bas-gauche .card{
        padding:20px 30px;
    }
    #bas-droit .card{
        padding:20px 30px;
    }
    #block-1 {
        display: block;
        width: 100%;
    }
    .space { height: 20px }
    #search {
        margin-top: 20px; margin-bottom: 20px
    }
    #map {
        flex-wrap: wrap;
        height: auto;
        background: #e3f1e8;
    }
    #stores{
        width: 100%; overflow-y: auto;min-width: inherit;height:420px;
    }
    #map-container {
        width: 100%;
        height: 400px;
        box-sizing: border-box;
        margin: 10px auto 0 auto;
        background: #e3f1e8;
    }
}
@media all and (max-width:920px)  {

    .reassurance-item {
        font-size: 11px;
    }

}
@media all and (max-width:800px)  {
    #store-container-mobile{
        display:flex;
    }
    .storelist-bloc {
        width: 50%;
    }
    .brandshowcase-container h2{
        font-size: 24px;
    }
    .desktop { display: none}
    .handheld { display: block}



    .bg-text { display: none }

    #geoloc-icon {
        width: 20px;
        right: 25px;
        top: 24px;
    }
    header{
        height:80px;
    }
    h1 {
        font-size: 10pt;
    }
    #top img {
        width: 125px;
    }
    #txt-slider {
       left:10px;
    }



    #autocomplete::placeholder {
        font-size: 20px;
    }

    .txt{
        font-size: 16px;
    }
    .title-home-slider { font-size: 30px; }

    .subtitle-home-slider { font-size: 30px; }
    
    .flex-control-nav{ bottom: 10px; }
    
    .cta-home-slider { display: none; }
    .flex-direction-nav {
        display: none;
    }
    #txt-slider{
        width:inherit;
    }



    .popup-img {
        width: 100px;
        height: 107px;
    }
    .popup-container{
        height: 107px;
        width:247px;
    }
    .leaflet-popup-content{
        width:247px!important;
    }
    .leaflet-popup{
        width:247px!important;
    }
    .popup-container .name{
        font-size:10pt;
        line-height: 10pt;
    }
    .leaflet-container a.leaflet-popup-close-button{
        font-size: 15px;
    }
    .popup-container .street, .popup-container .city {
        font-size: 7pt;
    }
    .popup-content {
        padding-left: 8px;
        width: calc(100% - 100px);
        box-sizing: border-box;
        padding-top: 6px;
        font-size: 7pt;
        line-height: 8pt;
    }
    .popup-content a{
        font-size: 7pt;
    }
    .popup-content a.popup-button-go-map {
        background-color: #9C4B1C;
        padding: 6px;
        margin-top: 10px;
        right: 5px;
        bottom: 5px;
        font-size: 5pt;
        width: 91px;
        height: 17px;
    }
    .popup-rs img{
        height:15px;
    }
    .popup-rs {
        margin-top: 4px;
    }
    .stores-container{
        padding: 0;
    }
    .infos-container h2{
        font-size: 23pt;
    }
    .sur-titre {
        font-size: 14pt;
    }
    .txt {
        font-size: 15px;
        line-height: 19px;
    }
    .storelist-container h2 {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .info-find-store-btn{
        margin-top:0;
    }

    .reassurance-item{
        font-size: 11px;
    }
    #pre-footer{
        margin-top:0;
    }
    #store-container-desktop{
        display:none;
    }
}

/* ==============================================================================
 * #### GEOLOC ####
 * ==============================================================================*/

@media screen and (max-width: 1023px) {

    .container-result-name{ width: 100% }
}
@media screen and (max-width: 780px) {


    #search-results tr .button-go-map{
        margin-top:0;
    }
    .container-result-name{
        margin-left: 5px;
    }
    .infos-container h2 {
        margin: 20px 0;
    }
    .store-item{
        min-width: inherit;
    }
    .storelist-container {
        padding: 10px 16px 40px 16px;
    }

}


@media screen and (max-width: 600px) {
    #reassurance{
        flex-wrap: wrap;
    }
    .reassurance-item{
        width: 50%;
    }
    #pre-footer{
        height: 270px;
    }
    #reassurance .icon{
        width: 50px;
        height: 50px;
        margin: 0 auto 10px auto;
    }
    .reassurance-item{
        margin-top:0;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 496px) {
    .display-none-mobile{
        display: none;
    }
    .display-none-desktop{
        display: block;
    }
    #search label{
        font-size: 14px;
    }
    #search input{
        height: 22px;
        background-size: 15px 15px;
    }
    #search input::placeholder{
        font-size: 11px;
    }
    .container-result-img {
        width: 85px;
    }
    .container-result-img img{
        width: 85px;
    }
    .container-result-name{
        font-size:10px;
        width: calc(100% - 85px);
    }
    .result-rs img{
        height:20px;
    }
    .result-links{
        margin-top:7px;
    }
    .result-name{
        align-items: center;
        font-size: 12px;
    }
    .result-marker{
        height: 14px;
        width: 14px;
        background-size: 14px;
    }
    #search-results tr .button-go-map {
        padding: 5px 4px;
        font-size: 9px;
    }
    #stores{
        height: 283px;
    }
    #map-container{
        height: 210px;
    }
    .stores-container {
        gap: 14px;
    }
    .store-name {
        font-size: 12px;
    }
    .store-address, .store-phone {
        font-size: 10px;
    }
    .sur-titre {
        font-size: 9pt;
    }
    .txt {
        font-size: 11px;
        line-height: 14px;
    }
    .info-find-store-btn {
        padding: 14px 21px;
        font-size: 20px;
    }
    .space {
        height: 26px;
    }
    .brandshowcase-container h2 {
        font-size: 30px;
        margin-top: 31px;
    }
    .block-usine-img{
        height: 282px;
        background-position: center;
        background-size: cover;
    }
    #usine{
        display:none;
    }
    #block-usine {
        padding: 17px 27px 17px 27px;
        box-sizing: border-box;
    }
    #block-usine .txt {
        font-size: 12px;
        line-height: 16px;
    }
    .sur-titre{
        margin-bottom: 7px;
    }
    footer {
        padding: 11px 0 7px 0;
    }
    #logo-footer {
        display: block;
        width: 90px;
    }
    #top{
        margin-top:14px;
    }
    h1{
        margin: 9px auto 10px auto;
    }
    header {
        height: auto;
    }
    #geoloc-icon {
        width: 33px;
        right: 25px;
        top: 4px;
    }
}