/* Test Helvetica Neue */
/*@import url(https://fast.fonts.net/cssapi/f597a5d4-19a6-4ed9-a1c4-214398f67d89.css);*/
@import url(../fonts/fontawesome/css/all.css);

body {
    font-family: 'Neue Helvetica W01', sans-serif;
    // font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: 300;
}

b, strong {
    font-weight: 600;
}

/* Changer le style de l'alerte de localisation pour les USA */
.alert-danger a {
    color: #A94442 !important;
    text-decoration: underline;
}

/* Remplacer le Theano-Didot par Bauer Bodoni */

.nav-primary,
.page-title,
.page-subtitle,
.description h2,
.page-content-gamme .introduction,
.page-category .description,
.products-content .item .product-title,
.products-content .item .product-price,
.price-container .current-price,
.page-product .form-product .option-gravure,
.page-intro {
    font-family: 'Bauer Bodoni Pro_1 W01 Roman', 'Bauer Bodoni',Bodoni,'Bodoni 72', 'BodoniSvtyTwoITCTT-Book', Times, serif !important;
    font-weight: normal;
}

.page-folder .introduction,
.page-content .introduction {
    font-family: 'Bauer Bodoni Pro_1 W01 Roman', 'Bauer Bodoni',Bodoni,'Bodoni 72', 'BodoniSvtyTwoITCTT-Book', Times, serif !important;
    font-weight: normal;
    font-size: 22px;
    color: #222222;
    margin-bottom: 20px;
}

/* Marquage */
div#preview-marquage.marquage-preview-line {
    font-family: 'Zapfino Extra X W04';
}

/* Page Achat Express */
.checkbox label.control-label {
    text-align: left !important;
}

/* Rendre toute la barre de titre cliquable => chagt de markup */

.panel-group .panel-filtre a .panel-title {
    color: #4c4c4c;
    line-height: 30px;
    /* text-transform: uppercase;*/
    text-decoration: none;
    font-size: 14px;
}

.panel-group .panel-filtre a .panel-title span {
    font-size: 20px;
}

/* Forcer la hauteur des éléments pour éviter le décalage dû aux produits dont le nom fait 2 lignes */

@media (min-width: 1200px) {
    .isotope-grid .item {
        height: 240px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .isotope-grid .item {
        height: 180px;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .isotope-grid .item {
        height: 240px;
    }
}

@media (max-width: 539px) {
    .isotope-grid .item {
        height: 200px;
    }
}

/* Moins de doré partout, + de gris, notamment sur le panier cf ticket redmine #157 */

.checkout-progress .btn-step.active {
    background-color: rgb(175, 175, 175);
}

.page-cart .subprice .price, .page-order-invoice .subprice .price {
    color: #4c4c4c;
}

.panel-outils .panel-heading .panel-title {
    background-color: rgb(175, 175, 175);
}

.navbar-nav-small li > a:hover,
.navbar-nav-small li > a:focus {
    color: #000000 !important;
}

.navbar-nav-small li.lang-switch a {
    text-transform: uppercase;
}


.navbar-nav-small .volume-indicator.off-volume:after {
    content: "";
    width: 22px;
    height: 4px;
    background-color: #b2b2b2;
    position: absolute;
    top: 80%;
    left: 40%;
    transform: rotate(35deg) translateX(-50%) translateY(-50%);
    border: 1px solid #ffffff;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .navbar-nav-small .volume-indicator.off-volume:after {
        top: 66%;
        left: 40%;
        transform: rotate(35deg) translateX(-50%) translateY(-50%);
    }
}

.navbar-nav-small li > a:hover .volume-indicator.off-volume:after {
    background-color: #000000;
}

.btn-primary, .btn-primary:focus {
    background-color: rgb(175, 175, 175);
    border-color: rgb(175, 175, 175);
}

.btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
}

/* Taille des h1 */

h1.page-title {
    font-size: 38px;
    color: #4c4c4c;
}

body, a, h2.page-subtitle, .price-container .current-price, .page-product .form-product .option-gravure, .page-category .description {
    color: #4c4c4c;
}

h5 {
    font-size: 16px;
}

.index-page .index-carousel-redac > li ul li a {
    text-transform: none;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 14px;
    line-height: 30px;
}

.index-page .index-carousel-redac > li ul li {
    line-height: 30px;
}

.panel-group .panel-filtre .panel-title a,
.panel-group .panel-filtre a .panel-title {
    text-transform: none;
    font-size: 15px;
    color: #4c4c4c;
    font-weight: normal;
    line-height: 1.3em;
    padding: 5px 0;
}

.panel-group .panel-filtre .panel-body .thumbnail .caption {
    text-align: center;
}

.panel-group .panel-filtre .panel-body .thumbnail .caption a {
    display: inline-block;
}

.products-content .item .product-title {
    font-family: theano_didotregular, Times, serif;
    color: #4c4c4c;
    font-size: 16px;
}

/* Finalemeent on remet le fond blanc sans transparence */
.overlay {
    background-color: #ffffff;
    opacity: 1;
    position: fixed;
}

.links {
    margin-top: 30px;
}


.overlay .logo-block{
    margin-top: 0px;
    height: auto;
    transform: translateY(-50%) translateX(-50%);
    left: 100%;
    position: relative;
}

.overlay.opened .logo-block {
    margin-left: -500px;
    transition: margin-left 7s linear;
}

.overlay .logo-block .links{
    background-color: transparent;
    padding-bottom: 20px;
}

.overlay .logo-block .links .navbar-nav {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    background-color: #ffffff;
    margin: 10px 0px;
}

/* Francis n'aime pas les points de suspension… */

a.title.dotdotdot {
    word-wrap: normal !important;
}

.thumbnail .caption {
    padding: 9px 0;
}

.dropdown-menu li a.has-submenu .fa-caret-right {
    vertical-align: -8%;
    padding-left: 8px;
}

/* Style des images en responsive */
.hidden-md.hidden-lg .img-title, .hidden-md.hidden-lg .img-accordeon {
    margin-bottom: 20px;
}

/* Panier */

.produit-cadeau .pull-left {
    width: 100%;
}

td.product .name {
    display: block;
}

@media screen and (max-width: 767px) {
    .checkout-progress .btn-step {
        font-size: 11px;
        margin-right: 0 !important;
        padding: 5px !important;
    }

    .table-cart {
        width: 100%;
    }

    .table-cart th {
        display: none
    }

    .table-cart td {
        display: block;
    }

    .table-cart td:before,
    .table-cart td:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .table-cart td:after {
        clear: both;
    }

    /* Réduire la taille du select de selection de quantité */
    .table-cart td select.form-control {
        display: inline;
        width: auto;
    }

    /* Ejecter l'image en haut à droite de la colonne */
    .table-cart td.image {
        position: relative;
    }

    .table-cart td.image .thumbnail {
        margin: 0;
        padding: 0;
    }

    .table-cart td.image .thumbnail > img {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 25%;
    }

    .table-cart td.image .thumbnail > p {
        font-family: "theano_didotregular", Times, serif;
        font-size: 20px;
        width: 75%;
        margin: 0;
    }

    td.name {
        display: block;
    }

    td.product .name,
    td.product .subname {
        display: none;
    }

    td.qty .form-group {
        margin-bottom: 0;
    }

    .table-cart tr td.subprice {
        padding-bottom: 0;
    }

    .table-cart tr td.delete {
        padding-top: 0;
        font-size: 10px;
    }

    tr#form-coupon td {
        border-bottom: 1px solid #ddd;
    }

    tr#form-coupon .form-group {
        margin-top: 15px;
    }

    .table-cart > tbody > tr > td,
    .table-cart > tfoot > tr > td {
        border-top: none;
    }

    .table-cart > tbody > tr, .table-cart > tfoot > tr {
        border-top: 1px solid #DDD;
    }

    tfoot .empty {
        display: none;
    }

    #cart .cart-btn {
        width: 100%;
    }

    .page-cart td.total {
        font-family: "theano_didotregular", Times, serif;
        color: #4C4C4C !important;
        font-size: 24px !important;
    }

    /* Templates category */
    .page-category .description {
        font-size: 16px;
    }

    .page-category h1.page-title {
        font-size: 28px;
    }

    /*Adresse de livraison*/
    ul.list-address.list-unstyled.row.hidden-lg.hidden-md {
        margin-top: 15px;
    }

    .group-btn.hidden-lg.hidden-md {
        float: right;
        width: auto;
        max-width: 33%;
        text-align: right !important;
    }

    .group-btn.hidden-lg.hidden-md .btn.btn-default {
        margin-bottom: 5px;
        float: right;
        padding-left: 15px;
    }

    #delivery-address .panel-body .table-address {
        margin-bottom: 0;
    }

    #delivery-address .panel-body {
        padding-bottom: 0;
    }

    #delivery-address {
        margin-bottom: 0;
    }

    .table-address .radio label {
        display: block;
    }

    div.panel-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}

/* Enlever double filet en bas de livraison */

#form-cart-delivery .btn-box {
    border-top: 0;
    padding-top: 0 !important;
}

/* Changement de taille des prix sur les pages produits */
.price-container .current-price {
    font-size: 20px !important;
}

/* Carousel Home */

.index-page .index-carousel-redac > li {
    top: 0;
    transform: translateY(0%);
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .index-page .carousel-redac-wrapper {
        height: auto;
    }

    .index-page .index-carousel-redac > li {
        position: relative !important;
        top: 0 !important;
        transform: none !important;
    }

    .index-page .index-carousel-redac .img-responsive {
        margin-bottom: 20px;
    }

    .index-page .fixed-pos-image .carousel-control {
        top: 50%;
        position: absolute;
        transform: translateY(-30px);
    }

    .carousel-dots {
        display: none !important;
    }
}

/* Carousel Home Video */

video.video_home {
    width: 100%;
}

img.video_replace {
    display: none;
}

/* Video inspiration produit */

video.video_droite.video_inspiration {
    display: none;
    position: fixed;
    max-width: 720px;
    width: 50%;
}

video.video_droite {
    max-width: 720px;
    width: 50vw;
}

@media screen and (min-width: 768px) and (max-width: 991px){
    video.video_droite.video_inspiration {
        display: none;
        position: relative;
        width: 100%;
    }

    video.video_droite {
        width: 100%;
    }
}

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

    video.video_droite.video_inspiration {
        display: none;
        position: relative;
        width: 100%;
    }

    video.video_droite {
        width: 100%;
    }

}

/* Logo responsive */
a.navbar-brand.visible-xs {
    width: 190px;
    height: 80px;
}

a.navbar-brand.visible-xs img {
    width: 95%;
}

.codepromopaslogue {
    margin-top: 10px;
}

.page-cart .bloc-cadeau .col-cadeaux .produit-cadeau .title {
    text-align: center;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
}

.page-order-invoice #payment-method .panel .panel-body .list-group-item label {
    color: #222222;
}

.price-container.avec-gravure,
.price-container.avec-gravure .checkbox {
    margin-top: 10px;
}

/* Modif home 17/1 */
.nav.select-country > li > a {
    padding: 10px;
}

li.sep {
    margin-top: 10px;
}

.nav.select-country li li {
    text-transform: none;
}

@media (max-width: 767px) {

    li.sep {
        display: none;
    }
}

.go-to-the-shop {
    position: fixed;
    width: auto;
    text-align: center;
    bottom: 30px;
    left: 50%;
    z-index: 1049;
    opacity: 0.6;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

@media (max-width: 767px) {
    .go-to-the-shop {
        position: relative;
        bottom: -30px;
    }
}

.go-to-the-shop a {
    color: rgb(255, 255, 255);
    font-size: .9em;
    text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
}

.go-to-the-shop a:hover {
    color: #d3d3d3;
}

/* Supprimer l'affichage du lien en print */

@media print {
    a[href]:after {
        content: none;
    }
}

/* Lien vidéo sur la home */
.index-page .index-carousel-redac > li ul li.video a:before {
    font-family: 'FontAwesome';
    content: "\f16a";
    font-size: 1.1em;
}

/* Responsive - image des pages de rubrique sur iPad */

@media screen and (max-width: 981px) {
    .isotope-grid .item {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .isotope-grid .item {
        height: 280px;
    }
}

/* iPhone 6 Plus */
@media screen and (max-width: 414px) {
    .isotope-grid .item {
        height: 250px;
    }
}

/* iPhone 6 */
@media screen and (max-width: 375px) {
    .isotope-grid .item {
        height: 240px;
    }
}

/* iPhone 4 et 5 */
@media screen and (max-width: 320px) {
    .isotope-grid .item {
        height: 220px;
    }
}

/* problème de la home en tablette verticale */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .index-page .carousel-redac-wrapper {
        height: auto;
    }

    .index-page .index-carousel-redac > li {
        position: relative !important;
        top: 0 !important;
        transform: none !important;
    }

    .index-page .index-carousel-redac .img-responsive {
        margin-bottom: 20px;
    }

    .index-page .fixed-pos-image .carousel-control {
        top: 50%;
        position: absolute;
        transform: translateY(-30px);
    }

    .carousel-dots {
        display: none !important;
    }

    .bottom-navbar .navbar-nav.left-part {
        float: none;
        text-align: center;
    }

}

/* Footer tablette verticale */
@media screen and (min-width: 769px) and (max-width: 991px) {

/*
    .navbar-fixed-bottom
    {
        position: relative;
        font-size: 10px !important;
        right:auto;
        left:auto;
    }
*/
 }

 /* Affichage du stock sur les pages produit */

    .form-inline .form-control-static {
        display: none;
    }


.home_brand-title {
    position: absolute;
    z-index: 10;
    padding-right: 30px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.product-stock-alert .panel-body {
    padding: 0 0 20px 0;
}

.page-product .form-product .product-stock-alert input {
    height: auto;
}

/* CAROUSEL HOME */

.owl-carousel {
    overflow: visible;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

#carousel_home .page-title {
  padding-bottom: 20px;
}

#carousel_home .left-col {
    padding-top: 170px;
    padding-left: 0px;
}

#carousel_home .right-col {
    padding-right: 0px;
}

#carousel_home ul {
  padding-left: 0;
  list-style: none !important;
}

#carousel_home ul li {
    line-height: 30px;
}

#carousel_home ul li a {
    text-transform: none;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 14px;
    line-height: 30px;
}

#carousel_home ul li a {
  display: inline-block;
  width: 100%;
  font-family: 'Neue Helvetica W01', sans-serif;
  font-size: 15px;
  line-height: 30px;
  border-bottom: 1px solid #d9d9d9;
  color: #4C4C4C;
}

#carousel_home ul li a:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
  color: #4C4C4C;
}

#carousel_home ul li a:hover {
  text-decoration: none;
  background-color: #f3f3f3;
}

#carousel_home ul li a:hover:before {
  color: #4C4C4C;
}

#carousel_home ul li:first-child a {
  border-top: 1px solid #d9d9d9;
}

#carousel_home .to-shop-arrow {
  text-align: center;
  padding-top: 20px;
}

#carousel_home .to-shop-arrow a {
  color: #d3d3d3;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

#carousel_home .owl-nav button {
    position: fixed;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    outline: none;
    z-index: 20;
}

#carousel_home .owl-nav button:hover {
    color: #d3d3d3;
    opacity: 0.6;
}

#carousel_home .owl-nav .owl-prev {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#carousel_home .owl-nav .owl-next {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.owl-dots {
  position: absolute;
  right: 0;
  bottom: -10px;
  z-index: 10;
  text-align: center;
  width: 100%;
}

#carousel_home .owl-dots {
  position: absolute;
  right: 0;
  bottom: -40px;
  z-index: 10;
  width: 58.33333333%;
  text-align: center;
  padding-left: 15px;
}

@media (max-width: 767px) {
    #carousel_home .owl-dots {
        position: absolute;
        bottom: -30px;
        z-index: 10;
        width: 58.33333333%;
        text-align: center;
        padding-left: 15px;
        right: 50%;
        transform: translateX(50%);
        padding: 0;
    }
}

.owl-dots .owl-dot {
  display: inline-block;
  outline: none;
}

.owl-dots .owl-dot span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  background-color: #d3d3d3;
  border-radius: 50%;
  border: 2px solid #fff;
}

#carousel_home .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 5px;
}

.owl-dots .owl-dot span:hover,
.owl-dots .owl-dot.active span {
  background-color: #d4a501;
}

@media (max-width: 991px) {
    #carousel_home .left-col {
        padding-top: 0px;
        padding-right: 15px;
        margin-right: -15px;
    }

    #carousel_home .left-col .img-container {
        padding-bottom: 25px;
    }

    #carousel_home .owl-nav button {
        position: absolute;
    }


}

.row .owl-carousel {
    padding-left: 15px;
    padding-right: 15px;
}


/* Aller de la home aux nouveautés en scrollant : */
#triggerNouveautes
{
   width:100%;
   height:10px;
   margin-top:200px;

}







/* MENU MOBILE */

@media screen and (max-width: 767px) {
    /* Empêcher de scroller la page principale quand on ouvre le menu mobile */
    body.noScroll {
        height:100%;
        overflow:hidden;
        position:fixed;
    }

    .menuMobileScroll
    {
        height:calc(100vh - 100px);
        overflow-y:auto;
        overflow-x: hidden;
        padding:0 0 50px 5px;

    }

    .menuMobileScroll .cat-toggle {
        background-color: transparent !important;
    }
    .navbar-default .navbar-nav .mfk-subnavigation {
        margin-left: -15px;
    }

    .navbar-default .navbar-nav .mfk-subnavigation li {
        list-style-type: none;
    }

    .navbar-default .navbar-nav .mfk-subnavigation li a {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 16px;
        color: #b2b2b2;
        line-height: 26px;
    }

    .navbar-default .navbar-nav .mfk-subnavigation li:first-of-type a {
        margin-top: 0px;
    }

    .navbar-default .navbar-nav > li.hidden-lg > a.dropdown-toggle {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 0px;
        font-size: 16px;
        color: #b2b2b2;
        margin-left: 10px;
    }

    .navbar-default .navbar-nav > li.hidden-lg > ul.dropdown-menu {
        padding-top: 0px;
    }

    .navbar-default .navbar-nav > li.hidden-lg > ul.dropdown-menu > li > a {
        font-size: 16px;
        color: #b2b2b2;
        line-height: 16px;
    }

    .mini-cart-dropdown {
        position: absolute !important;
        top: 12px;
        right: 55px;
    }

    .mini-cart-dropdown span {
        font-size: 18px;
        line-height: 1em;
        color: #888;
        padding: 10px;
    }

    .mini-cart-dropdown span.visible-xs-inline-block {
        display: none !important;
    }

    .navbar-right .mini-cart-dropdown {
        display: none;
    }

}

 .infos-echantillons {
   position: fixed;
   top: 0;
   left: 0;
   background-color: #afafaf;
   color: #fff;
   line-height: 25px;
   text-align: center;
   width: 100%;
   text-transform: uppercase;
   font-size: 11px;
   z-index: 1030;
 }

  .infos-echantillons a {
    color: #ffffff;
    text-decoration: underline;
  }

  .infos-echantillons .masquer-bandeau-echantillons {
   display: block;
  padding: 0 15px;
  font-size: 15px;
   color: #fff;
 }

 .page-subtitle {
   color: #222222;
   font-size: 48px;
   font-family: 'theano_didotregular', Times, serif;
   margin-top: 0;
  margin-bottom: 0px;
   font-size: 32px;
 }


 .page-sub-subtitle {
   color: #222222;
   font-size: 48px;
   font-family: 'theano_didotregular', Times, serif;
  margin-top: 0;
  margin-top: 0px;
   margin-bottom: 20px;
   font-size: 25px;
   margin-bottom: 10px;
 }

  .bottom-navbar {
   min-height: 30px;
  padding: 10px 0px 0px 0px;
}

.bottom-navbar .container {
  padding-bottom: 10px;
}

.carousel-redac-wrapper .page-title {
  padding-bottom: 20px;
}


.index-page .carousel-redac-wrapper {
  position: relative;
  overflow: auto;
}

.panel-cart .panel-body {
    max-height: calc(100vh - 300px);
}

.panel-cart .panel-body .cart-item .product {
    padding-bottom: 15px;
}

.panel-cart .panel-body .cart-item .product .soustitre {
  color: #222222;
  text-decoration: none;
  line-height: 14px;
  padding-bottom: 5px;
}

.panel-cart .panel-body .cart-item p {
    display: inline-block;
}

.page-cart {
  padding-bottom: 40px;
}

.page-cart .product .subname,
.page-order-invoice .product .subname {
  font-family: 'theano_didotregular', Times, serif;
  color: #222222;
  font-size: 24px;
  text-decoration: none;
  line-height: 24px;
  padding-bottom: 10px;
}

.cookie-info {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3000;
    font-size: 12px;
    padding: 15px 35px 15px 35px;
    display: none !important;
    background-color: #d0d0d0;
    text-align: center;
    color: #ffffff;
    border: none;
}

.cookie-info p {
  max-width: 900px;
  margin: auto;
}
.cookie-info a {
   text-decoration: underline;
  color: #ffffff;
}
 .cookie-info .close-box {
      position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-decoration: none;
    background: none;
}


.cookie-info .close-box:before {
    content:"\f00d";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 15px;
    line-height: 0;
}

@media (max-width: 768px) {
  .cookie-info {
    position: fixed;
  }
}

body >  .optanon-alert-box-wrapper {
    width: 100%;
    font-size: 12px;
    padding: 0px 35px 5px 35px;
    background-color: #d0d0d0;
}

body >  .optanon-alert-box-wrapper .optanon-alert-box-body {
    margin-right: 400px;
}

body > .optanon-alert-box-wrapper .optanon-alert-box-corner-close button {
    top: 10px;
    background-size: 26px 26px;
    background-position: -5px -5px;
    width: 16px;
    height: 16px;
}

body > #optanon #optanon-popup-top .optanon-close {
    top: 10px;
    background-size: 26px 26px;
    background-position: -5px -5px;
    width: 26px;
    height: 26px;
}

@media only screen and (max-width: 47em) {
    body >  .optanon-alert-box-wrapper .optanon-alert-box-body {
        margin-right: 0px;
    }
}

body > .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
    padding: 10px 20px;
    background-color: #afafaf;
    border: 1px solid #afafaf;
    transition: 0.25s ease-out;
}

body > .optanon-alert-box-wrapper .optanon-alert-box-button-middle:hover {
    background-color: #4c4c4c;
    border: 1px solid #4c4c4c;
    transition: 0.25s ease-out;
}

body > .optanon-alert-box-wrapper .optanon-alert-box-button-middle button,
body > .optanon-alert-box-wrapper .optanon-alert-box-button-middle a {
    outline: none;
}

body > .optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle button:before,
body > .optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle a:before {
    content: none;
}

body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:before,
body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a:before {
    content: none;
}

body > .optanon-alert-box-wrapper .optanon-alert-box-bg p.banner-content,
body > .optanon-alert-box-wrapper .banner-content .banner-policy-link {
    color: #ffffff !important;
    font-size: 12px;
    line-height: 1.5em;
}

body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
    border: 1px solid #ffffff !important;
    padding: 10px;
    transition: 0.25s ease-out;
}

body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle:hover {
    background-color: #ffffff !important;
    transition: 0.25s ease-out;
}

body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button,
body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a {
    color: #ffffff !important;
    border-bottom: none !important;
    transition: 0.25s ease-out;
}

body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle:hover button,
body > .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle:hover a {
    color: #4c4c4c !important;
    transition: 0.25s ease-out;
}

body > #optanon #optanon-popup-wrapper {
    position: fixed;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-width: 700px;
    width: 100%;
    top: 50% !important;
    left: 50% !important;
    margin: 0px !important;
    transform: translateX(-50%) translateY(-50%);
}

body > #optanon #optanon-popup-wrapper > #optanon-popup-top {
    background-color: #ffffff !important;
}

body > #optanon.modern #optanon-popup-body-left-shading {
    background-color: #ffffff !important;
}

body > #optanon #optanon-popup-wrapper .optanon-white-button-middle {
    background-color: #4c4c4c !important;
    border: 1px solid #4c4c4c !important;
    transition: 0.25s ease-out;
    color: #ffffff;
}

body > #optanon #optanon-popup-wrapper .optanon-white-button-middle:hover {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    transition: 0.25s ease-out;
}

body > #optanon #optanon-popup-body-right {
    padding: 20px;
    box-sizing: border-box;
}

body > #optanon #optanon-popup-body h1.legacy-preference-banner-title {
    font-size: 38px;
    color: #4c4c4c;
    font-family: 'Bauer Bodoni Pro_1 W01 Roman', 'Bauer Bodoni',Bodoni,'Bodoni 72', 'BodoniSvtyTwoITCTT-Book', Times, serif !important;
    font-weight: normal;
    margin: 0;
    top: -65px;
}

body > #optanon #optanon-popup-body div#optanon-main-info-text {
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 14px;
    color: #4c4c4c;
    max-height: none;
}

body > #optanon #optanon-popup-body #optanon-popup-body-right .vendor-header-container h3 {
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    padding-bottom: 10px;
}

body > #optanon #optanon-popup-top .optanon-close {
    background: none !important;
}

body > #optanon #optanon-popup-top .optanon-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 24px;
    color: #4c4c4c;
    box-sizing: border-box;
    transition: 0.25s ease-out;
}

body > #optanon #optanon-popup-top .optanon-close:hover:before {
    color: #000000;
    transition: 0.25s ease-out;
}

body > #optanon #optanon-menu li {
    border-bottom: 2px solid #ffffff;
    background-color: #afafaf !important;
    position: relative;
}

body > #optanon #optanon-menu li button,
body > #optanon #optanon-menu li a {
    color: #ffffff !important;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
}

body > #optanon #optanon-menu li.menu-item-selected button,
body > #optanon #optanon-menu li.menu-item-selected a {
    color: #4c4c4c !important;
}

body > #optanon #optanon-menu li.menu-item-selected:after {
    content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    padding-right: 7px;
    transform: translateY(-50%);
    color: #4c4c4c;
}



@media (max-width: 768px) {
    body > #optanon #optanon-popup-wrapper {
        max-width: none;
        max-height: none;
        width: 100vw;
        height: 100vh;
        top: 0 !important;
        left: 0 !important;
        transform: translate(0);
        box-sizing: border-box;
        padding: 25px;
    }
}

/* NOTES PARFUMEES */

.carousel-redac-wrapper .intro_notes_parfumees {
  font-family: 'Bauer Bodoni Pro_1 W01 Roman', 'Bauer Bodoni',Bodoni,'Bodoni 72', 'BodoniSvtyTwoITCTT-Book', Times, serif !important;
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-right: 30px;
}

.carousel-redac-wrapper .intro_notes_parfumees .before_after_intro_notes_parfumees:before {
  content: "‘‘";
  position: absolute;
  font-size: 80px;
  letter-spacing: -3px;
  margin-left: -50px;
  margin-top: 0px;
  color: #727272;
  font-style: italic;
}

.intro_notes_parfumees {
  font-family: 'Bauer Bodoni Pro_1 W01 Roman', 'Bauer Bodoni',Bodoni,'Bodoni 72', 'BodoniSvtyTwoITCTT-Book', Times, serif !important;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-right: 30px;
}

.image_intro_notes_parfumees {
  text-align: right;
  margin-bottom: 25px;
}

.intro_notes_parfumees .before_after_intro_notes_parfumees:before {
  content: "‘‘";
  position: absolute;
  font-size: 80px;
  letter-spacing: -3px;
  margin-left: -50px;
  margin-top: -20px;
  color: #727272;
  font-style: italic;
}

.popin-note {
  padding-left: 0px !important;
}

.popin-note .modal-dialog {
  max-width: 800px;
  width: 100%;
}

.popin-note .modal-dialog .modal-content{
  border: none;
  border-radius: 0;
}

.popin-note .modal-dialog .modal-header {
  border-bottom: 0px;
}

@media (max-width: 850px) {

  .popin-note .modal-dialog {
    max-width: none;
    width: 100%;
    height: 100vh;
    margin: 0px;
  }

  .popin-note .modal-dialog .modal-content{
   box-shadow: none;
  }

}

@media (min-width: 700px) {

  .popin-note .mj-column-per-50,
  * [aria-labelledby="mj-column-per-50"] {
    width: 50%!important;
  }

}

.no-scroll {
  overflow: hidden !important;
}

/*** Guillaume : supprimer le style "tout cap" pour le footer ****/
.navbar-nav-small li > a
{
    text-transform: initial;
}



/* Mon vestiaire */

h2.my-wardrobe
{
    font-family: "Bauer Bodoni Pro_1 W01 Roman", "Bauer Bodoni", Bodoni, "Bodoni 72", BodoniSvtyTwoITCTT-Book, Times, serif !important;
    font-size:2rem;
}

.page-wardrobe .price-container {
    padding-left: 15px;
}

.page-product .btn_add_to_cart {
    text-transform: uppercase;
}


/* sélection des recharges */

.fill_change #selecteur_nombre_recharges {
    margin-bottom: 25px;
}

.fill_change .radio_box {
    width: 100%;
    margin-bottom: 5px;
    display: inline-block;
}

.fill_change label {
    display: inline-block;
    font-weight: 100;
    cursor: pointer;
    padding: 0 0 0 30px;
    line-height: 30px;
    margin:0;
}

.fill_change input[type=radio] {
    position: absolute;
    margin-left: -30px;
    border: 1px solid #707070;
    height: 20px;
    width: 20px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 0px;
    appearance: none;
    outline: none;
}

.fill_change input[type=radio]:checked:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    background-color: #707070;
}



.fill_change .radio-group {
    width:100%;
    border: solid 1px #707070;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    margin:10px 0;
}

.fill_change.fill_change_template {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
    float: left;
}

@media (max-width:768px) {
    .fill_change.fill_change_template {
        float: none;
    }
}

.fill_change.fill_change_template #selecteur_nombre_recharges {
    margin-bottom: 0px;
}


/* selecteur de couleur des étuis */

.case_change .color
{

    padding:0;
    margin:0;
    width:100%;
    height:40px;
}

.case_change .attribute_case {
    padding-bottom: 15px;
}

.case_change .attribute_case label .box_radio
{
    float:left;
    margin-right:10px;
    width:33px;
    height:33px;
    text-indent: -10000px;
    position:relative;
    border: 1px solid #707070;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
}

.case_change .attribute_case label > input[type=radio] {
    visibility: hidden;
    position: absolute;
    outline: none;
}

.case_change .attribute_case label > input:checked + div:after {
    content: "";
    border: 2px solid #707070;
    position: absolute;
    width: 41px;
    height: 41px;
    background-color: transparent;
    top: -5px;
    left: -5px;
}


.case_change .attribute_case:nth-of-type(1) label:nth-of-type(1) .box_radio {
    background:url(../img/rouge_cramberry.png);
}

.case_change .attribute_case:nth-of-type(1) label:nth-of-type(2) .box_radio {
    background:url(../img/rose_bonbon.png);
}

.case_change .attribute_case:nth-of-type(1) label:nth-of-type(3) .box_radio {
    background:url(../img/bleu_myrtille.png);
}

.case_change .attribute_case:nth-of-type(2) label:nth-of-type(1) .box_radio {
    background:url(../img/or.png);
}

.case_change .attribute_case:nth-of-type(2) label:nth-of-type(2) .box_radio {
    background:url(../img/argent.png);
}

.case_change .attribute_case:nth-of-type(2) label:nth-of-type(3) .box_radio {
    background:url(../img/zinc.png);
}

/* Changement de style de tous les select */


select {
    width: 100%;
    margin-bottom:15px;
    padding: 5px 35px 5px 8px !important;
    font-size: 15px;
    border: 1px solid #ccc;
    height: 32px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    appearance: none;
    background-color: #ffffff;
    background-image:url(../img/select_chevron.png) !important;
    background-image:url(../img/select_chevron.svg) !important;
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    outline: none !important;
}



/* CAUTION: IE hackery ahead */
select::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}

/* Attributes product */
.options-row {
    padding-top: 15px;
}

/* Changements de styles Guillaume pour le formulaire Mercanet */

#payment-method .list-group-item>label,
#mercanetCardInfo legend
{
   /* display:none; */
}

#PaymentSecure,
#PaymentPrivacy
{
    margin:30px 0;
    padding-left:80px;
    background-image: url(../img/icon_privacy.png);
    background-repeat:no-repeat;
}
#PaymentSecure
{
    background-image: url(../img/icon_security.png);
}



/* POINTS DE VENTE */


#map {
    height: calc(100vh - 110px);
    width: 100%;
    max-height: 720px;
}

.searchBox {
    display: inline-block;
    width: 100%;
    padding-bottom: 1rem;
}

.searchBox #pac-input {
    height: 3.6rem;
    width: calc(100% - 5rem);
    padding: 0 5.5rem 0 2rem;
    font-size: 1.3rem;
    color: #4c4c4c;
    font-weight: 500;
    box-sizing: border-box;
    border: 1px solid #c0c0c0;
    float: left;
}

.searchBox #pac-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C0C0C0;
  font-weight: 300;
}
.searchBox #pac-input::-moz-placeholder { /* Firefox 19+ */
  color: #C0C0C0;
  font-weight: 300;
}
.searchBox #pac-input:-ms-input-placeholder { /* IE 10+ */
  color: #C0C0C0;
  font-weight: 300;
}
.searchBox #pac-input:-moz-placeholder { /* Firefox 18- */
  color: #C0C0C0;
  font-weight: 300;
}

.searchBox .controls-picto {
    position: absolute;
    transform: translateX(-100%);
    height: 3.6rem;
    width: 3.6rem;
    text-align: left;
    padding: 0;
    font-size: 1.5rem;
    line-height: 3.6rem;
    color: #c0c0c0;
}

.searchBox #geoloc-button {
    height: 3.6rem;
    width: 3.6rem;
    background-color: #4c4c4c;
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 3.5rem;
    -webkit-appearance: none;
    border: 1px solid #707070;
    box-sizing: border-box;
    float: right;
    padding: 0;
    opacity: 1;
    transition: 0.25s ease-in-out;
}

.searchBox #geoloc-button:hover {
    opacity: 0.8;
    transition: 0.25s ease-in-out;
}

.searchBox #pac-input:focus,
.searchBox #geoloc-button:focus {
    outline: none;
}

/* liste des magasins */

.magasins-list {
    border-bottom: 1px solid #d9d9d9;
}

.magasins-list.empty {
    border-bottom:none;
}

.magasins-list.empty .filter_magasins-list {
    display: none;
}

.magasins-list .filter_magasins-list {
    padding-bottom: 1rem;
}

.magasins-list .filter_magasins-list label {
    font-size: 1.3rem;
    color: #C3C3C3;
    font-weight: 400;
    cursor: pointer;
}

.magasins-list .filter_magasins-list label:last-of-type {
    padding-right: 0;
}

.magasins-list .filter_magasins-list label input[type="checkbox"] {
    visibility: hidden;
    margin-left: 5px;
    font-size: 1.4rem;
    line-height: 1.3rem;
    cursor: pointer;
}

.magasins-list .filter_magasins-list label input[type="checkbox"]:after {
    content: "\f0c8";
    visibility: visible;
    font-family: 'Font Awesome 5 Pro';
}

.magasins-list .filter_magasins-list label input[type="checkbox"]:checked:after {
    content: "\f14a";
}

.magasin .magasin-heading {
    border-top: 1px solid #d9d9d9;
    padding: 0.5rem 0;
}

.magasin {
    display: none;
}

.magasin .magasin-title {
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: none;
    color: #4c4c4c;
    line-height: 1.5em;
    padding: 0.5rem 0;
}

.magasin .magasin-title .magasin-dist {
    display: inline-block;
}

.magasin .magasin-open-button .magasin-title .pull-right .indicator {
    font-size: 2rem;
    color: #4C4C4C;
    transform: rotate(180deg);
    transition: 0.25s ease-out;
}

.magasin .magasin-open-button.closed .magasin-title .pull-right .indicator {
    transform: rotate(0deg);
    transition: 0.25s ease-out;
}

.magasin .magasin-panel-collapse {
    font-size: 1.3rem;
    font-weight: 300;
    text-transform: none;
    color: #4c4c4c;
    line-height: 1.5em;
    transition: 0.5s ease-out;
    max-height: 250px;
    overflow: hidden;
}

.magasin .magasin-panel-collapse.closed {
    max-height: 0;
    transition: 0.25s ease-out;
}

.magasin .magasin-panel-collapse .magasin-itinerary,
.magasin .magasin-panel-collapse .magasin-contact,
.magasin .magasin-panel-collapse .magasin-schedules {
    padding-bottom: 1rem;
}

.magasin .magasin-panel-collapse .magasin-itinerary i {
    padding-right: 0.5rem;
}

/* Ajustement de FontAwesome pour garder l'ancien panier */

.fa-shopping-bag {
    font-weight: 500;
}

.fa-shopping-bag:before {
    content: "\f290";
    font-family: FontAwesome;
}

/* Message alerte succes */

.alert-success {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 0;
}

/* VErsion imprimable de la page CGV */

@media print {
    .panel-collapse.collapse {
        display: block !important;
    }
    .right-col
    {
        display:none !important;
    }
    .left-col
    {
        width:100% !important;
    }
    .panel-title .fa,
    .btn-print,
    .optanon-alert-box-wrapper
    {display:none !important;}
}

/* Footer "caution" du tunnel de commande */

.footer-caution .row
{
    margin-top: 50px;
    text-align:center;
}

.footer-caution .security_icons
{
    border:1px solid #ff0000;
    width:auto;
}

.footer-caution h4
{
    font-size: 1.4rem;
}

.footer-caution img
{
    width:100px;
    height:auto;
    margin: 10px;
}
.footer-caution .logo-payment
{
    width:51px;
}
.footer-caution .logo-security
{
    height:30px;
    width:auto;
}

.nav-primary .mfk-navigation > li .dropdown-menu li a[href="https://www.franciskurkdjian.com/boutique-de-noel.html"],
.nav-primary .mfk-navigation > li .dropdown-menu li a[href="https://www.franciskurkdjian.com/Holiday-gifts.html"] {
    color: #D3A206;
}

/* Liens vidéos pages intérieures */

.description ul {
    padding-left: 0;
    list-style-position: inside;
}

.description ul li.video {
    list-style: none;
    display: inline-block;
    width: 100%;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 15px;
    line-height: 30px;
    border-bottom: 1px solid #d9d9d9;
    color: #4C4C4C;
    font-weight: 400;
}

.description ul li.video a {
    width: 100%;
    display: inline-block;
    position: relative;
}

.description ul li.video a:after {
    content: "\f167";
    font-family: "Font Awesome 5 Brands";
    font-size: 2rem;
    position: absolute;
    right: 0;
    top: 0;
}

.description ul li.video:first-of-type {
    border-top: 1px solid #d9d9d9;
}


/* Texte plus petit */
.smaller_text {
    font-size: 0.7em;
    line-height: 1.25em;
}

/* Ajout picto triman dans le footer*/

.navbar-nav-small li.triman_navbar > a {
    display: inline-block;
}

.navbar-nav-small li.triman_navbar > a img {
    width: 18px;
    margin-top: -4px;
    opacity: 0.5;
    transition: 0.25s ease-out;
}

.navbar-nav-small li.triman_navbar:hover > a img {
    opacity: 1;
    transition: 0.25s ease-out;
}

/* Cadeau avec select */

.col-cadeaux > .row {
    display: flex;
    flex-wrap:wrap;
    flex-flow: row;
}

.produit-cadeau {
    border: 1px solid transparent;
}

.col-cadeaux .col-produit-cadeau {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.col-cadeaux .selected_col {
    border: 3px solid #f5f5f5;
    width: calc(50% - 40px);
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 20px;
}

.col-cadeaux .selected_col .produit-cadeau-text {
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 15px;
    margin-top: 20px;
}

.page-cart .bloc-cadeau .col-cadeaux .selecteur-produit-cadeau,
.page-order-invoice .bloc-cadeau .col-cadeaux .selecteur-produit-cadeau,
.page-cart .bloc-cadeau .col-cadeaux .selecteur-produit-cadeau:hover,
.page-order-invoice .bloc-cadeau .col-cadeaux .selecteur-produit-cadeau:hover {
    padding: 4px 15px;
}

@media (max-width:768px) {
    .col-cadeaux > .row {
        flex-wrap: nowrap;
        flex-flow: column;
    }

    .col-cadeaux .col-produit-cadeau {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #d9d9d9;
    }

    .col-cadeaux .col-produit-cadeau:last-of-type {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .col-cadeaux .selected_col {
        width: calc(100% - 40px);
    }
}

/* AJOUT WEIBO et WE CHAT */
.social .social-qr-container {
    position: relative;
    cursor: pointer;
} 

.social .social-qr-container:hover {
    color: #000000;
}

.social .social-qr-container .social-qr {
    position: absolute;
    background-color: #ffffff;
    top: 0;
    left: 50%;
    transform: translate(-50%, calc(-100% - 15px));
    padding: 15px;
    box-sizing: content-box;
    border: 1px solid #b2b2b2;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
}

.social .social-qr-container:hover .social-qr {
    opacity: 1;
    pointer-events: initial;
    transition: 0.5s;
}

.social .social-qr-container .social-qr img {
    width: 78px;
}

.social .social-qr-container .social-qr span {
    font-weight: 700;
    margin-top: 10px;
}

.social .social-qr-container .social-qr:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    left: 50%;
    bottom: -1px;
    transform: translate(-50%, 50%) rotate(45deg);
}

@media (max-width: 768px) {
    .social .social-qr-container .social-qr {
        transform: translate(-75%, calc(-100% - 15px));
    }

    .social .social-qr-container .social-qr:before {
        left: 75%;
    }
}

@media screen and (min-width: 768px) {
    .twocolumns-menu {
        column-count: 2;
    }
}

/* MESSAGE COVID UK */

.covid_message_UK,
.covid_message_RO {
    text-align: center;
    display: none;
}