/* Conteneur de la bannière */
.custom-banner{
    background-color: #e5ff00;      /* Couleur de fond de la bannière */
    color: #000000;              /* Couleur du texte */
    text-align: center;          /* Centrer le texte */
    padding: 6px;                /* Espacement intérieur */
    font-size: 15px;             /* Taille du texte */
    font-weight: bold;           /* Texte en gras */
    position: relative;          /* Position relative pour alignement */
    overflow: hidden;            /* Cacher le texte qui déborde */
    white-space: nowrap;         /* Empêcher le retour à la ligne */
}

                                 /* Texte qui défile */

.custom-banner .scrolling-text{
    display: inline-block;
    padding-left: 100%;                            /* Commencer en dehors de l'écran */
    animation: scroll-text 25s linear infinite;    /* Vitesse Animation de défilement  */
}

@keyframes scroll-text {
    0% {
        transform: translateX(0);                  /* Début de l'animation */
    }
    100% {
        transform: translateX(-100%);              /* Fin de l'animation */
    }
}

               /* Ajuster les marges pour placer la bannière en haut de la page */


body {
    margin-top: 0px;        /* Ajuster cette valeur selon la hauteur de votre bannière */
}
	
	       /* Ajouter le code ci-dessous dans themes/votre_theme/templates/_partials/header.tpl 
	
	<!-- header.tpl -->

<div class="custom-banner">
    <div class="scrolling-text">Votre texte de bannière ici</div>
</div>

*/


                            /* Modification du haut de la page */

#header .header-top{ padding: 0.25rem; }

.header-nav{ background-color: #e7eef0 }                                          /*couleur de fond en haut de la page*/

#header .header-nav{max-height: 55px;
                    padding-top: 3px;
                    border-bottom: #000 1px solid; }

#header .header-nav .blockcart{ background-color: #0000;
                                border-radius: 15px ;}	                  /* Couleur de fond case panier en haut de la page */
    
#header .header-nav .cart-preview.active i{ color: #ffffff; }                  /* Couleur logo panier */

#header .header-nav .cart-preview.active{ background: #ee5277;
                                          border-radius: 15px; }	          /* Couleur panier */

#header .header-nav .cart-preview.active a{ color: #ffffff;}

#header .header-nav .blockcart.active a:hover{ color: #000000;}
	
#header{ color: #000 }	                                                          /* Couleur écriture de page */
	
#header a{ color: rgb(0, 0, 0) }	                                                  /* Couleur de l'écriture en haut de la page */
	
#header a:hover{ color: #ee5277 ; }                                                 /* Couleur texte haut de page */

#search_widget form input{ border-radius: 15px ;
                           background-color: #ffffff ;                                    /* Couleur de fond et forme bouton recherer en haut de la page */
	                       border: 1px solid #00000020;
                           padding-bottom: 8px; }
                           
.header-top .search-widgets form input[type="text"]{ color: #000000 ; }
	
.thumbnail-container{ border-radius: 15px ; }

.product-miniature .thumbnail-container{ background-color: #e7eef0; }

.product-miniature .thumbnail-container .product-thumbnail{ border-radius: 15px ; }       /* Forme de image produit du menu */	

.product-miniature .thumbnail-top{ background-color: #e7eef0 ;}

.product-miniature .thumbnail-container .product-thumbnail img{ border-radius: 15px ;
                                                                border: #fff 1px solid; }

.product-miniature .highlighted-informations{ background-color: #ffffff ;
                                              border-radius:15px; 
                                              border: 1px solid #00000020;}		 /* Couleur aperçu rapide produit */

.product-miniature .highlighted-informations .quick-view:hover{ color: #ee5277 ;}		 /* Couleur texte aperçu rapide produit */

.product-miniature .highlighted-informations .quick-view{ color: rgb(0, 0, 0) ; }                  /* Couleur texte apercu rapide produit */

.product-flags li.product-flag.discount{ border-radius: 12px ;
                                         background-color: #e5ff00 ;
                                        margin-left: 4px; }                    /* Couleur banniere promotion produit */

.product-miniature .product-description{ background: #e7eef0 ; }		                 /* Couleur de fond prix et nom du produit */

.product-miniature .product-price-and-shipping{ color: #ee5277 ; }		         /* Couleur du prix produit menu */

.product-miniature .product-title a{ color: rgb(0, 0, 0) ; }		                         /* Couleur texte produit page */

.product-miniature .regular-price{ color: #000000 ; }                                         /* Couleur prix barre avant reduction */

.product-miniature .variant-links{ background-color: #bde3de ; }                           /* Couleur de fond quand plusieur declinaison */

.featured-products .all-product-link{ color: #000 ; }                                      /* Couleur texte " suivant " page produits */

#subcategories ul li .subcategory-image a{ display: none;}
  
                              /* MODIFICATION PIED DE PAGES */	

ul{ color: #;
    list-style: ;}

a{color: #000000 ; }                                                 /* Couleur */

a:focus{ color: #ee5277 ; }                                     /* Couleur */

a:hover{ color: #ee5277 ; }

.footer-container li a{ color: #000000 ; }                           /* Couleur texte */

.footer-container li a:hover{ color: #ee5277 ; }                  /* Couleur lien texte */

.block-contact{ color: #fff ; }                                   /* Couleur titre */

.h3{ color: #000000 ;
     font-weight: 700 ; } 

i.material-icons.add{ color: #000 ;}                            /* Couleur icone fleche pour veresion mobile bas de page */

.block-contact .navbar-toggler .material-icons{ color: #000 ; }  /* Couleur icone fleche pour veresion mobile bas de page */



                                          /* Couleur titre */



#block_myaccount_infos .myaccount-title a{ color: #000000 ; }                 /* Couleur titre bloc mon compte */

.block-contact .block-contact-title{ color: #000000 ;  }                       /* Couleur titre bloc contact */

#footer{ background-color: #f3f6f7 ; }                                      /* Couleur fon pied de page */
 
#wrapper{background: #e7eef0}		                                    /* Couleur du fond écran du site */

.product-flags li.product-flag{ color: #000000 ;                               /* Couleur étiquette nouveau produit */
	                        background: #e5ff00 ;
	                        border-radius: 12px ;
                            margin-left: 4px; }
	
.wishlist-button-add i{ color: #ff009b  ; }                                 /* Couleur coeur wish list */

.block-categories .collapse-icons .add:hover{ color: #000000 ; } 

                              /* Modification page connexion */




.form-control{color:#000 ;
              background: #f3f6f7 ;                                            /* Couleur barre texte connexion */
			  border-radius: 15px ; }

.form-control-select{background: #f6f6f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem;}

.form-control:focus{ outline: #fff0 ;
                     border-color: #00000020 ;
                     background-color: #ffffff;}

form .form-control-label{color: #000 ; }                                    /* Couleur texte bloc connexion */

.page-authentication #content{ background-color: #ffffff ; }                /* Couleur de fond bloc connexion */

.input-group .input-group-btn > .btn[data-action="show-password"]{ border-radius: 0px 15px 15px 0px ;
                                                                   padding: 1rem 1rem ;
	                                                           background: #e7eef0 ; }


                              /* Bloc page produit description */ 

.tabs { background: #fff  ;
        border-radius: 15px ; }





                              /* Modification page Panier */


span.value{ color:  ;
            margin-left: 4px;
            font-weight: 600 }

.product-line-grid-left img{ border-radius: 15px ;}
	
.block-promo .promo-input{ border-radius: 15px; }

.card{ border-radius:15px ;		
       background-color: #fff ; }                                        /* Couleur de fond page panier */
       
#header .header-nav .user{ padding-top: 12px;
                           padding-bottom: 12px;
                           margin-top: -0.062rem;
                           border-radius: 15px;
                           background: #f3f6f7; }

.btn-primary{ color: #fff ;
              background-color: #ee5277 ;                                   /* Couleur bouton page panier : COMMANDER */
	      border-color: #fff0 ;
	      border-radius: 15px ;
          margin-left: ;
}                                       /* Forme bouton page panier : COMMANDER */
	
.btn-primary:hover{ background: #f2315f ;
	            color: #fff ;                                        /* Couleur bouton page panier : COMMANDER */
	            border-color: #fff0 ;                                    /* Couleur bordure page panier : COMMANDER */
	            border-radius: 15px ; }                                 /* Forme lien bouton page panier : COMMANDER */


.btn-primary:active{ color: #fff ;                                          /* Couleur bouton */
	             background-color: #bde3de ;
	             border-color: #bde3de ;
                     border-radius: 15px ; }

.btn-primary:focus{ background-color: #f2315f ;
                    border-color: #bde3de ;
                    border-radius: 15px ; }                                      /* Couleur bouton lorsqu'il est validé */

.btn-primary:active:focus{ background-color: #f2315f ;
                           border-radius: 15px ; }

.btn-primary:active:hover{ background-color: #f2315f ;
                    border-color: #bde3de ;
                    border-radius: 15px ; }

.btn-secondary{ color: #fff ;
                background-color: #ee5277 ;
                border-radius: 15px ; }

.btn-secondary:hover{ color: #fff;
                      background-color: #f2315f ; }

.product-images > li.thumb-container > .thumb:hover{ border: #ee5277 3px solid;
                                                     border-radius: 15px ;}
.product-images > li.thumb-container > .thumb{ border-radius: 15px ;}

.product-quantity #quantity_wanted{background-color: #fff;
                                   border-radius: 10px 0px 0px 10px;}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{ border-radius: 0px 10px 0px 0px;
                                                                        background-color: #fff;}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ border-radius: 0px 0px 10px 0px;
                                                                          background-color: #fff;} 
 .input-group .form-control:not(:first-child):not(:last-child){ border-radius: 10px 0px 0px 10px;
                                                                background-color: #fff;}                                                                    

.cart-summary-line .label{ color: #000 ; }                  /* Couleur texte page panier */
	
.cart-summary-line .value{ color: #000 ; }	            /* Couleur prix TOTAL à droite page panier */

.card-block.cart-detailed-subtotals + .cart-summary-totals .cart-total{border-top: 1px #000;}
	
div.modal-footer{ background-color: #fff0 ;
	          border-radius:15px ; }

.quickview .modal-content{ background: #e7eef0 ; }

.quickview .modal-footer{ border-top: 0px ; }

p{ color: #000; }

.h1{  color: #000 ;
      background-color: #fff;                 /* Modification Titre texte produit */
      border-radius: 15px ;
      text-align: center ;
      padding: 0.4rem ; }

h2{color: #000 ;
   text-align: center ; }

.block-category{min-height: 1rem; }

strong {
    font-weight: bolder; }

 ul{ list-style: none;}   

#wrapper .breadcrumb li:last-child {
        color: #ee5277;    }

.tabs .nav-tabs .nav-link.active{ border-bottom: #000 1px solid ;
                                  color: #000; }

.tabs .nav-tabs .nav-link:hover{ border-bottom: #ee5277 1px solid ;
                                 color: #000; }

.tabs .nav-tabs .nav-link{ color: #000 ; }

div.modal-header{ background-color: #e7eef0 ;
	          border-radius: 15px ;
                  border-bottom: 0px; }

div.modal-body{ background-color: #e7eef0 ; }

div.modal-content{ border-radius: 15px ;
	           background-color: #e7eef0 ; }

#blockcart-modal .modal-body{ background: #e7eef0 ;
                              border-radius: 15px ; }           /* Couleur bloc Produit ajouté au panier avec succès */

#blockcart-modal .product-image{border-radius: 15px ; }         /* Forme aperçu produit ajouté au panier */

#blockcart-modal .product-name{ color: #000 ; }                /* Couleur bloc Produit ajouté titre produit */

#blockcart-modal .product-price{ color: #000 ; }               /* Couleur bloc Produit ajouté prix produit */

#blockcart-modal{ color: #000 ; }                              /* Couleur bloc produit ajouté déclinaison produit */

#blockcart-modal .cart-content p.cart-products-count{ color: #000000 ; }    */ Couleur bloc produit ajouté nombre produit dans le panier */

#blockcart-modal .cart-content p{ color: #000000 ; }    */ Couleur bloc produit ajouté prix,livraison,sous-total */

strong{ color: #4a4;
        font-weight: normal; }

#blockcart-modal .cart-content .cart-content-btn{ margin-top: 15px; }

#blockcart-modal .cart-content p.product-total{ background-color: #00000040 ;
                                                border-radius: 15px ; }        /* Couleur bloc produit prix total */

.payplugOneyCta_button{ color: #4a4 ; }

.btn-comment{ border-radius: 15px ;
              background-color: #bde3de ;
              color: #fff ; }

.product-comment-modal .modal-header { background-color: #fff ; }

div#product-comment-posted-modal-message{ color: #fff ; }

.btn-comment{ border-radius: 15px ;
               background-color: #aaa ;
               color: #fff ; }

.btn-comment:hover{ background-color: #f2315f ; }

.modal-header .material-icons{ color: #4a4 ; }

.product-images > li.thumb-container > .thumb.selected{ border: #fff 1px solid ;
	                                                border-radius: 15px ; }

#products .page-not-found{ color: #fff ; }

.cart-grid-body a.label:hover{ color: #ee5277 ; }

.quickview .product-cover img{ border-radius: 15px ;
	                       border: #fff 1px solid ; }

.close{ color: #000 ;
        opacity: 1;
        font-size: 2rem; }

.clos:hover{ color: #f00 ;
             opacity: 1; 
             font-size: 2rem; }

#blockcart-modal .cart-content p{ color: #000 ; }

#header .header-nav .user-info{ 
    padding-top: 12px;
    margin-bottom: 12px;
    margin-top: 0rem;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    background: none;
    border-radius: 15px;}

#header .header-nav #_desktop_contact_link #contact-link{
    padding-top: 14px;
    margin-bottom: 12px;
    margin-top: 0rem;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    background: none;
    border-radius: 15px;}

    h2 {
        font-size: 0; }


.top-menu .sub-menu{ border: 1px solid #00000020;}

body#checkout a:hover{ color: #ee5277 ; }

.product-line-grid-right .product-price{ color: #000 ; }

.product-line-grid-right .cart-line-product-actions .remove-from-cart{ color: #f00 ; }

.label{color: #000 ; }

.product-price{ color: #ee5277 ; }

.has-discount .discount{ background: #ee5277 ; 
                         border-radius: 15px ; 
                         margin-left: 2.625rem; }

.has-discount.product-price{color: #ee5277 ; }                             /* Couleur du prix en promotion page panier */

.product-discount{ color: #000;
                   font-weight: 700; }                                         /* Couleur du prix barré en promotion page panier */

.product-discount .regular-pric{ color: #e00 ; }

.product-discounts > .table-product-discounts tbody tr td{ padding: 0.25rem 1.25rem;
                                                           text-align: center;
                                                           border-radius: 15px;
                                                           background: #fff;
                                                        border: none;}

.product-discounts > .table-product-discounts thead tr th{ width: auto;
                                                            padding: .325rem 1.25rem;
                                                            text-align: center;
                                                            background: #e7eef0;
                                                            border-radius: 15px;
                                                            border: none;}

.product-discounts > .table-product-discounts tbody tr{background: #fff0;} 
                                                            
table{ border-collapse: inherit}
                        /* bloc categories produits */



.block-categories{ background-color: #fff ;
                   border-radius: 15px ; }

#search_filters{ background-color: #fff ;
                   border-radius: 15px ; }

.block-category .block-category-inner #category-description p{ color: #000 ; }

.products-sort-order .select-title{ border-radius: 15px ;
                                    margin-top:2px ; }	


.product-cover .layer:hover{ border-radius: 15px ; }

.form-control{ border: 0px; }

.product-variants > .product-variants-item select{ background-color: #ee5277 ;
                                                   border-radius: 15px ;
                                                   color: #fff ;
                                                   cursor:pointer ;}

.form-control{border-color:  ; }  

#search_filters .ui-widget-header{ background: #ee5277; }               /* Couleur barre ajustement prix recherche */

.top-menu .popover{border-radius: 15px ; 
                   background-color: #ffffff ; }                         /* Couleur menu pop up */

#header .header-top a[data-depth="0"]{  color: #fff;
                                        background: #ee5277;
                                        border-radius: 15px; ; }	       
                                        
                                        /* Couleur texte menu */

#header .top-menu a[data-depth="0"]:hover{color: #ffffff ;
                                          background: #f2315f;
                                          border-radius: 15px; }            
                                           /* Couleur texte menu */

.carousel .carousel-control .icon-prev i{ color: #fff ; }

.carousel .carousel-control .icon-next i{ color: #fff ; }

.carousel .carousel-control .icon-prev:hover i{ color: #ee5277 ; }

.carousel .carousel-control .icon-next:hover i{ color: #ee5277 ; }

.carousel .carousel-item img{ border-radius: 15px ; }

                                     
                                 /* Bloc sous-categorie */

#subcategories ul li:hover .subcategory-image a{border: 2px solid #ee5277 ; 
                                                 border-radius: 15px ; }

#subcategories ul li .subcategory-image a{padding: 6px;
                                           border: 1px solid #fff ;
                                           border-radius: 15px ;
                                           background-color:#fff ; }

#subcategories ul li .subcategory-name:hover{ color: #ee5277 ; }

.active_filters{ border-radius: 15px ;
                 background: #bde3de; }

.active_filters .filter-block{ border-radius: 15px ; }


.alert-danger{ background-color: #ffe6e6 ;                                /* Couleur Avertissement erreur */
               border-color: #f00 ;
               color: #ff0500 ;
               border-radius: 15px ; }

.btn-tertiary{ color: #000 ;
               background-color: #fff ;
               border-radius: 15px ; }

.product-actions .control-label{ color: #000 ; }

.product-prices .tax-shipping-delivery-label{ color: #000;
                                              margin-top: -20px; }

label{ color: #000 ; }

.form-control-comment{ color: #000000 ; }

.custom-checkbox input[type="checkbox"] + span .checkbox-checked {color: #00c800 ; }

.custom-radio input[type="radio"]:checked + span{ background-color: #00c800 ; }

.page-customer-account #content{ color: #bde3de ; }                       /* Bloc mot de passe oublié */

.page-footer .account-link { background-color: #bde3de ;
                             border-radius: 15px ;                         /* Bloc retour à la connexion */
                             padding: 0.4rem ;
                             padding-right: 0.4rem ; }

.forgotten-password .form-fields label.required{ padding: 0px ; }


                                                    /* Bloc mon compte */ 

.page-my-account #content .links a span.link-item { background: #bde3de ;
                                                    color: #fff ;
                                                    border-radius: 15px ; }

.page-my-account #content .links a i{ color: #fff ; }

.page-my-account #content .links a:hover i{ color: #ee5277 ; }

.page-customer-account #content { background-color: #ffffff ;             /* Page mes informations */
                                  border-radius: 15px ; }

#main .page-content{ color: #000000 ;
                     border-radius: 15px; }

.products-sort-order .select-list:hover{color: #000000;
                                        background: #e7eef0;
                                        border-radius: 15px; }

                                                  /* Page validation commande */ 

body#checkout section.checkout-step{ background-color: #bde3de ;
                                     border-radius: 15px ; }

body#checkout section.checkout-step.-reachable.-current .step-number{ background-color: #4a4 ; }

.done { background-color: #4a4 ; }

.text-muted{ color:#fff ; }

div.cart-grid-body.col-sx-12.col-lg-8{background-color: #bde3de ; 
                                      border-radius: 15px ; }

body#checkout section.checkout-step .address-item.selected{ background: #aaa ;
                                                            border: #fff 3px solid ;
                                                            border-radius: 15px ; }

body#checkout section.checkout-step .add-address a{ color: #ffb300 ; }

body#checkout .cart-grid-right .card .cart-summary-subtotals-container{ border-top: 1px solid #000;
                                                                        border-bottom: 1px solid #000;}

body#checkout section.checkout-step .delivery-options .delivery-option{ border-radius: 15px ; 
                                                                        background-color: #4a4 ; }

body#checkout #delivery textarea{ border-radius: 15px ; }

#order-items .image img{ border-radius: 15px ; }

#order-items table tr td{ background-color: #4a4 ; }

.page-order-detail .box{ background: #bde3de ;
                         border-radius: 15px ; }

.page-order-detail h3{ color: #fff ; }

.page-addresses .address{ color: #fff ;
                          background-color: #bde3de ;
                          border-radius: 15px ; }

.page-addresses .address .address-footer a{ color: #fff ; }

.page-addresses .address .address-footer a:hover{ color: #ee5277 ; }

.page-addresses .addresses-footer a:hover{ color: #ee5277 ; }

#product-details .label{ color: #ee5277 ; }

.product-discounts > .product-discounts-title{
    font-size: 1rem;
    font-weight: 800;
    background: #08c;
    text-align: center;
    border-radius: 15px;
    padding: 5px;
    color: #fff; }

.h6{ color: #000000 ; }

.product-information{ color: #000; }

.product-prices div{ color:  ; }

.product-features > dl.data-sheet dt.name{ background: #00000040 ;
                                           border-radius: 15px ; }

.product-features > dl.data-sheet dt.name:nth-of-type(2n){ background: #00000040 ; }

.product-features > dl.data-sheet dd.value{ background: #00000040 ;
                                            border-radius: 15px ; }

.product-features > dl.data-sheet dd.value:nth-of-type(2n){ background: #00000040 ;
                                                            border-radius: 15px ; }

.product-comment-list-item{ background-color : #ffffff ;
                            border-radius: 15px ; }                /* Couleur bloc commentaire */

.nav-item .nav-link.active{ color: #f2315f ; }

.nav-item .nav-link{ color: #fff ; }

.contact-form{ background-color: #ffffff ; }

.contact-form h3{ color: #fff ; }

.btn-primary:disabled:hover{color: #ff0500;}

.input-group .input-group-btn > .btn{ background-color: #e7eef0 ;
                                      border-radius: 0px 15px 15px 0px ;
                                      color: #000 ;
                                      padding: 1rem 1rem ; }

.custom-checkbox input[type="checkbox"] + span{ background: #fff;}

.contact-rich .block a[href^="mailto:"]{ color: #ee5277 ; }

.contact-rich{ color: #000 ; }

#product #content{ max-width: 452px;}

#blockcart-modal .cart-content p.product-total{
  background: #fff; }

#blockcart-modal .cart-content .btn {
    background: #ee5277 ;}


#blockcart-modal .cart-content p.product-total, #blockcart-modal .cart-content .page-content.page-cms ul.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total{
  padding: 0.5rem;
  border-radius: 15px; }

.page-content.page-cms{background-color:#bde3de ;
                       border-radius:15px ; }

.sitemap h2{color:#fff ; }

.product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
    top: calc(100% - 2.85rem); }

.container-fluid{background: #bde3de;
                 border-radius: 15px; }

.links .collapse{color:#000000 ; }

.products-selection{margin-bottom: 1.25rem;
                    background: #fff;
                    border-radius: 15px; }

.products-sort-order .dropdown-menu{ border-radius:15px ; }

#custom-text{ background:#fff0;
              border: #fff 1px solid; }

.product-cover img{ border-radius: 15px; }

#blockcart-modal .cart-content p .value{color: #000000;}

@media (max-width: 576px) {
    .bootstrap-touchspin { margin-left: -25px; }
    .product-line-grid-right .product-price { margin-left: -30px; }

}
@media (max-width: 576px) {
     .product-quantity #quantity_wanted{ margin-left: 25px; }
     a.btn.btn-primary.btn-default.fancyboxButton{margin-left: 100px;}
}

@media (min-width: 577px) {
    .bootstrap-touchspin{ margin-left: 0px; }
}


@media (min-width: 361px) {
    .bootstrap-touchspin { margin-left: -25px; }
    .product-line-grid-right .product-price { margin-left: 10px; }

}
@media (min-width: 577px) {
     .bootstrap-touchspin{ margin-left: 0px; }
     a.btn.btn-primary.btn-default.fancyboxButton{margin-left: -127px;}
}

@media (max-width: 360px) {
    .product-line-grid-right .price {
      margin-left: 127px;
      margin-top: -40px; }
    }

.col-xs-6{ width: ;}

@font-face {
    font-family: 'Sweetie';
    src: url('sweetie-webfont.woff2') format('woff2'),
         url('sweetie-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Pacifico';
    src: url('pacifico-webfont.woff2') format('woff2'),
         url('pacifico-webfont.woff') format('woff'),
         url('pacifico-webfont.ttf') format('truetype'),
         url('pacifico-webfont.svg#pacifico') format('svg');
    font-weight: normal;
    font-style: normal;

}

#search_widget {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

/* Si nécessaire, ajuster la largeur de la barre de recherche */
#search_widget form {
    width: 100%; /* Vous pouvez ajuster la largeur ici */
    max-width: 600px; /* Ajuster la taille maximale si besoin */
}

/* Grille à deux colonnes pour les écrans en dessous de 768px */
@media only screen and (max-width: 768px) {
    .products .product {
        width: 48%; /* Chaque produit prend environ 48% de la largeur pour laisser un espace entre les colonnes */
        margin: 1%; /* Marge entre les colonnes */
        float: left; /* Aligne les produits à gauche */
    }

    /* Assurez-vous que les lignes sont correctement alignées */
    .products .product:nth-child(2n+1) {
        clear: both; /* Repartir à une nouvelle ligne après chaque deux produits */
    }
}

.product-title .product-miniature .product-title a {
    white-space: normal;  /* Permet aux titres de s'afficher sur plusieurs lignes */
    overflow: visible;    /* Empêche le texte d'être tronqué */
    text-overflow: clip;  /* Retire les points de suspension (...) */
    display: block;       /* S'assure que le titre occupe tout l'espace disponible */
    word-wrap: break-word; /* Permet de couper le texte s'il est trop long pour la ligne */
}

/* CSS pour s'assurer que les titres des produits s'affichent en entier */
@media only screen and (max-width: 768px) {
    .product-title .product-miniature .product-title a {
        white-space: normal;  /* Permet aux titres de s'afficher sur plusieurs lignes */
        overflow: visible;    /* Empêche le texte d'être tronqué */
        text-overflow: clip;  /* Retire les points de suspension (...) */
        display: block;       /* S'assure que le titre occupe tout l'espace disponible */
        word-wrap: break-word; /* Permet de couper le texte s'il est trop long pour la ligne */
    }
}

/* Custom CSS for Mobile Menu */
@media (max-width: 768px) {
    .category-submenu {
        display: none;
        padding-left: 20px;
    }
    
    .category-open .category-submenu {
        display: block;
    }
}

.cart-total-price {
    font-weight: bold;
    color: #333;
}

.print-page-breaker{width: 100%}

a.btn.btn-primary btn-default fancyboxButton{margin-left: -127px;}

#products .up .btn-secondary{ color: #ffffff;}

/*Style du bloc des tabs de la fiche produit*/
#product_tabs_block{
	margin-bottom: 2rem;
}