@charset "utf-8";
body {
    font-family: 'Gentium Book Basic', serif;
    background: #000;
    color: #310;
}
abbr[data-original-title], abbr[title] {
    outline: 0;
    border: 0;
    text-decoration: none
}
.nav-link {
    padding: .2rem 1rem;
}
.bg-dark {
    background-color: #310!important;
}
i[class^='material'] {
    vertical-align: top;
}
.jumbotron {
    background-color: transparent
}
#toast-container {
    position: fixed;
    top: 3em;
    right: 1em;
    z-index: 10000;
}
#header-top {
    max-height:38.5px;
}
#header {
    position: relative;
    z-index: 1000;
    background: #321601;
}
@media (max-width: 767.98px) {
	#header {
		position: fixed;
		z-index: 9999;
		width: 100%
	}
	#header .navbar {
		width: 100%
	}
	#content {
		padding-top: 2.2em;
	}
}

#menu_account_links .dropdown-menu .material-icons {
    font-size: 1.25em;
    margin-right: .5em;
    vertical-align: middle;
}
.menu_account_avatar {
    border-radius: 999px;
    max-height: 24px;
    border: .1em solid #D4C69D;
}


#logo-mobile {
    width: 60%
}
#logo-mobile img {
	max-height: 27px;
}
#sidebar {
    background: url(../design/menu/drap.jpg) 0 0 no-repeat, url(../design/menu/drap2.jpg) bottom center no-repeat;
    /*background: url(../design/bg/menu/drap3.jpg) 0 0 no-repeat;*/
    background-size: contain, contain;
    background-color: #341500;
    background: rgba(33, 51, 51, 1);
    background: #122222;
    box-shadow: 0.5em -0.5em 0.5em rgba(0,0,0,.5);
    z-index: 100;
}
#sidebar a {
    color: #B51;
}
#sidebar a:hover {
    color: #FFF;
    background: #310;
}
#sidebar #logo a:hover {
    background: none;
}

@media (max-width: 767.98px) {
#sidebar {
    position: absolute;
    box-shadow: none;
}
}
#logo {
    padding: 0 15px;
    text-align: center;
}
#search {
    position: relative;
    border-bottom: 1px solid #6B6251;
}
#search input {
    background: #100;
    border: 0;
    border-radius: 0;
    color: #FFF;
    font-size: 1.2em;
}
#search i {
    color: #6B6251;
    position: absolute;
    top: .75em;
    right: 1em;
}
.btn-intro {
    line-height: 0;
    position: absolute;
    left: 50%;
    margin: -3em 0 0 -1em;
}


#categories_liste {
    padding-top: 3em;
    padding-bottom: 2em;
    margin-bottom:1em;
    border-image: url(../design/menu/bordures-menu.png) 40 fill / 40px;
    background: #310;
}

#categories_liste > li {
     /*background: url(../design/bg/menu/separation.bt.png) center bottom no-repeat;*/
     /*background-size: contain;
    padding-bottom: 1.5em;*/
   /* border-bottom: 1px solid #200;*/
    padding-bottom: 1.75em;
    padding-top: .75em;
 }
 #categories_liste > li:first-child {
    /* border-top: 1px solid #200;*/
 }
 #categories_liste > li:last-child {
     background: none;
     border-bottom: 0;
     padding-bottom: 0;
 }
 #categories_liste a {
     color:rgba(255,255,255,.75);
     color:#E5E1C0;
 }
 #categories_liste > li > a {
     text-transform: uppercase;
     font-variant: small-caps;
     text-align: center;
     font-size: .8em;
     color: #934002;
     margin: -1.9em .75em 0;
     padding: .2rem 1em!important;
     background: url(../design/menu/separation.png) left center no-repeat
     , url(../design/menu/separation.right.png) right center no-repeat;
 }
#categories_liste > li > a:hover {
    color:#934002;
    background: url(../design/menu/separation.png) left center no-repeat
    , url(../design/menu/separation.right.png) right center no-repeat;
}
#categories_liste > li > a > span {
     background: #310;
     padding: 0 1em;
 }

#categories_liste .nav-link {
     padding: .2rem 0 .2rem 1em;
}
#categories_liste ul ul .nav-link {
     padding-left:1.75em;
}
#categories_liste > li > ul > li > a {
     font-size: 1.15em
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
    #categories_liste > li > ul > li > a {
        font-size: 1em;
    }
}

@media (min-width: 768px) {
}
#transverses {
    position: relative;
}
@media (max-width: 767.98px) {
    #transverses > div {
        position: absolute;
        z-index:999999;
        right: 0;
    }
    #transverses .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
    #transverses .badge {
        float: right;
        margin:1em 0 0 -.5em ;
        font-size: .7em;
    }
}


/* Marquee */
@keyframes shrink {
    0% {
        color: green;
        transform: scale(2);
    }
    100% {
        transform: scale(1);
        color: grey;
    }
}
@keyframes grow {
    0% {
        transform: scale(1);
        color: grey;
    }
    100% {
        transform: scale(2);
        color: green;
    }
}
.animate {
    transform: translate3d(0,0,0);
    perspective: 1000;
    filter: blur(0);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform-origin: center left;
}
.animate--shrink {
    animation-duration: 1s;
    animation-name: shrink;
    animation-timing-function: 'linear';
}
.animate--grow {
    animation-duration: 1s;
    animation-timing-function: 'linear';
    animation-name: grow;
}
.marquee .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-callout: none;
    user-select: none;
    touch-action: pan-y;
    tap-highlight-color: transparent;
    text-align: center;
}
.marquee .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.marquee .slick-slider .slick-track,
.marquee .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}
.marquee .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    .slick-loading & {
        visibility: hidden;
    }
}
.marquee .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }
    display: none;
    &.dragging img {
        pointer-events: none;
    }
    .slick-initialized & {
        display: block;
    }
    .slick-loading & {
        visibility: hidden;
    }
    .slick-vertical & {
        display: block;
        height: auto;
        border: 0;
        outline: none;
        &:focus,
        &:active,
        &::selection{
            outline: none !important;
            border: 0 !important;
            box-shadow: none;
        }
    }
}
.marquee .slick-arrow.slick-hidden {
    display: none;
}
.marquee .slick-current{
    position: relative;
}
.marquee .slick-slide{
    overflow: hidden;
    padding:0;
}
.marquee .slick-dupe{
    visibility: hidden;
}
.marquee .slick-track .slick-dupe{
    visibility: visible;
}
.marquee [aria-hidden]{
    transition: 1s;
}
.marquee .slick-current > span{
    box-sizing: border-box;
    display: block;
    @extend .animate--shrink;
}
.marquee .slick-current + .slick-slide > span{
    @extend .animate--grow;
}
.no-js .marquee .slick-dupe:nth-child(2) > span{
    padding: 1em;
    @extend .animate--grow;
}
.marquee-content {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
}
.marquee-content p {
    margin: 0;
    padding: 0;
}
.marquee-content a {
   /*color:rgb(229, 225, 192);*/
    color:goldenrod;
    text-decoration: underline;
}
.marquee-content strong,
.marquee-content strong a {
    color:white;
    background:  rgb(147, 64, 2);
    padding: 0 .5em;
    border-radius: .5em;
    text-decoration: none;
}
@media (max-width: 767.98px) {
    .marquee .slick-vertical {
        font-size: .8em;
    }
    .marquee-content {
        display: block;
        font-size: .5em;
        font-weight: bold;
        color: white;
        white-space:nowrap;
        padding: .2em 0;
    }
}

/*----------------------------------------------------------------*/



 #comptoir {
     position: relative;
     min-height: 320px;
     margin: 0 -15px;
     /*background: url(../design/habillage/header.ia.jpg) top center no-repeat, url(../design/habillage/tete_fond.jpg) top center repeat-x;*/
     background: linear-gradient(180deg, rgba(33,51,51,.6) 0%, rgba(33,51,51,.6) 2em, rgba(0,0,0,0) 2em)
     , url(../design/habillage/header.ia.jpg) top center no-repeat
     , url(../design/habillage/tete_fond.jpg) top center repeat-x
     ;
 }
 #comptoir a {
     /*background: rgba(255,0,0,.2);*/
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     margin-left: 0;
     /*
     width: 212px;
     height: 121px;
     left: 50%;
     top: 19%;
     margin-left: -429px;
     */
 }
 #account #comptoir {
     /*background: url(../design/habillage/header.account.png) top center no-repeat, url(../design/habillage/tete_fond.jpg) top center repeat-x;*/
     background: linear-gradient(180deg, rgba(33,51,51,.6) 0%, rgba(33,51,51,.6) 2em, rgba(0,0,0,0) 2em)
     , url(../design/habillage/header_account.ia.jpg) top center no-repeat
     , url(../design/habillage/tete_fond.jpg) top center repeat-x
     ;
 }
 @media (max-width: 767.98px) {
     #comptoir {
         min-height: 100px;
         /*background: url(../design/habillage/header.ia.jpg) center center no-repeat, url(../design/habillage/tete_fond.jpg) top center repeat-x;*/
         background:  url(../design/habillage/header.ia.jpg) top center no-repeat
         , url(../design/habillage/tete_fond.jpg) top center repeat-x;
         background-size: cover;
     }
     #comptoir a {
         width:100%;
         height: 100%;
         left: 0;
         top: 0;
         margin-left:0;

     }
     #account #comptoir {
        background:  url(../design/habillage/header_account.ia.jpg) top center no-repeat
        , url(../design/habillage/tete_fond.jpg) top center repeat-x;
        background-size: cover;
     }
 }


 main {
     background-color:#000;
 }
@media (min-width: 768px) {
    main {
        /*background: url(../design/menu/drap-comptoir.png) calc(50% - 322px) 320px no-repeat
        , url(../design/habillage/fond_dark.jpg) 0 0 repeat-x;*/
        background: url(../design/habillage/fond_dark.jpg) 0 0 repeat-x;
        background-color:#000;
    }
    #page-home main {
        /*background: url(../design/menu/drap-comptoir.png) calc(50% - 322px) 320px no-repeat
        , url(../design/habillage/fond_dark.jpg) 0 0 repeat-x;*/
        background: url(../design/habillage/fond_dark.jpg) 0 0 repeat-x;
        background-color:#000;
    }
 }


 #fil_d_ariane {
     position: relative;
     z-index: 1;
     margin: 0 -15px;
     padding: 0 15px;
     padding-top: .15rem;
     color: #E5E1C0;
     font-size: .9em;
     /*background: rgba(33, 51, 51, .5);*/
     background: rgba(33, 51, 51, .8);
 }
 #fil_d_ariane i, #fil_d_ariane .mask {
     color: #929E6B;
 }
 #fil_d_ariane a:hover, #fil_d_ariane a:focus {
     color: #E5E1C0;
 }
 #fil_d_ariane a {
     color: #929E6B;
 }
 #fil_d_ariane li::after {
   content:">";
     margin: 0 0 0 .5em;
 }
 #fil_d_ariane li:last-child::after {
   content:"";
     margin: 0
 }

 @media (min-width: 768px) {
 #fil_d_ariane {
     float: left;
     font-size: 1.2em;
 }
 }

/* Homepage */
@media (min-width: 768px) {
    #home h1 {
        /*font-size: 1.17188rem;*/
        font-size: .8rem;
        margin-top: -1.1em!important;
    }
}
#home-slide a {
    /*max-height: 300px;*/
    height: 56vw;
    margin: 2em 0;
    border-image: url(../design/homepage/bordures.png) 40 fill / 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#home-slide a {
    display: block;
    /*height: 112px;*/
}
/*@media (min-width: 576px) {*/
/*    #home-slide a {*/
/*        height: 144px;*/
/*    }*/
/*}*/
/*@media (min-width: 768px) {*/
/*    #home-slide a {*/
/*        height: 162px;*/
/*    }*/
/*}*/
@media (min-width: 992px) {
    #home-slide a {
        height: 21vw;
    }
}
/*@media (min-width: 1200px) {*/
/*    #home-slide a {*/
/*        height: 287px;*/
/*    }*/
/*}*/
/*@media (min-width: 1500px) {*/
/*    #home-slide a {*/
/*        height: 370px;*/
/*    }*/
/*}*/
#home-products {
    padding-top: 1em;
    padding-bottom: 1em;
    border-image: url(../design/homepage/bordures.png) 40 fill / 40px;
    background: #190b00;
}
.home-products-btn {
    color: #E5E1C0;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    border-bottom: .1em solid transparent;
}
.home-products-btn.active {
    border-color: white;
    color: white;
}
#home-produit-slides {
    padding: 0 2em;
}
#home-products .slick-arrow {
    top: 40%;
}
#home-products .slick-next {
     right: 5px;
}
#home-products .slick-prev {
     left: 5px;
}
#contenu #home-products h2 {
    font-size: 1.5em;
    border: 0;
    text-transform: uppercase;
    text-align: center;
    color: #E5E1C0;
}
#contenu #home-products h2 span {
    background: #190b00;
    padding:0 1em;
}

#home-products .plaque {
    font-size:1em;
    padding: 0 .75em;
    text-shadow: 1px 1px rgba(255,255,255,.5), 1px -1px rgba(0,0,0,.5);
    text-align: center;
    display: inline-block;
    margin-top: .5em;
    background: rgba(184, 134, 11, 0.7);
    background: #666;
    border-radius: 99px;
    box-shadow: -1px -1px rgba(255,255,255,.5), 1px 1px rgba(0,0,0,.7);
}
#home-news .card {
    background:#e5e0c0 ;
    border-image: url(../design/homepage/bordures.png) 40 fill / 40px;
}
#home-news iframe {
    width: calc(100% - 20px) !important;
    margin: 9px auto 1em;
    border: 1px solid #998b80;
}


#home-reassurance-2 .row a {
    display: block;
    border-image: url(../design/homepage/bordures.png) 40 fill / 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}



#home-signature blockquote {
    font-family: "Nothing You Could Do";
    font-size: 1.1em;
    background: url('../design/homepage/m.jpg') center center no-repeat;
    background-size: contain;
}
#home-signature blockquote a {
    color: white;
}



/* Contenu */
#contenu {
    border-image: url(../design/homepage/bordures.png) 40 fill / 40px;
    background-color: #e5e0c0;
}
#page-home #contenu {
    border-image:none;
    background-color: transparent;
}
div#contenu::after {
    bottom: 0;
    height: 24px;
    background-position: bottom center;
}
#page-home main > .row {
    padding-top: 0!important;
}
#contenu h2,
#contenu .h2 {
    /* font-size: 3em;
    padding: .5em 0;
    text-align: center;
    margin: 0 auto .5em;*/
    color: #5a1705;
    border-bottom: 1px solid #5a1705;
}
@media (max-width: 991.68px) {
    #contenu h2, #contenu .h2 {
         font-size: 2em;
     }
}
#introduction {
    text-align: center;
    font-size: 1.2em;
    padding-bottom: 2em;
}
#introduction h2 {
    border: 0;
    font-size: 1.4em;
}
.catalogue-liste .card {
    height: 100%;
    border-image: url(../design/habillage/cadre-produit.png) 20 fill / 20px;
}
.catalogue-liste .card::before,
.catalogue-liste .card::after {
    content: " ";
    width: 20px;
    height:20px;
    position: absolute;
    top: -1px;
    left: -1px;
    background:url(../design/habillage/cadre-produit.png) 0 0 no-repeat;
    z-index: 1;
}
.catalogue-liste .card::after {
    left: auto;
    right: -1px;
    background-position:right 0;
}
.catalogue-liste .card:hover {
    background-color: #d6caa1;
    border-color: #929e6b;
}
.catalogue-liste .card .card-img-top {
    padding:3px 3px 0;
}
.catalogue-liste .card .card-title {
    min-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #934002;
}
@media (max-width: 575.98px) {
.catalogue-liste .card .card-title {
    min-height: 38px;
    font-size: 1.1em;
}
}
.catalogue-liste .card .card-title a {
    color: #5a1705;
}
.catalogue-liste .card .card-title a:hover {
    text-decoration: none;
}
.catalogue-liste .card .card-body {
    position: relative;
}
.catalogue-liste .card .card-foot {
    /*visibility: hidden;*/
}
.catalogue-liste .card .card-body .badge {text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
	.card-foot button i {
		font-size: 16px;
	}
	.card-foot {
		visibility: visible!important;
	}
}
@media all and (min-width:768px) {
   .card-foot button {
	   width: 100%;
	   display:block;
	}
	.card-foot button i {
		font-size: 18px;
	}
}   
.card {
    background: rgba(255,255,255,.3);
}
.card-packshot {
    position: relative;
}
.card-foot {
    border-top: 1px solid rgba(0,0,0,.125);
}
.card .label {
    position: absolute;
    top: -6px;
    left: -7px;
    z-index: 10;
}
.card .label-video_vf,
.card .label-video_fr,
.card .label-video_vostfr {
    position: absolute;
    right: .15em;
    bottom: 1.95em;
    left: auto;
    cursor: help;
}
.card .label-video_vf::before,
.card .label-video_fr::before,
.card .label-video_vostfr::before {
    content: " ";
    position: absolute;
    right: 0.35em;
    bottom: -1.65em;
    left: auto;
    background: rgba(255,255,255,.5);
    background-size: contain;
    border-radius: 999px;
    border: .1em solid #FFF;
    padding: .2em;
    /*opacity: .5; */
    width: 45px;
    height: 45px;
}

.card .label-video_vf img,
.card .label-video_fr img,
.card .label-video_vostfr img {
    position: absolute;
    right: calc(0.5em + 2.5px);
    bottom: calc(0.4em + -25.5px);
    width: 35px;
    height: 35px;
    filter: drop-shadow(0 0 10px #FFF);
}
#produit .label-videovf::before,
#produit .label-videovostfr::before {
      content: " ";
      position: absolute;
      right: 0.35em;
      bottom: -3.5em;
      left: auto;
      background-size: contain;
      border-radius: 999px;
      border: 0.1em solid #FFF;
      padding: 0.2em;
      /* opacity: .5; */
      width: 60px;
      height: 60px;
}
#produit .card .label-videovf img,
#produit .card .label-videovostfr img {
    bottom: calc(0.4em + -53.5px);
    width: 50px;
    height: 50px;
}
#produit .label-videovf, .card .label-videovostfr {
    right: 0.35em;
    bottom: 0.25em;
}

.card .price {
    font-size: 1.5em;
}
.pagination i + i {
    margin-left: -18px;
}
.pagination a.page-link {
    padding: .68em;
}
.page-link {
    padding-top: .8em!important;
    color: #310;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.page-link {
    color: #310;
}

#produit .h2 {
    border: 0;
    text-align: left;
    margin: 0
}
footer {
    position: relative;
    background: #223333; /*url(../design/bg/habillage/_bougies.png) right top no-repeat;*/
    /*background: #223333 url(../design/bg/habillage/drap_pied_test.jpg) left bottom no-repeat;*/
    /*background: #223333 url(../design/bg/habillage/drap_pied_test.jpg) calc(16.666667% - 179px)  no-repeat;*/
    color: #929E6B;
}
footer a:hover, footer a:focus {
    color: #E5E1C0;
}
footer a {
    color: #929E6B;
}
#contact, #legals a {
    position: relative;
    z-index: 20;
}
#contact {
    font-size: 1.5em;
}
.rdv {
    font-size: .6em;
}
#legals {
    border-top: #446666 30px solid;
    background: #112222;
}
#candles {
    position: absolute;
    right: 0;
    bottom: 34px;
    z-index: 10;
    width: 442px;
    height: 290px;
    background: url(../design/habillage/pied.png) 0 0 no-repeat;
}
#books {
    position: absolute;
    left: 1%;
    bottom: 66px;
    z-index: 10;
}
#reseaux_sociaux {
    font-size: 1.5em;
}


@font-face {
    font-family: Morris;
    src: url(https://cdn.statically.io/gh/EmmesCodes/Tipografias/dae9f5bb/MorrisInitials.ttf);
}

#parchment {
    margin:  0;
    padding:0em;
    box-shadow: 2px 3px 20px black, 0 0 125px #8f5922 inset;
    background: #fffef0;
    border-image: url(../design/homepage/bordures.png) 40 fill / 40px;
    font-size:0.6em
}

#parchment p {
    font-size: 2.25em;
    color: #7F3300;
    margin-top: .75em;
    text-align: justify;
    font-family: "Satisfy";
}
#parchment  p:not(:first-child)::first-letter {
    float: left;
    font: 3em/1em Morris;
    text-shadow: -1px -1px 1px rgba(0,0,0,.3);
    margin: 0 .5rem;
}

#parchment #contain {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 75%;
    height: auto;
    margin: 0 auto;
    padding:0 .5em .5em;
    filter:none;
}
@media (min-width: 576px) {
    #parchment {
        font-size:0.6em;
    }
    #parchment #contain {
        padding:0 1em 1em;
    }
}
@media (min-width: 1200px) {
    #parchment {
        font-size:.9em;
    }
    #parchment #contain {
        padding:0 3em 3em;
    }
}
@media (min-width: 1500px) {
    #parchment {
        font-size:1em;
    }
    #parchment #contain {
        padding:0 4em 4em;
    }
}

#parchment .inkTitle {
    font-size: 5em;
    font-family: "Pirata One", sans-serif;
    text-align: center;
    line-height: 1em;
    opacity: 1;
    margin: 1em 0;
    text-shadow: 1px 1px 1px rgba(255,255,255,.8),
    -1px -1px 1px rgba(0,0,0,.8);
}


#produit-slides img {
    display: block;
    /*max-width: 100%;*/
    width: 100%;
    margin: auto;
    background: white;
}
.produit-banniere-bg {
    background: url(/images/produits/full/default.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 179px;
    background-position: center center;
}
@media (min-width: 576px) {
    .produit-banniere-bg {
        min-height: 278px;
    }
}
@media (min-width: 768px) {
    .produit-banniere-bg {
        min-height: 201px;
    }
}
@media (min-width: 992px) {
    .produit-banniere-bg {
        min-height: 331px;
    }
}
@media (min-width: 1200px) {
    .produit-banniere-bg {
        min-height: 226px;
    }
}
@media (min-width: 1500px) {
    .produit-banniere-bg {
        min-height: 340px;
    }
}
.produit-banniere-bg img {
    height: auto;
    position: absolute;
    top: 20.48%;
    left: 9%;
    width: 30.93%;
    max-width: 245px;
    box-shadow: 0 0 1em #E5E0C0;
    border: 1px solid #805a43;
}
#produit-slides iframe, .slick-cloned iframe {
    width: 100%;
    position: relative;
    z-index:30;
    display: block;
    /*height: 415px;*/
}
.produit-banniere {
    position: relative;
    container-type: inline-size;
}
.produit-banniere i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    color: #FFF;
    text-shadow: 0 0 .1em #000;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    text-align: center;
    font-size: 53cqw;
    /* container-type: inline-size; */
    /* background: black;*/
}
.produit-banniere i:hover,
.produit-banniere i:focus {
    animation: mymove .5s forwards;
}
@keyframes mymove {
  20% {opacity: .1;}
  100% {opacity: .6;}
}
.slick-slide.produit-banniere::after {
    content:" ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    border-image: url(../design/habillage/cadre-produit.png) 20 fill / 20px;
}
.slick-slide.produit-banniere.on::after {
    border-image:none;
}
.slick-cloned i, #produit-slides-mini i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    font-size: 7em;
    color: #FFF;
    text-shadow: 0 0 .1em #000;
    margin: -56px 0 0 -56px;
    cursor: pointer;
}
#produit-slides-mini i {
    font-size: 2em;
    margin: -16px 0 0 -16px;
}
#produit-slides-mini li {
    cursor: pointer;
    position: relative;
}
#produit-slides-mini li img.active {
    box-shadow: 0 0 0em 0.12em #AD3300;
    outline: 1px solid #FFF;
}
#produit-slides-mini li:hover {
    box-shadow: 0 0 .2em #993300;
}



#fiche dd {
    font-size: 1.2em;
}
#fiche dd.prix,
#fiche dd.prix_promo{
    font-size: 2.5em;
}
#fiche dd.prix strong {
    margin-top: -.25em;
    display: block;
}
#fiche dd.prix ins {
    text-decoration: none;
    margin-top: -.5em;
    display: block;
}
#fiche dd.prix del {
    font-size: .5em;
    display: block;
}
#fiche .btn-reassort .material-icons  {
    font-size: 1.3em;
    vertical-align: middle;
}


#produit-arguments img {
    margin-right: .5em;
}
#description {
    font-size: 1.2em;
}
#description .h4, #description h4 {
    border-bottom: 1px solid #B51;
    border-bottom: 1px solid #5a1705;
    color: #5a1705;
    margin-bottom: 1em;
    margin-top: 1.5em;
}
#description ul {
    color: #B51;
    list-style-type: circle;
}
#description ul li {
    color: #310;
}
#description iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}
blockquote.avis_pro {
    background-image: url(../design/avis/pro.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-right: 84px;
    border-left: 1px solid #B48551;
    font-style: italic;
    background-color: #CBB386;
}
blockquote.avis_perso {
    background-image: url(../design/avis/perso.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 85px;
    border-right: 1px solid #B48551;
    background-color: #D6CAA1;
    color: inherit;
}
blockquote.avis_pro .citation,
blockquote.avis_perso .citation {
    padding: 1em;
    border-top: 1px solid #B48551;
}
blockquote.avis_pro footer,
blockquote.avis_perso footer {
    background: transparent;
    text-align: right;
    padding-right: 1em;
    color: #000;
    border-bottom: 1px solid #B48551;
}
#tags {
    text-align: right;
}
.slick-arrow {
    position: absolute;
    top: 45%;
    z-index: 10;
}
.slick-prev {
    left: -5px;
    padding: 0;
}
.slick-next {
    right: -5px;
    padding: 0;
}
/* ### Panier ### */
#panier thead {
    background-color: #B88D5A;
    color: #e5e1c0;
}
#panier td, #panier th {
    border-color: #CF9A68;
}
#panier input[name='quantite'] {
    width: 4em;
    text-align: right;
}
td.quantite .btn i {
    font-size: 1.5em;
}
#panier tbody td:last-child,
#panier tfoot td:last-child,
#commande tbody td:last-child,
#commande tfoot td:last-child {
    text-align: center;
    font-weight: bold;
}
#panier tbody td:last-child,
#commande tbody td:last-child {
    background: #A5662E;
}
#panier tbody td:last-child,
#panier tfoot td:last-child,
#commande tbody td:last-child,
#commande tfoot td:last-child,
.produit_item > div[class^='col']:last-child,
.carte_item > div[class^='col']:last-child,
.panier_fdp > div[class^='col']:last-child,
.panier_codepromo > div[class^='col']:last-child,
.paliercadeau_item > div[class^='col']:last-child,
.panier_soustotal > div[class^='col']:last-child {
    background: #eddcad;
}
.paliercadeau_item_preview {
    opacity: .5;
}
.carte_item th:first-child,
.carte_item > div[class^='col']:first-child {
    background: #B88D5A;
}
.carte_item_yes > div[class^='col'] {
    background-color: rgb(189, 73, 18);
}
.codepromo_item,
.panier_carteprestige,
.panier_assurance {
    background: #eddcad;
}
.total_final,
.palier_header {
    color: white;
    background-color: rgb(189, 73, 18);
}
#panier .total_final td:last-child,
#panier .palier_header td:last-child,
#commande .total_final td:last-child,
#commande .palier_header td:last-child,
.carte_item_yes > div[class^='col']:last-child {
    background-color: rgb(172, 41, 9);
}
.panier_carteprestige img {
    min-width: 125px;
}
.card.stepper {
    background: none;
    border: 0
}

/* ### Point Relais ### */
.table-pointrelais {
    font-size: .8em;
}
.table-pointrelais caption {
    caption-side: top;
    text-align: center;
}
.table-pointrelais th,
.table-pointrelais td {
    padding: .5em;
}
#commande .table-pointrelais tbody td:last-child {
    background: none;
}






/* ### Commande ### */
#commande h2 {
    border: 0;
    margin-bottom: 0
}
.virement-infos code {
    margin: 0 .5em;
}
/* ### Panier - Stepper ### */
.steps-form {
    display: table;
    width: 100%;
    position: relative;
}
.steps-form .steps-row {
    display: table-row;
}
.steps-form .steps-row:before {
    top: 1.5em;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #b51;
}
.steps-form .steps-row .steps-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.steps-form .steps-row .steps-step p {
    margin-top: 0.5rem;
}
.steps-form .steps-row .steps-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.steps-form .steps-row .steps-step .btn-circle {
    width: 2em;
    height: 2em;
    text-align: center;
    padding: 6px 0;
    font-size: 1.5em;
    line-height: 1.428571429;
    border-radius: 100%;
    margin-top: 0;
}
.steps-form .steps-row .steps-step .btn-outline-primary {
    background: #D4C69D
}
/* ### Compte ### */
#compte table td {
    text-align: center
}
#compte table td[colspan='4'] {
    padding: 0
}
#compte table td[colspan='4'] table {
    width: 100%
}
#compte table td[colspan='4'] table td:first-child {
    text-align: left;
}
#compte table td[colspan='4'] td {
    border: 0;
}
#compte tbody td:last-child {
    background: transparent;
}


#account-menu .nav-item .material-icons {
    vertical-align: middle;
}
#account #contenu .card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#account-menu .nav-link {
     font-size: 1.2em;
 }
.membership_date {
    position: relative;
    width: 100%;
    text-align: center;
    color: white;
    margin-left: -1.55em;
    margin-top: -1.5em;
}
.membership_avatar {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -98px;
    margin-left: -127px;
    background:#112222;
    padding: .75em;
    box-shadow: 0 0 2em #D4C69D;
    border-radius: 999px;
}
.membership_avatar img {
    max-height: 185px;
    border: .1em solid #D4C69D;
}
.membership_avatar_update {
    position: absolute;
    bottom: 0;
    color: white;
    line-height: 0;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,.5);
    border: 0;
    padding: .5em 0 1em;
    display: none;
}
@media (max-width: 767.98px) {
    .membership_avatar {
        margin-top: -46px;
        margin-left: -41px;
        padding: .25em;
        box-shadow: 0 0 1em #D4C69D;
    }
    .membership_avatar img {
        max-height: 75px;
    }
    .membership_date {
        margin-top:0;
        margin-left:0;
        background:#112222;
        display: none;
    }
}

#membership_prestige {
    padding: 2em 0;
    margin: 1em -13px 2em;;
    color: white;
    background: linear-gradient(rgba(0,0,0,.3) 0%, rgba(0,0,0,.7) 100%)  right bottom no-repeat, url("../design/account/lounge.jpg") center center no-repeat;
    background-size: cover;
}




/* Commandes */
.facture i {
    font-size:1.4em;
}
#commandes address {
    font-size: .75em;
}
#commandes audio {
    display: block;
    height: 2em;
    padding: .2em;
}
.commande_vocals .list-group-item-primary {
    background-image: url(../design/avis/perso.png);
    background-position: 10px 0px;
    background-repeat: no-repeat;
    background-color: #E5E1C0;
    background-size: cover;
}



.commande_statut_01 {
    color:#B00;
    border-color:#B00;
}
.commande_statut_02 {
    color:#F90;
    border-color:#F90;
}
.commande_statut_03 {
    color:#FF3;
    border-color:#FF3;
}
.commande_statut_11 {
    color: #6C3;
    border-color:#6C3;
}
.commande_statut_04 {
    color:#393;
    border-color:#393;
}
.commande_statut_05 {
    color:#39F;
    border-color:#39F;
}
.commande_statut_06 {
    color:#333;
    border-color:#333;
}
.commande_statut_07,
.commande_statut_08,
.commande_statut_09 {
    color:#F36;
    border-color:#F36;
}
.commande_statut_10 {
    color:#6a0000;
    border-color:#6a0000;
}
.commande_statut_12 {
    color:#333;
    border-color:#333;
}
.commande_statut_13 {
    color:#F60;
    border-color:#F60;
}

/* Videos */
#videos .card-img-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    font-size: 7em;
    color: #FFF;
    text-shadow: 0 0 .1em #000;
    margin: -56px 0 0 -56px;
    cursor: pointer;
    opacity: .5;
}
#videos .card-img-overlay:hover i {
    opacity:1;
}
#videos .tuto_mdt_fr::before,
#videos .tuto_mdt_vostfr::before,
#videos .tuto_mdt_vf::before {    content: " ";
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 3.20em;
    right: 0.1em;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    background-color: rgba(255,255,255,.5);
    border-radius: 100%;
}
#videos .tuto_mdt_vostfr::before {
    background-image:url(../design/pictos/video_vostfr.png);
}
#videos .tuto_mdt_vf::before {
    background-image:url(../design/pictos/video_vf.png);
}
#videos .tuto_mdt_fr::before {
    background-image:url(../design/pictos/video_fr.png);
}

/* Slick */
.slick-slide {
    position: relative;
}
.slick-dots {
    position: absolute;
    bottom: 62px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
#produit .slick-dots {
    bottom: 23px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 5px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 80px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '·';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 0.07em white;
    /*text-indent: -9999px;*/
    content: url("../design/habillage/slide-indicator.png");
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}



/* Loader */
.loader {
    color: #934002;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.wishlist {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    width: 1.2em;
    height: 1.2em;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
.wishlist:focus {
    outline: none;
}
#produit .wishlist {
    right: .2em;
    top: 2.5em;
    font-size: 15px;
}
#catalogue .wishlist {
    right: .4em;
    top: 0.2em;
}
.wishlist span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 100px;
    padding: .1em;
    text-align: center;
    background-color: rgba(255,255,255,.5);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 15px;
}
.wishlist span:first-child {
    z-index: 20;
    /*background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABpElEQVQ4T73UPUhWcRTH8Y9Wiktvk0RLQltDEGkOIlFR9DY1NERDEUGDiAjh4qZD4iANNVSDkyBERW8ERS8QRDRELW5GDVFktCi+y4H/lcvlebxPIJ7lcu+5/y+/8zvn/Ousc9StM8+GAE/hNHZgAvfwLVWyB5ewF1N4hOf5KvMKmzCOAOZjBhfRiLvpucxqdQ9wHrNxKA+8g8sYRT9+4AhG0IJ6fEU33mE3BnABt3AtD9yF73iTIKEgi614gVAa6qdzuRAUZ9oRjN+ZwrN4iCsIpcVoxlzyrZi7its4iWcZ8FhSEeVEif8TPRjGYbzOgNGQ8OwP9iU1tUAbkq/bk6dz+ab0Ygg3cL0WGgbRhy7cLHZ5M97iEM7hfgn0TPI9Oh7lLhWB8R6j8BHbcBTvq0Bb8Qp/cRA/s/8qrd6BMBcLCfqpAN2Pl9iEDnyptin57514mppzAh9Ssi1GA1twvFIFa10OAX2ctik8DY/HkvKYuYp2lN024U8ojbGI1fuFUPy5WsPKgHEubpYnmE+rN7lW92sBxvmdWMS/svmsFVjGWc2vABi0TxWSVoO1AAAAAElFTkSuQmCC');*/
}
.wishlist span:last-child {
    z-index: 10;
    /*background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABO0lEQVQ4T73UvyuFcRTH8deVElnIIFkM/gIZDJJBhMwmA5vB5L8wGiz4ByzIr0wyWEwy2YhBKaWU/Eynnqtv133uvS75Lk/P9zzn/XzO53y/p+CPV+GPef4FOIFJtOEC67jKKunBLHpxj20cpFWmCpuxgQCm6wkzaMJa9kzjm5jGc2ymwFXM5Xj6ggY05sRXMJ8Cu3CdJdXTpzcE466ocApb9ZCSnHHsF4EjOPwlcBhHRWA05AbtdULv0I2XtCmLWKoTuIDl0i5HB48x8ENo5ES5H6XAeA/Zp+isERo29eO2+H25q9cX5qK1CvQBgzjPuynp/hD20JIDfcQoTkrjlYZDQHfKKA1lcea+wcp5WPrD8CeUdmSB8GoMZ3l21DK+YrLs4jUbHJeVvK0FGPlx4N8R5VZctQKrcb7in98JMRW1TPSZAAAAAElFTkSuQmCC');*/
    -webkit-transform: rotate3d(-1,1,0,-180deg);
     transform: rotate3d(-1,1,0,-180deg);
    color: white;
    background: #934002;
}
.wishlist-add {
    -webkit-animation: wishlist-add 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: wishlist-add 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.wishlist-remove {
    -webkit-animation: wishlist-remove 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: wishlist-remove 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes wishlist-add {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
    }
    100% {
        -webkit-transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
        transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
    }
}
@keyframes wishlist-add {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
    }
    100% {
        -webkit-transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
        transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
    }
}
@-webkit-keyframes wishlist-remove {
    0% {
        -webkit-transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
        transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
    }
    100% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
    }
}
@keyframes wishlist-remove {
    0% {
        -webkit-transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
        transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
    }
    100% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
    }
}



.pulse {
    width: 70.4px;
    height: 70.4px;
    position: relative;
    transform: rotate(45deg);
}

.pulse:before,
.pulse:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50% 50% 0 50%;
    background: #5a1705;
    -webkit-mask: radial-gradient(circle 17.6px at 50% 50%,#0000 94%,#000);
}

.pulse:after {
    animation: pulse-ytk0dhhg 0.8s infinite;
    transform: perspective(528px) translateZ(0px);
}

@keyframes pulse-ytk0dhhg {
    to {
        transform: perspective(528px) translateZ(264px);
        opacity: 0;
    }
}