
.btn-radius{
    border-radius:20px;
}

.input-group-sm>.btn{
    border-radius:0;
   
}
.cart_add_container i{
 font-size:16px !important;
}

p {
    text-align: justify;
}
.title-border {
    position      : relative;
    display       : inline-block;
    color         : var(--color-1-alt);
    padding-bottom: 1rem;
}
.title-border:after {
    content   : "";
    position  : absolute;
    bottom    : 0;
    left      : 50%;
    transform : translateX(-50%);
    width     : 50%;
    height    : 2px;
    background: var(--color-1-alt);
}
.btn-circle {
    width           : 30px;
    height          : 30px;
    padding         : 6px 0;
    border-radius   : 15px;
    text-align      : center;
    font-size       : 12px;
    line-height     : 1.42857;
    background-color: var(--bg-light);
    color           : #000;
}
/* ul.list-inline{
    color:var(--color-1);
} */
.fond-block-l,
.fond-block-r {
    position: relative;
}
.fond-block-r::before {
    content   : '';
    position  : absolute;
    width     : 100%;
    top       : 0;
    right     : 0;
    height    : 100%;
    background: var(--bg-light);
    z-index   : -1;
}
.fond-block-l::before {
    content   : '';
    position  : absolute;
    width     : 100%;
    top       : 0;
    left      : 0;
    height    : 100%;
    background: var(--bg-light);
    z-index   : -1;
}
.btn-action {
    background-color: transparent;
    color           : var(--black) !important;
    white-space     : nowrap;
}
/*-----------------------couleur filtre the--------------------------*/
.color-the-1 {
    background: #F9F3E3;
    border    : 1px solid #000;
}
.color-the-2 {
    background: #DDE2C2;
    border    : 1px solid #000;
}
.color-the-3 {
    background: #2c5da2b8;
    border    : 1px solid #000;
}
.color-the-4 {
    background: #C2BAB7;
    border    : 1px solid #000;
}
.color-the-5 {
    background: #c03824e0;
    border    : 1px solid #000;
}
/* i {
     font-size: 18px;
 } */
/*-----------------------fidelite--------------------------*/
.fidelite i {
    color: var(--color-1);
}

.fidelite10 img{
width:100%;
}
@media(max-width:578px){
   .fidelite10 img{
max-width:150px;
} 
}
.menu-bottom button {
    border    : none;
    background: transparent;
}
.accueil-shop-title {
    font-size     : 25px;
    font-weight   : 600;
    text-transform: uppercase;
}
.fidelite-product img {
    max-width: 135px;
}
.shops-detail h1 {
    font-size     : 36px;
    padding-bottom: 8px;
}
.shops-detail .content-header {
    padding-top: 32px;
}
/*-----------------------hummmm ???--------------------------*/
/*Pagenav*/
.page-link {
    list-shortcuts background-color: #fff;
    border-color                   : #ccced0;
    border-radius                  : 0 !important;
    color                          : #000;
}
.page-item.active .page-link {
    background-color: var(--color-1);
    border-color    : var(--color-1);
}
.page-link:hover {
    background-color: #c50067;
    border-color    : #c50067;
    color           : #ffffff;
}
.page-link a:active,
.page-link a:hover {
    color: #ffffff;
}
/*Pages*/
.pages-header {
    background-color: #c50067;
    color           : #ffffff;
}
.list-shortcuts {
    margin: 1.5rem 0;
}
.list-shortcuts > li:hover {
    font-weight: bold;
}
.list-shortcuts li {
    background-color: #fff;
    padding         : 5px 10px;
    margin-top      : 10px;
    box-shadow      : var(--shadow-1);
}
.list-shortcuts li a {
    color: #000;
}
.list-shortcuts li a i {
    color       : #c50067;
    margin-right: 7px;
}
.modules-blogs .menu-top {
    background: var(--bg-light-2);
}
.modules-blogs footer .bottom-bar {
    background-color: #c47e31;
    color           : #ffffff;
}
.modules-blogs footer {
    color: #ffffff;
}
.modules-blogs .footer {
    border-top: 1px solid #c47e31;
}
.modules-blogs ul.social li a {
    color : #c47e31;
    border: 2px solid #c47e31;
}
.modules-blogs ul.social li a:hover {
    color: #fff;
}
.modules-blogs .btn-2:hover {
    background-color: #c47e31 !important;
}
.modules-blogs .btn-1 {
    background-color: #c47e31;
}
.modules-blogs .btn-1:focus {
    box-shadow: 0 0 0 0.25rem rgb(194 126 57 / 31%);
}
.modules-blogs .btn-more {
    background-color: #c47e31;
}
ul.list {
    margin          : 0;
    padding         : 0;
    list-style      : none;
    background-color: #fff;
}
ul.list li a::before {
    display      : inline-block;
    position     : absolute;
    width        : 0;
    height       : 0;
    margin       : 0.6rem 0 0 -1rem;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left  : 4px solid #333;
    content      : '';
}
ul.list li a {
    display      : block;
    position     : relative;
    padding      : 0.4rem 0 0.4rem 2rem;
    border-bottom: 1px solid #EDEDDE;
    color        : #7a7d82;
}
.content a:not(.btn) {
    display        : inline;
    padding        : 0;
    border         : none;
    color          : var(--color-1-alt);
    text-decoration: underline;
}
.content a:before {
    content: none !important;
}
.producteur-container h3 {
    line-height: 31px;
}
ul.list li.active {
    font-weight: 600;
}
/***** Shops *****/
.bloc-filter .title {
    font-weight  : bold;
    margin-bottom: 5px;
}
.bloc-filter .radio label {
    margin-bottom: 0;
}
.bloc-filter .filter-list ul {
    margin-left: 10px;
}
.bloc-filter .filter-list .radio li {
    margin-bottom: 0;
}
.bloc-filter .filter-list span.btn {
    background: transparent;
    border    : none;
}
.bloc-filter .filter-list span.btn:after {
    content    : "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-left: 7px;
}
.bloc-filter .filter-list span.btn:hover {
    background: #fff;
}
.bloc-categories .list {
    background: transparent;
}
.bloc-categories .list li a {
    border-bottom: 1px solid #dbdbdb;
    padding-right: 28px;
}
.shops .topbar .form-control {
    border: none !important;
}
.sidebar-wrapper {
    max-width   : 400px;
    margin-left : auto;
    margin-right: auto;
}
.sidebar-wrapper .advertisings-widgets {
    box-shadow: var(--shadow-1);
}
.shops .sidebar-wrapper article .card {
    max-width   : 400px;
    margin-left : auto;
    margin-right: auto;
}
.shops .sidebar-wrapper .blogs-widgets .content {
    font-size: 14px;
}
.header-custom-shop .custom-img .card-img-top {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}
/*-----------------------MODAL FILTRE DES PRODUIS--------------------------*/
.radio-toolbar .modal-header {
    display         : flex;
    justify-content : space-between;
    background-color: var(--color-3);
    color           : #fff;
    border-radius   : 0;
}
.radio-toolbar .modal-header button {
    color: #fff;
}
.radio-toolbar .modal-content {
    border-radius: 0;
    border       : none;
}
.modal_shops_attributs .bloc-filter .filter-list ul {
    margin-left: 0 !important;
}
.modal_shops_attributs .modal-body ul {
    margin-left: 2px !important;
}
.modal_shops_attributs .modal-body li {
    margin-bottom: 0 !important;
}
.modal_shops_attributs .modal-body {
    padding: 4px;
}
.modal_shops_attributs figure {
    position: relative;
    margin  : 0;
}
.modal_shops_attributs figcaption {
    position  : absolute;
    bottom    : 0;
    text-align: center;
    width     : 100%;
    font-size : 12px;
    color     : #fff;
    background: #393636;
    padding   : 3px 1px;
}
.modal_shops_attributs .shopFilterAttributes-4 figcaption {
    padding: 2px 6px;
}
.modal_shops_attributs .shopFilterAttributes-18 figcaption {
    position  : relative;
    margin-top: -23px;
    text-align: center;
    width     : 100%;
    font-size : 12px;
    color     : #fff;
    background: #393636;
    padding   : 3px 6px;
}
.radio-toolbar .radio-modal {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
}
.radio-toolbar input[type="checkbox"] {
    opacity : 0;
    position: fixed;
    width   : 0;
}
.radio-toolbar label {
    transition: 0.3s;
    margin    : 3px;
    border    : 2px solid #fff;
}
.radio-toolbar input[type="checkbox"]:checked+label {
    border: 2px solid var(--color-1);
}
.radio-toolbar .shopFilterAttributes-2 .radio-modal img {
    width: 120px;
}
.radio-toolbar .shopFilterAttributes-22 .radio-modal img {
    width: 120px;
}
.radio-toolbar .shopFilterAttributes-4 .radio-modal img {
    width: 90px;
}
.radio-toolbar .shopFilterAttributes-4 input[type="checkbox"]:checked+label {
    border: 2px solid var(--color-1);
}
.radio-toolbar .shopFilterAttributes-6 .radio-modal img {
    width: 85px;
}
.radio-toolbar .shopFilterAttributes-6 figcaption {
    display: none;
}
.radio-toolbar .shopFilterAttributes-7 .radio-modal img {
    width: 110px;
}
.radio-toolbar .shopFilterAttributes-21 .radio-modal svg {
    width: 90px;
}
.radio-toolbar .shopFilterAttributes-21 figcaption {
    bottom: -13px;
}
.radio-toolbar .shopFilterAttributes-3 .list {
    margin          : 0;
    padding         : 0;
    list-style      : none;
    background-color: #fff;
    max-height      : 400px;
    overflow        : auto;
}
.radio-toolbar .shopFilterAttributes-3 .list li {
    display   : block;
    position  : relative;
    margin    : 0;
    padding   : 0;
    text-align: left;
}
.radio-toolbar .shopFilterAttributes-3 .list li.active {
    font-weight: 600;
}
.radio-toolbar .shopFilterAttributes-3 .list li.active label {
    color: #21293c;
}
.radio-toolbar .shopFilterAttributes-3 .list li label {
    display : block;
    position: relative;
    padding : 0.1rem 0 0.1rem 2rem;
    color   : #7a7d82;
}
.radio-toolbar .shopFilterAttributes-3 .list li label::before {
    display      : inline-block;
    position     : absolute;
    width        : 0;
    height       : 0;
    margin       : 0.6rem 0 0 -1rem;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left  : 4px solid #333;
    content      : '';
}
#shops_modal_map {
    height    : 100%;
    max-height: 400px;
}
.list li label:hover,
.radio-toolbar .shopFilterAttributes-3 .list li label:focus {
    background-color: #eee;
    text-decoration : none;
}
.radio-toolbar .shopFilterAttributes-3 input[type="radio"] {
    opacity : 0;
    position: fixed;
    width   : 0;
}
.radio-toolbar .shopFilterAttributes-3 input[type="radio"]:checked+label {
    border: 2px solid var(--color-1);
}
.radio-toolbar .shopFilterBadges .radio-modal img {
    width : 110px;
    height: 110px;
}
.radio-toolbar .shopFilterManufacturers .radio-modal img {
    width : 110px;
    height: 110px;
}
.filterSend > li {
    margin-left: 10px;
}
.shopFilterAttributes-4 figcaption {
    position  : relative;
    margin-top: -28px;
}
/***** Modules *****/
.widget-top-icon {
    position: absolute;
    top     : 0;
    right   : 0;
    margin  : 5px;
    z-index : 50;
}
.widget-top-icon .btn-circle {
    width : 35px;
    height: 35px;
}
.widget-top-icon i {
    font-size: 20px;
}
.blogs_footer .card-body,
.receipts_footer .card-body {
    padding: 1rem;
}
.blogs_footer .card-title,
.receipts_footer .card-title {
    font-size  : 16px;
    line-height: 1.6;
}
.account .advertisings-widgets,
.shops .advertisings-widgets {
    height : 100%;
    padding: 0;
}
.account .list-group-item.active {
    z-index         : 2;
    color           : #fff;
    background-color: var(--color-1);
    border-color    : var(--color-1);
}
@media(min-width:992px) {
    .shops-categories .filter-list > li {
        margin-right: 0 !important;
    }
    #attributsModal_2 .modal-dialog {
        max-width: 922px;
    }
}
.bloc-filter .filter-list .btn {
    padding  : 0.375rem 0.69rem !important;
    font-size: 15px;
}
@media(max-width:992px) {
    .radio-toolbar .shopFilterAttributes-2 .radio-modal img,
    .radio-toolbar .shopFilterAttributes-7 .radio-modal img,
    .radio-toolbar .shopFilterAttributes-9 .radio-modal img {
        width: 124px;
    }
    .modal_shops_attributs figcaption {
        bottom     : 0;
        padding    : 2px 7px;
        line-height: 12px;
    }
    .sidebar-wrapper {
        display: none;
    }
}
@media(min-width:768px) {
    .shops-categories .filter-list > li {
        margin-right: 0;
    }
}
@media(max-width:768px) {
    .radio-toolbar .shopFilterAttributes-3 .list {
        max-height: calc(100vh - 308px);
        overflow  : auto;
    }
    #shops_modal_map {
        box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.3);
        height    : 200px;
    }
    .fidelite .fa-star {
        display: none;
    }
    .filter-list > li {
        margin-right: 0;
    }
    @media(max-width:767px) {
        .badge-fidelite-accueil {
            max-width: 170px;
        }
    }
    .modal_shops_attributs .shopFilterAttributes-2 figcaption,
    .modal_shops_attributs .shopFilterAttributes-22 figcaption {
        padding: 4px 1px;
    }
}
@media (max-width:476px) {
    .modal_shops_attributs figcaption {
        bottom: -2px;
    }
    .radio-toolbar .shopFilterAttributes-4 .radio-modal img {
        width: 124px;
    }
    .bloc-filter .filter-list .btn {
        padding: 0.375rem 0.4rem !important;
    }
}
.shops-detail .no-gutters {
    margin-right   : 0;
    margin-left    : 0;
    background     : #f0f0ff;
    padding        : 10px;
    display        : flex;
    justify-content: center;
}
.no-gutters h3 {
    padding-top   : 5px;
    margin-bottom : 0;
    padding-bottom: 5px;
}
@media(max-width:769px) {
    .shops-detail .no-gutters {
        margin-top: 16px !important;
    }
}
.modal_shops_attributs .modal-content {
    width : auto;
    margin: auto;
}
#attributsModal_3 .modal-content {
    min-width: 100%;
}
.modal_shops_attributs .modal-title {
    padding-top  : 3px;
    padding-right: 1rem;
}
.md-accordion li div h3 i {
    position: absolute;
    right   : 22px;
}
.histoire_encadre .footer-page-text {
    background: #222 !important;
    color     : white !important;
    margin    : 0;
}
.footer-other a {
    width: 200px;
}
.modules-groups .no-gutters .social a:hover {
    background: var(--color-1);
}
.note_produit {
    margin-top    : 1rem !important;
    flex-direction: row;
    display       : flex;
    flex-wrap     : wrap;
    /* justify-content: center; */
}
.note_produit figure {
    margin  : 0;
    position: relative;
}
.note_produit img {
    width: 117px;
}
.note_produit figcaption {
    position  : absolute;
    bottom    : 0;
    text-align: center;
    width     : 100%;
    font-size : 12px;
    color     : #fff;
    background: #393636;
    padding   : 2px 1px;
}
#scroll-top {
    display        : none;
    position       : fixed;
    right          : 20px;
    bottom         : 80px;
    width          : 30px;
    height         : 30px;
    box-shadow     : var(--shadow-1);
    z-index        : 600;
    justify-content: center;
    align-items    : center;
    padding        : 1.5rem;
    background     : white;
    border-radius  : 5px;
}
#scroll-top i {
    font-size: 33px;
    color    : var(--color-1);
    padding  : 0.5rem;
}
#scroll-top.visible {
    display: flex;
}
.description a {
    color: var(--color-1) !important;
}
.shopFilterAttributes-11 figcaption {
    display: none;
}
.shopFilterAttributes-11 label {
    margin: 0;
}
.shopFilterAttributes-11 {
    padding: 0 0.5rem !important;
}
.badges-list-img .list-inline-item img {
    width: 40px;
}
.shops-categories .card .badges-list-img {
    left: 5px;
}
.blogs-detail .content ul {
    list-style  : unset;
    padding-left: 17px;
}
.blogs-detail .card-body h1 {
    color      : #000;
    font-family: 'Playfair Display', serif;
    font-size  : 40px;
    font-weight: 500;
}
.modules-blogs .blogs-detail .content-datas h2 {
    font-family: 'Playfair Display', serif;
    font-size  : 30px;
    margin-top : 2rem;
    color      : #000;
}
.modules-blogs .blogs-detail .content-datas h3 {
    font-size     : 18px;
    margin        : 1.5rem 0 1rem;
    font-weight   : 700;
    text-transform: uppercase;
    padding-left  : 11px;
    border-left   : 21px solid var(--color-1);
}
.blogs-detail .card-title a {
    font-size      : 16px;
    text-decoration: none;
    color          : black;
}
/*-----------------------TIME LINE--------------------------*/
.timeline .timeline-title {
    font-weight       : 800;
    font-size         : 34px;
    margin            : 0 0 30px;
    opacity           : 0;
    -webkit-transform : translate3d(20px, 0, 0);
    transform         : translate3d(20px, 0, 0);
    -webkit-transition: 0.2s ease 0.5s;
    transition        : 0.2s ease 0.5s;
}
.timeline .timeline-year {
    display           : block;
    font-style        : italic;
    font-size         : 42px;
    margin-bottom     : 50px;
    -webkit-transform : translate3d(20px, 0, 0);
    transform         : translate3d(20px, 0, 0);
    color             : #d4a024;
    font-weight       : 300;
    opacity           : 0;
    -webkit-transition: 0.2s ease 0.4s;
    transition        : 0.2s ease 0.4s;
}
.timeline .container {
    display              : -webkit-box;
    display              : flex;
    -webkit-box-pack     : center;
    justify-content      : center;
    -webkit-box-align    : center;
    align-items          : center;
    background-color     : #fff;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    flex-direction       : column;
}
.title {
    font-size  : 38px;
    color      : #616161;
    font-style : italic;
    font-weight: 800;
}
.timeline {
    width           : 100%;
    background-color: #fff;
    box-shadow      : 0 5px 25px 5px rgba(0, 0, 0, 0.2);
}
.timeline .swiper-container {
    height  : 600px;
    width   : 100%;
    position: relative;
}
.timeline .swiper-wrapper {
    -webkit-transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
    transition        : 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.timeline .swiper-slide {
    position           : relative;
    color              : #fff;
    overflow           : hidden;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
}
.timeline .swiper-slide::after {
    content         : "";
    position        : absolute;
    z-index         : 1;
    right           : -115%;
    bottom          : -10%;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow      : -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
    border-radius   : 100%;
}
.timeline .swiper-slide-content {
    position         : absolute;
    text-align       : center;
    width            : 80%;
    max-width        : 310px;
    right            : 50%;
    top              : 13%;
    -webkit-transform: translate(50%, 0);
    transform        : translate(50%, 0);
    font-size        : 12px;
    z-index          : 2;
}
.timeline .swiper-slide .timeline-year {
    display           : block;
    font-style        : italic;
    font-size         : 42px;
    margin-bottom     : 50px;
    -webkit-transform : translate3d(20px, 0, 0);
    transform         : translate3d(20px, 0, 0);
    color             : #d4a024;
    font-weight       : 300;
    opacity           : 0;
    -webkit-transition: 0.2s ease 0.4s;
    transition        : 0.2s ease 0.4s;
}
.timeline .swiper-slide .timeline-title {
    font-weight       : 800;
    font-size         : 34px;
    margin            : 0 0 30px;
    opacity           : 0;
    -webkit-transform : translate3d(20px, 0, 0);
    transform         : translate3d(20px, 0, 0);
    -webkit-transition: 0.2s ease 0.5s;
    transition        : 0.2s ease 0.5s;
}
.timeline .swiper-slide .timeline-text {
    line-height       : 1.5;
    opacity           : 0;
    -webkit-transform : translate3d(20px, 0, 0);
    transform         : translate3d(20px, 0, 0);
    -webkit-transition: 0.2s ease 0.6s;
    transition        : 0.2s ease 0.6s;
}
.timeline .swiper-slide-active .timeline-year {
    opacity           : 1;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    -webkit-transition: 0.4s ease 1.6s;
    transition        : 0.4s ease 1.6s;
}
.timeline .swiper-slide-active .timeline-title {
    opacity           : 1;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    -webkit-transition: 0.4s ease 1.7s;
    transition        : 0.4s ease 1.7s;
}
.timeline .swiper-slide-active .timeline-text {
    opacity           : 1;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    -webkit-transition: 0.4s ease 1.8s;
    transition        : 0.4s ease 1.8s;
}
.timeline .swiper-pagination {
    right                : 70px !important;
    height               : 100%;
    display              : none;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    flex-direction       : column;
    -webkit-box-pack     : center;
    justify-content      : center;
    font-style           : italic;
    font-weight          : 300;
    font-size            : 18px;
    z-index              : 1;
}
.timeline .swiper-pagination::before {
    content         : "";
    position        : absolute;
    left            : 2px;
    top             : 0;
    height          : 100%;
    width           : 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
.timeline .swiper-pagination-bullet {
    width     : auto;
    height    : auto;
    text-align: center;
    opacity   : 1;
    background: transparent;
    color     : #d4a024;
    margin    : 15px 0 !important;
    position  : relative;
}
.timeline .swiper-pagination-bullet::before {
    content           : "";
    position          : absolute;
    top               : 8px;
    left              : -32.5px;
    width             : 6px;
    height            : 6px;
    border-radius     : 100%;
    background-color  : #d4a024;
    -webkit-transform : scale(0);
    transform         : scale(0);
    -webkit-transition: 0.2s;
    transition        : 0.2s;
}
.timeline .swiper-pagination-bullet-active {
    color: #d4a024;
}
.timeline .swiper-pagination-bullet-active::before {
    -webkit-transform: scale(1);
    transform        : scale(1);
}
.timeline .swiper-button-next,
.timeline .swiper-button-prev {
    background-size   : 20px 20px;
    top               : 15%;
    width             : 20px;
    height            : 20px;
    margin-top        : 0;
    z-index           : 2;
    -webkit-transition: 0.2s;
    transition        : 0.2s;
}
@media screen and (min-width: 768px) {
    .timeline .swiper-slide::after {
        right     : -30%;
        bottom    : -8%;
        width     : 240px;
        height    : 50%;
        box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
    }
    .timeline .swiper-slide-content {
        right            : 30%;
        top              : 50%;
        -webkit-transform: translateY(-50%);
        transform        : translateY(-50%);
        width            : 310px;
        font-size        : 11px;
        text-align       : right;
    }
    .timeline .swiper-slide .timeline-year {
        margin-bottom: 0;
        font-size    : 32px;
    }
    .timeline .swiper-slide .timeline-title {
        font-size: 30px;
        margin   : 0;
    }
    .timeline .swiper-pagination {
        display: -webkit-box;
        /* display: flex; */
    }
    .timeline .swiper-button-prev {
        top              : 15%;
        left             : auto;
        right            : 128px;
        -webkit-transform: rotate(90deg) translate(0, 10px);
        transform        : rotate(90deg) translate(0, 10px);
    }
    .timeline .swiper-button-prev:hover {
        -webkit-transform: rotate(90deg) translate(-3px, 10px);
        transform        : rotate(90deg) translate(-3px, 10px);
    }
    .timeline .swiper-button-next {
        top              : auto;
        bottom           : 15%;
        right            : 128px;
        -webkit-transform: rotate(90deg) translate(0, 10px);
        transform        : rotate(90deg) translate(0, 10px);
    }
    .timeline .swiper-button-next:hover {
        -webkit-transform: rotate(90deg) translate(3px, 10px);
        transform        : rotate(90deg) translate(3px, 10px);
    }
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 80px;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.5);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.5);
}
.swiper-button-next,
.swiper-button-prev {
    color: var(--text-muted);
}
.timeline .time-line-mois {
    font-size  : 10px;
    margin-left: 1.2rem;
}
@media screen and (min-width: 1024px) {
    .timeline .swiper-slide::after {
        right     : -20%;
        bottom    : -12%;
        width     : 240px;
        height    : 50%;
        box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
    }
    .timeline .swiper-slide-content {
        right: 20%;
    }
}
/*-----------------------DRAG END DROP JOBS--------------------------*/
div#depose {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    text-align     : center;
    min-width      : 200px;
    height         : 100%;
    font-size      : 16px;
    color          : #000;
    text-align     : center;
    margin-right   : 10px;
    border         : 2px dashed #000;
    border-radius  : 5px;
    overflow       : hidden;
    cursor         : pointer;
    text-align     : center;
    border-radius  : 0;
    background     : var(--bg-light);
}
#preview .fichier {
    display: flex;
}
#preview .fichier img {
    width       : 50px;
    height      : 50px;
    object-fit  : cover;
    margin-right: 10px;
}
#preview .fichier .fa-5x {
    font-size: 40px;
    width    : 50px;
    height   : 50px;
}
/* SHOP DETAIL */
.commodites .atout-col img {
    max-width: 70px;
}
.commodites .atout-col {
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
    margin-right   : 1rem;
    margin-bottom  : 0.5rem;
}
.commodites .atout-col h5 {
    font-size : 18px;
    max-width : 90px;
    text-align: center;
}
@media (max-width:1200px) {
    .commodites {
        flex-direction: column;
    }
    .commodites .atout-col img {
        margin-right: 1rem;
    }
    .commodites .atout-col {
        display        : flex;
        align-items    : center;
        flex-direction : row;
        justify-content: start;
        margin-bottom  : 0.5rem;
    }
    .commodites .atout-col h5 {
        text-align: left;
        max-width : unset;
    }
}
/* JOB DETAILS */
.jobs-detail {
    background-color: var(--bg-light) !important;
}
.jobs-detail .card-title {
    font-family: var(--text-font);
}
.jobs-detail h1 {
    font-family   : var(--text-font);
    font-weight   : normal;
    text-transform: none;
    font-size     : 35px;
}
.jobs-index h3 {
    font-size  : 20px;
    font-family: var(--text-font);
    font-weight: bold;
}
.jobs-index .job-after {
    position: relative;
}
.jobs-index .job-after:after {
    content        : '';
    position       : absolute;
    bottom         : -3px;
    left           : 0;
    width          : 100%;
    height         : 65px;
    background     : url(../../img/job-layer.svg)no-repeat;
    background-size: cover;
}
.jobs-index .bloc-categories .list li a {
    border-bottom: 1px solid #dbdbdb;
    padding-right: 28px;
}
.jobs-index .list li.active a {
    color: #21293c;
}
/* PANIER RESPONSIVE */
.shops-cart .card {
    border    : none;
    margin-top: 1rem;
}
@media (max-width:767px) {
    .cart-list .cart-list-item .product-infos {
        order      : 2 !important;
        /* border-left: 1px solid #585A5D; */
    }
    .cart-list .cart-list-item .product-img {
        order       : 1 !important;
        border-right: 1px solid #fff;
    }
    .cart-list .cart-list-item .product-quantite {
        order      : 4 !important;
        width      : 50%;
        /* border-left: 1px solid #585A5D; */
    }
    .cart-list .cart-list-item .image-systeme {
        order       : 4 !important;
        border-right: 1px solid #585A5D;
    }
    .cart-list .cart-list-item .prix {
        order      : 5 !important;
        /* border-left: 1px solid #585A5D; */
        width      : 50%;
    }
    .shops-cart .cart-list .cart-list-item .supprimer {
        order       : 3 !important;
        width       : 20%;
        /* border-right: 1px solid #585A5D; */
    }
    .shops-cart .cart-list .cart-list-item {
        /* border-bottom: 1px solid #585A5D; */
    }
    .cart-list .cart-list-item .prix .head-cell,
    .cart-list .cart-list-item .product-infos .head-cell,
    .cart-list .cart-list-item .product-quantite .head-cell {
        width: calc(100% + 1px);
        left : -1px;
    }
    .cart-list .cart-list-item .image-systeme .head-cell,
    .cart-list .cart-list-item .product-img .head-cell,
    .cart-list .cart-list-item .supprimer .head-cell {
        width: calc(100% + 1px);
    }
    .account-sidebar .card {
        display: none;
    }
    .account {
        padding: 0 !important;
    }
}
.overflow-y-hidden {
    overflow-y: hidden;
}
/* TEST POUR MES COMMANDES  */
.cart-list2 .cart-list-item2 {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction   : row;
    flex-direction       : row;
    border-bottom        : 1px solid #E2E3E2;
}
.cart-list2 .cart-list-item2 .head-cell {
    display          : none;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    height           : 30px;
    background-color : #585A5D;
    color            : #fff;
    position         : absolute;
    top              : -30px;
    left             : 0;
    width            : 100%;
    text-align       : center;
    font-size        : 0.9rem;
}
.cart-list2 .cart-list-item2:first-of-type {
    padding-top: 30px;
}
.cart-list2 .cart-list-item2:first-of-type .head-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cart-list2 .cart-list-item2:nth-of-type(odd) {
    background-color: #f3f3f3;
}
.cart-list2 .cart-list-item2 > * {
    position             : relative;
    padding              : 10px;
    border-left          : 1px solid #E2E3E2;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-align    : center;
    -ms-flex-align       : center;
    align-items          : center;
    -webkit-box-pack     : center;
    -ms-flex-pack        : center;
    justify-content      : center;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
}
.shadow-commande {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
}
@media (min-width:992px) {
    .cart-list2 .cart-list-item2 > .price,
    .cart-list2 .cart-list-item2 > .product-date,
    .cart-list2 .cart-list-item2 > .product-ref,
    .cart-list2 .cart-list-item2 > .product-status {
        width: 20% !important;
    }
    .cart-list2 .cart-list-item2 > .product-bill {
        border-right: 1px solid #E2E3E2;
        width       : 20% !important;
    }
}
@media (max-width:991px) {
    .cart-list2 .cart-list-item2 > .price {
        width: 19% !important;
    }
    .cart-list2 .cart-list-item2 > .product-status {
        width: 26% !important;
    }
    .cart-list2 .cart-list-item2 > .product-bill {
        width       : 23% !important;
        border-right: 1px solid #E2E3E2;
        min-width   : 100px;
    }
    .cart-list2 .cart-list-item2 > .product-ref {
        width: 17% !important;
    }
    .cart-list2 .cart-list-item2 > .product-date {
        width: 26% !important;
    }
}
@media (max-width:767px) {
    .cart-list2 .cart-list-item2 {
        margin-bottom: 0;
        box-shadow   : unset;
    }
    .cart-list2 .cart-list-item2 > .price,
    .cart-list2 .cart-list-item2 > .product-bill,
    .cart-list2 .cart-list-item2 > .product-ref,
    .cart-list2 .cart-list-item2 > .product-status {
        width: 20% !important;
    }
    .cart-list2 .cart-list-item2 > .product-bill {
        border-right: 1px solid #E2E3E2;
    }
    /* .cart-list2 .cart-list-item2:first-child {
        margin-top: -30px;
    } */
    .cart-list2 .cart-list-item2 > * {
        margin-top: 0;
    }
    .cart-list2 .cart-list-item2 .head-cell {
        display: none;
    }
    .cart-list2 .cart-list-item2 .product-status {
        order: 2 !important;
    }
    .cart-list2 .cart-list-item2 .product-ref {
        order  : 1 !important;
        padding: 8px;
    }
    .cart-list2 .cart-list-item2 .product-date {
        order: 4 !important;
    }
    .cart-list2 .cart-list-item2 .price {
        order: 5 !important;
    }
    .shops-cart .cart-list2 .cart-list-item2 .product-bill {
        order: 6 !important;
    }
    .shops-cart .cart-list2 .cart-list-item2 {}
    .cart-list2 .cart-list-item2 .price .head-cell,
    .cart-list2 .cart-list-item2 .product-status .head-cell {
        width: calc(100% + 1px);
        left : -1px;
    }
    .cart-list2 .cart-list-item2 .product-bill .head-cell,
    .cart-list2 .cart-list-item2 .product-date .head-cell,
    .cart-list2 .cart-list-item2 .product-ref .head-cell {
        width: calc(100% + 1px);
    }
    .account-sidebar .card {
        display: none;
    }
    .account {
        padding: 0 !important;
    }
    .titre-mobile {
        display: none;
    }
}
.titre-mobile {
    display: none;
}
.ref_mobile {
    display: none;
}
@media (max-width:576px) {
    .shadow-commande {
        box-shadow: none !important;
    }
    .cart-list2 .cart-list-item2 > * {
        margin-top: 0;
        background: #fff;
    }
    .cart-list2 .cart-list-item2 {
        flex-wrap    : wrap;
        margin-bottom: 3.5rem;
        box-shadow   : 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
    }
    .cart-list2 .cart-list-item2 .head-cell {
        display: flex;
    }
    .shops-cart .cart-list2 .cart-list-item2 .product-ref {
        order        : 1 !important;
        width        : 100% !important;
        border-bottom: 1px solid #E2E3E2;
        flex-grow    : 0;
        flex-shrink  : 0;
        padding      : 0;
    }
    .cart-list2 .cart-list-item2 .product-ref .head-cell {
        left: -1px;
    }
    .shops-cart .cart-list2 .cart-list-item2 .product-date {
        order       : 3 !important;
        width       : 50% !important;
        padding     : 8px;
        border-right: 1px solid #E2E3E2;
    }
    .cart-list2 .cart-list-item2 .product-date .head-cell {
        width: 100%;
        left : 0;
    }
    .shops-cart .cart-list2 .cart-list-item2 .product-status {
        order        : 3 !important;
        width        : 50% !important;
        border-bottom: 1px solid #E2E3E2;
    }
    .shops-cart .cart-list2 .cart-list-item2 .price {
        order: 4 !important;
        width: 50% !important;
    }
    .shops-cart .cart-list2 .cart-list-item2 .product-bill {
        order: 5 !important;
        width: 50% !important;
    }
    .shops-cart .cart-list2 .cart-list-item2 .price {
        border-right: 1px solid #585A5D;
    }
    .shops-cart .cart-list2 .cart-list-item2 .price .head-cell,
    .shops-cart .cart-list2 .cart-list-item2 .product-bill .head-cell,
    .shops-cart .cart-list2 .cart-list-item2 .product-date .head-cell,
    .shops-cart .cart-list2 .cart-list-item2 .product-status .head-cell {
        display: none;
    }
    .ref_mobile {
        display: block;
    }
    .commande-screen {
        display: none;
    }
    .ref_screen {
        display: none;
    }
    .titre-mobile {
        display  : block;
        font-size: 15px;
    }
    .shops-categories .card-text .desc,
    .shops-index .card-text .desc {
        display: none;
    }
    .shops-categories .card-footer ul > li:first-child,
    .shops-index .card-footer ul > li:first-child {
        display: none;
    }
    .shops-categories .card-footer,
    .shops-index .card-footer,
    .shops-links-products .card-footer {
        padding: 0 0.75rem 0.75rem;
    }
}
.border-bottom {
    border-bottom: 1px solid #E2E3E2 !important;
}
.button-commande {
    padding        : 0;
    margin         : 0 2px;
    width          : 27px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : transparent;
    border         : 1px solid #585a5d;
}
.button-commande a {
    color: #585A5D;
}
.background-none {
    background: none !important;
}
.title-bills {
    font-size: 1.25rem !important;
}
.footer-other .social .btn-2 {
    background: #fff;
}
.footer-other .social .btn-2:hover {
    background: #c5016f;
}
.shops-detail .description h3 {
    font-size     : 18px;
    margin        : 1.5rem 0 1rem;
    font-weight   : 700;
    text-transform: uppercase;
    padding-left  : 11px;
    border-left   : 21px solid var(--color-1);
}
.shops-detail .description h3::before {
    width: 10px;
}
.shops-detail .description ul {
    list-style : disc;
    margin-left: 15px;
}
/*-----------------------MAJ 01/07/2022--------------------------*/
section.producteur {
    overflow: hidden;
    padding : 0;
}
.producteur-container {
    max-width: 600px;
    width    : 50%;
    padding  : 2% !important;
}
@media (max-width: 768px) {
    .producteur-container {
        max-width: 100%;
        width    : 100%;
        padding  : 7% !important;
    }
}
.search-global h3 a {
    font-size  : 1rem;
    font-weight: bold;
}
.search-global h3 {
    line-height  : 15px;
    margin-bottom: 5px;
}
.search-global p {
    text-align : left;
    font-size  : 15px;
    line-height: 20px;
}
.search-global .list-unstyled.blogs .bloc-img,
.search-global .list-unstyled.recettes .bloc-img {
    flex        : 0 0 200px;
    margin-right: 12px;
}
.search-global .list-unstyled.shops .bloc-img {
    flex        : 0 0 110px;
    margin-right: 12px;
}
.search-global .pannel {
    padding: 15px;
}
.advertisings-widgets .white-mask {
    background: #fff;
    border    : 1px solid var(--text-muted);
}
.top {
    background    : transparent;
    display       : flex;
    flex-direction: column;
    padding       : 1rem 0 0 70px;
}
.lobster,
h1,
h2 {
    font-family: var(--title-font);
}
.case-promos {
    position: relative;
}
.case-promos h2 {
    position       : absolute;
    top            : 0;
    left           : 0;
    font-size      : 26px;
    width          : 100%;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    text-align     : center;
    color          : #fff;
    font-weight    : 200;
    font-family    : var(--text-font);
}
section.groups {
    overflow-x: visible;
}
section.nos-produits .category-title {
    text-align    : center;
    padding       : 0.5rem;
    background    : var(--bg-light);
    text-transform: uppercase;
    color         : var(--color-1);
    font-weight   : 600;
    margin-bottom : 1.5rem;
}
section.atout .text-center h3:after {
    content   : "";
    position  : absolute;
    width     : 80px;
    height    : 2px;
    bottom    : -6px;
    left      : calc(50% - 40px);
    background: var(--color-1);
}
.bordure {
    position: relative;
}
.bordure::after {
    content   : '';
    position  : absolute;
    top       : 30px;
    left      : 100%;
    width     : var(--container-out-margin);/*100%;*/
    height    : 20px;
    background: var(--color-1);
}
.bordure-left {
    position: relative;
}
.bordure-left::after {
    content   : '';
    position  : absolute;
    top       : 10px;
    right     : 100%;
    width     : var(--container-out-margin);/*100%;*/
    height    : 20px;
    background: var(--color-1);
}
@media (max-width:992px) {
    .bordure-left::after,
    .bordure::after {
        display: none;
    }
}
.top h2 {
    position     : relative;
    margin-bottom: 0.5rem;
}
.top h2 span::before {
    content   : '';
    position  : absolute;
    width     : 60px;
    top       : 0;
    left      : -70px;
    height    : 20px;
    background: var(--color-1);
}
section.citation h2 {
    color: var(--color-1);
}

.atouts img{
    max-height:60px;
}


.atouts-societe {
    display        : flex;
    width          : 100%;
    justify-content: center;
    flex-wrap      : wrap;
}
.atout li {
    text-align: center;
}
.atout i {
    font-size: 40px;
}
.footer-page-text {
    text-align : center;
    font-size  : 19px;
    font-weight: 600;
    margin-top : 6%;
}
.page-header h1 {
    font-size    : 40px;
    font-style   : normal;
    color        : #000;
    z-index      : 10;
    margin-bottom: 0;
}
.btn:focus {
    box-shadow: none;
}
.portrait {
    width: 400px;
}
@media (max-width: 575px) {
    footer .footer-other {
        flex-direction: column;
        align-items   : center;
    }
}
.blogs-header {
    padding   : 3rem 0;
    min-height: auto;
}


.collections-header {
    padding: 3rem 0;
    min-height: auto;
}
.blogs-header .content {
    max-width : 100%;
    text-align: center;
}
.blogs-header h1 {
    font-size  : 45px;
    font-family: 'Playfair Display', serif;
}
.blogs-categories .card-title h2,
.blogs-index .card-title h2 {margin-bottom:0;
	line-height: 1;}
.blogs-categories .card-title h2 a,
.blogs-index .card-title h2 a {
    color      : #000;
    font-family: 'Playfair Display', serif;
    font-size  : 20px;
	margin-bottom:0;
	font-weight:bold;
}
/* .blogs-categories .content-short,
.blogs-index .content-short {
    font-size: 14px;
} */

.blogs-categories article, .blogs-index article {
    margin-bottom: 40px;
}

h2.card-title {
    font-size  : 18px;
    font-family: var(--text-font);
}
.card-title {
    font-weight   : 600;
    text-transform: none;
    line-height   : 19px;
    padding:10px;
}
.blogs-widgets .card-footer {
    display        : flex;
    justify-content: space-between;
}
.shops .card,
.shops-categories .card,
.shops-detail .card {
    border          : none;
    padding         : 0;
    border-radius   : 0;
    background-color: #fff;
    box-shadow      : var(--shadow-1);
}
.shops-detail .card {
    background-color: var(--bg-light);
}
.shops .attributes-list svg.icon,
.shops-categories .attributes-list svg.icon {
    width  : 29px;
    height : 29px;
    fill   : #000;
    stroke : #000;
    padding: 2px;
}
.shops-detail .attributes-value svg.icon {
    width  : 110px;
    height : 110px;
    fill   : #000;
    stroke : #000;
    padding: 2px;
    border : 1px solid black;
}
.shops-cart,
.shops-categories,
.shops-index {
    background-color: var(--bg-light) !important;
}
.blocs-wishslists {
    background-color: #fff;
    padding         : 10px;
}
.shops .card .card-footer {
    background-color: #fff;
}
/* .shops-detail .content-section{background-color: var(--bg-light);} */
.category-footer h2 {
    font-size: 14px;
    margin   : 18px 0 5px;
}
.category-footer h3 {
    font-size: 12px;
    margin   : 10px 0;
}
.category-footer p {
    font-size    : 12px;
    margin-bottom: 5px;
    line-height  : 13px;
}
.bg-light-2 {
    background: var(--bg-light-2);
}
.category-header p {
    margin    : 0;
    text-align: left;
    font-style: italic;
    color     : #000;
    margin-top: 1.6rem;
	z-index:1;
}
.category-header h1 {
    margin-bottom: 0;
}
.shops-categories .card-title a,
.shops-index .card-title a {
    font-size      : 16px;
    text-decoration: none;
    color          : black;
}
/*BLogs*/
.blogs-index .card-footer {
    /*display: none;*/
}
.modal-flash-msg {
    top       : 0;
    position  : fixed;
    width     : 100%;
    text-align: center;
	z-index: 500;
	    overflow-x: hidden;
}



@-webkit-keyframes marquee {
  0% {
	-webkit-transform: translateX(100%);
  }
  100% {
	-webkit-transform: translateX(-100%);
  }
}
@media(max-width:767px) {
	.modal-flash-msg div span {
	  display:inline-block;
	  min-width: 100%;
	  -webkit-animation: marquee 10s linear infinite;
	}
	.modal-flash-msg span {
        font-size  : 14px;
		white-space:nowrap;
    }
}
/*-----------------------groups--------------------------*/
.paire article {
    position: relative;
}
.paire article:nth-child(odd)::before {
    content   : '';
    position  : absolute;
    width     : 60%;
    top       : 0;
    left      : 0;
    height    : 100%;
    background: var(--bg-light);
    z-index   : 1;
}
.paire article:nth-child(even)::before {
    content   : '';
    position  : absolute;
    width     : 60%;
    top       : 0;
    right     : 0;
    height    : 100%;
    background: var(--bg-light);
    z-index   : 1;
}
.card a {
    z-index: 2;
}
/* .card-body {
    z-index: 1;
} */
.groups-index .card {
    box-shadow: none;
}
.groups-index p {
    text-align: left;
}
.groups-index .card img {
    padding: 2rem;
}
.groups-index .card-text .content {
    margin-left: 40px;
}
.groups-index .card-footer {
    text-align: center;
}
.groups-detail .blogs-widgets h2 {
    color: var(--color-1);
}
.max-6 {
    max-width: 600px;
    padding  : 5rem;
}
.header-custom .custom-titre {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    left     : calc(calc(100vw - 1200px) / 2);
    z-index  : 5;
}
@media (max-width: 1268px) {
    .header-custom .custom-titre {
        left: 2%;
    }
}
/*-----------------------recipt--------------------------*/
.modules-receipts .card {
    border-radius: var(--card-radius);
    box-shadow   : var(--card-shadow);
    border       : 3px solid var(--card-border-color);
    /* background: var(--card-bg); */
}
.receipts-categories .card-title h2,
.receipts-index .card-title h2 {margin-bottom:0!important;
	line-height: 1;}
.receipts-categories .card-title h2 a,
.receipts-index .card-title h2 a {
    color      : #000;
    font-family: 'Playfair Display', serif;
    font-size  : 20px;
	margin-bottom:0;
	font-weight:bold;
}
.events-index .card-title a,
.receipts-index .card-title a {
    font-size      : 20px;
    text-decoration: none;
    color          : black;
}
.groups .social a:hover {
    background: var(--color-1);
}
.advertisings-widgets .bloc-content {
    padding: 1.5rem 2rem;
}
.home-advertising .btn {
    margin-top: -28.5px;
}
.modules.blogs .bloc.bloc-categories-horizontal ul {
    padding-bottom: 1rem;
}
.modules.blogs .content-detail a {
    color      : var(--color-1);
    font-weight: 600;
}
.modules.blogs .content-detail a:hover {
    color: var(--color-1-alt);
}
.home-advertising h1 {
    margin-bottom: 15px;
}
.home-advertising p {
    color     : var(--color-3-alt);
    text-align: center;
}
#shops-grid-list {
    margin-top: 1rem;
}
.home-carousel .card {
    height: 100% !important;
}
.home-carousel .swiper-slide {
    height: unset !important;
}
.home-carousel {
    padding: 10px;
}
.carousel-accueil .swiper-button-next {
    /* right: 90px; 
      right: calc(var(--container-out-margin) + 70px);*/
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}
.swiper-button-next.swiper-button-disabled i,
.swiper-button-prev.swiper-button-disabled i {
    font-size: 18px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}
.carousel-accueil .swiper-button-next,
.carousel-accueil .swiper-button-prev {
    width        : 30px;
    height       : 30px;
   /* box-shadow   : var(--shadow-2);*/
    border: 1px solid #cbc7c7;
	margin: 0 5px;
    border-radius: 50%;
}
.carousel-accueil .swiper-button-prev {
  /*left: calc(var(--container-out-margin) + 70px);*/
}
.modules.shops .footer-btn .btn,
.shops-widgets .footer-btn .btn {
    text-transform: unset;
}
@media(max-width:1199px) {
    /* .carousel-accueil .swiper-button-prev {
        left: 75px;
    }
    .carousel-accueil .swiper-button-next {
        right: 75px;
    } */
}
@media(max-width:991px) {
    .carousel-accueil .swiper-button-next,
    .carousel-accueil .swiper-button-prev {
        display: none;
    }
}
.bloc-footer {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.bloc-footer:first-child {
    /*border-bottom : 1px solid var(--text-muted);*/
    padding-bottom: 0px;
    flex-wrap     : wrap;
    gap           : 11px;
}
.icon-bottom i {
    font-size: 18px;
}
.modules.shops .card .content-short {
    line-height: 20px;
}
.bloc-gamme .hero .content {
    top            : unset;
    left           : unset;
    align-items    : flex-start;
    padding        : 0 2rem;
    height         : 100%;
    justify-content: flex-start;
    width          : 730px;
    position       : relative;
}
.bloc-gamme .hero .bloc-content {
    padding: 0;
}
.centered {
    display        : flex;
    justify-content: center;
    flex-direction : column;
}
.swiper-slide img.gamme-cafe {
    height   : unset;
    width    : 382px;
    max-width: 100%;
    position : absolute;
    right    : 0;
    bottom   : 23px;
}
.feature-content p {
    text-align : center;
    font-weight: 600;
    line-height: 20px;
}
/* .swiper-slide .img-left img {
    height    : unset;
    object-fit: unset;
} */
@media(max-width:1399px) {
    .bloc-gamme .hero .content {
        width: 588px;
    }
    .swiper-slide img.gamme-cafe {
        right : -8%;
        bottom: 7px;
        width : 320px;
    }
}
@media(max-width:1199px) {
    .bloc-gamme .hero .content {
        width: 100%;
    }
    .swiper-slide img.gamme-cafe {
        right : 2%;
        bottom: 15px;
        width : 259px;
    }
}
@media(max-width:991px) {
    .bloc-gamme img {
        height: 100%;
    }
    .swiper-slide img.gamme-cafe {
        right   : unset;
        bottom  : unset;
        position: relative;
        width   : 280px;
        display : block;
    }
    .hero .content {
        left: unset;
    }
}
@media(max-width:575px) {

    .carousel-accueil .swiper-button-next {
    right: -5px;
}
    .carousel-accueil .swiper-button-prev {
    left: -5px;
}
    .modules.shops .card .content-short {
        font-size: 13px;
    }
    .modules.shops .card .footer-btn,
    .modules.shops .card .footer-btn .btn {
        width: 100%;
    }
   .card-body {
        padding: 10px 10px 5px 10px;
    }
}
/* INSTRAGRAM */
/* #eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .Grid__Container-sc-x730z7-0 > div {
    width     : 16.6666%!important;
    margin-top: unset!important;
} */
#eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .bBEiQs {
    min-height: unset;
}
#eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .hhheYG:hover .MediaImage-sc-rvkq1i-0 {
    filter:unset
}
#eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .LoadMoreButton__Container-sc-1rd4h4j-0.dDDcGe {
    display: none;
}
#eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .fkHFND {
    min-height: unset !important;
}
@media(max-width:991px) {
    #eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .Grid__Container-sc-x730z7-0 > div {
        width: 33.3333%!important;
    }
}
@media(max-width:767px) {
    #eapps-social-feed-7c6e8193-a511-47bd-9284-3d5c3ee91afe .Grid__Container-sc-x730z7-0 > div {
        width: 50%!important;
    }
}
.email-form {
    width: 300px;
}
.home-advertising {
    padding-top: 3rem;
}
@media(max-width:400px) {
    .home-advertising {
        padding: 0;
    }
    .home-advertising .hero .content {
        position  : relative;
        top       : unset;
        margin-top: -10rem;
        padding   : 0 1.5rem;
    }
}
@media(max-width:576px) {
    footer .footer-menu a {
        text-align: center;
    }
    .footer-menu ul {
        width: 100%;
    }
    .border-xs .footer-menu {
        border-bottom: 1px solid #BDBDBD;
        margin       : 0 1rem;
        padding      : 1rem 0;
    }
    footer .logo img {
        max-height: 146px;
    }
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -5px;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -5px;
    right: auto;
}
.shops-detail .swiper-pagination .swiper-pagination-bullet {
    width     : 18px;
    height    : 18px;
    padding   : 1px;
    background: white;
    border    : 1px solid var(--color-1);
    opacity   : 1;
    margin    : 0 5px;
}
.shops-detail .swiperBig {
    position: unset;
}
.shops-detail .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
}
.shops-detail .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--color-1);
    opacity   : 1;
}
.shops-detail .content-header {
    position: relative;
}
.shops-detail li.md-accordion h3 {
    font-weight: 600;
    font-size  : 22px;
    line-height: 28px;
    font-style : normal;
}


.shops-detail .bloc-liens {
    position: absolute;
    top     : 10px;
    right   : 15px;
}
p {
    line-height: 23px;
}
h2.small {
    font-size    : 26px;
    margin-bottom: 1rem;
}
.pencil {
    position: absolute;
    top     : 5px;
    left    : 10px;
}
.price-amount {
    font-weight: 600;
    font-size  : 20px;
}
.shops-detail .attributes-value .card {
    width           : 116px;
    max-width       : 100%;
    background-color: transparent !important;
    box-shadow      : none!important;
}
.shops-detail .attributes-value .card-body {
    font-weight: 600;
    padding    : 0;
    text-align : center;
    padding-top: 10px;
    font-size  : 12px;
}
.shops-detail .attributes-value .attribute-title {
    line-height: 14px;
}
.shops-detail .attributes-value img {
    /*border: 1px solid #696565;*/
}
.groups-detail iframe {
    width: 100%;
}
.shops-detail .md-accordion li div i.minus {
    right: 3px;
    top  : 2px;
}
.shops-detail .md-accordion li div  i.plus {
    right: 3px;
    top  : 2px;
}
.shops-detail .md-accordion li div  i {
    position  : absolute;
    transition: unset;
}
.shops-detail .table-detail-grid .quantity,
.shops-detail .table-detail-grid .variations {
    font-weight: 800 !important;
}
.shops-detail .md-accordion li p:last-child {
    margin-bottom: 0;
}
.shops-detail .d-accordion li div:not(.collapsed) .rotate-icon {
    transform: rotate(0deg);
}
.shops-detail .md-accordion .closed {
    position     : relative;
    color        : black;
    background   : white;
    height       : 26px;
    width        : 26px;
    border-radius: 50%;
    border       : 1px solid black;
    transition   : none;
}
.shops-detail .md-accordion .description_title:hover .closed {
    color     : white;
    background: var(--color-1);
    border    : 1px solid var(--color-1);
}
.shops-detail .md-accordion div[data-bs-toggle="collapse"] .description_title {
    cursor: pointer;
}
.shops-detail .md-accordion div[data-bs-toggle="collapse"] .description_title:hover {
    color : var(--color-1);
    cursor: pointer;
}
.shops-detail .md-accordion li div .description_title {
    gap      : 10px;
    font-size: 20px;
}
.shops-detail .fa-rotate-45 {
    transform: rotate(90deg);
    position : absolute;
    right    : 0;
    top      : 2px;
}
.shops-detail ul.list.md-accordion {
    list-style-type: none !important;
    display        : flex;
    flex-direction : column;
    gap            : 20px;
    padding-left   : 0;
}
.modules-detail.shops-detail .informations .content h3 {
    text-transform: uppercase;
    border-bottom : 1px solid var(--color-1);
    margin-bottom : 10px;
    padding-left  : 28px;
    position      : relative;
}
.modules-detail.shops-detail .informations .content h3:before {
    content   : "";
    position  : absolute;
    top       : 0;
    left      : 0;
    height    : 100%;
    width     : 14px;
    background: var(--color-1);
}
.modules-detail.shops-detail .informations .content li {
    position    : relative;
    padding-left: 24px;
}
.modules-detail.shops-detail .informations .content li:before {
    content   : "";
    position  : absolute;
    top       : 9px;
    left      : 0;
    height    : 8px;
    width     : 8px;
    background: var(--color-1);
}
.actions .btn {
    font-size  : 15px;
    padding    : 0.3rem 0.2rem;
    line-height: 17px;
}
#nutritional_values td {
    padding: 0 10px;
}
#nutritional_values tr:nth-child(odd) {
    background: #ffecf7;
}
#nutritional_values table tr:first-child {
    background-color: var(--color-1);
    color           : #fff;
}
#nutritional_values table {
    margin-top: 1rem;
}
#nutritional_values table tr:first-child td:first-child {
    border-right: 1px solid white;
}
#nutritional_values table td:first-child {
    border-left: 1px solid #E8E8E8;
}
#nutritional_values table td:last-child {
    text-align: left;
}
#nutritional_values table td {
    border-right: 1px solid #E8E8E8;
}
h2.slogan {
    font-size: 28px;
}
.shops-detail .shops-links-products .card {
    background: white!important;
}
.stats-produit i {
    font-size: 39px;
}
.inspiration .card {
    background: transparent!important;
    box-shadow: unset;
}
.inspiration .card-body {
   /* margin    : -3rem 0rem 0;*/
    position  : relative;
    z-index   : 10;
    background: white;
}
.inspiration .card-title {
    padding:0px;
}
.inspiration .card-body p {
    text-align: left;
}
.inspiration .card-body .btn {
    margin-top: 3px;
}
.shops-detail .product_quantity-less,
.shops-detail .product_quantity-more {
    background: none !important;
    padding   : 0 10px !important;
}
.shops-detail .table-detail-grid.table-quantity {
    /* display    : flex!important; */
    align-items: center;
}
.paypal img {
    width: 80px;
}
.payment img {
    height: 50px;
}
.shops-detail .weight-value {
    font-weight: 600;
}
.shops-detail .content-short {
    line-height: 20px;
}
.bloc-payment {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    gap            : 10px;
}
.groups-index .modal .modal-content {
    border-radius: 0;
    border       : none;
}
.groups-detail .text-danger {
    display: none;
}
.groups-detail .blogs-widgets .card {
    box-shadow: var(--shadow-1);
}
.bg-group {
    background: var(--bg-light-2);
}
.ratio-4-3 {
    width       : 100%;
    aspect-ratio: 4 / 3;
    object-fit  : cover;
}
.blogs-widgets h3 {
    line-height: 29px;
}
/* .modules-collections .image_collection img {
height: 533px;
object-position: top;
} */

.collections-header .content {
    max-width: 100%;
    text-align: center;
}
.collections-header h1 {
    font-size: 45px;
    font-family: 'Playfair Display', serif;
}

.collections-index .card-title  a h2{
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
}



.modules-collections {
    --price-old-color: var(--color-1-alt);
}
.modules-collections .col-md-6 > .shops-widgets .card.product .card-title {
    font-weight: bold;
}
.modules-collections .col-md-6 > .shops-widgets .card.product .card-text {
    line-height: 19px;
}
.bloc-bouton .btn {
    width: 50%!important;
}
.bloc-compte a {
    font-size: 15px;
}
#main-menu a.user-button {
    height   : 20px;
    width    : 160px;
    padding  : 14px;
    font-size: 14px;
}

.bloc-quantite {
    justify-content: flex-start;
}
.list-inline-item.share .dropdown-menu {
    border-radius: 0;
    border       : none;
    box-shadow   : var(--shadow-1);
}
.list-inline-item.share .dropdown-menu a:hover {
    color     : var(--color-1);
    background: none;
}
.shops .card .attributes-list li {
    margin-right: 0;
}
.collections-index .card img {
    height: unset;
}
.btn-filter,
.btn-init_filtres {
    font-size: 15px;
}
#filtresModal .modal-content {
    border-radius: 0;
    border       : none;
}
@media(max-width:1299px) {
    .modules-collections .image_collection img {
        height: 512px;
    }
}
.histoire img {
    flex      : 0 0 495px;
    object-fit: cover;
}
.histoire .card-footer {
    padding    : 1rem;
    font-weight: 600;
    text-align : center;
}
@media(max-width:1199px) {
    .bloc-payment {
        gap: 15px;
    }
    .paypal img {
        width: 100px;
    }
    .shops-detail .content-short {
        text-align: center;
    }
    .modules-collections .image_collection img {
        height: 487px;
    }
    .histoire img {
        flex: 0 0 495px;
    }
}
@media(max-width:991px) {
    .inspiration .card-body {
        margin: 0;
    }
    .shops-detail .content-img {
        padding-top: 3rem;
    }
    .modules-collections .image_collection img {
        height: 552px;
    }
    .bloc-bouton {
        flex-direction: column;
    }
    .bloc-bouton .btn {
        width: 100% !important;
    }
    .blogs-detail .card-body h1 {
        font-size: 36px;
    }
    .btn {
        font-size: 15px;
    }
}
@media(max-width:768px) {
    .blogs-detail .content-detail img {
        float  : unset !important;
        display: block;
        margin : 0 auto;
    }

    .sidebar-col{
        display:none;
    }
    .modules-detail {
    padding-top: 0;
}
.faqs-header picture{
    width:100%;
}


}
@media(max-width:767px) {
    .shops-detail .content-img {
        padding-top: 0;
    }
    .portrait {
        width: 285px;
    }
    .bloc-bouton {
        flex-direction: row;
    }
    .slogan {
        text-align: center;
    }
    .modules-collections .image_collection img {
        height: 100%;
    }
    .modules.shops .inspiration .card-body {
        padding: 15px 10px;
    }
    .modules.shops .inspiration .card-title {
        text-align   : center;
        margin-bottom: 10px;
    }
    .shops-detail .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 11px;
    }
    .bg-group {
        background: white;
    }
}
@media(max-width:575px) {
    .shops-links-products .card {
        flex-direction: row;
    }
}
@media(max-width:400px) {
    .portrait {
        width: 100%;
    }
    .shops-detail .attributes-value .card {
        width: 107px;
    }
    .bloc-quantite {
        justify-content: space-between;
    }
    #scroll-top {
        right  : 13px;
        padding: 22px;
    }
    #scroll-top i {
        font-size: 25px;
    }
    .shops-detail .weight-value {
        padding-right: 10px;
    }
    .bloc-bouton {
        flex-direction: column;
        gap           : 8px;
    }
    /* .bloc-bouton .btn {
        width: 235px !important;
    } */
    .shops-detail .table-quantity .quantity {
        padding-right: 11px !important;
    }
    .shops-detail .product_quantity-less,
    .shops-detail .product_quantity-more {
        padding: 0 4px !important;
    }
    .shops-detail .weight-value {
        font-size: 15px;
    }
    .bloc-payment {
        flex-direction: column-reverse;
    }
    /* .paypal img {
        width: 130px;
    } */
    /* .payment img {
        width: 250px;
    } */
    .shops-detail .attributes-value .card-body {
        padding-top: 5px;
    }
}
@media(max-width:325px) {
    .shops-detail .table-quantity .quantity {
        padding-right: 11px !important;
    }
    .shops-detail .product_quantity-less,
    .shops-detail .product_quantity-more {
        padding: 0 4px !important;
    }
    .shops-detail .weight-value {
        font-size: 15px;
    }
    .icons-menu li {
        /*padding: 0 8px;*/
    }
    .shops-detail .weight-value {
        padding-right: 0;
    }
}
.receipts-index .card-footer .btn {
    font-size  : 15px;
    line-height: 19px;
}
.bloc-categories .list li.active a,
.bloc-categories-vertical ul.list li.active a {
    color: black;
}
.bloc-categories .list li:hover a,
.bloc-categories-vertical ul.list li:hover a,
.bloc-categories-vertical ul.list li:hover a {
    color: var(--color-1);
}
.documentations-index .card-body {
    padding: 0 10px;
}
@media(max-width:767px) {
    .documentations-index .card-body {
        padding: 20px 10px;
    }
}
.jobs-detail .content-datas ul {
    list-style-type: none;
}
.jobs-detail .list-inline {
    color: var(--color-1);
}
.jobs-detail .content-datas ul li {
    position     : relative;
    padding-left : 15px;
    margin-bottom: 8px;
}
.jobs-detail .content-datas ul li:before {
    content         : '';
    position        : absolute;
    top             : 9px;
    left            : 0;
    height          : 6px;
    width           : 6px;
    background-color: var(--color-1);
}
.receipts-detail .card-body .ingredients ul,
.receipts-detail .card-body .preparation ul {
    list-style: square;
    margin    : 0 0 10px 30px;
}
.badge-recette {
    background-color: var(--bg-light);
    border          : 1px solid transparent;
    padding         : 0.375rem 0.75rem;
    font-size       : 1rem;
    border-radius   : 0.25rem;
}
.receipts-detail .ingredients h2 span,
.receipts-detail .preparation h2 span {
    padding-bottom: 7px;
    border-bottom : 1px solid var(--color-1);
}
.fa-rotate-45 {
    transform: rotate(45deg);
}
.md-accordion li div h3 i {
    transition: ease-in-out 0.3s;
}
.md-accordion li div:not(.collapsed) .rotate-icon {
    transform: rotate(0deg);
}
.anchor {
    position: relative;
    top     : -140px;
}
.faqs-index h2 {
    margin-top: 3rem;
}
.faqs-index .list li.md-accordion {45px
    padding      : 16px;
    background   : var(--bg-light);
    margin-bottom: 12px;
    cursor       : pointer;
}
li.md-accordion h3 {
    font-style: normal;
    color     : black;
    font-size : 18px;
}
@media(max-width:767px) {
    .faqs-index li.md-accordion h3 {
        font-size: 16px;
    }
}
@media(max-width:400px) {
    .faqs-index li.md-accordion h3 {
        font-size: 15px;
    }
    .faqs-index .md-accordion li div h3 i {
        position: absolute;
        right   : 22px;
    }
    .faqs-index .list li.md-accordion {
        padding: 15px ;
    }
    .faqs-index .list li.md-accordion h3{
        padding-right: 45px ;
    }
}
hr.no-advertising {
    display: none;
}
section.shops-widgets + div > hr.no-advertising {
    width     : 50%;
    margin    : 1rem auto;
    background: var(--color-1-alt);
    opacity   : 1;
    display   : block;
}
@media(max-width:767px) {
    .modules-shops .page-header {
        background   : #F3E5E2;
        text-align   : left;
        margin-bottom: 0;
        min-height   : 160px;
        align-items  : center;
        margin-bottom: 0;
    }
    .modules-shops .page-header h1 {
        text-align: left;
    }
    .modules-shops .page-header .content p,
    .modules-shops .page-header img {
        display: none;
    }
}
.btn-contact {
    display   : block;
    /* height    : 100%; */
    padding   : 1rem;
    transition: all ease 0.2s;
    border    : 1px solid transparent;
}
.btn-contact:hover {
    background  : #fff;
    border-color: var(--color-1);
}
.badges-list-img {
    padding-left: 0;
    list-style  : none;
    position    : absolute;
    bottom      : -7px;
    z-index     : 10;
    left        : 10px;
}
.shops-links-products .badges-list-img {
    padding-left: 0;
    list-style  : none;
    position    : absolute;
    /* bottom      : -22px; */
    z-index     : 10;
    left        :5px;
    /* right       : 10px; */
}
.shops-links-products .badges-list-img img {
    width: 35px;
}
.favorites {
    position: relative;
}
.badge.badge-favorites {
    position       : absolute;
    top            : -13px;
    right          : 2px;
    transform      : translateX(50%);
    color          : #fff;
    background     : var(--badge-basket-bg-color);
    border-radius  : var(--badges-radius);
    font-size      : 10px;
    width          : 17px;
    height         : 17px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}
.tt-dataset-products p {
    text-align: left;
}
.shops-index .blocs-filters .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.shops-index .card-footer,
.shops-links-products .card-footer,
.shops-widgets .card-footer {
    padding: 0 1rem 0.5rem;
}
.shops-detail .content-header .badges-list-img {
    position: absolute;
    top     : 6px;
    /* right   : 65px; */
    left    : unset;
}
.shops-detail .content-header .badges-list-img img {
    width: 32px;
}
@media(max-width:1199px) {
    .shops-links-products .btn {
        padding: 0.25rem 8px;
    }
    .shops-links-products .badges-list-img {
        /* bottom: -36px; */
    }
    .shops-detail .content-header {
        padding-top: 44px;
    }
}
@media(min-width:992px) {
    .product-img-col {
        padding: 0 calc(var(--container-width) / 20);
    }
}
@media(max-width:1199px) {
    .shops-index .blocs-filters,
    .shops-topbar {
        padding: 12px !important;
    }
}
@media(max-width:991px) {
    .search-global .list-unstyled.blogs .bloc-img,
    .search-global .list-unstyled.recettes .bloc-img {
        flex: unset;
    }
    .shops-detail h1 {
        font-size: 31px;
    }
}
@media(max-width:767px) {
    .page-header {
        align-items: flex-start;
    }
    .search-global .pannel {
        padding: 10px;
    }
    .shops-index-side {
        padding: 1rem 1rem 2rem;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
    .swiper-container .content-short{
        display:none;
    }
}
@media(max-width:575px) {

    .card-title a{
        font-size: 14px;;
    }
    .badge-recette {
        width: 100%;
    }
    .badges-list-img .list-inline-item img {
        width: 30px;
    }
    .shops-links-products .badges-list-img {
        /* left: 273px; */
        /* top : 3px; */
    }
    /* .shops-links-products .card-footer {
        display: none !important;
    } */
    /* .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    } */
    .shops-links-products .bloc-img {
        flex: 0 0 180px;
    }
    .shops-links-products .card-body {
        display        : flex;
        align-items    : center;
        justify-content: center;
    }


}
@media(max-width:400px) {
    .page-header h1 {
        font-size: 30px;
    }
    .modules-shops .page-header h1 {
        text-align: center;
    }
    .badges-list-img {
        bottom: -5px;
    }
    .shops .price-infos .price {
        font-size: 14px !important;
        text-align: right;
    }
    .shops .attributes-selected {
        padding-bottom: 0 !important;
    }
    .shops-detail .table-detail-grid .variations {
        padding-right: 10px !important;
    }
    .shops-links-products .badges-list-img {
        /* left: 272px;
        top : 4px; */
    }
    .table-detail-grid .svg svg.icon {
        height: 32px;
        width : 32px;
    }
    .table-detail-grid .svg input[type="radio"]+label {
        width : 40px;
        height: 40px;
    }
    .table-detail-grid .svg .items li {
        margin-right: 8px !important;
    }
    .search-page.search-global ul li {
        flex-direction: column;
    }
    .modules-blogs .blogs-detail .content-datas h3 {
        border-left: 13px solid var(--color-1);
    }
    .shops-links-products .bloc-img {
        flex: 0 0 100px;
    }
}
@media(max-width:325px) {
    .shops-detail .table-detail-grid .variations {
        font-size: 15px;
    }
    .blogs-detail .card-body h1 {
        font-size: 29px;
    }
    .table-detail-grid .svg input[type="radio"]+label {
        width         : 37px!important;
        height        : 37px!important;
        padding-bottom: 2px;
    }
    .table-detail-grid .svg svg.icon {
        height: 32px!important;
        width : 32px!important;
    }
    .page-header h1 {
        font-size: 27px;
    }
    .shops-links-products .badges-list-img {
        /* left: 236px;
        top : 2px; */
    }
    .search-global p {
        font-size  : 14px;
        line-height: 17px;
    }
    .shops .price-infos .price {
        font-size: 13px !important;
    }
}
.disabled {
    pointer-events: none;
}
.shops .badge-promo {
    color: #000;
}

.swiper-button-next,
.swiper-button-prev {
    /*display        : flex!important;*/
    align-items    : center!important;
    justify-content: center!important;
}
.home-advertising a {text-decoration:none!important} 


.offres .card {
background: transparent;
border: none;
}

.offres h3 {
text-align: center;
margin-bottom: 12px;
font-size: 27px;
font-family: var(--title-font);
}
.offres .card-body {
background: white;
border: none;
margin: -3rem 2rem 0;
position: relative;
z-index: 10;
line-height: 20px;
padding: 1.5rem;
}

.offres .btn {
text-align: center;
}

.offres .card-body p {
text-align: left;
}
.img-fit {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#tarteaucitronRoot button:not(#tarteaucitronClosePanel):not(#tarteaucitronBack) {text-transform:initial!important}

@media(max-width:768px) {
	.atouts-widgets h2{font-size:18px}
	.atouts img { max-height: 55px;}
	.shops .card .bloc-footer {justify-content: center!important;}
	.shops-widgets.carousel-accueil .card-title, .shops-widgets.carousel-accueil .card-title{padding-bottom:0;padding-top:5px;padding-left:0;padding-right:0}
	.shops-widgets.carousel-accueil .card-body, .shops-widgets.carousel-accueil .card-body{padding-bottom:0;padding-top:0;padding-left:0;padding-right:0}
	.shops-widgets.carousel-accueil .card-body{flex: none;}
	.shops .price-infos .price{font-size:16px!important}
}

.accueil .receipts-widgets .card{background: var(--bg-light-2);}
.accueil .blogs-widgets h2, .accueil .receipts-widgets h2{font-size: 1.5rem;}
.accueil .blogs-widgets .card-title, .accueil .receipts-widgets .card-title{padding:0}
.accueil .blogs-widgets .card-footer, .accueil .receipts-widgets .card-footer{text-align:center!important}
.display-mobile {
    display: none;
}
@media only screen and (max-width: 767px) {
	.display-mobile {
        display: block
    }
    .display-desktop {
        display: none
    }
} 



.univers .card-item {
    box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    transform: translateY(0);
    transition: .4s ease-in-out
}

.univers .card-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 24px rgb(0 0 0 / 12%)
}
/*
.univers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 0 10px;
    margin-top: 60px
}*/


.univers h2 {
    margin-bottom: 0
}



.univers a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    font-family: var(--text-font);
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #003d44
}

.univers img {
    height: 100px;
    padding: 10px;
    margin: 0 auto;
}

.univers .card {
    height:100%
}

.modules.shops .content-short, .shops-widgets .content-short {
    color: var(--color-1);
    text-align: center;
    font-size: 12px;
}
.shops .card .attributes-list, .shops-widgets .card .attributes-list {
    position: absolute;
    z-index: 5;
    align-items: flex-end;
    display: flex;
    gap: 8px;
    bottom: 5px;
    right: 5px;
}
.shops .card .card-title, .shops-widgets .card .card-title {
    padding: 5px 5px 0px 5px;
	text-align:center;
}
.shops .card .card-body, .shops-widgets .card .card-body {
    padding: 0.5rem 0.5rem;
}
.shops-categories .card .edit, .shops-categories .card .favorites, .shops-categories .card .wishlist, .shops-index .card .edit, .shops-index .card .favorites, .shops-index .card .wishlist {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    top: 5px;
    right: 5px;
}

.blogs-header h1 {font-family: var(--title-font);}