/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

                        /* mes fonts */
                        
@font-face {
    font-family: 'fff_tusjbold';
    src: url('fff_tusj-webfont.eot');
    src: url('fff_tusj-webfont.eot?#iefix') format('embedded-opentype'),
         url('fff_tusj-webfont.woff2') format('woff2'),
         url('fff_tusj-webfont.woff') format('woff'),
         url('fff_tusj-webfont.ttf') format('truetype'),
         url('fff_tusj-webfont.svg#fff_tusjbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
#product-availability .product-last-items, #product-availability .product-unavailable {
	color: #ea4f4f;
}
                        /* citations */
blockquote{
  font-style: italic;
  font-size: 1.1rem;
  margin: 0 32px;
  font-family: Georgia, "Times New Roman", serif;
  text-align: justify;
}
@media (max-width:767px){
blockquote{margin: 0 10px;}
}
                        /* COOKIE BANNER */
#cookiebanner.cb-box .text-content{
    text-align:justify;
    line-height:1.7rem;
}
#cookiebanner a#allow_all{
    width:200px;
}
                        /* PAYGREEN */
.pp-logo {
	width: 100%!important;
}
                        /* HEADER */
a{color:#bbb;}
a:hover{color:#fff;}
a:focus{
    color:unset;
    text-decoration:none;
}
.search-widget form input[type="text"] {
    margin-top:.2rem;
    min-width:0;
    max-width:200px;
    border-radius:9px;
}
.search-widget form input[type="text"]:focus {
    outline: 1px solid #8f5f4a;
}
.search-widget form input[type="text"]:focus + button .search {
    color:#8f5f4a;
}
#_desktop_top_menu{display:none;}
#header .header-nav{
    padding-top: .5rem;
    padding-bottom: 3.6rem;
    max-height: 80px;
    border-bottom:1px solid #999;
}
#header {background:url('../img/paper_header.jpg') top center;}
#header .col-lg-8{width:100%;}
.top-menu a[data-depth="0"]{padding:.1875rem .9rem .375rem;}
#header #contact-link{font-size:0.8rem;}
#header #contact-link span{color:#383d3c;padding-left:5px;}
#header .header-nav .user-info span{color:#444;}
@media (min-width:768px) AND (max-width:991px){
#header #contact-link span{font-size:0.65rem;padding-left:3px;}
#header #contact-link .material-icons{font-size:19px;margin-bottom:5px;}
#header .col-md-7{width:100%;padding-top:27px;font-size:0.83rem;}
.top-menu .sub-menu{font-size:0.8rem;}
}

#header .header-nav .blockcart{background:transparent;}
#header .header-nav .cart-preview.active{
    background: #542e1c;
    border-radius:3px;
    box-shadow:1px 2px 2px black;
}
.top-menu .sub-menu{padding-bottom:10px;}
#header .header-top a[data-depth="0"]{color: #3d271d;text-shadow: 1px 1px 1px #bab9b9;}
#header .top-menu a[data-depth="0"]:hover{
    color: #222;
    text-shadow:unset;}
    
   
#header a:hover{color:#8f5f4a;}
#contact-link a:hover,#_desktop_user_info a:hover{text-shadow:2px 2px 1px rgba(0,0,0,.1);}
#_desktop_user_info span span{
    color:#047e90!important;
    margin-right:.625rem;
}
#header .header-nav .user-info .account{margin-left: .1rem;}
#_desktop_user_info span span:hover{color:#8f5f4a;}
#_desktop_user_info a.hidden-sm-down{margin-left: .4rem;}
aside#notifications {
	background: url('../img/paper.jpg') bottom center;
	box-shadow: 0px -3px 5px black;
}
.horaires {
    margin-left:2.5rem;
}
#header .header-nav #contact-link {
	margin-top: .3rem;
}
/* medias */
@media (max-width:767px){

#header .header-nav .blockcart.active {
margin-right:.5rem;}
#header .header-nav .user-info span{display:none;}
#header .header-nav{
        margin-bottom:0;
        background-color:#d7d7d7!important;
        border-bottom:1px solid #d7d7d7;
}
#header .header-nav .user-info .logged{color:#047e90;}
#header .header-nav .user-info .logged:hover{color:#8f5f4a;}
}
@media(min-width:768px){
#_desktop_top_menu #lnk-fiches-pratiques, #_desktop_top_menu #lnk-animations{display:none;}
}
@media(min-width:768px) AND (max-width:991px){
#_desktop_logo.col-md-4{
    width:30%!important;
}
.search-widget form button[type="submit"],.search-widget form input[type="text"]{
    display:none;}
#header .header-nav{margin-bottom:1.3rem;}
.top-menu a[data-depth="0"]{padding:.1875rem .306rem .375rem;}
.dropdown-item {
    font-size: .718rem;
}
}    
@media(min-width:992px) AND (max-width:1024px){
#header .header-top .menu{margin-top:52px;}
#header .header-nav{margin-bottom:1.2rem;}
.top-menu a[data-depth="0"]{padding:.1875rem .5rem .375rem;}
.dropdown-item {
    font-size: .947rem;
}
}
@media(min-width:1025px) AND (max-width:1199px){
.dropdown-item {
    font-size: .947rem;
}
#header .header-nav{margin-bottom:1.2rem;}
.top-menu a[data-depth="0"]{padding:.1875rem .5rem .375rem;}
}
#wrapper .breadcrumb ol {margin-bottom:1rem;}
@media(min-width:1200px){
#header .header-nav{
    margin-bottom:1.9rem;
}
}
@media(max-width:1199px){
.search-widget form input[type="text"] {
    max-width: 150px;
}
}
                        /* ACCUEIL */
/* Bloc texte page accueil */
#custom-text{
    background: rgba(232,230,228,.5);
    box-shadow:2px 2px 12px black;
}
#custom-text p .dark{
    color: #111;
    font-size: 16px;
}
#custom-text a span{color:#000;}
#custom-text a span:hover{color:#cecece;}
@media (min-width:768px) AND (max-width:1199px){
#custom-text{
    margin-top: 1rem;
}
}
@media (max-width:767px){
#custom-text{
    margin-top: .5rem;
    padding: 2rem 1.8rem 1rem;
}
}


                        /* PRODUITS PHARES */

.featured-products .thumbnail-container{
    margin-bottom:1rem;
}
.featured-products .thumbnail-container:hover .highlighted-informations.no-variants {
    bottom:5rem;
}
.featured-products .product-title{
    margin-top:.5rem;
}
.featured-products .product-description{
    height:5.3rem;
}
.featured-products .all-product-link{
    float:right;
}
                        /* medias */
@media (min-width:1200px){
.featured-products .all-product-link{
    margin: 0 .8rem 1rem 0;
}
.featured-products{
    margin:4rem 4rem 0;
}
.featured-products .product-miniature{
    margin: 0 0 1rem 3.2rem;
}
}
@media (min-width:992px) AND (max-width:1199px){
.featured-products .all-product-link{
    margin: 0 1rem 1rem 0;
}
.featured-products .product-miniature{
    margin: 0 0 1rem 2.4rem;
}
}
@media (min-width:576px){
.featured-products .products-section-title{
    margin-top:1rem;
}
}
                        /* NEWSLETER */
                        

.block_newsletter p {
    color:#fff!important;
    text-align:justify;
}   
.block_newsletter a {
    text-decoration:underline;
}
.f075{
    font-size:.75rem;
}
.block_newsletter a:hover {
    color:#fff;
}
.block_newsletter form input {
    border-radius:8px;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.9);
}
.block_newsletter .btn-primary,.block_newsletter .btn-primary:active:focus{
background: rgba(126,103,76,.9)!important;
}
.block_newsletter .btn-primary:hover{
background: rgba(213,174,127,.9)!important;
}
.block_newsletter .btn-primary:active:hover{
background: rgba(236,210,177,.9)!important;
}
.block_newsletter form input[type="text"] {
    background:#777;
    min-width:50px;
    color:#fff; 
}
.block_newsletter form input[type="text"]:focus {
    border: 2px solid rgba(213,174,127,.9);
}
.block_newsletter .alert{
    margin-top:1rem;
    border-radius:5px;
}
.block_newsletter .alert-success{
    background-color: transparent;
}
.block_newsletter .alert-danger {
    background-color: transparent!important;
    border-color:#e34e4e!important;
}
.block_newsletter .col-xs-5 {
    text-align:right;
    margin-top: 3.5rem;
}
.block_newsletter .col-xs-7 {
    float:right;
    margin-top: 3.5rem;
}
#authentication .custom-checkbox input[name="newsletter"]{display:none;}
@media (min-width:1200px){
.block_newsletter form .input-wrapper {
    width: 65%;
}
}
@media (min-width:992px) AND (max-width:1199px){
.block_newsletter .col-xs-5 {
    width:30%;
}
.block_newsletter form .input-wrapper {
    width: 65%;
}
.block_newsletter .col-xs-7 {
width: 70%;
}
}
@media (min-width:768px) AND (max-width:991px){
.block_newsletter .col-xs-5 {
    width: 50%;
    margin-top:-2.5rem;
}
.block_newsletter .col-xs-7 {
    width: 50%;
    margin-top:-2.5rem;
}
.block_newsletter .col-xs-7 .col-xs-12 {
	float: right;
	width: 115%;
}
.block_newsletter form .input-wrapper {
    width: 55%;
    float: right;
    margin-right: 10px;
}
}
@media (min-width:576px) AND (max-width:767px){
.block_newsletter .col-xs-5 {
	width: 30%;
	margin-top: 0;
	text-align: right;
	padding-right: 0;
}
.block_newsletter .col-xs-7 {
	margin-top: 0;
	padding-left: 0;
	width: 70%;
}
.block_newsletter .col-xs-7 .col-xs-12{
    width:100%;
}
.block_newsletter form .input-wrapper {
	width: 60%;
	float: right;
	margin-right: 8px;
}
.block_newsletter form input {
    height:38px;
}
}
@media (min-width:576px){
.block_newsletter form .input-wrapper {
    overflow: visible;
}
}
@media (max-width:575px){
.block_newsletter .col-xs-5 {
    text-align:left;
}
.block_newsletter .btn-primary{
    margin-left:5px;
}
.block_newsletter .col-xs-12 {
	float: right;
	width: 115%;
}
.block_newsletter .col-xs-5 {
	margin-top: 0;
	width:38%;
}
.block_newsletter .col-xs-7 {
	margin-top: 0;
}
.block_newsletter form input[type="text"] {
	box-shadow: none;
}
}
@media (max-width:476px){
.block_newsletter p {
	padding-top: 0;
}
}
                        /* FOOTER */
/* Reduction marge footer + decalage image */
#footer{padding-top:2rem;background-color:#333;}
.block-contact span.h3{padding-left:0;}
.block-contact .material-icons {color:#fff;font-size:18px;}
.block-contact span{color:#cde8f3;}
.block-contact span a{color:#cde8f3;}
.block-contact span em, .contact-rich span em{font-size:.8rem;}
.footer-container ul{padding-top:8px;}
.footer-container{
    box-shadow: none;
    margin-top:2.25rem;
}
.footer-container li a{font-size:0.85rem;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);}
.block-social li{
    background-color:transparent;
    margin-top:1rem;
}
#stores .page-header h1{display:none;}
#stores .card{background-color:rgba(0,0,0,.2)}
#stores .card h3{
    color:#f2eae1;
    text-shadow:1px 1px 1px black;
}
#stores .page-stores .store-picture img {display:none;}
#stores .page-stores .store-item-footer i.material-icons {color:#f2eae1;}
#footer .img-responsive{
    width:100%;
    box-shadow:1px 1px 12px black;
}
#block_paygreen_infos>span{color:#7a7a7a!important;}
/* couleurs des liens du footer */
.block-social li.facebook:hover {background-color: #4267b2;}
.block-social li.youtube:hover {
    background-image: url(../css/youtube_social_squircle_red.png);
    background-color: transparent;
}
.youtube {background-image: url(../css/youtube_social_squircle_dark.png);}
#stores a:hover, #stores a:focus, #stores li{color:#f2eae1;}
.footer-container a{color:#ccc;}
@media (min-width:768px){
.block-contact{
    font-size:0.8rem;
    padding-left:2.3rem;
    margin-left:6%;
}
.footer-container .a-propos a{color:#ffe6a5;}
.footer-container .a-propos a:hover{
    color:#ffd263;
    text-shadow:1px 1px #2c2c2c;
}
.footer-container #link-cms-page-1-2{color:#ffd263;}
.footer-container #link-cms-page-1-2:hover{color:#ffe090;}
.footer-container #link-cms-page-5-2{color:#ffdd85;}
.footer-container #link-cms-page-5-2:hover{color:#ffe090;}
.footer-container #link-cms-page-3-2{color:#ffe9b0;}
.footer-container #link-cms-page-3-2:hover{color:#ffe090;}
.footer-container #link-cms-page-6-2{color:#fffaec;}
.footer-container #link-cms-page-6-2:hover{color:#ffe090;}
.footer-container #link-cms-page-2-2{color:#ffe9b0;}
.footer-container #link-cms-page-2-2:hover{color:#ffe090;}
.footer-container #link-cms-page-8-2{color:#ffd263;}
.footer-container #link-cms-page-8-2:hover{color:#ffe090;}
.footer-container .mon-compte a{color:#9bd2a4;}
.footer-container .mon-compte a:hover{
    color:#7cc088;
    text-shadow:1px 1px #2c2c2c;
}
.footer-container .a{color:#c4e2c9;}
.footer-container .a:hover{color:#9bd2a4;}

.footer-container .e{color:#9bd2a4;}
.footer-container .e:hover{color:#9bd2a4;}

.footer-container .b{color:#7cc088;}
.footer-container .b:hover{color:#9bd2a4;}

.footer-container .c{color:#64aa70;}
.footer-container .c:hover{color:#9bd2a4;}

.footer-container .d{color:#569361;}
.footer-container .d:hover{color:#9bd2a4;}
.footer-container li a:hover{font-weight:bold;}
.block-contact{border-left:1px solid #b176b6;}
.block-contact-title a{color:#4085a3!important;}
.block-contact-title a:hover{
    color:#5a8cc5!important;
    text-shadow:1px 1px #2c2c2c;
}
.block-contact-title{font-size:1.125rem;}
.footer-container ul{color:#b6dced;}
}

/* copyright */
#footer .text-sm-center{
    border-top:1px solid #515151;
    padding-top:10px;
    text-align:left!important;
}
#stores .page-stores .store-item-container .divide-left{display:none;}
#stores .page-stores .store-item-footer div:first-child{flex:0 0 40%}

/* medias */
@media (min-width:1200px){
#footer .col-lg-4{
    float:right;
    width:25%;
}
.block-contact{
    width:23%;
    font-size:0.9rem;
}
}
@media (min-width:992px) AND (max-width:1199px){
#footer .col-lg-4{
    float:right;
    width:24%;
}
.block-contact{width:25%;}

}
@media (min-width:768px) AND (max-width:991px){
#footer .block-social.col-md-12{
    float:right;
    width:28%;}
.block-contact{
    width:30%;}
}
@media (max-width:991px){
#footer .container{width:100%;}
.block-social{text-align:right}
}
@media (max-width:767px){
a.mypresta_scrollup{
    width:48px;
    height:48px;
}
.block-social li{margin:.5rem;}
.footer-container .wrapper {
    padding-left: .9375rem!important;
    padding-right: .9375rem!important;
}
.footer-container .links ul > li a {
    padding-bottom:1rem;
    border-bottom:1px solid #444;
    text-shadow:none;
    display:block;
    }
.footer-container .links .h3{color:#fff;}
.footer-container .links ul > li a:hover{color:#7a7a7a;}
.footer-container .material-icons{color:#fff;}
#block_paygreen_infos{margin-top:10px;}
.block-contact{
    line-height:.1rem;
    margin-bottom:.5rem;
}
}
@media (min-width:768px){
.footer-container .col-md-6{width:106%;}
}
                        /* MON COMPTE */
                        
.page-customer-account h1,.page-my-account h1, #addresses h1, #module-ps_emailalerts-account h1, #order-detail h1{
    color:#f2eae1;
    text-shadow:1px 1px 1px black;
}
.page-addresses .address .address-body h4 {
    color:#cecece;
    margin-bottom:1rem;
}
.page-customer-account #content .forgot-password a,.page-customer-account #content .no-account a{color:#cecece;}
.page-customer-account #content .forgot-password a:hover,.page-customer-account #content .no-account a:hover{
    color:#fff;
    font-weight:bold;
}
.page-my-account #content .links a{color:#cecece;}
.page-my-account #content .links a:hover{color:#888;}
.page-my-account #content .links a i{color:#f2eae1;}
.page-my-account #content .links a:hover i{color:#8eca98;}
.page-customer-account #content{
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
}
.page-addresses .address, .page-authentication #content,.page-my-account #content .links a span.link-item{
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
    border-radius:11px;
}
.page-addresses .address .address-body address {
	color:#f2eae1;
}
.page-addresses .address .address-footer a {
	color: #ccc;
}
.page-addresses .address .address-footer a:hover {
	color: #fff;
}
.page-addresses .addresses-footer a span {
	font-size: 1.1rem;
}
.page-addresses .addresses-footer a{
	color: #f2eae1;
	font-weight: bold;
}
.page-addresses .addresses-footer a:hover {
	color: #fff;
}
.page-footer a{color:#cecece;}
.page-footer a:hover{color:#fff;}

.alert-warning,#order-follow .alert-danger, .delivery-options-list .alert-danger{
    background-color:rgba(255,10,10,.1);
    box-shadow:1px 1px 6px black;
    border:none;
    color:#fff;
}
.page-customer-account #content{
    padding:1.5rem;
}
#module-ps_emailalerts-account #content{
    background: rgba(0,0,0,.3);
    box-shadow: 2px 2px 12px black;
    padding: 1.5rem;
}
.alert-success ul{
    margin:1rem 0!important;
}
.ps-alert-error .item p, .ps-alert-success .item p {
    background-color: #dff0d8;
    color:#333;}
.ps-alert-success {
	padding: .5rem .25rem 0;
}
.ps-alert-success .item {
	border-color: #7ae198;
	background-color: #7ae198;
}
.ps-alert-success .item i {
	border-color: #7ae198;
}
.ps-alert-success .item i svg {
    background-color: #7ae198;
}
.page-content h2{
    color:antiquewhite;
}
#history .table thead th {
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
#history .thead-default th {
	color: #000;
	background-color: #cfc1b1;
}
#history .table-labeled td, .table-labeled th {
    background-color: #f6f6f6;
    color:#000;
}
#history .table-bordered, .table-bordered td, .table-bordered th {
	border-bottom: 1px solid #cfc1b1;
	border-right:none;
	border-left:none;
	text-align:center;
}
#history #content a{
    color:#999;
}
#history #content a:hover{
    color:#000;
}
.label-pill{
    color: #000!important;
    border: 1px solid black;
}
#main .page-content h6 {
	text-align: center;
	color:#ddd;
}
#main .page-content #notifications{
    background:transparent;
    box-shadow:none;
}
.page-content ul li a img{
    border:1px solid antiquewhite;
    margin:8px 10px 0 0;
}
.page-content ul li a{
    color:antiquewhite;
}
.js-remove-email-alert{
    margin-left:15px;
}
.js-remove-email-alert:hover{
    color:#ea4f4f;
    font-weight:bold;
}
/* medias */
@media (min-width:1200px){
.page-my-account h1{padding-left:10.5rem;}    
.page-my-account #content .links{justify-content:center;}
.page-my-account #content .links a{width:35%;}
}
@media (min-width:992px){
.alert-warning {margin:0 5rem;}
}
@media (max-width:991px){
.alert-warning {margin:0 2rem 1.2rem;}
}
@media (min-width:576px){
.page-addresses .address .address-body {
    min-height:261px;
}
}
                        /* PAGE PRODUITS */
                        
.product-features > dl.data-sheet dt.name {text-transform:none;}
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {
	background: rgba(200,200,200,.4);
}
.product-features > dl.data-sheet dd.value:nth-of-type(2n), .product-features > dl.data-sheet dt.name:nth-of-type(2n) {
	background: rgba(240,230,240,.4);
}
                        
li.product-flag,#products .product-miniature .pack,.featured-products .product-miniature .pack{display:none;}
.product-information p, .tabs p{
    font-size:1rem;
    line-height:1.4rem;
    color:#232323;
}
.tabs{color:#232323;}
.mb2{margin-bottom:2rem;}
#product-details label {
	color: #232323;
}
.tabs .nav-tabs {border-bottom:none;}
p.bouton-arianne{
    clear:both;
}
.tabs70{
    margin-top: 0;
}
@media (min-width:992px){
p.bouton-arianne{
    margin: 0 0 5% 15%;
}
.tabs70{
    width:70%;
    margin-left:15%;
}
.tabs80{
    width:80%;
    margin-left:10%;
}
.tabs90{
    width:90%;
    margin-left:5%;
}
}
/* Fil d'Ariane */
#wrapper .breadcrumb li::after{color: antiquewhite;}
#wrapper .breadcrumb li a {
	font-size: 13px;
	text-shadow: 3px 3px 10px black;
	color:white;
}
/* Cadre miniature selectionnée */
.product-images>li.thumb-container>.thumb.selected,.product-images>li.thumb-container>.thumb:hover,#product-modal .modal-content .modal-body .product-images img:hover{border:1px solid antiquewhite;}
.scroll-box-arrows i {
    color:#333;
}
.product-variants label{color:#333;}
/* Bouton panier */
.btn-primary, .btn-secondary, .btn-tertiary{background-color: #0d997a;}
.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{background-color:#1aad8c;}
.btn-primary, .btn-secondary, .btn-tertiary{box-shadow: 2px 2px 4px 0 rgba(0,0,0,.9);}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;background-color:#00d3a4;border-color:transparent}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover {background-color:#89623d;}
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{
    background-color:#00d3a4;
}
.tag-primary[href]:focus,.tag-primary[href]:hover{background-color:#00d3a4}
a.bg-primary:focus,a.bg-primary:hover{background-color:#00d3a4!important}
a.text-primary:focus,a.text-primary:hover{color:#00d3a4!important}
/* Prix + aligner TTC */
.tax-shipping-delivery-label{
    font-size:.8125rem;
    color:#7a7a7a;
    display:inline;
    padding-left:5px;
}
.product-price{
    color:#052822!important;
    font-size:2.1rem;
}
.metre{
    font-size:1rem;
    color:#444;
}
/* packs */
.product-pack .card {
    background:url('../img/paper.jpg') bottom center;
    background-color: rgba(0,0,0,.7);
    box-shadow: 5px 5px 8px black;
    border-radius: 10px;
}
.pack-product-name a{
    color:#fff!important;
}
.pack-product-name a:hover{
    color:#fff!important;
    font-weight:bold;
}
.pack-product-container .pack-product-price,.pack-product-container .pack-product-quantity{
    color:#cecece;
}
.pack-product-container .thumb-mask > .mask {
    border-radius:40px;
    border:1px solid #aaa;
}
.product-pack .pack-product-container .pack-product-price{
    text-decoration-line: line-through;
    text-decoration-color: #fff;
}

/* Description + détails produit */
.tab {
    background-color:rgba(255,255,255,.9);
    border-radius: 3px;
    box-shadow: 2px 2px 12px black;
    padding: 1.25rem 1.875rem;
}
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {font-size:.97rem;}
.tabs h2{color:#232323;}
.tabs .nav-tabs a.nav-link {color:#7a7a7a!important;}
.tabs .nav-tabs a.nav-link.active {color:#07525c!important;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {border-bottom: 3px solid #07525c;}
.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active:active,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover{background-color:unset;}
#tab-content .product-description a{
    color:#232323;
}
#tab-content .product-description a:hover{
    color:#07525c;
}
#tab-content .product-description{
    text-align:justify;
}
#product #encaps h1{
    color:#2a1b15;
    text-shadow:none;
}
#product #encaps a{color:#383d3c;}
#product #encaps a:hover{color:#07525c;}
#product-description-short a:hover{color:#07525c;}
.quickview .modal-body #product-description-short{
    margin-bottom:1rem;
}
.product-accessories{
    clear:both;
}
.product-accessories h3{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
    margin-bottom:1rem;
}
#attachments a:hover{
    color:#000;
}
/* photos produits + modal images */
.product-cover {
    margin-bottom: .3rem;
}
.product-cover img{
    box-shadow:8px 8px 12px #ababab;
    border:1px solid antiquewhite;
}
p.center{
    text-align:center;
    color:#444;
}
.quickview .zoomolette, .quickview .abrege{
    display:none;
}
.quickview .modal-content {
	background: #f5f2ed;
}
.quickview h1,.quickview a,.quickview .product-actions .control-label {
    color:#444;
    text-shadow:none;
}
.quickview p{
    color:#444;
    font-size:1rem;
}
.quickview .social-sharing,.partagetheme .social-sharing {
    margin-bottom:0;
}
.quickview .arrows .arrow-up {
    position:absolute;
	margin-top: -1.8rem;
	opacity: .8;
	color:#000;
	margin-left: 2rem;
}
.quickview .arrows .arrow-down {
	margin-left: 2rem;
}
.quickview .arrows {
	opacity: .8;
	color:#000;
}
.quickview .product-cover img{
    box-shadow:1px 1px 3px rgba(0,0,0,.6);
    border:none;
}
.quickview .product-images > li.thumb-container > .thumb {
	box-shadow: none;
}
.quickview .product-images > li.thumb-container > .thumb.selected,.quickview .product-images > li.thumb-container > .thumb:hover,.quickview #product-modal .modal-content .modal-body .product-images img:hover {
	border: 2px solid #e9bb90;
}
.quickview #product-availability {
    color:#333;
}
@media (max-width:1024px){
.zoomolette{
    display:none;
}
p.abrege{
    text-align:left!important;
}
}
@media (min-width:1025px){
.abrege{
    display:none
}
}
#product-modal .modal-content .modal-body .product-cover-modal {
    border:1px solid antiquewhite;
    max-width:680px;
}
#product-modal .modal-content .modal-body .image-caption {
	display: none;
}
#product-modal .modal-content .modal-body .mask {
	max-height: 630px;
}
.modal-backdrop.in{opacity:.9}
#product-modal .js-modal-thumb{border:1px solid #444;}
#product-modal .js-modal-thumb.selected{border:1px solid antiquewhite;}
/* date de livraison */
#advanceddateofdelivery_footer_product{
    clear:both;
    padding-top: 2rem;
    background-color: transparent;
    border: none;
}
#advanceddateofdelivery_footer_product .h5{
    display:none;
}
#advanceddateofdelivery_footer_product .table-bordered td{
    border-bottom: 1px solid #414141;
}
#advanceddateofdelivery_footer_product .table-bordered{
        border: 1px solid #414141;
        color: #232323;
}
#advanceddateofdelivery_footer_product .table thead th {
    border-bottom: 1px solid #414141 !important;
    border-top: 1px solid #414141;
    background-color: rgba(197,162,119,.4);
    color: #444;
}
#blockcart-modal .modal-header {background:#1aad8c;}
#blockcart-modal .product-name{color:#383d3c;}
#blockcart-modal .cart-products-count {font-size:1.6rem;font-weight:bold;}
/* mail alerts */
.js-mailalert .custom-checkbox label{
    color:#333;
    margin-bottom:1.3rem;
}
.js-mailalert .custom-checkbox input[type="checkbox"] + span {
	border: 2px solid #333;
}
.js-mailalert .btn-primary {
    font-size: .94rem;
    white-space:normal;
}
.tabs-mail-alert{margin-bottom:2rem;}
.alert-success {
	border-color: #8ba581;
}
.product-prices {
	margin-top: 0;
}
/* medias */
@media (min-width:992px){
.titretout {
    padding-left:35px;
    padding-right:23px;
}
.tabright{
    float:right;
    padding-right:0;
}
}
@media (max-width:991px){
#blockcart-modal .cart-products-count {font-size:1.3rem;}
.product-additional-info .social-sharing{
    display:none;
}
#product .col-md-6{
    width:100%;
}
.tabright{
    padding-left:0;
    padding-right:0;
}
.tabright .tab{
    padding: 1.25rem 1.5rem;
}
.product-pack {
	margin-top: 2.5rem;
	margin: 2.5rem .5rem 0;
}
}
@media (max-width:767px){
.titretout {
    padding-left:1.8rem;
    padding-right:1.8rem;
}
}
@media (min-width:768px) AND (max-width:991px){
#product #encaps h1, .product-prices{
    padding:0 5.5rem;
}
}
@media (max-width:575px){
#blockcart-modal .cart-products-count {font-size:1rem;}
}
@media (max-width:373px){
.cart-content-btn .btn{
    font-size:.8rem;
}
}
                        /* CATEGORIES */
                        
.category-id-2 .block-categories .collapse-icons .add:hover, .category-id-2  .block-categories .collapse-icons .remove:hover {
    color: #fff}                        
.category-id-2 .card{display:none;}                        
.block-category .img-thumbnail {
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: 0px 1px 5px black;
}
.block-categories {
    box-shadow: 2px 2px 12px black;
    background: rgba(0,0,0,.3);
}
.block-categories .category-sub-menu li[data-depth="0"] > a{
    border-bottom:1px solid #777;
}
.block-categories a{
    color:#bbb;
    text-shadow: 1px 1px 1px black;
}
.block-categories a.h6{
    color:#fff;
    font-size:110%;
}
.block-categories a:hover{
    color:#fff;
}
.block-category{
    background:rgba(0,0,0,.3);
    color:#f2eae1;
    box-shadow: 2px 2px 12px black;
    padding-bottom:1.5rem;
}
.block-category p{
    color:#f2eae1!important;
    text-shadow: 1px 1px 1px black;
    font-weight:bold!important;
}
.block-category h1{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
    font-size:170%;
}
#products {color:#fff;}
#js-product-list-top p{
    color: #f2eae1!important;
}
.products-selection .sort-by {
    margin-right: 0.063rem;
    padding:0;
    text-shadow: 3px 3px 10px black;
    color: #f2eae1;
}
#products .product-miniature .thumbnail-container{
    height:324px;
}
#products .product-miniature .product-description{
    bottom: auto;
    height: 5.3rem;
}
#products .product-miniature .product-title{
    margin-top:.5rem;
}
.pagination .page-list {
    background:rgba(0,0,0,.3);
    box-shadow: 2px 2px 12px black;
    margin-top: 1rem;
}
.pagination .disabled {
    color:#ccc;
}
.pagination .page-list .current a{
    color:#fff;
}
.pagination a {
    color:#ffac87;
}

#category #category-description{
	background-color: rgba(232,230,228,.5);
	box-shadow: 2px 2px 12px black;
	padding: 1.4rem 2rem .8rem;
    margin-bottom:30px;
    border-radius:3px;
}
#category #category-description h2{
    color: #2a1b15;
    font-size: 22px;
}
#category #category-description p{
    color:#111;
    font-size: 16px;
    line-height: 1.3rem;
}
#category #category-description a{
    color:#111;
}
#category #category-description a:hover{
    color:#cecece;
}
.products-sort-order .select-title {
	color: #232323;
	background: #cfc1b1;
	border: 1px solid rgba(0,0,0,.25);
	box-shadow: 1px 1px 4px black;
}
.products-sort-order .select-list:hover {
	background: #cfc1b1;
	color: #000;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
/* medias */
@media (min-width:992px) AND (max-width:1199px){
#js-product-list .row{
    padding-left:10%;
}
}
@media (min-width:768px) AND (max-width:991px){
.block-categories {
	padding: 1rem .7rem .1rem;
}
.block-category {
	padding: 1rem;
}
.block-category h1 {
    margin-bottom: 0;
    font-size: 150%;
    line-height: .8;
}
.products-selection .sort-by {
    width:90px;
}
}
@media (min-width:576px) AND (max-width:767px){
.products-sort-order {
	width: 70%;
}
.products-selection .sort-by-row {
    float: right;
}
.products-selection .sort-by {
    width:90px;
}
}
@media (max-width:575px){
#category #banners_home.row {
    display:none;
}
.products-selection .sort-by-row {
    float:right;
}
.products-selection .sort-by {
    width:90px;
}
}
#products img, .featured-products img, .product-accessories img, .product-miniature img {
    border-top:#000 solid 2px;
    width: 98.5%;
    margin-left: 2px;
}

#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {background:rgba(0,0,0,.8);}
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {background:#000;}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {background:#000;}
#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {
    color:#f2eae1;
    padding:0 .1rem;
}
#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping {
    color:#fff;
    margin-bottom:.5rem;
}
#products .highlighted-informations .quick-view, .featured-products .highlighted-informations .quick-view, .product-accessories .highlighted-informations .quick-view, .product-miniature .highlighted-informations .quick-view {color:#fff;}
#products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover {color:#7a7a7a;}
#products p{color:#fff;}
@media (min-width:768px){
#products .col-md-4{width:100%;}
}
                        /* CHECKOUT */
.cart-grid-body .card-block h1{
    display:none;
}
body#checkout #cart-summary-product-list .media-body {
	text-align: left;
}
body#checkout section.checkout-step .content{
    padding-top:.5rem;
}
body#checkout .delivery-options{
    padding-top:.5rem;
}
body#checkout section.checkout-step .carrier-delay, body#checkout section.checkout-step .carrier-name{
    word-break:keep-all;
}
body#checkout .payment-options{
    padding-top:1rem;
}
.payment-option {
    margin-bottom: 1em !important;
}
.payment-option label{
    text-align:left!important;
}
body#checkout .condition-label label{
    color:#fff;
}
.payment-option img{
    margin-top:-10px;
    margin-left: 5px;
    vertical-align:top;
    background-color:rgba(255,255,255,.9);
    border-radius:5px;
}
body#checkout section.checkout-step .content .modal-content img, body#checkout section.checkout-step .content .modal-content .titre_pdf{
    display:none;
}
body#checkout section.checkout-step .content .modal-content h1,body#checkout section.checkout-step .content .modal-content h2,body#checkout section.checkout-step .content .modal-content h3,body#checkout section.checkout-step .content .modal-content h4{
    color:#333;
}
body#checkout section.checkout-step .content .modal-content p{
    color:#666;
}
body#checkout section.checkout-step .content .modal-content a{
    color:#777!important;
}
body#checkout section.checkout-step .content .modal-content a:hover{
    color:#aaa!important;
}
body#checkout #order-summary-content h4.black,body#checkout #order-summary-content h4.h4{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
}
body#checkout #order-summary-content h4.h4 span{
    color:#cecece;
}

body#checkout #header .header-nav{
    padding:1rem 0;
}
body#checkout #header .header-nav #contact-link {
    font-size:.85rem;
    margin-top:1.3rem;
}
body#checkout{color:#fff;}
body#checkout .label, body#checkout label{
    text-align:justify;
}
.product-line-info .label, .cart-summary-line .label, .product-line-info .value{
    color:#eee;
    font-size:1rem;
}
.product-line-info span.label{font-weight:bold;}
.cart-detailed-totals .card-block{
    padding: 1.25rem 1.25rem 0;
}
.cart-detailed-totals .promo-name{
    padding: 0 1.25rem;
}
.cart-detailed-totals .cart-voucher p{
    padding-top:1rem;
    color:#cecece;
}
.cart-grid-right .promo-discounts .cart-summary-line .label {
	color: #ffc69d;
}
#cart-subtotal-discount{
    margin-top:1rem;
}
#cart-subtotal-discount span{
    color:#ffc69d;
}
.block-promo .cart-summary-line .label, .block-promo .promo-name {
    color: #ffc69d;
}
.block-promo .promo-name .cart-summary-line .float-xs-right{display:none;}
#js-checkout-summary .card-block{
    padding: 1.25rem 1.25rem 0;
}
#js-checkout-summary .promo-name{
    padding: 0 1.25rem 1.25rem;
}
body#checkout .glogin, .register-form .glogin{
    margin-bottom:1.8rem;
}
body#checkout section.checkout-step .add-address a{
    color:#fff;
}
body#checkout section.checkout-step .add-address a:hover{
    color:#cecece;
}
body#checkout #order-summary-content .noshadow{
    box-shadow:2px 2px 12px black;
    margin-bottom: 1.5rem;
}
body#checkout #order-summary-content .summary-selected-carrier{
    background-color:rgba(180,150,150,.2);
    box-shadow:2px 2px 12px black;
}
body#checkout #order-summary-content #order-items h3.h3{
    color:#f2eae1;
    text-shadow:1px 1px 1px black;
}
#order-items hr{
    border-top:1px solid rgba(255,255,255,.2);
}
body#checkout #order-summary-content .order-confirmation-table{
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
}
body#checkout #order-summary-content .order-confirmation-table a{
    text-decoration:none;
}
body#checkout #order-summary-content .order-confirmation-table .col-xs-5{
    width:35%;
}
body#checkout #order-summary-content .order-confirmation-table .col-xs-2{
    width:26%;
}
body#checkout #order-summary-content .order-confirmation-table table tr,h3.h1{
    color:#f2eae1;
    text-shadow:1px 1px 1px black;
}
a:link,a:visited,a:hover,a:active{outline:none;} 
#checkout-payment-step .alert-danger a{
    color:#a94442!important;
}
#checkout-payment-step .alert-danger a:hover{
    color:#cd716f!important;
}
.cart-grid-body .card-block{
    padding:0 1rem;
}
.card-block2{
    padding:1.25rem;
}
.cart-summary-products .product-price{
    font-size:.875rem;
    color:#aaa !important;
    margin-bottom:.2rem;
}
.cart-summary-line .value,.card-block2 .value{color:#fff;}
.card-block2 .value,.card-block2 .label{font-weight:bold;}
.card-block2 .value{font-size:1.2rem;}
.cart-item{
    background:rgba(255,255,200,.1);
    box-shadow:1px 1px 6px black;
    border-radius:3px;
}
.no-items{color:#cecece;}
.cart-total{
    padding:0.6rem;
    background:rgba(255,250,200,.1);
    box-shadow:1px 1px 6px black;
    border-radius:3px;
    margin-bottom:1rem;
}
.block-promo .promo-code-button{color:#89cfc6;}
.block-promo .promo-code-button:hover{color:#fff!important;}

#cart .current-price{
    color:#cecece;
    font-size:1.2rem;
    margin-top:.8rem;
}
#cart .product-price{
    color: #fff !important;
    font-size:1.4rem;
} 
.cart-grid-body a.label{color:#fff;}
.cart-grid-body a.label:hover{color:#cecece;}
.separator{border-color:rgba(100,100,100,.9);}
.remove-from-cart .material-icons{color:#fff;}
body#checkout #footer {background:#e8e6e4;}
.custom-radio input[type="radio"]:checked + span{background-color:#0d997a;}
.product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart{
    color:#fff;
    margin-top:0;
}
.product-line-grid-right .cart-line-product-actions .remove-from-cart:hover, .product-line-grid-right .product-price .remove-from-cart:hover{color:#ea4f4f;}
#cart #footer .img-responsive{display:none;}
.cart-summary-products p{color:#cecece;}
.cart-summary-products a{color:#fff;}
body#checkout .cart-summary-products a:hover{color:#89cfc6;}
body#checkout .h1{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
}
.done {color:#fff;}
.card-block p{color:#f2eae1;}
.card-block p.center{
    text-align:center;
    margin-bottom:1.5rem;
}
.block-promo .promo-code-button{margin-bottom:0;}
.block-promo .promo-code{
    margin:0 0.8rem;
    background:rgba(255,255,200,.1);
    box-shadow:1px 1px 6px black;
}
body#checkout section.checkout-step label.delivery-option-2{
    margin-bottom:0;
}
body#checkout section.checkout-step span.carrier-name,body#checkout section.checkout-step span.carrier-price{
    color:#fff;
}

body#checkout .col-md-8, body#checkout .boox{
    padding:1.5rem;
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
}
body#checkout section.checkout-step{
    background:rgba(255,255,200,.1);
    box-shadow:1px 1px 6px black;
}
body#checkout section.checkout-step a{
    color:#cecece;
}
body#checkout section.checkout-step a:hover{color:#fff;}
#checkout-payment-step a{
    color:#fff!important;
    font-weight:bold;
    text-decoration:underline;
}
#checkout-payment-step a:hover{
    color:#cecece!important;
}
body#checkout section.checkout-step .step-title{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
    font-size:1.5rem;
}
body#checkout .text-muted{
    color:#cecece!important;
    text-shadow:none;
}
body#checkout section.checkout-step .address-item.selected,body#checkout section.checkout-step .address-item{
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
    margin-bottom: 2rem;
}
body#checkout section.checkout-step .address-item.selected{border:3px solid #0d997a;}
body#checkout section.checkout-step .address{line-height:1.4rem;}
body#checkout section.checkout-step .address-alias{color:#f2eae1;}
body#checkout p{color:#fff;}
body#checkout p.add-address{margin-bottom:2rem;}
body#checkout .cancel-address{color:#fff!important;}
body#checkout .js-address-form .form-control-label2{
    padding-left:25%;
    margin-top:.6rem;
    margin-bottom:1.5rem;
}
body#checkout h2.h4{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
}
body#checkout section.checkout-step .delivery-option{
    background:rgba(180,150,150,.2);
    box-shadow:1px 1px 6px black;
}
body#checkout section.checkout-step .form-footer{
    margin-top:2rem;
    margin-bottom:2rem;
}
/*#payment-option-1-container .custom-radio,#payment-option-2-container .custom-radio{margin-top:.4rem;}*/
#payment-option-2-additional-information p{margin-bottom:2rem;}
.definition-list dl dd, .definition-list dl dt, .definition-list dl dd:nth-of-type(2n), .definition-list dl dt:nth-of-type(2n){
    background:rgba(255,100,25,.05);
    box-shadow:1px 1px 6px black;
}
.definition-list dl dd{
    font-size:.9rem;
}
.definition-list dl dt{
    font-weight:bold;
    color:#eee;
}
.payment-options p{text-align:justify;}
.definition-list dl{
    text-align:center;
    padding-left: 7%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.custom-checkbox input[type="checkbox"] + span{border:2px solid #ddd;}
.custom-checkbox input[type="checkbox"]:checked + span{
    color:#fff;
}
.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
	color: #fff;
}
body#checkout .custom-checkbox label{margin-left:.5rem;}

.page-order-confirmation #order-items{
    margin-bottom:2rem;
}
#content-hook_payment_return .card{
    background-color: rgba(236, 199, 155, 0.65) ;
}
#content-hook_payment_return em{
    color:#f2eae1;
    font-size:1rem;
    line-height: 1.4rem;
}
#content-hook_payment_return p{
    font-size:1rem;
    line-height: 1.5rem;
}
#content-hook_payment_return a{
    color: #eee;
}
#content-hook_payment_return a:hover{
    color: #fff;
}
#order-summary-content #order-items .image img{
    border-radius:40px;
    border:1px solid #717171;
}
body#checkout section.checkout-step .address-selector {
    display:block;
}
.facturation, .featured-products .all-product-link {
	border: 2px solid antiquewhite;
	text-align: justify;
	padding: .5rem;
	background-color: rgba(0,0,0,.5);
}
.bouton-facturation{
    margin-bottom:2rem;
    display:flex;
}
.promo-discounts{
    margin-bottom:0;
    padding-top:.5rem!important;
}
div#colissimo-container p{
    color:#333;
}
#conditions-to-approve-paypal {
   margin-bottom: 30px;
}
/* medias */
@media (min-width:1200px){
#order-confirmation section#content-hook_order_confirmation.card{
    margin-bottom:2rem;
    margin-left:15%;
    width:70%;
}
section#content.page-content.page-order-confirmation.card, section#content-hook_payment_return.card{
    width:70%;
    margin-left:15%;
}
body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses, body#checkout section.checkout-step .add-address {
	width: 56%;
	margin-left: 23%;
}
#order-details.col-md-4{width:100%;}
}
@media (max-width:1199px){
.forgotten-password .form-control-label {
    padding-top:0;
}
body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses, body#checkout section.checkout-step .add-address {
	width: 70%;
	margin-left: 15%;
}
}
@media (min-width:992px) AND (max-width:1199px){
.definition-list dl dd {
	font-size: .85rem;
}
.block-promo .promo-input + button {
	margin: -6px -13px 0px 6px;
}
.block-promo .promo-input {
    margin-left:-15px;
}
.product-line-grid-right .qty {
	width: 50%;
}
.product-line-grid-right .price{
    width: 40%;
    padding-left:0;
}
#cart .product-price {
	font-size: 1.2rem;
}
}
@media (min-width:768px) AND (max-width:1199px){
#order-confirmation section#content-hook_order_confirmation.card{
    margin-bottom:2rem;
    width: 80%;
    margin-left: 10%;
}
section#content.page-content.page-order-confirmation.card, section#content-hook_payment_return.card{
    width:80%;
    margin-left:10%;
}
#order-details.col-md-4{
    width:100%;
}
}
@media (min-width:768px){
body#checkout section.checkout-step #customer-form .form-control-label, body#checkout section.checkout-step #delivery-address .form-control-label, body#checkout section.checkout-step #invoice-address .form-control-label, body#checkout section.checkout-step #login-form .form-control-label{
    text-align:right;
    font-size:1rem;
}
body#checkout .js-address-form .col-md-3{width:30%}
body#checkout .js-address-form .form-fields .col-md-6{width:60%;}
body#checkout .glogin, .register-form .glogin, body#checkout .fblogin, .register-form .fblogin{
    margin-left:9.7rem;
}
}
@media (max-width:991px){
body#checkout .boox{
    margin-bottom: 1.5rem;
}
}    
@media (min-width:768px) AND (max-width:991px){
.block-promo .promo-code {
    margin: 0 20rem 0 1.25rem;
}
}
@media (min-width:576px) AND (max-width:767px){
body#checkout #order-summary-content .col-md-12 {
    padding-right:5px;
    padding-left:5px;
}
.block-promo .promo-code {    
    margin: 0 1.25rem;
}
.block-promo .promo-code {
    padding: 1.6rem 5rem;
}
}
@media (min-width:374px) AND (max-width:575px){
.block-promo .promo-code {    
    margin: 0;
}
}
@media (min-width:457px) AND (max-width:575px){
.block-promo .promo-code {
    padding: 1.6rem 5rem;
}
}
@media (min-width:576px) AND (max-width:991px){
body#checkout .col-md-8, body#checkout .col-md-4{width:100%;}
body#checkout .col-md-8{margin-bottom:2rem;}
}
@media (min-width:520px) AND (max-width:767px){
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    float:right;
}
}
@media (max-width:767px){
.col-xs-1{
    float:right;
}
.product-line-grid-right {
	margin-top: 1rem;
}
.product-line-grid-right .qty {
	width: 60%;
}
.product-line-grid-right .price{
    width: 40%;
}
.product-actions .add-to-cart {
    margin-left:5px;
}
body#checkout #_prestablog_index a{display:none}
}
@media (min-width:576px){
body#checkout #order-summary-content .summary-selected-carrier .col-sm-6 {
	width: 40%;
}
body#checkout #order-summary-content .summary-selected-carrier .col-sm-4 {
	width: 35%;
}
body#checkout #order-summary-content .summary-selected-carrier .col-sm-2{
    float:right;
    width:25%;
}
}
@media (max-width:575px){
.petits-delais {
    width:80%;
    margin-left:10%;
    text-align:center;
}
body#checkout #wrapper .container {
    margin-left:15px;
    margin-right:15px;
}
.cart-items {
	padding: 1rem 1rem;
}
.cart-item {
	border-bottom: none;
}
body#checkout .col-md-8{margin-bottom:2rem;}
body#checkout section.checkout-step .forgot-password {
	margin-left: 0;
	text-align: center;
}
body#checkout .boox{
    margin-right:2rem;
}
}
@media (max-width:520px){
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
    display:none;
}
body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses, body#checkout section.checkout-step .add-address {
	width: 80%;
	margin-left: 10%;
}
}
@media (max-width:575px){
body#checkout #header .header-nav .logo {
	max-height: 50px;
	max-width: 100%;
}
.block-promo .promo-code {
    padding: 1.6rem 2rem;
}
body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses, body#checkout section.checkout-step .add-address {
	width: 98%;
	margin-left: 1%;
}
}
@media (max-width:421px){
.payment-option img {
	margin-top: 5px;
}
}
@media (min-width:374px) AND (max-width:456px){
.block-promo .promo-code {
    padding: 1.6rem 0 1.6rem 3rem;
}
.block-promo .promo-input {
    width:45%;
}
.block-promo .promo-code .alert-danger {
    margin-right:2rem;
}
}
@media (max-width:373px){
.block-promo .promo-input {
    width:55%;
}
body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses, body#checkout section.checkout-step .add-address {
	width: 100%;
	margin-left:0;
}
}
@media (max-width:374px){
.my-2 {font-size:.9rem;}
body#checkout .col-md-8 {
    padding: .6rem;
}
body#checkout section.checkout-step {
    padding: .8rem;
}
}
@media (min-width:346px) AND (max-width:373px){
.block-promo .promo-code{
    margin:0;
    padding:1.5rem;
}
}
@media (max-width:345px){
    body#checkout section.checkout-step .address {
    margin-left:0;
    margin-top: 1rem;
}
.block-promo .promo-code{
    margin:0;
    padding:.6rem;
}
}
                        /* 404 */
#pagenotfound .page-not-found, #products .page-not-found{
    background:rgba(0,0,0,.3);
    color:#f2eae1;
    text-shadow:1px 1px 1px black;
    box-shadow: 2px 2px 12px black;
}
#pagenotfound h1{
    color:#f2eae1;
    text-shadow:1px 1px 1px black;
}
#pagenotfound p{color:#fff;}

                        /* RGPD */
                        
.psgdprinfo17 h2, .psgdprinfo17 p{color:#333;}
.psgdprinfo17 {
    border-radius:5px;
    box-shadow: 2px 2px 12px black;
    margin-bottom: 30px;
}
.psgdprinfo17 p{margin-bottom:1.5rem;}
.psgdprinfo17 h2{margin-top:1.5rem;}
.custom-checkbox label{text-align:justify;}
#identity .js-customer-form .custom-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#identity .custom-checkbox span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 0.9375rem;
	flex: 0 0 0.9375rem;
}
#identity .custom-checkbox label {
	padding-left: .625rem;
}

                        /* FORMULAIRE CONTACT */
.contact-rich{
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
    padding:15px;
}
.contact-rich h4{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
    text-align: center;
}
.contact-rich .material-icons{color:#f2eae1;}
.contact-rich .block .data, .contact-rich a{color:#cecece;}
.contact-rich .block .data{padding-top: 0.28rem;}
.contact-rich a:hover{color:#fff;}
hr {border-top:1px solid rgba(255,255,255,.1);}
.card{
    background:rgba(0,0,0,.3);
    box-shadow:2px 2px 12px black;
}
.alert-info{
    background-color:#e8e6e4;
    color: #232323;
}
.alert{
  font-size:.9rem;
    text-align:center;
}
.alert a{color:#383d3c;}
.alert a:hover{color:#232323;}
.contact-form{
    background:transparent;
    box-shadow:2px 2px 12px rgba(0,0,0,.4);
    border-radius: 5px;
}
.contact-form h3{
    font-size:1.3rem;
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
    text-align:left;
}
.contact-form .alert-danger{padding-bottom:0;}
.label, label {color:#fff;}
.form-control:focus, .input-group.focus{
    outline:1px solid #0d997a;
    border-color: #0d997a;
}
.p-15-l{padding-left:15px!important;}
.p-15-r{padding-right:15px!important;}
#contact #wrapper img{box-shadow:2px 2px 6px black;}
#contact #footer .img-responsive{display:none;}
.input-group .input-group-btn > .btn{
    background-color:#0d997a!important;
    border:2px solid #0d997a;
    font-weight:bold;
}
.form-control-label2 {font-style:italic;}
/* medias */
@media (min-width:1200px){
#contact .col-lg-3{width:27%;}
.form-group .col-md-9{padding-left:0;}
#contact .col-md-9{
    float:right;
    width:73%;
}
.contact-form form .form-fields #captcha-box {margin-right:15.2%;}
.form-control-label2 {
    padding-right:19.5%;
    padding-top: 1rem;
}
#contact .form-footer .btn-primary {margin-right:15.6%;}
#contact #wrapper .col-md-6 {width:60%;}
}
@media (min-width:992px) AND (max-width:1199px){
.form-group .col-md-9 {width:74%!important;}
#contact .col-lg-3 {
    width:32%;
}
#contact .col-md-9 {
    float:right;
    width:68%;
}
#contact .col-md-3 {width:26%;}
#contact #wrapper .col-md-6 {width:70%;}
.form-control-label2 {
    padding-right:26%;
    padding-top: 1.2rem;
    font-size:0.8rem;
}
.contact-form form .form-fields #captcha-box {margin-right:4%;}
#contact .form-footer .btn-primary {margin-right:4.3%;}
}
@media(min-width:768px) AND (max-width:991px){
.form-group .col-md-9{
    float:right;
    width:75%!important;}
#contact .col-lg-3{display:none;}
#contact .col-md-9{width:100%;}
#contact #wrapper .col-md-6 {width:70%;}
.contact-form form .form-fields #captcha-box {margin-right:5.2%;}
.form-control-label2{
    padding-right:29.5%;
    padding-top: 1.2rem;
    font-size:0.8rem;
}
#contact .form-footer .btn-primary{margin-right:5.6%;}
.alert-info{font-size:1rem;}
}
@media(max-width:767px){
.contact-form .form-control-label {
    float:left;
}
.contact-form {padding:1rem 1rem 3.5rem;}
#contact .col-lg-3{display:none;}
#contact .col-md-9{width:100%;}
.form-control-label2{
    float:left;
    padding:0;
    font-size:0.8rem;
}
#contact .btn-primary {float:right;}
body#checkout #delivery-address .form-control-label2, body#checkout #invoice-address .form-control-label2{
	display:none;
}
.top1rem{
    margin-top:1rem;
}
}
@media(max-width:343px){
.form-control-label2 {
    width:30%;
    text-align:left;
}
}
             /* PAGES CMS (webbax tuto 18 + modifs + fiches pratiques) */

/* tous les supports */
.pl0 {padding-left:0!important;}
.pr0 {padding-right:0!important;}
.w70 {
    width:70%;
    margin-left:15%;
}
.ml5 {margin-left:5%;}
#cms #wrapper span{
    line-height:1.4rem;
    text-shadow: 3px 3px 10px black;
    color: white;
}
#cms #wrapper p :not(.cms-id-52){
    text-shadow: 3px 3px 10px black;
}
.img-responsive{max-width:100%;}
.photos{
    text-align: center;
}
.photo {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
}
.photos .img-responsive {
	box-shadow: 1px 1px 2px black;
	border-radius: 3px;
}
.douze{margin-left:3rem;}
#cms .page-content h1{
    font-size:30px;
    margin-bottom:2rem;
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
    text-align:center;
}
#cms .page-content h2, #cms .page-content h3, #cms .page-content h4{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
}
#cms .page-content p, #cms .page-content a{
    color:#ececec;
    text-align:justify;
}
#cms .page-content a:hover{color:#fff;}
#cms #banner-cms img{
    width:100%;
    box-shadow:2px 2px 12px black;
    margin-bottom:.8rem;
}
#cms #banner-cms{margin-bottom:20px;}

#cms .page-content.page-cms{
    background:rgba(0,0,0,.2);
    box-shadow:2px 2px 12px black;
}
#cms .page-content.page-cms-34 h2{
    text-shadow: 1px 1px 1px black;
}
#cms .page-content.page-cms-4 h2{
    margin-top:1rem;
    margin-bottom:1rem;
}
#cms .page-content.page-cms-4 h3{
    margin-bottom: 1rem;
}
#cms .page-content.page-cms-4 .col-xs-3{
    padding-left:0;
    padding-right:0;
}
#cms .page-content.page-cms-35 h1{
    font-weight:500;
    font-size:4.3rem;
    color:#f3e0d8;
    margin:1.5rem 0;
}
#cms .page-content.page-cms-35 a:hover{
    color:#eee;
    text-shadow:1px 0 #eee;
}
#cms .page-content.page-cms-7 h1,#cms .page-content.page-cms-36 h1,#cms .page-content.page-cms-37 h1,#cms .page-content.page-cms-38 h1,#cms .page-content.page-cms-40 h1,#cms .page-content.page-cms-41 h1,#cms .page-content.page-cms-42 h1,#cms .page-content.page-cms-44 h1,#cms .page-content.page-cms-49 h1,#cms .page-content.page-cms-50 h1{
	margin: 1rem 2rem 2rem;
	text-shadow: 2px 2px 3px black;
	background-color: rgba(0,0,0,.3);
	height: auto;
	padding: 12px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px black;
}
#cms .page-content.page-cms-7 h2,#cms .page-content.page-cms-36 h2,#cms .page-content.page-cms-37 h2,#cms .page-content.page-cms-38 h2,#cms .page-content.page-cms-40 h2,#cms .page-content.page-cms-41 h2,#cms .page-content.page-cms-42 h2,#cms .page-content.page-cms-44 h2,#cms .page-content.page-cms-49 h2,#cms .page-content.page-cms-50 h2{
	background-color: rgba(0,0,0,.3);
	border-radius:3px;
	box-shadow: 1px 1px 3px black;
	padding: 5px 10px;
	font-size: 1.1rem;
	text-shadow: 1px 1px 2px black;
	margin:3rem 0 .8rem;
}

#cms .at1a{background-color:rgba(255,255,200,.2);}
#cms .at1b{background-color:rgba(255,255,180,.1);}
#cms .at2a{background-color:rgba(200,200,220,.2);}
#cms .at2b{background-color:rgba(180,180,220,.1);}
#cms .at3a{background-color:rgba(255,200,200,.2);}
#cms .at3b{background-color:rgba(255,180,180,.1);}
.at4a{background-color:rgba(243,204,157,.2);}
.at4b{background-color:rgba(243,204,157,.1);}
.par-themes {
	font-size: 1.4rem;
	font-weight: bold;
	color: #f2eae1;
}

.fabrication{background-color:rgba(255,255,200,.2);}
.fabrication:hover{background-color:rgba(255,255,180,.1);}
.entretien{background-color:rgba(200,200,220,.2);}
.entretien:hover{background-color:rgba(180,180,220,.1);}
.recettes{background-color:rgba(255,150,150,.2);}
.recettes:hover{background-color:rgba(255,130,130,.1);}
.fabrication,.entretien,.recettes{
    margin-bottom:-12px;
    padding:5px;
    border-radius:3px;
    font-size: .95rem;
    text-shadow:1px 1px 1px #333;
    color:#f2eae1;
}
.recettes{margin-top:1.5rem;}
.fabrication{margin-bottom:0;}
a .fabrication:hover,a .entretien:hover,a .recettes:hover{color:#fff;}
#cms .page-content.page-cms-3 img.logo, #cms .page-content.page-cms-3 .titre_pdf{
    display:none;
}
.liens-cms a{
    color:#fff!important;
    text-decoration:underline;
}
.liens-cms a:hover{
    color:#ddd!important;
}

#cms .page-content.page-cms-1 h1, #cms .page-content.page-cms-2 h1, #cms .page-content.page-cms-3 h1, #cms .page-content.page-cms-4 h1,#cms .page-content.page-cms-5 h1, #cms .page-content.page-cms-6 h1 {
	border: 1px solid antiquewhite;
	background-color: rgba(0,0,0,.3);
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 7px 9px black;
}
/* couleurs fonds fiches pratiques */
#cms .page-content.page-cms-36,#cms .page-content.page-cms-38{
    background-color: rgba(255,140,140,.1);
}
#cms .page-content.page-cms-7,#cms .page-content.page-cms-40{
    background-color:rgba(190,190,260,.1);
}
#cms .page-content.page-cms-44,#cms .page-content.page-cms-49,#cms .page-content.page-cms-50{
    background-color:rgba(220,220,180,.1);
}
/* #cms #footer .img-responsive {display:none;} */
#cms #wrapper{padding-bottom:20px;}
/* desktop */
.p50{
margin-bottom:1rem;
}
.social-sharing{
    margin-bottom:2rem;
}
.social-sharing li.facebook{
    margin-left:3px;
}
.social-sharing span{
    margin-right:10px;
    color:#444;
}
@media(min-width:1200px){
.pl19 {padding-left:19%;}
#cms .partagetheme{
    margin-left:14%;
    margin-right:14%;
}
#cms .page-content.page-cms{
    margin-left: 14%;
    margin-right: 14%;
}
#cms .page-content.page-cms-1 h1, #cms .page-content.page-cms-2 h1, #cms .page-content.page-cms-3 h1, #cms .page-content.page-cms-4 h1, #cms .page-content.page-cms-5 h1, #cms .page-content.page-cms-6 h1 {
    margin: 2rem 8rem 3rem;
}
}
@media(min-width:992px) AND (max-width:1199px){
.pl19 {
	padding-left: 24%;
}
#cms .page-content.page-cms-1 h1, #cms .page-content.page-cms-2 h1, #cms .page-content.page-cms-3 h1, #cms .page-content.page-cms-4 h1, #cms .page-content.page-cms-5 h1, #cms .page-content.page-cms-6 h1 {
    margin: 2rem 4rem 3rem;
}
#right-column.col-lg-3{
    padding-left:7px;
    padding-right:7px;
}    
}
@media(max-width:991px){
.mt0 {margin-top:0!important;}
}
@media(min-width:992px){
.mt1 {margin-top:1rem!important;}
.par-themes {
	text-align: center;
}
}
@media(min-width:768px) AND (max-width:991px){
.w45 {
	width: 37%!important;
}
.monblock-categories{
	padding-bottom: 1rem;
}
#cms .page-content.page-cms-1 h1, #cms .page-content.page-cms-2 h1, #cms .page-content.page-cms-3 h1, #cms .page-content.page-cms-4 h1, #cms .page-content.page-cms-5 h1, #cms .page-content.page-cms-6 h1 {
    margin: 1rem 4rem 2rem;
}
}
@media(min-width:768px){
.w45 {
	width: 45%;
	margin: 19px;
}
    #cms .page-content.page-cms-1,#cms .page-content.page-cms-2,#cms .page-content.page-cms-3,#cms .page-content.page-cms-4,#cms .page-content.page-cms-5,#cms .page-content.page-cms-6,#cms .page-content.page-cms-8,#cms .page-content.page-cms-34,#cms .page-content.page-cms-35{
            margin-left:10%;
            margin-right:10%;
}
}
@media(min-width:576px) AND (max-width:991px){
.p50{
    width:50%;
    margin-left:25%;
}
}
@media(min-width:576px) AND (max-width:767px){
    #cms .page-content.page-cms-35 h1{
    font-weight:500;
    font-size:2.5rem;
    color:#f3e0d8;
    margin:1rem 0;
}
#cms .page-content.page-cms-1 h1, #cms .page-content.page-cms-2 h1, #cms .page-content.page-cms-3 h1, #cms .page-content.page-cms-4 h1, #cms .page-content.page-cms-5 h1, #cms .page-content.page-cms-6 h1 {
    margin: 1rem 2rem 2rem;
}
}
@media(max-width:767px){
.w45 {
	width: 55%;
}
}
@media(max-width:575px){
.w45 {
	width: 60%;
}
#cms .page-content.page-cms-35 h1{
    font-weight:500;
    font-size:1.8rem;
    color:#f3e0d8;
    margin:1rem 0;
}
#cms .page-content.page-cms-7 h1,#cms .page-content.page-cms-36 h1,#cms .page-content.page-cms-37 h1,#cms .page-content.page-cms-38 h1,#cms .page-content.page-cms-40 h1,#cms .page-content.page-cms-41 h1,#cms .page-content.page-cms-42 h1,#cms .page-content.page-cms-44 h1,#cms .page-content.page-cms-49 h1,#cms .page-content.page-cms-50 h1{
	margin: 0 0 1.5rem;
}
#cms .container-fluid, #cms .container-fluid .col-lg-9{
    padding-left:5px;
    padding-right:5px;
}
}
@media(max-width:469px){
.w45 {
	width: 100%;
}
}
                        /* Sitemap */
.sitemap-title,.sitemap h2{
    color:#f2eae1;
    text-shadow: 1px 1px 1px black;
}
.sitemap h2{border-bottom:1px solid #cecece;}
.sitemap a{color:#cecece;}
.sitemap a:hover{
    color:#fff;
    font-weight:bold;
}
                        /* WEBBAX */

/* Webbax - Tuto 3 - fond */
#wrapper{background:url('../img/paper.jpg') top center;}
@media(max-width:767px){
#wrapper {padding-top: .8rem;}
}
/* Webbax - Tuto 6 - menu fixe */
/* sur mobile */
/*@media (max-width:676px){

    #header {
        position: fixed;
        width: 100%;
        z-index:1000;
        height:20px;
    }
    
   #wrapper {
        margin-top:60px!important;
}
}
/* Webbax - Tuto 8 - encapsulage fiche produit */
#product #encaps{
    background:rgba(232,230,228,.7);
    padding:50px 30px 10px;
    border-radius:3px;
    box-shadow:2px 2px 12px black;
}
.tabs{
    background:rgba(232,230,228,.7);
    padding:30px;
    border-radius:3px;
    box-shadow:2px 2px 12px black;
}
/* Mobile */
@media(max-width:767px){
#product #encaps{padding:0;}
/*#product .input-group-btn-vertical {display:none;}*/
#product #encaps{padding:.5rem;}
#product .tabs {padding:1rem;}
}

/* Webbax - Tuto 21 - logo */
/* desktop */
@media(min-width:992px){
#header .logo {padding-left: 15px;}
}
/* tablette h. 
@media(min-width:1024px)  AND (max-width:1024px){ 
    .header-top #top-menu{margin-top:10px;}
}
/* tablette v. */
@media(min-width:768px) AND (max-width:1023px){ 
    .header-top #top-menu{margin-top:5px;}
}
/* mobile */
@media (max-width:767px){
#header .header-nav .top-logo {
    width: 170px;
}
#header .header-nav .top-logo a img {max-height: 70px;}
#header .logo {
        padding: 0 20px 8px 0;
    }
}
@media (min-width:350px) AND (max-width:575px){
    #header .logo {
        padding: 0 0 10px 0;
    }
}
@media (max-width:349px){
    #header .logo {
        height:65px;
        padding: 0 0 8px 5px;
}
}
/* Webbax - Tuto 37 - microbanner */
#header-microbanner {
	background-color: #444;
	font-size: 12px;
	text-align: center;
	padding: .8rem .5rem;
	min-height: 48px;
}
#header-microbanner span{
    margin-right:15px;
}
#header-microbanner .mb_span3{
    margin-right:0;
}
#header-microbanner span a,#header-microbanner span.mb_sep1,#header-microbanner span.mb_sep2{
    color:#f2eae1;
}
#header-microbanner i{padding-right:10px}
#header-microbanner .mb_span1,#header-microbanner .mb_span3{font-weight:bold;}
#header-microbanner .mb_span1 a:hover,#header-microbanner .mb_span3 a:hover{color:#ffe6a5;}
#header-microbanner .mb_span2 a:hover,#header-microbanner .mb_span_mob2 a:hover{color:#c4e2c9;}
#header-microbanner-v2{
    background-color:rgba(255,153,97);
    color:#000;
    font-size:14px;
    text-align:center;
    position:fixed;
    top:0;
    width:100%;
    z-index:100000;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid black;
}
#header-microbanner-v2 a{
    color:#000;
}
#header-microbanner-v2 a:hover{
    color:#999;
}
.livraison-noel{
    background-color: rgba(222, 255, 199)!important;
}
.livraison-noel a{
    color:#333;
}
.livraison-noel a:hover{
    color:#000;
}
#header-microbanner-v2 i{
    padding-right:10px;
    padding-left:10px;
    font-size:2rem;
}

/* Medias */

@media(min-width:768px) AND (max-width:1024px){
#header-microbanner span{margin-right:6px;}
}
@media(min-width:768px) AND (max-width:991px){
#header-microbanner .mb_span1,#header-microbanner .mb_sep1{display:none;}
#header-microbanner .mb_span2{font-weight:bold;}
}
@media(min-width:768px){
#header-microbanner-v2 .mb_span5{display:none;}
}
@media(min-width:600px){
#header-microbanner-v2 .mb_span4{
    font-size: 1rem;
}
}
@media(max-width:767px){
#header-microbanner{padding-left:5px;}
#header-microbanner span{
    margin-right:5px;
    margin-left:5px;}
#header-microbanner .mb_span1,#header-microbanner .mb_span2,#header-microbanner .mb_sep1,#header-microbanner .mb_sep2,#header-microbanner-v2 .mb_span4{display:none;}
}
@media(max-width:398px){
#header-microbanner .mb_span3{
    font-size:90%;}
}

                            /* TESTS */
                            
                            /* maintenance */
                            
                            
.h1, .h2, .h3 {
    color: #f2eae1;
    text-shadow:1px 1px 1px black;
}
body{
    color:#cecece;
}
#wrapper {
    padding-bottom:1.563rem;
    box-shadow: 0px -2px 5px black;
}                            
                        /* FAQ */

.accordion-content {
	display: none;
	font-size: 14px;
	padding:1em 2em 0;
    border-left:1px solid rgba(255,255,200,.3);
    border-right:1px solid rgba(255,255,200,.3);
    border-bottom:1px solid rgba(255,255,200,.3);
}
.accordion-content.default {
	display: block;
}
.accordion-content.hide-this-one, .hide-this-one{
    display:none;
}
#cms .at1{background-color:rgba(220,165,170,.4);}
#cms .at2{background-color:rgba(220,165,170,.2);}
.accordion-toggle {
	color:#eee!important;
	border: 1px solid rgba(255,255,200,.3);
	cursor: pointer;
	font-size: .94rem;
	font-weight:bold;
	padding: 10px 15px;
	margin-top:0.5rem;
	margin-bottom:0;
}
.accordion-toggle:before {
	font-family: "FontAwesome";
	font-size: 1rem;
	color:#f2eae1;
	margin-right: 14px;
	content: "\f078";
	display: inline-block;
	vertical-align: top
}
.accordion-toggle.minus-cercle{
    margin-bottom:0;
}
.accordion-toggle.minus-cercle:before {
	content: "\f077";
}

                        /* overlay bannières accueil */
                        
/* Webbax - Tuto 43 - Bannières multiples Homepage */

#banners_home .bloc{
    margin-bottom:1rem;
}
#banners_home .mt1 {margin-top:1rem!important;}
#banners_home .mb1 {margin-bottom:1rem!important;}
#banners_home .col-sm-9{padding-right:45px!important;}
#banners_home .col-sm-3{padding-left:5px!important;}
.no-shadow figure{
    box-shadow:none!important;
}
/* Conteneur principal */
.overlay-image {
 position: relative;
}

/* Image originale */
.overlay-image .image {
 display: block;
 width: 100%;
 height: auto;
}

/* Texte original */
.overlay-image .text {
 color: #fff;
 font-size: 2.8rem;
 line-height: 1.5em;
 text-shadow: 4px 3px 3px #000;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}

/* Overlay */
.overlay-image .hover {
 top: 0;
 height: 100%;
 width: 80%;
 opacity: 0;
 transition: .5s ease;
}

/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
 opacity: 1;
}

/* autres tests overlay bannières */


*, *:after, *:before {box-sizing: border-box;}
.grid{position:relative;margin:0 auto;padding:1em 0 4em;list-style:none;text-align:center}
.grid figure{
    position:relative;
    float:left;
    overflow:hidden;
    width:100%;
    text-align:center;
    cursor:pointer;
    box-shadow: 2px 2px 12px #000;
}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:1}
.grid figure figcaption{
    padding:2em;
    color:#fff;
    font-size:2rem;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure p{margin:0}
.grid figure p{
    letter-spacing:1px;
    font-size: 2.2rem;
    width: 100%;
    text-shadow: 4px 3px 3px #000;
    color: #fff;
}
@media screen and (max-width:50em){
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}
}


/* bubba */

.bubbanim, .bubbatique{background:#000}
 
 figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after{
     position:absolute;
     top:5%;
     right:2.5%;
     bottom:5%;
     left:2.5%;
     content:'';
     opacity:0;
     -webkit-transition:opacity .35s,-webkit-transform .35s;
     transition:opacity .9s,transform .9s;
 }
 figure.bubba-histo figcaption::before, figure.bubba-histo figcaption::after {
	top: 5%;
	right: 3.6%;
	bottom: 12.4%;
	left: 13%;
}
 figure.bubba-6 figcaption::before,figure.bubba-6 figcaption::after,figure.bubba-4 figcaption::before,figure.bubba-4 figcaption::after{
     top:5%;
     right:3.6%;
     bottom:5%;
     left:3.6%;
 }
 figure.bubba-9 figcaption::before,figure.bubba-9 figcaption::after{
     top:5%;
     right:1.5%;
     bottom:5%;
     left:1.5%;
 }
 figure.bubba-9 p{padding:3.5rem 0!important;}
 figcaption::after,figure.bubba-3 figcaption::before,figure.bubba-3 figcaption::after{
     top:5%;
     right:5%;
     bottom:5%;
     left:5%;
 }
 figure.effect-bubba figcaption::before{
     border-top:1px solid #fff;
     border-bottom:1px solid #fff;
     -webkit-transform:scale(0,1);
     transform:scale(0,1);
 }
 figure.effect-bubba figcaption::after{
     border-right:1px solid #fff;
     border-left:1px solid #fff;
     -webkit-transform:scale(1,0);
     transform:scale(1,0);
 }
 figure.effect-bubba p{
     opacity:0;
     -webkit-transition:opacity .35s,-webkit-transform .35s;
     transition:opacity .35s,transform .35s;
     -webkit-transform:translate3d(0,20px,0);
     transform:translate3d(0,20px,0);
 }
 figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after{
     opacity:1;
     -webkit-transform:scale(1);
     transform:scale(1);
 }
 figure.effect-bubba:hover p{
     opacity:1;
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0);
 }
 
/* medias */

@media (min-width:1200px){
#banners_home .card{
    margin-bottom:3rem;
    margin-top: 2rem;
}
#custom-text {
    margin-bottom:3rem;
}
figure.bubba-3 p{
     padding:9rem 0!important;
     font-size:1.6rem!important;
}
figure.bubba-4 p {
	font-size: 2rem;
	padding: 1rem 0;
}
figure.bubba-6 p{
     padding:3.4rem 0;
}
figure.bubba-6h p{
     padding:5rem 0;
}
figure.bubba-12 p{
     padding:7rem 0;
}
figure.bubba-12h p{
    padding:1rem 0;
}
}
@media (min-width:992px) AND (max-width:1199px){
#banners_home .card, #custom-text{
	margin-bottom: 2rem;
}
figure.bubba-4 p {
	font-size: 1.5rem!important;
}
figure.bubba-6 p{
     padding:2rem 0;
}    
figure.bubba-6h p{
     padding:3rem 0;
}
figure.bubba-12 p{
     padding:5.5rem 0;
}
figure.bubba-9 p{padding:2.5rem 0!important;}
figure.bubba-3 p {
    padding: 8.8rem 0;}
.grid figure p {font-size: 2rem;}
.grid figure.bubba-3 figcaption{
    padding:1.8rem!important;
}
figure.bubba-3 p{
     font-size:1.6rem!important;
}
}
@media (min-width:768px) AND (max-width:991px){
#banners_home .bloc {margin-bottom:0;}
#banners_home .col-sm-9 {margin-bottom:2rem;}
.grid figure p {font-size:1.7rem}
.grid figure figcaption {
    padding: 3.2rem 0;}
figure.bubba-9 p {
    padding: 0.5rem!important;
}
figure.bubba-3 p{
     padding:6.5rem 0!important;
     font-size:1.2rem!important;
}
.grid figure.bubba-3 figcaption{
    padding:1rem!important;
}
}
@media (min-width:768px) AND (max-width:800px){
.grid {padding: 0 0 1em;}
}
@media (min-width:576px) AND (max-width:767px){
.grid {padding: 0;}    
.grid figure {    
margin: 4px auto;
}
.grid figure.bubba-3 p{
    padding:5.3rem 0!important;
    font-size:.9rem!important;
}
figure.bubba-9 p {
    padding: 2.9rem!important;
}
.grid figure figcaption {padding:0;}
.grid figure p {font-size: 1.25rem;}
}
@media (max-width:575px){
.grid figure.bubba-a p {
    font-size: 1.6rem;
    padding-top: 3rem;
}
.grid figure.bubba-b p, .grid figure.bubba-c p{
    font-size: 1.8rem;
    padding-top: 4rem;
}
.grid figure.bubba-d p, .grid figure.bubba-e p, .grid figure.bubba-f p {
    font-size: 3rem;
    padding: 3rem;
}
.grid {padding:0 0 1rem;}
.grid figure {margin: 4px auto;}
#banners_home .col-sm-9, #banners_home .col-sm-3{display:none;}
.grid figure figcaption {padding:0;}
.grid figure p {font-size: 1.9rem;}
}
@media (max-width:450px){
.grid figure.bubba-a p {font-size: 1.5rem;}
}
@media (max-width:400px){
.grid figure.bubba-a p {
    font-size: 1.2rem;
}
.grid figure.bubba-d p, .grid figure.bubba-e p, .grid figure.bubba-f p {
    font-size: 1.8rem;
    padding: 3rem;
}
}
@media (max-width:350px){
.grid figure.bubba-a p {
    font-size: 1.1rem;
    padding-top: 2rem;
}
.grid figure.bubba-b p, .grid figure.bubba-c p{
    font-size: 1.5rem;
    padding-top: 2.2rem;
}
}
@media (max-width:300px){
.grid figure.bubba-a p {
    font-size: 1rem;
    padding-top: 1.8rem;
}    
.grid figure.bubba-b p, .grid figure.bubba-c p{
    font-size: 1.2rem;
    padding-top: 1.8rem;
}
}
/* effet fiches pratiques et anims */
                  
 figure.effect-bubbanim, figure.effect-bubbatique{background:#000}
 figure.effect-bubbanim img, figure.effect-bubbatique img{opacity:.4;-webkit-transition:opacity 1s;transition:opacity 1s}
 figure.effect-bubbanim:hover img, figure.effect-bubbatique:hover img{opacity:1}
figure.effect-bubbanim figcaption::before,figure.effect-bubbanim figcaption::after{
     top:3%;
     right:4%;
     bottom:3%;
     left:4%;
 }
 figure.effect-bubbatique figcaption::before,figure.effect-bubbatique figcaption::after{
     top:6%;
     right:4%;
     bottom:6%;
     left:4%;
 }
 figure.effect-bubbanim p, figure.effect-bubbatique p{
     font-size: 1.8rem;
     line-height: 1.8rem;
     padding:1.1rem 0;
 }
 figure.effect-bubbanim figcaption, figure.effect-bubbatique figcaption{padding:1em;}

@media (min-width : 992px) AND (max-width : 1199px){
figure.effect-bubbanim p, figure.effect-bubbatique p {
	font-size: 1.6rem;
	padding: .2rem 0;
}
}
@media (min-width : 768px) AND (max-width : 991px){
figure.effect-bubbanim p, figure.effect-bubbatique p {
	font-size: .9rem;
	line-height: 1.1rem;
	padding: 0;
}
}
@media (max-width : 767px){
    figure.effect-bubbanim, figure.effect-bubbatique {display: none;}
}

                        /* VIDEOS */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	box-shadow: 2px 2px 12px black;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
                        /* ReCaptcha */
@media screen and (max-width: 420px){
    /*Correction pour affichage correcte sur mobile*/
    #customer-form .form-group .g-recaptcha{position: relative;min-height: 78px;}
    #customer-form .form-group .g-recaptcha > div{float: none;position: absolute;left: 50%;top: 0;transform: translate(-50%,0);}
}
                        /* menu mobiles */
#header .header-nav #menu-icon .material-icons {
	line-height: 50px;
	font-size: 40px;
}
#_mobile_top_menu .dropdown-item {
    background-color:#cfc1b1;
}
#_mobile_top_menu .material-icons {
    font-size: 35px;
    line-height: .6;
}
#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
	border-bottom: 1px solid rgba(0,0,0,.4);
	height: 70px;
	padding: 1.5rem .8rem;
	font-size: 1.2rem;
}
#mobile_top_menu_wrapper .js-top-menu-bottom #contact-link{
	background-color:#cfc1b1;
}
#mobile_top_menu_wrapper, #mobile_top_menu_wrapper .top-menu .sub-menu {
	background: #555;
}
#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
	border-bottom: 1px solid #555;
	height: 50px;
	padding: 1rem;
	background-color: #cebaa4;
}

a.facturation, .featured-products .all-product-link{
    color:#fff!important;
}
a.facturation:hover, .featured-products .all-product-link:hover{
    background-color:#000;
}
@media (max-width: 767px){
#header .header-top {
	background: #555;
}
.footer-container .links ul {
	background-color: #cfc1b1;
}
.footer-container .links .title {
    padding: 1.625rem .625rem;
}
body {
 background-color: #555;
}
}
                    /* bandeau oblique -en stock-*/

.side-corner-tag, .side-corner-tag-infos, .side-corner-tag-caracteristiques {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
    z-index: 0;
} 
.p4{
    padding: 4px;
}
.side-corner-tag p, .side-corner-tag-infos p, .side-corner-tag-caracteristiques p{
    display: inline;
}

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -27px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    color:#000;
    text-align: center;
    top: 10px;
    width: 100px;
    padding: 0 10px;
    font-size: .8rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}           
.enstock p span {
    background: #717464;
}
.delai p span {
    background: #a5885f;
}
.surcommande p span {
    background: #d46a6a;
}  
.side-corner-tag.enstock p::before, .side-corner-tag.surcommande p::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -31px;
    right: 33px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #263022 transparent;
}
 
.side-corner-tag.enstock p::after, .side-corner-tag.surcommande p::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    z-index: -1;
    right: -11px;
    border: 17px solid;
    border-color: #263022 transparent transparent transparent;
}                   
@media (min-width:992px){
#products .product-miniature, .product-miniature .product-miniature {
	margin: 0 .39rem;
}
}
                    /* Mes petites cachettes */
                    
@media (max-width:1199px){
.hidden-1199-down {display:none!important;}
}
@media (min-width:1200px){
.hidden-1200-up {display:none!important;}
}

                    /* bandeau fiches produits tabs */

#fond {
position: relative;
z-index: 10;
height:45px;
}
                    
.ruban {
	position: relative;
	left: -40px;
	float: left;
	box-shadow: 2px 2px 2px rgba(0,0,0,.55);
	z-index: 100;
	border-top-right-radius: 35px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 5px;
	border: 1px solid rgba(0,0,0,.5);
}
.ruban-infos{
    background: rgb(221, 243, 163);
	width: 140px;
} 
.ruban-technique{
    background: rgb(248, 199, 156);
	width: 200px;
} 
.ruban h2 {
	font-size: 20px;
	color: #444;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	margin: 10px;
}
 
.ruban_gauche {
	border-color: transparent #73756a transparent transparent;
	border-style: solid;
	border-width: 10px;
	border-top:none;
	height: 0px;
	width: 0px;
	position: relative;
	left: -20px;
	top: 73px;
	z-index: 0;
}
                        /* Colissimo */

.colissimo-toolbar small {
    color:#cecece;
}
.colissimo-tracking-history .colissimo-tracking-history-header {
    background:transparent;
}
#colissimo-timeline .timeline-steps-details-full .timeline-steps-details-table .timeline-details-label, #colissimo-timeline .timeline-steps-details-full .timeline-steps-details-table .timeline-details-date  {
    color:#232323;
}
                        /* Prestablog */
.center {text-align:center;}
#prestablog-fb-comments .fb-comments{
    background-color: rgba(255,255,255,.85);
    border: 1px solid black;
    border-radius: 3px;
}
                    /* Banières guide vinaigre et newsletter */
.vinaiguide {
    border: 1px solid #d2b48c;
    max-width: 100%;
}
.newws {
    border: 1px solid #009b86;
}
                    /* Effet rotation bouton abonnement youtube */
                    
/* Rotation */
.rotate div img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
 
.rotate div:hover img {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.ytabo {margin-bottom:1rem;}

                        /* Carte cadeau */
.customization-modal .modal-content .modal-body .product-customization-line .label {color: #aaa;}
.customization-modal .modal-content .modal-body .product-customization-line .value {color: black;}
.customization-modal .modal-title {color: black;}

						/* Mondial Relay */
.MR-Widget .PR-List-Item {
	color: #333;
}
.MR-Widget.MR-Widget-Responsive {
	margin-bottom: 10px !important;
}

						/* Prestachop Checkout */
.ps_checkout.payment-method-logo-block.left {
	display: none;
}

                        /* widget colissimo point retrait*/
.widget_colissimo_text_normal, .widget_colissimo_text_bold, .widget_colissimo_autocomplete_li {
    color: #3C3C3B!important;
}
.widget_colissimo_w100, .widget_colissimo_detailsPDR, .widget_colissimo_padding, .widget_colissimo_table {
    color: #000!important;
}
                        /* fancybox */
.fancybox-lock .fancybox-overlay {
    z-index: 999999;
}
                        /* header blog */
body#module-prestablog-blog .main-header {
    display: none;
}
body#module-prestablog-blog .blog-header {
    display: block !important;
}
                        /* promos produits */
.has-discount .discount {
    background:  #ffd268;
    color:  #181010;
}
.product-discount {
    color: #a34a4a;
    font-size: 1.2rem;
}

/* =========================================================
   CALCULATEUR ROBINETS - ART ET TONNEAUX
   ========================================================= */

#atc-robinet-calculateur {
    width: 100%;
    margin: 24px 0 30px;
    padding: 24px 26px;
    background: #2c2b29;
    border: 1px solid #65594f;
    border-radius: 7px;
    box-shadow: 0 5px 14px rgba(0,0,0,.38);
    color: #e8e3dc;
    box-sizing: border-box;
}

#atc-robinet-calculateur * {
    box-sizing: border-box;
}

#atc-robinet-calculateur h2 {
    margin: 0 0 8px;
    padding: 0 0 9px;
    color: #f2eae1;
    font-size: 24px;
    line-height: 1.25;
    border-bottom: 2px solid #8f6d54;
}

.atc-robinet-entete p {
    margin: 0 0 20px;
    color: #d4cec7;
    line-height: 1.45;
}


/* Questions */

.atc-robinet-question {
    display: block;
    margin: 16px 0 9px;
    color: #f2eae1;
    font-weight: 700;
}


/* Choix bois / grès */

.atc-robinet-types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.atc-robinet-type {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 15px;
    background: #20201f;
    border: 1px solid #5c554f;
    border-radius: 6px;
    cursor: pointer;
    transition: .2s;
}

.atc-robinet-type:hover {
    background: #262522;
    border-color: #9b7657;
}

.atc-robinet-type.is-selected {
    background: #282521;
    border: 2px solid #a57a58;
    padding: 13px 14px;
    box-shadow: 0 3px 8px rgba(0,0,0,.30);
}

.atc-robinet-type input {
    margin-top: 4px;
    accent-color: #9b7657;
}

.atc-robinet-type strong {
    display: block;
    margin-bottom: 4px;
    color: #f2eae1;
}

.atc-robinet-type small {
    display: block;
    color: #bdb7b0;
    line-height: 1.35;
}


/* Mesure */

#atc-zone-mesure {
    margin-top: 20px;
}

.atc-robinet-saisie {
    display: flex;
    width: 200px;
    max-width: 100%;
}

.atc-robinet-saisie input {
    width: 100%;
    height: 44px;
    padding: 8px 12px;
    background: #f5f2ed;
    border: 1px solid #9e938a;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    color: #222;
    font-size: 18px;
}

.atc-robinet-saisie input:focus {
    outline: none;
    border-color: #a57a58;
    box-shadow: 0 0 0 2px rgba(165,122,88,.20);
}

.atc-robinet-saisie span {
    display: flex;
    min-width: 48px;
    height: 44px;
    align-items: center;
    justify-content: center;
    background: #b9ada2;
    border: 1px solid #9e938a;
    border-radius: 0 5px 5px 0;
    color: #262626;
    font-weight: 700;
}

.atc-robinet-aide {
    margin: 7px 0 0;
    color: #bbb4ad;
    font-size: 13px;
}


/* Résultats */

#atc-resultats {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #5b544e;
}

#atc-resultat-titre {
    margin-bottom: 14px;
    color: #f2eae1;
}


/* FORCÉ À 2 CARTES PAR LIGNE */

#atc-resultat-liste {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
}


/* Carte résultat */

#atc-resultat-liste .atc-produit {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden;
    background: #111;
    border: 1px solid #4d4945;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(0,0,0,.35);
}


/* Photo */

.atc-produit-image {
    display: flex;
    width: 100%;
    height: 190px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #000;
    text-decoration: none !important;
}

.atc-produit-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* Contenu */

.atc-produit-contenu {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 12px 13px 14px;
}

.atc-produit-nom {
    margin-bottom: 7px;
    min-height: 38px;
    color: #f2eae1;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.atc-produit-compatible {
    margin-bottom: 9px;
    color: #bbb4ad;
    font-size: 13px;
}


/* Stock */

.atc-produit-stock {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 9px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}

.atc-stock-ok {
    background: #314f3e;
    color: #dff4e7;
}

.atc-stock-non {
    background: #643a35;
    color: #f5dedb;
}

.atc-stock-autre {
    background: #575147;
    color: #eee7dc;
}


/* Prix */

.atc-produit-prix {
    margin-top: auto;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}


/* Bouton */

.atc-produit-bouton {
    display: block;
    width: 100%;
    padding: 9px 10px;
    background: #0d997a;
    border-radius: 4px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}

.atc-produit-bouton:hover {
    background: #1aad8c;
    color: #fff !important;
}


/* Aucun résultat */

.atc-aucun {
    grid-column: 1 / -1;
    padding: 15px;
    background: #201f1e;
    border: 1px solid #5b544e;
    border-radius: 5px;
    color: #ddd7d0;
}


/* Masqué */

.atc-hidden {
    display: none !important;
}


/* Mobile */

@media (max-width: 650px) {

    #atc-robinet-calculateur {
        padding: 20px 15px;
    }

    .atc-robinet-types {
        grid-template-columns: 1fr;
    }

    #atc-resultat-liste {
        grid-template-columns: 1fr !important;
    }

    .atc-produit-image {
        height: 220px;
    }
}