:root {
    --color-accent-background: #f4be52;
    --color-accent-foreground: #f2b02d;
    --color-link-background: #5f7d64;
    --color-link-foreground: #4e6752;
    --color-text: #343749;
    --width-cart-sidebar: 137px;
}

html {
    font-size: 14px;
}

body {
    font-family: Lato, sans-serif;
    color: var(--color-text);
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1;
    margin-top: 10px;
}

.container {
    /* width: 1000px; */
    width: 1090px;
    max-width: none !important;
}

footer {
    background-color: #abd0c2;
    min-width: 1090px;
}

h1, h2, h3, h4, h5, h6 {
    color: #704049 !important;
    font-weight: 900;
}

.d-flex > :is(h1, h2, h3, h4, h5, h6) {
    margin: 0 !important;
}

a, a:hover {
    color: #4e6752;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.cameleon {
    color: inherit;
    text-decoration: underline;
}

a.total-cameleon {
    color: inherit;
    text-decoration: none;
}

a.total-cameleon:hover {
    text-decoration: underline;
}

.text-accent {
    color: var(--color-accent-foreground) !important;
}

.text-heading {
    color: #704049 !important;
}

.border-accent {
    border-left: #f4be52 solid 3px;
    padding-left: 0.5em;
}

.columns-2 {
    columns: 2;
}

.columns-3 {
    columns: 3;
}

label.col-form-label {
    font-weight: 700;
}

.main-menu {
    justify-content: left !important;
}

.search-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
}

.search-part input {
    width: 100%;
    display: block;
}

.search-part .search-bar {
    width: 100%;
    display: block;
}

.resizing_select {
    width: 50px;
}

#width_tmp_select {
    display: none;
}

#form-catalog-search {
    padding-top: 0.5rem;
    width: 500px;
    position: relative;
}

.search-group {
    width: 466px;
}

.search-group .form-select {
    border: none;
    cursor: pointer;
}

#form-catalog-search .dropdown-toggle {
    text-transform: uppercase;
}

.advanced-search-on .toggle-search {
    background-color: var(--color-accent-background);
    color: #000;
    border-radius: 3px;
    white-space: nowrap;
    padding: 1px 3px !important;
    text-decoration: none;
}

.main-nav {
    padding: 8px 0;
    box-shadow: rgba(0, 0, 0, .1) 0 0 5px;
    font-size: 15px;
    min-width: 1090px;
}

.main-nav > .container > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.main-nav > .container > ul > li {
    list-style: none;
    text-transform: uppercase;
    font-weight: 700;
}

.info-accueil {
    background-color: var(--color-accent-background);
    padding: 15px 60px 15px 60px;
    color: var(--color-text);
    font-weight: bold;
    margin-bottom: 20px;
    min-width: 1090px;
}

.accueil-private {
    padding-bottom: 40px;
}

.accueil-private h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
}

.home-group-size-1 {
    display: flex;
    gap: 22px;
    align-items: start;
    justify-content: space-between;
}

.home-img-size-1 {
    width: 140px;
    height: 160px;
    object-fit: cover;
}

.home-img-size-2 {
    width: 248px;
    height: 165px;
    object-fit: cover;
}

.dropdown-cart .dropdown-menu {
    width: 300px;
}

.dropdown-menu {
    padding: 0;
    text-transform: none;
}

.dropdown-divider {
    border-top: 3px #704049 !important;
}

hr {
    border-top: 1px solid #d8d8d8;
}

.dropdown-menu {
    border: none;
    border-top: 2px solid #704049 !important;
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, .4) 5px 5px 10px;
}

.filter h5 {
    font-size: 1em;
    text-transform: uppercase;
}

.filter ul {
    padding: 0;
}

.filter li {
    list-style: none;
}

.filter .header {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    padding: 5px 10px;
    background-color: #abd0c2;
    font-weight: bold;
    color: #fff;

}

.filter {
    margin-bottom: 20px;
}

.thematiques {

}

.thematiques .banniere-thematique {
    width: 100%;
    margin-bottom: 20px;
    object-fit: cover;
    aspect-ratio: 100 / 25;
}

.thematiques a {
    display: inline-block;
    text-align: right;
    color: #4e6752 !important;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
}

.thematiques a::before {
    display: inline-block;
    content: "";
    margin-right: 10px;
    height: 1.5px;
    width: 50px;
    background-color: #5E7D65;
}

.thematique .nb-prog {
    border: solid 1px rgba(0, 0, 0, .4);
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #704049;
}

.thematique .nb-prog span:first-child {
    font-size: 2.5em;
    font-weight: normal;
}

.thematique {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
    min-height: 130px;
}

.thematique .thema-prog-info {
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 15px;
}

.thematique .thema-prog-info h3 {
    font-weight: 900;
    font-size: 20px;
}

.research {
    background-color: #e7daca;
    padding: 10px 20px 10px 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.research h2 {
    font-size: 14px !important;
    margin: 0 !important;
}

.research a {
    margin-left: 10px;
    color: #704049;
}

.banniere-thematique {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-desc-thematique h2 {
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 0;
}

.article-desc-thematique p {
    margin: 0;
}

.article-desc-thematique {
    margin: 20px 0;
}

.article-thematique .prix {
    padding: 4px 0;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #f4be52;
    margin: 5px 0;
}

.article-thematique .panier {
    float: right;
}

.part-download-thematique {
    display: flex;
    flex-wrap: wrap;
}

.part-download-thematique > * {
    padding: 10px 30px 10px 0;
}

.all-cinemaffiche {
    margin: 40px 0;
}

.all-cinemaffiche div {
    padding: 4px 0;
}

.all-cinemaffiche > div {
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.header-title h1 {
    margin: 20px 0;
}

.header-title {
    margin-bottom: 40px;
}

.mea-cinemaffiche img {
    width: 100%;
}

.magazines .image img {
    width: 160px;
}

.magazines .image {
    text-align: center;
    margin: 20px 0;
}

.magazines .list {
    margin: 40px 0;
}

.magazines .list li {
    list-style: none;
}

.filmo-list {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
}

.filmographies h2 {
    margin: 20px 0 0 0;
}

.filmography {
    margin: 30px 0 0 0;
}

.filmography-img img {
    width: 100%;
}

.read-more-wrapper > div {
    padding: 0 10px;
}

.read-more-wrapper.clamped > div {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 293px;
}

.read-more {
    margin: 15px 0 0;
    font-weight: bold;
    padding: 10px;
}

.toolbar-filmo {
    margin-top: 30px;
    background-color: #e7daca;
    padding: 10px 15px;
}

.content-col .toolbar-filmo h2 {
    text-transform: none !important;
    margin: 0 !important;
}

.tab-pane > div {
    margin: 15px 0;
}

.tab-pane > .encours h2 {
    font-size: 1.2em;
}

.tab-pane > .encours {
    padding: .5rem 1rem;
}

.side-menu-compte {
    font-size: 0.9em;
}

.total {
    text-align: right;
    font-size: 1em;
    font-weight: bold;
}

.nav-link {
    color: #4e6752;
}

.nav-fix {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 500;
    min-width: 1090px;
}

.fixed .navbar-brand img {
    height: 50px !important;
    transition: height 1s;
}

.fixed {
    box-shadow: rgba(0, 0, 0, .1) 0 0 5px;
    transition: box-shadow 1s;
}

.nav-fix > .navbar {
    padding: 0;
}

.logo {
    width: 196px;
    text-align: center;
}

.nav-fix .navbar-brand img {
    height: 65px;
    transition: height .5s;
    margin: 10px 0;
}

.nav-fix.nav-public .navbar-brand img {
    height: 80px;
    transition: height 1s;
    margin: 10px 0;
}

.login-page .nav-public .login-button {
    display: none;
}

.register-page .nav-public .register-button {
    display: none;
}

.page-link {
    background-color: #5E7D65 !important;
    color: #fff !important;
}

.page-link:hover {
    color: #fff !important;
}

.reissues-items {
    margin: auto;
    padding: 15px 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.reissues-items .reissue-item {
    margin: 10px;
    width: 160px;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 5px;
}

.reissues-head {
    padding: 15px 20px;
}


.btn-primary {
    background-color: var(--color-link-background);
    border-color: var(--color-link-background);
    color: #FFFFFF;
}

.btn-secondary {
    background-color: transparent;
    border-color: var(--color-link-foreground);
    color: var(--color-link-foreground);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-secondary:hover {
    background-color: var(--color-link-background);
    border-color: var(--color-link-background);
    color: #FFFFFF;
    text-decoration: none;
}

.btn-outline-primary {
    border-color: var(--color-link-background);
    color: var(--color-text);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary {
    background-color: var(--color-link-background);
    border-color: var(--color-link-background);
}

.btn-outline-primary:hover img,
.btn-outline-primary:active img,
.btn-outline-primary:focus img,
.btn-check:checked + .btn-outline-primary img {
    filter: invert(100%) contrast(100%);
}

li .panier {
    margin: 30px;
    display: block;
    width: 150px;
}

.table-comments-article tr:nth-child(4n+3), .table-comments-article tr:nth-child(4n+4) {
    background: #f1f1f1;
}

.table-comments-article tr:nth-child(2n+1) {
    border-color: transparent;
}

.table-comments tr:nth-child(6n+4), .table-comments tr:nth-child(6n+5), .table-comments tr:nth-child(6n+6) {
    background: #f1f1f1;
}

.table-comments tr:nth-child(3n+1), .table-comments tr:nth-child(3n+2) {
    border-color: transparent;
}

.header-notes {
    background: #f1f1f1;
    border-bottom: #704049 2px solid;
}

.hide {
    display: none;
}

.toggler:hover {
    cursor: pointer;
}

.order_article_row_1 td.r-image {
    padding-bottom: .5rem;
}

.r-image {
    width: 75px;
    max-width: 75px;
}

.r-check {
    width: 18px;
    text-align: left;
}

.r-num {
    font-weight: 700;
    width: 74px;
    text-align: left;
}

.r-date {
    width: 100px;
    text-align: center;
}

.r-type {
    width: 30px;
    white-space: nowrap;
    text-align: center;
}

.r-state-add {
    text-align: center;
    white-space: nowrap;
}

.r-ordered {
    white-space: nowrap;
}

.affichage-grid .dispo,
.order_article_row .dispo,
.article-container .dispo {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 2px;
}

.affichage-grid .dispo {
    font-size: 11px;
    line-height: normal;
}

.grid-dispo {
    margin-bottom: 5px;
}

.order_article_row .a_reason {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.order-actions {
    width: 18px;
    text-align: right;
}

.badge-po, .badge-bill, .badge-tracking {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: #424242;
    font-weight: bold;
    font-size: 10px;
    border-radius: 2px;
    position: relative;
    top: -3px;
}

.badge-po {
    background-color: black;
    color: white;
}

.badge-bill {
    background-color: #ff2f92;
    color: white;
}

.badge-tracking {
    background-color: #8eff27;
}

.order_article_row_1 td:not([rowspan='2']) {
    border-bottom: none;
    padding-bottom: 0;
}

.order_article_row_2 td {
    padding-top: 0;
}

.order_article_row .r-title {
    line-height: normal;
}

.order_article_row .a-titre {
    font-weight: 900;
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.order_article_row .a-collection,
.article-container .a-collection {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.order_article_row .a-ref,
.article-container .a-ref {
    font-weight: 700;
}

.cart-detail .order_article_row.not_buyable td {
    background-color: rgba(255, 0, 0, .2);
}

.tag-choix-supports {
    background-color: #704049;
    border-radius: 2px;
    color: #fff;
    padding: 1px 3px !important;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
}

.tag-bluray {
    background-color: #0095D5;
    border-radius: 2px;
    color: #fff;
    padding: 1px 3px !important;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
}

.tag-bluray-4k {
    background-color: #000;
    border-radius: 2px;
    color: #fff;
    padding: 2px;
    text-transform: uppercase;
    font-size: .8em;
}

.tag-accent {
    background-color: var(--color-accent-background);
    border-radius: 2px;
    color: #000;
    padding: 2px;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
}

.status-icon.status-5 {
    background-color: #ff2600;
    border-color: #ff2600;
}

.status-icon.status-1 {
    background-color: #ffff00;
    border-color: #fefb00;
}

.status-icon.status-6 {
    border-color: #ff9300;
}

.status-icon.status-2 {
    background-color: #ff9300;
    border-color: #ff9300;
}

.status-icon.status-3 {
    border-color: #8df900;
}

.status-icon.status-4 {
    background-color: #8df900;
    border-color: #8df900;
}

.status-icon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border-style: solid;
    border-width: 4px;
}

.table-order-infos td {
    border-top: 3px solid #eef1f4;
    border-bottom: 3px solid #eef1f4;
    background-color: #f4f6f7;
}

.totaux table {
    width: 100%;
}

.totaux table td {
    text-align: right;
    padding-right: 4px;
}

.totaux > div:last-child {
    font-weight: 700;
}

.totaux > div:last-child tr:last-child {
    color: #704049;
    font-weight: 900;
}

.price-final {
    color: #704049;
    font-weight: bold;
    font-size: 1.2em;
}

.final .apres-remise {
    color: #704049;
}

.price span {
    font-weight: bold;
}

.out-of-stock {
    text-transform: uppercase;
    font-size: 9px;
    color: #ff2600;
}

.ordered-multi {
    background-color: var(--color-accent-background);
    color: #000;
    border-radius: 50%;
    font-weight: normal;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0;
}

.by-colaco {
    background-color: #abd0c2;
    border-radius: 2px;
    color: #000;
    padding: 1px 3px !important;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
}

.search-popup {
    overflow: auto;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: #e7daca;
    z-index: 2000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    font-size: 12px;
    padding-bottom: 40px;
}

.search-video .video,
.search-multimedia .multi {
    display: block;
}

.search-video .multi,
.search-multimedia .video {
    display: none;
}

.search-video .video.multi,
.search-multimedia .multi.video {
    display: block;
}

.search-popup input.form-control {
    border: none;
    border-radius: 0;
    border-bottom: solid 1px var(--color-text);
    margin: 4px 0;
    color: var(--color-text);
    /*font-size: 12px;*/
    /*background-color: #fff;*/
    /*height: 20px;*/
    /*max-width: 100%;*/
    /*padding: 16px;*/
}

.search-popup .well select.form-select {
    border: none;
    border-radius: 0;
    border-bottom: solid 1px var(--color-text);
    margin: 4px 0;
    color: var(--color-text);
    /*padding: 18px 3px 5px 3px!important;*/
    /*font-size: 12px;*/
    /*background-color: #fff;*/
    /*max-height: 40px;*/
    /*max-width: 100%;*/
}

/* .form-floating>label{
    padding: inherit;
    top: 10px;
    opacity: 80%;
} */

.search-popup .well {
    background-color: #fff;
    padding: 5px 20px 15px 20px;
    margin-bottom: 12px;
    color: var(--color-text);
}

.well-sm {
    padding: 10px;
    border-radius: 0;
}

.search-footer {
    position: fixed;
    width: 100%;
    min-width: 1090px;
    bottom: 0;
    padding: 10px 0;
    background-color: rgba(231, 218, 202, 0.7);

}

.search-reco img {
    height: 14px;
}

#search-popup-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

#search-popup-header .logo img {
    height: 50px;
}

.search-popup h1 {
    margin: 0;
    font-weight: 400;
    font-size: 28px;
    color: var(--color-text) !important;
}

.search-popup h2,
.search-popup-v2 h3 {
    margin-top: 15px;
    font-size: 1em;
    color: var(--color-text);
    text-transform: uppercase;
    font-weight: 700;
}

.search-popup-v2 h2 {
    font-weight: 700;
    font-size: 1em;
    padding: 8px 12px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 12px;
    color: var(--color-text) !important;
    background-color: #abd0c2;
    text-align: center;
}

.search-popup-v2 label {
    font-size: 12.5px;
}

.search-popup label i {
    color: #704049;
}

.not-visible {
    opacity: 0;
}

#search-dropdown, #search-submit, #search-keywords {
    transition: opacity 0.5s;
}

.dropdown-text {
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.list-notification {
    max-width: 350px;
    padding: 0;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-decoration: none;
    font-size: 0.9em;
    max-height: 80vh;
    overflow: auto;
}

.notification {
    width: 100%;
    display: flex;
    padding: 15px;
    cursor: pointer;
}

.notification:hover {
    background-color: #EDEDEE !important;
}

.notification:nth-child(2n+1) {
    width: 100%;
    display: flex;
    background-color: #f4f6f7;
}

.notification div {
    max-width: 100%;
}

.notification-icon {
    flex: 1;
    padding: 0 5px;
}

.notification-text {
    flex: 9;
    display: flex;
    padding: 0 5px;
}

.external-link-icon {
    padding: 0 5px;
}

.notification-date {
    flex: 1;
    padding: 0 5px;
}

.info-default-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panier-en-cours {
    text-decoration: none !important;
}

.current-cart-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group {
    margin: 20px 0;
}

.decrease-increase-qt {
    font-weight: bold;
    padding: 3px;
    font-size: 1rem;
    text-decoration: none !important;
}

.not_buyable .decrease-increase-qt {
    display: none;
}

.notification:before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #f4be52;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    opacity: 0;
    transition: opacity 1s;
}

.unread:before {
    opacity: 1;
}

.slave {
    background-color: var(--color-accent-background);
    color: #000;
    border-radius: 3px;
    padding: 1px 3px !important;
    font-size: 11px;
    white-space: nowrap;
    font-weight: 700;
}

.slave i {
    display: none;
}

.slave::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f007";
    padding-right: 1px;
}

.modal-header {
    background-color: #abd0c2;
}

.modal-body {
    max-height: 60vh;
    overflow: auto;
    position: relative;
}

.modal-footer {
    background-color: #f1f1f1;
}

.a-rights {
    margin-bottom: 10px;
}

.article-container .logo-support {
    height: 22px;
    max-width: 60px;
    object-fit: contain;
}

.dual-support .logo-support {
    margin-bottom: 5px;
}

.reissue-item-format .dual-support {
    display: inline;
}

.articles-filmographie {
    padding: 10px;
    border: #eef1f4 solid 0;
    border-bottom-width: 5px;
}

.a-panier {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    font-size: 1.6em;
}

.badge-green {
    font-weight: normal;
    background-color: #abd0c2;
}

.badge-brown {
    font-weight: normal;
    background-color: #704049;
}

.nav-tabs {

}

.go-out a {
    font-size: 0.9em;
    border: none;
}

.go-out {
    border-bottom: 2px solid rgba(113, 64, 74, 0.25) !important;
    margin-bottom: -1px;

}

.more-carts a span {
    position: absolute;
    right: 0;
    top: 3px;
    text-transform: uppercase;
    font-size: 10px;
}

.more-carts ul li {
    list-style: none;
    position: relative;
}

.more-carts ul {
    padding: 0;
}

.more-carts {
    background-color: transparent;
    border: none;
}

.more-carts a .fa {
    margin-right: 3px;
}

.modif-info label {
    font-weight: bold;
    text-align: right;
}

.affichage-list .article-desc-container {
    position: relative;
    background-color: #fff;
    border-bottom: 3px solid #eef1f4;
    clear: both;
    padding: 10px 0;
}

.affichage-list .article-desc-container a.main-image-lnk {
    width: 70px;
    min-height: 90px;
    float: left;
}

.a-types {
    float: left;
    font-weight: bold;
    width: 85px;
    text-align: center;
}

.a-price {
    float: left;
    width: 105px;
    color: #704049;
    text-align: center;
    margin-right: 15px;
}

.a-price .prix-brut {
    text-decoration: line-through;
}

.a-price .prix-net {
    font-weight: bold;
}


.a-cart, .a-pp {

    font-size: 18px;

}

.results .articles-checkbox {
    position: absolute;
    top: 50px;
    right: 30px;
}

.affichage-list .article-desc-container p {
    margin: 0;
}

.icone-colaco {
    color: #704049;
    font-size: 18px;
    height: 20px;
    display: flex;
    align-items: center;
}

.search-layout header {
    margin-bottom: 25px;
}

.search-results-toolbar {
    height: 36px;
    padding-left: 20px;
}

.row:first-child .search-results-toolbar {
    /* border-bottom: 1px solid rgba(0,0,0,.4); */
    margin-bottom: 20px;
}

.row:last-child .search-results-toolbar {
    /* border-top: 1px solid rgba(0,0,0,.4); */
}

.search-results-toolbar label {
    font-weight: normal;
    text-transform: uppercase;
    margin-right: 5px;
    font-size: 12px;
    color: var(--color-text);
}

.pagination-articles ul {
    margin: 0;
}

.toolbar {
    position: relative;
    padding: 10px 15px;
}

.toolbar .pagination {
    float: left;
    margin: 0;
}

.toolbar label {
    margin-bottom: 0 !important;
    font-weight: normal;
    color: #424242;
    height: 22px;
}

.toolbar .sort-order, .toolbar .by-page, .toolbar .style-view, .toolbar .count-order, .toolbar .pagination-articles {
    padding: 10px;
    float: right;
}

.toolbar .style-view {
    padding: 0;
}

.toolbar .style-view a {
    font-size: 1.4em;
}

.toolbar .by-page {
    margin-left: 10px;
}

.toolbar-bottom {
    min-height: 65px;
}

.sidebar-filter-title {
    color: #704049;
    border-top: 1px solid #d8d8d8;
    display: block;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 2.8;
    padding: 2px 0 2px 12px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

.sidebar-filter-content {
    margin: 0 15px 10px;
    overflow: hidden;
}

.sidebar-filters {
    overflow: auto;
    max-height: 75vh;
    display: block !important;
    position: sticky;
    position: -webkit-sticky;
    top: 70px; /* required */
}

.sidebar-container {
    padding-right: 20px;
    position: relative;
}

.sidebar-filter-indis {
    font-size: 0.85em;
    border-top: 1px solid #d8d8d8;
    padding: 15px 0;
}

.sidebar-filter-toggler {
    float: right;
}

.toolbar .count-order {
    font-weight: bold;
}

.sidebar-filter-toggler {
    padding: 0 12px;
}

.pagination-front {
    font-size: 1rem;
}

.pagination-front .last-page {

    padding: 5px 5px;
}

.pagination-front .page-item {
    padding: 0 5px;
}

.pagination-front .active {
    font-weight: bold;
}

#search-dropdown {
    display: inline-block;
    border: none;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .25rem;
    appearance: none;
    padding: 4px 8px;
    font-size: 13px;
    height: 26px;
}

.navbar ul {
    padding-left: 0;
}

.perso-part {
    padding-top: .5rem;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    gap: 10px;
    color: var(--color-text);
}

.nav-public .perso-part {
    padding: 0;
}


.sidebar-filter-active-content-filter a {
    border-radius: 4px;
    padding: .5em 1.5em .5em .5em;
    background: #f4be52;
    display: block;
    color: #003266;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-filter-active-content-filter a .fa {
    position: absolute;
    font-size: 11px;
    top: 1em;
    right: 10px;
}

.sidebar-filter-active-list {
    list-style-type: none;
    padding: 0;
    margin: .4em 0 1.6em;
}

.sidebar-filter-active-list li {
    margin: .4em 0;
}

.sidebar-filter-active-title {
    color: #704049;
    border-top: 1px solid #d8d8d8;
    display: block;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 2.8;
    padding: 2px 0 2px 12px;
    text-transform: uppercase;
    position: relative;
}

.sidebar-filter-active-content .reinit {
    text-align: right;
    display: block;
    font-size: .916667em;
    text-decoration: underline;
}

.sidebar-filter-active-content {
    margin: 0 0 1.6em;
    padding: 0 15px;
}

.after-remise {
    text-align: right;
    font-size: 0.9em;
}

.sidebar-filter-content label .sidebar-filter-choice-count {
    color: #989898;
}

.sidebar-filter-choice label {
    text-indent: -15px;
    margin-left: 15px;
}

.ac-search {
    padding: 15px 5px !important;
}

.search-popup .search-date input {
    padding: 3px 3px 0 15px !important;
    font-size: 12px;
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    border-color: var(--color-text);
    background-color: #fff;
    color: var(--color-text);
    max-height: 30px;
    max-width: 100%;
    line-height: 2.8;
}

.search-popup .search-date label {
    padding: 3px 3px 3px 3px !important;
    font-size: 12px;
    line-height: 2.8;
    max-height: 30px;
}

.search-popup .search-date .row {
    max-width: 100%;
    margin: auto;
}

.affichage-grid .article-desc-container {
    padding: 0 20px 40px;
    cursor: pointer;
}

.image-grid {
    display: block;
    width: 165px;
    height: 220px;
    margin-bottom: 10px;
}

.image-grid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#modal-articles .modal-dialog {
    min-width: 830px;
}

.choose-cart label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    padding: 5px;
}

.filters-on {
    background-color: #f4be52;
    color: #003266;
    border-radius: 2px;
    min-height: auto;
    padding: 3px 5px;
    margin: 2px 0;
}

.search-options {
    text-align: right;
    padding-right: 35px;
    padding-top: 1px;
    font-size: 13px;
    color: #343739;
}

.selection-popover-wrapper {
    position: fixed;
    bottom: 30px;
    right: 30px;
    max-width: 1000px;
    width: auto;
    z-index: 800;
}

.selection-popover {
    width: auto;
    font-size: 13px;
    /* background-color: #e7daca; */
    border-radius: 5px;
    /* box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.27); */
    background-color: #242424;
    color: var(--color-accent-background);
}

.selection-popover a {
    color: #fff;
    font-weight: 700;
}

.selection-popover-count {
    font-weight: 700;
    float: left;
    padding: 20px 25px 20px 20px;
}

.selection-popover-actions {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.selection-popover-cancel {
    float: left;
    padding: 20px 20px 20px 25px;
}

.selection-popover-cancel a {
    font-weight: normal;
}

.selection-popover-actions a {
    margin-left: 8px;
    margin-right: 8px;
}

#modal-articles .articles-checkbox {
    display: none;
}

.already-in span {
    background-color: var(--color-accent-background);
    text-transform: uppercase;
    color: black;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 4px 2px;
    border-radius: 2px;
    white-space: nowrap;
}

.already-inorder,
.already-incart {
    display: none;
}

.incart .already-incart,
.inorder .already-inorder {
    display: block;
}

.inorder.incart .already-incart {
    display: none;
}

.incart .a-cart,
.inorder .a-cart {
    background-color: #f4be52;
    border: solid 2px #f4be52;
    border-radius: 50%;
    color: black;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    height: 26px;
    width: 26px;
    display: inline-block;
}

.incart:hover {
    background-color: #fff;
    color: black;
}

.majprix {
    font-size: 10px;
    color: black;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.majprix span {
    background-color: #abd0c2;
    padding: 2px 4px;
    border-radius: 2px;
}

#simple-search-suggestions {
    font-size: 12px;
    position: absolute;
    right: 35px;
    background-color: #ffffff;
    width: 466px;
    box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.27);
    z-index: 700;
    padding-top: 10px;
    padding-bottom: 10px;
}

#simple-search-suggestions .cat {
    margin-bottom: 8px;
}

#simple-search-suggestions .cat div:first-child {
    color: #494949;
    font-style: italic;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

#simple-search-suggestions a {
    display: block;
    font-weight: 700;
    line-height: 1.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
    padding-right: 10px;
}

#simple-search-suggestions a:hover {
    background: #eeeeee;
    text-decoration: none;
}

#simple-search-suggestions a span {
    font-weight: normal;
}

.affichage-list .article-container {
    margin-left: 20px;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.affichage-list div:last-child > .article-container {
    border-bottom: none;
}

.affichage-list a.article-link-container {
    float: left;
    cursor: pointer;
    color: var(--color-text);
}

.affichage-list .article-container .a-image {
    width: 68px;
    height: 90px;
    float: left;
    margin-right: 15px;
}

.affichage-list .article-container .a-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.affichage-list .article-container .a-info {
    float: left;
    width: 433px;
    margin-right: 15px;
}

.affichage-list .article-container .a-actions {
    float: left;
    text-align: center;
    width: 38px;
}


.image-list,
.r-image img {
    width: 100%;
}

.image-panier-list {
    max-width: 150px;
}

.image-panier-list img {
    width: 100%;
}

.a-titre-grid,
.a-titre-list {
    text-transform: uppercase;
    color: #704049;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.a-titre-grid {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
}

.componant-title {
    background-color: #f4be52;
    padding: 5px 10px;
    margin-top: 50px;
}

.see-more-wrapper div {
    max-height: 305px;
    overflow: hidden;
    position: relative;
}

.enfants-a {
    background-color: #abd0c2;
    padding: 5px 10px;
}

.nouveaute {
    background-color: #abd0c2;
    padding: 5px 10px;
}

.new-aquis header {
    position: relative;
    width: 946px;
    height: 198px;
    margin: 0;
    z-index: 999;
}

.new-aquis header h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ce267d;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: .5em 0 1em;
}

.new-aquis .return-top-cnt {
    position: fixed;
    width: 906px;
    bottom: 26px;
    text-align: right;
}

.a-type img {
    max-width: 100%;
}

.a-type-list img {
    max-width: 44px;
    max-height: 80px;
}

.loading_screen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(100%, 100%, 100%, 0.86);
    z-index: 4000;
    overflow: hidden;
    display: block;
}

.loading_screen .images {
    padding-top: 20vh;
    text-align: center;
}

.loading_screen .images img {
    height: 100px;
    -webkit-animation: spin 1s linear infinite alternate;
    -moz-animation: spin 1s linear infinite alternate;
    animation: spin 1s linear infinite alternate;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(40deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(40deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }
}

.loading_screen #text-loading {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5E7D65;
    text-align: center;
    padding-top: 50px;
}

.accueil .intro {
    border-left: 3px solid #704049;
    padding-left: 20px;
    font-size: 32px;
    margin: 50px 0;
}

.accueil p {
    max-width: 800px;
    margin: 20px auto;
}

.accueil .citation img:first-child {
    max-height: 35px;
    position: absolute;
    top: 25px;
    left: 120px;
}

.accueil .citation p {
    padding: 0 40px;
    text-align: center;
}

.accueil .citation img:last-child {
    max-height: 20px;
    position: absolute;
    top: 95px;
    right: 180px;
    transform: rotate(180deg);
}

.accueil .citation-bloc {
    background-color: #e7daca;
    padding: 10px 0;
    position: relative;
}

.accueil .important {
    color: #704049;
    font-weight: bold;
}

.accueil .image-background {
    position: absolute;
    z-index: -1;
    height: 270px;
    top: 30px;
    left: -70px;
}

.accueil .bloc-image-background {
    position: relative;
    overflow: hidden;
}

.banniere-accueil {
    position: relative;
}

.banniere-accueil img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.banniere-accueil .banniere-legende {
    position: absolute;
    width: 100%;
    padding: 5px 25px 25px;
    color: white;
    font-weight: 700;
    font-size: 12px;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    transition: all 2s ease;
    opacity: 0;
}

.banniere-accueil:hover .banniere-legende {
    opacity: 1;
}

.accueil-private .content-slider {
    overflow: hidden;
}

.accueil-private .slider {
    flex-wrap: nowrap;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 29px;
}

a.home-img-cnt {
    position: relative;
    display: block;
}

.home-img-legend {
    position: absolute;
    width: 100%;
    padding: 15px 10px 10px 5px;
    color: white;
    font-weight: 900;
    font-size: 13px;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    transition: all .5s ease;
    opacity: 0;
    display: flex;
}

.home-img-legend i {
    margin-top: 2px;
    margin-right: 5px;
    flex: 0 0 auto;
}

.home-img-legend span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    flex-grow: 1;
}

.home-img-cnt:hover .home-img-legend {
    opacity: 1;
}

.btn-slider {
    position: absolute;
    z-index: 50;
    font-size: 3em;
    padding: 8px 12px !important;
    color: white;
    opacity: 0.6;
    transition: opacity 0.3s;
    top: 42px;
}

.btn-slider:hover {
    cursor: pointer;
    opacity: 0.85;
}

.l-btn-slider {
    left: 0;
}

.r-btn-slider {
    right: 0;
}

.bloc-slider {
    position: relative;
}

.public-navbar a {
    color: #704049;
}

.cart-comments {
    border: 1px dotted #aaa;
    padding: 1px 5px;
}

.cart-comments .input-comment {
    display: inline-block;
    height: 100%;
    width: 80%;
    border-color: #ffffee;
    /* overflow: hidden; */
    border: none !important;
}

.cart-comments .btn {
    display: inline-block;
    height: 100%;
    width: 9%;
    padding: 1px 1px;
    border-color: #ffffee;
    /* overflow: hidden; */
    border: none !important;
}

.cart-comments .input-comment:focus {
    outline: none;
}

.a_indispo {
    background-color: rgba(255, 0, 0, .3);
}


a.dropdown-item:active {
    background-color: #5E7D65;
    text-decoration: none;
}

.a-titre-original {
    font-weight: 900;
    color: #704049;
}

.a-titre {
    margin: 0;
}

.affix-top {
    position: sticky;
    top: 85px;
}

.perso-part > div > .btn,
#form-catalog-search button[type=submit] {
    color: var(--color-text);
    font-size: 16px;
}

.perso-part > div > .btn:hover,
#form-catalog-search button[type=submit]:hover {
    color: #4e6752;
    text-decoration: none;
}

.perso-part .cart-icon {
    position: relative;
}

.perso-part .cart-icon .cart_compteur {
    min-width: 20px;
    position: absolute;
    left: 18px;
    bottom: 19px;
    font-size: 0.8em;
    font-weight: 700;
    text-align: left;
    line-height: 14px;
    padding-left: 2px;
    background-color: white;
}

.main-nav > div > ul > li > a {
    color: #704049;
}

.main-nav > div > ul > li > a:hover {
    color: #212529;
}

.main-nav > div > ul > li > a:focus {
    color: #212529;
}

.categorie-ligne > .col-6 {
    padding-right: 40px !important;
}

.categorie-ligne > .col-4 {
    padding-right: 40px !important;
}

.images-biblio {
    border: solid 1px #704049;
    color: #704049;
    border-radius: 2px;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: 700;
    font-size: 10px;
}

.a-title-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-bordeaux {
    background-color: #704049;
}

.block-header table.notice-personnalisation.block th i {
    transition: transform .3s;
}

.block-header.open table.notice-personnalisation.block th i {
    transform: rotate(90deg);
}

.block-header th.title {
    text-align: left;
    cursor: pointer;
}

.field {
    width: 60px;
    font-weight: bold;
}

.indicator {
    width: 80px;
}

.choice1 {
    width: 50px;
}

.choice2 {
    width: 70px;
}

.subfield {
    width: 70px;
}

.notice-personnalisation.table {
    margin: 0;
}

#feedback-container {
    position: fixed;
    bottom: 30px;
    left: 30px;
    max-width: 33%;
    width: auto;
    z-index: 3000;
}

.feedback-item {
    margin-top: 10px;
    border-radius: 5px;
    background-color: #242424;
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feedback-text {
    flex-grow: 1;
}

.feedback-text a {
    color: #fff;
    text-decoration: underline;
}

.feedback-error .feedback-icon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f071";
    padding-right: 15px;
    font-size: 20px;
    color: red;
}

.feedback-success .feedback-icon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f058";
    padding-right: 15px;
    font-size: 20px;
    color: limegreen;
}

.feedback-info .feedback-icon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f05a";
    padding-right: 15px;
    font-size: 20px;
    color: deepskyblue;
}

.feedback-close {
    margin-left: 20px;
    cursor: pointer;
}

.client-layout .header-title {
    height: 44px;
}

.client-layout h2,
.order-layout h2 {
    color: #704049 !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 1rem;
}

.client-notes h2 {
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
    margin: 0;
}

.notice-personnalisation th {
    color: #704049;
    font-size: 16px;
}

.faq dt {
    color: #704049;
    margin-bottom: .5em;
    font-size: 1.1em;
}

.faq dd {
    margin-bottom: 2.2em;
}

ul.no-bullet {
    list-style-type: none !important;
}

#statuses {
    list-style-type: none;
    text-indent: -25px;
    margin-left: 40px;
}

#statuses li {
    margin-bottom: 1em;
}

#statuses .status-icon {
    margin-right: 10px;
}

.pictogrammes {
    margin-top: 20px;
}

.pictogrammes td {
    height: 30px;
}

.pictogrammes td:nth-child(odd) {
    padding-right: 10px;
    text-align: right;
}

.pictogrammes i {
    color: #704049;
}

#pictogrammes-support {
    margin-top: 20px;
    width: 100%;
}

#pictogrammes-support img {
    width: 60px;
    height: 22px;
    object-fit: contain;
    object-position: right;
    margin: 5px;
}

#pictogrammes-support td:nth-child(odd) {
    width: 8%;
    text-align: right;
}

#pictogrammes-support td:nth-child(even) {
    width: 18%;
}

.icone-ppnc {
    font-size: 22px;
}

.content-col h1,
.search-layout h1 {
    color: var(--color-text) !important;
    font-weight: 400;
    font-size: 33px;
    margin: 0 0 15px;
    background-image: url('../images/icone-oeil-bleu.svg');
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 33px 33px;
    padding-left: 40px;
}

.content-col h1.no-eye {
    background-image: none;
    padding-left: 0;
}

.content-col .intro {
    font-weight: 700;
    color: #704049;
}

.client-layout,
.order-layout,
.left-sidebar-layout {
    padding-top: 30px;
    padding-bottom: 30px;
}

.order-layout header .order-status {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.sidebar-col {
    padding-top: 4px;
}

.sidebar-content {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
    z-index: 1;
}

.sidebar-content > nav h1,
.client-sidebar .client-header a,
.sidebar-filters-title {
    font-weight: 700;
    font-size: 1em;
    padding: 8px 12px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 15px;
}

.sidebar-content > nav h1,
.sidebar-filters-title {
    color: var(--color-text) !important;
    background-color: #abd0c2;
}

.client-layout, .order-layout {
    margin-top: 0;
    padding-top: 0;
}

.client-header {
    background-color: #e7daca;
    font-size: 18px;
    height: 50px;
    position: sticky;
    top: 70px;
    margin-bottom: 20px;
    z-index: 2;
    min-width: 1090px;
}

.client-header span {
    padding-left: .2em;
    padding-right: .2em;
}

.client-layout .sidebar-content,
.order-layout .sidebar-content {
    position: sticky;
    top: 143px;
}

.client-header .container {
    height: 50px;
}

.client-header h1 {
    margin: 0;
    font-size: inherit;
    color: #704049;
    font-weight: inherit;
}

.client-header a:not(.btn) {
    color: #704049;
    text-decoration: none;
}

.client-header a:not(.btn):hover {
    color: #704049;
    text-decoration: underline;
}

.client-header a:not(.btn) i {
    color: #704049;
    margin: 0;
}

.sidebar-content > nav h2 {
    color: #704049;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: .9em;
}

.sidebar-content p:first-child {
    margin-top: 58px;
}

.sidebar-col nav {
    border-bottom: solid 1px rgba(0, 0, 0, .2);
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.sidebar-col nav ul {
    margin: 0;
    padding: 0 0 0 3px;
    list-style-type: none;
}

.sidebar-col nav li {
    line-height: 1.8em;
}

.sidebar-col nav li.active a {
    font-weight: 900;
    color: #704049;
}

.sidebar-col nav .with-chevron li::before {
    display: inline-block;
    width: 1.25em;
    vertical-align: middle;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.4%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transform-origin: .5em 50%;
}

.sidebar-col nav ul a {
    color: var(--color-text);
    text-decoration: none;
}

.sidebar-col nav ul a:hover {
    color: #4e6752;
    text-decoration: underline;
}

.sidebar-col i {
    color: rgba(0, 0, 0, .4);
    margin-right: 5px;
}

.client-sidebar-commandes {
    font-weight: 700;
}

.publication-thumbnail {
    border: 1px solid #eee;
    width: 210px;
    height: 297px;
    box-sizing: border-box;
    object-fit: cover;
}

.publication-thumbnail.italienne {
    height: 210px;
    width: 297px;
}

.bloc-titre-reco {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.affichage-list .bloc-titre-reco {
    margin-bottom: 3px;
    font-size: 14px;
}

.affichage-grid .bloc-titre-reco {
    margin-bottom: 7px;
    font-size: 18px;
}

.fiche-article .bloc-titre-reco {
    margin-bottom: 5px;
    font-size: 26px;
}

.fiche-article .bloc-titre-reco h1 {
    margin: 0 15px 0 0;
}

.affichage-list .bloc-titre-reco h4 {
    font-size: inherit;
}

.a-news {
    color: #000;
    background-color: #f4be52;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 3px !important;
    border-radius: 2px;
    line-height: normal;
}

.a-best-seller {
    color: #000;
    background-color: #f4be52;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 3px !important;
    border-radius: 2px;
    line-height: normal;
    white-space: nowrap;
}

.reco-colaco {
    white-space: nowrap;
    display: inline-flex;
    gap: 2px;
}

.reco-colaco img {
    height: 1em;
}

a.anchor {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}

.dir-cart-row, .dir-empty, .dir-row {
    background-color: #F6F6F6;
}

.order-header {
    background-color: #e7daca;
    height: 44px;
    padding: 0 12px;
    font-size: 16px;
    color: #704049;
    font-weight: 700;
}

.order-header h1 {
    display: inline;
    font-size: 16px;
    color: #704049;
    font-weight: 700;
}

.order-list-col-check {
    width: 4%;
}

.order-list-col-num {
    width: 13%;
}

.order-list-col-name {
    width: 21%;
}

.order-list-col-date {
    width: 15%;
}

.order-list-col-tags {
    width: 8%;
}

.order-list-col-status {
    width: 15%;
}

.order-list-col-comp {
    width: 5%;
}

.order-list-col-art {
    width: 5%;
}

.order-list-col-total {
    width: 10%;
}

.order-list-col-icon {
    width: 4%;
}

.sortable-header:hover {
    text-decoration: none;
}

.direction-asc .current-sort:after,
.direction-desc .sortable-header:hover:after {
    content: "\f077";
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
    padding-left: 3px;
}

.direction-desc .current-sort:after,
.direction-asc .sortable-header:hover:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
    padding-left: 3px;
}

.download-link {
    background-image: url('../images/icone-download.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: auto 14px;
    padding-left: 22px;
}

#article-view-history .container {
    border-top: solid 1px rgba(0, 0, 0, .2);
}

#article-view-history .container > div {
    gap: 30px;
}

#article-view-history h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    margin: 20px 0;
}

#article-view-history img {
    max-width: 80px;
}

#cart-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--width-cart-sidebar);
    background-color: #f1f1f1;
    z-index: 600;
    border-left: solid 1px rgba(0, 0, 0, .2);
    display: none;
}

@media print {
    #cart-sidebar {
        display: none;
    }
}

/*@media (max-width: 1200px) {
    #cart-sidebar {
        display: none !important;
    }
}*/

@media (min-width: 1230px) {
    body.with-cart {
        padding-right: var(--width-cart-sidebar);
    }

    .with-cart #cart-sidebar {
        display: flex;
    }

    .with-cart .selection-popover-wrapper {
        margin-right: 30px;
        right: var(--width-cart-sidebar);
    }
}

#cart-sidebar-current {
    padding: 10px 5px;
    font-size: 14px;
}

#cart-sidebar .current-cart-name {
    word-wrap: break-word;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

#cart-sidebar .info-cart-grandtotal {
    font-size: 14px;
}

#cart-sidebar .after-remise {
    font-size: 10px;
    text-transform: uppercase;
}

#cart-sidebar h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}

#cart-sidebar-articles {
    position: absolute;
    top: 0;
    bottom: 0;
}

.cart-sidebar-article {
    width: var(--width-cart-sidebar);
    font-size: 12px;
    text-align: center;
    padding: 10px 5px 7px;
    border-bottom: solid 1px rgba(0, 0, 0, .2);
    background-color: #fff;
}

.cart-sidebar-article:first-child {
    border-top: solid 1px rgba(0, 0, 0, .2);
}

#cart-sidebar-articles img {
    width: 61px;
    margin-bottom: 4px;
}

.popover {
    max-width: 100% !important;
}