/* 01-09-2023 Start */
/* General CSS */ 

/***************************************************************/
/* 20230831
   Archive produits
   Affichage des produits en liste plutôt qu'en vignettes
   Bouton pop-up de la vignette
   Masquage du vieux lien vidéo à la fin de la description     */
/***************************************************************/
.modal-popup._inner-scroll.quickViewDetails .product-info-main-wrapper .product-info-main .product.attribute.overview div.value p:last-child { display: none; }

/***************************************************************/
/* 20230831
   FICHE-PRODUIT                        
   CADEAU FREE GIFT                     
   MASQUAGE DANS LES FICHES MACHINES                           */
/***************************************************************/
body[class^='categorypath-debiteuses-cn-5axes-polissoirs-waterjet-fildiamant'] #freegift-products-header,
body[class*=' categorypath-debiteuses-cn-5axes-polissoirs-waterjet-fildiamant'] #freegift-products-header,
body[class^='categorypath-debiteuses-cn-5axes-polissoirs-waterjet-fildiamant'] #freegift-products,
body[class*=' categorypath-debiteuses-cn-5axes-polissoirs-waterjet-fildiamant'] #freegift-products{
    display:none;
} 


/***************************************************************/
/* 20230831 intervention du 05/09/23 point 5/
   ARCHIVE PRODUIT                        
   AFFICHAGE FORCÉ DES ELEMENTS AVANT HOVER                    */
/***************************************************************/



.mgs-product.products-grid .product-item-info .product-top .actions-link button,
.mgs-products.products-grid .product-item-info .product-top .actions-link button,
.mgs-attribute-products .product-item-info .product-top .actions-link button,
.mgs-product.products-grid .product-item-info .product-top .actions-link .cart.table-wrapper .actions-toolbar > .action,
.mgs-products.products-grid .product-item-info .product-top .actions-link .cart.table-wrapper .actions-toolbar > .action,
.mgs-attribute-products .product-item-info .product-top .actions-link .cart.table-wrapper .actions-toolbar > .action,
.mgs-product.products-grid .product-item-info .product-top .actions-link .action-gift,
.mgs-products.products-grid .product-item-info .product-top .actions-link .action-gift,
.mgs-attribute-products .product-item-info .product-top .actions-link .action-gift {
  -webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
  opacity: 1!important;
  visibility: visible!important;
  color:#000 !important;
}

.mgs-product.products-grid .product-item-info .product-top .actions-link button:hover,
.mgs-products.products-grid .product-item-info .product-top .actions-link button:hover,
.mgs-attribute-products .product-item-info .product-top .actions-link button:hover{
	color:#56cfe1 !important;
}


.mgs-product.products-grid .product-item-info .product-top .product-ribbon,
.mgs-products.products-grid .product-item-info .product-top .product-ribbon,
.mgs-attribute-products .product-item-info .product-top .product-ribbon {
  opacity: 1!important;
  top: 5px!important;
  right: 5px!important;
}
.mgs-product.products-grid .product-item-info .product-top a.action.quickview,
.mgs-products.products-grid .product-item-info .product-top a.action.quickview,
.mgs-attribute-products .product-item-info .product-top a.action.quickview {
  -webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
  opacity: 1!important;
  visibility: visible!important;
}
.mgs-product.products-grid .product-item-info .product-top a.action.quickview:hover,
.mgs-products.products-grid .product-item-info .product-top a.action.quickview:hover,
.mgs-attribute-products .product-item-info .product-top a.action.quickview:hover {
  color: #56cfe1!important;
}


.list-products .product-item-info .product-image .actions-link button,
.list-products .product-item-info .product-image .actions-link .cart.table-wrapper .actions-toolbar > .action,
.list-products .product-item-info .product-image .actions-link .action-gift {
  -webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
  opacity: 1!important;
  visibility: visible!important;
}
.list-products .product-item-info .product-image .actions-link a.action.quickview {
  -webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
  opacity: 1!important;
  visibility: visible!important;
}
.list-products .product-item-info .product-image .actions-link a.action.quickview:hover {
  color: #56cfe1!important;
}
.list-products .product-item-info .product-image a.photo:after {
  opacity: 0.3!important;
}


.mgs-products.products-grid .product-item-info .product-top .actions-link{
	background-color:rgba(255,255,255,0.7);
	border:1px solid #CCC;
}

.products-grid .product-image-photo {
	min-height:100% !important;
	min-width:100% !important;
	height:auto !important;
	width:auto !important;
	max-width:auto !important;
	max-height:auto !important;
}

/***************************************************************/
/* 20231017 intervention du point 1/
   LISTE PRODUITS EN MODES GRID ET LIST > ICONES
   AFFICHAGE SUR FOND ROUGE                                    */
/***************************************************************/

.mgs-products.products-grid .product-item-info .product-top .actions-link a.action,
.mgs-products.products-grid .product-item-info .product-top .actions-link button.action{
	background-color: #e31d1a !important;
	border:1px solid #e31d1a !important;
	margin:6px 7px !important;
	padding:6px 6px 5px 7px !important;
	border-radius:100% !important;
	color:#FFF !important;
	width:auto !important;
	height:auto !important;
}

.mgs-products.products-grid .product-item-info .product-top .actions-link a.action,
.mgs-products.products-grid .product-item-info .product-top .actions-link button.action i{	
	font-weight:900 !important;
}

.mgs-products.products-grid .product-item-info .product-top .actions-link a.action{	
	line-height:20px !important;
}

.mgs-products.products-grid .product-item-info .product-top .actions-link a.action:hover,
.mgs-products.products-grid .product-item-info .product-top .actions-link button.action:hover{
	background-color: #FFF !important;
	color:#e31d1a !important;
}

/***************************************************************/
/* 20230911 intervention du point 1/
   FICHE PRODUIT                        
   AFFICHAGE DU TAB DOCS ASSOCIES EN BLEU                      */
/***************************************************************/
.product.data.items .data.item.title a#tab-label-staticamasty_attachment-title{
    background-color:#1DAAD7 !important;
    border-color:#1DAAD7 !important;
    color:#FFF !important;
}
.product.data.items .data.item.title.active a#tab-label-staticamasty_attachment-title,
.product.data.items .data.item.title a#tab-label-staticamasty_attachment-title:hover
{
    background-color:#FFF !important;
    color:#1DAAD7 !important;
    border-color:#1DAAD7 !important;
}

@media (max-width: 767px){
    .product.data.items #tab-label-staticamasty_attachment{
        background-color:#1DAAD7 !important;
        color:#FFF !important;
    }
    .product.data.items #tab-label-staticamasty_attachment.active,
     .product.data.items #tab-label-staticamasty_attachment:hover
    {
        background-color:#FFFFFF !important;
    }
}

#staticamasty_attachment .block-title{ display:none !important; }



/***************************************************************/
/* 20230922 intervention du point 1/
   LISTE PRODUITS                        
   RAPPROCHEMENT DES TITRES ET ELOIGNEMENT DES LIGNES          */
/***************************************************************/
.mgs-products.products-grid .product-item{ margin:0 0 80px !important; }
.mgs-products.products-grid .product-item h5{ margin-top:5px !important;}

/***************************************************************/
/* 20231010 intervention fin du point 1/
   VERSION SMARTPHONE                        
   BOUTON PANIER TAB FOOTER QUI NE MARCHE PAS                  */
/***************************************************************/

@media only screen and (max-width: 639px){
#section-toolbar-mobile .minicart-wrapper { margin-top:15px !important; float:none !important; }
}

/***************************************************************/
/* 20231103 intervention du point 1/
   BOUTON FREEGIFT VERS FICHE-PRODUIT CADEAU                       
   MASQUAGE DU BOUTON POUR EVITER ERREUR 404                   */
/***************************************************************/

.frgview-link{ display:none !important; }


/***************************************************************/
/* 20231103 intervention du point 2/
   LISTE DE PRODUITS - MODE GRID - DESC COURTE PRODUIT                       
   AFFICHAGE UNIQUEMENT EN MODE SMARTPHONE
   --
   20240619 intervention du point 1/ 
   LISTE DE PRODUITS - MODES GRID + LIST - DESC COURTE PRODUIT 
   AFFICHAGE DE LA DESCRIPTION COURTE DANS TOUS LES MODES      */
/***************************************************************/

/*@media (min-width: 992px){
	.products-grid .product-item-description{ display:none !important; }
}
*/



/***************************************************************/
/* 20231103 intervention du point 3/
   AUTORISATION DE L4ASSISTANCE À DISTANCE PAR COMARTEX                       
   MASQUAGE DU TOOLTIP INTRADUISIBLE EN FR                     */
/***************************************************************/
.form-create-account .create.info .field.choice .field-tooltip.toggle,
.form-edit-account .info .field.choice .field-tooltip.toggle{ display:none !important; }

/***************************************************************/
/* 20240104 intervention du point 1/
   AJOUT DES LIENS DE RESEAUX SOCIAUX DANS HEADER              */
/***************************************************************/
.header-area.header2 .top-header .top-custom-link ul.social-links li{ padding:0px !important; }
.header-area.header2 .top-header .top-custom-link ul.social-links a{ font-size:17px !important; }
@media only screen and (max-width: 767px){
	.header-area.header2 .top-header .top-custom-link ul.social-links{ display:flex !important; }
	.header-area.header2 .top-header .top-custom-link ul.social-links li span{ font-size:17px !important; display:inline !important; }
	.header-area.header2 .top-header .top-custom-link ul.social-links li:not(:first-child){ margin-right:10px !important; }
}

/* pour des icônes de réseaux sociaux en couleurs ++ rollover */
.header-area.header2 .top-header .top-custom-link ul.social-links li .fa:before{
	padding: 3px; border-radius: 4px; width: 18px; display: inline-block;
	text-align: center; color:#FFF;
	border: 1px solid;
	position: absolute; top:-5px;
}
.header-area.header2 .top-header .top-custom-link ul.social-links li .fa{ position: relative; }
.header-area.header2 .top-header .top-custom-link ul.social-links li .fa.fa-instagram:before{ background-color: #e2405e; border-color:#e2405e;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li .fa.fa-facebook:before{ background-color: #3b5998; border-color:#3b5998;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li .fa.fa-youtube:before{ background-color: #ea595e; border-color:#ea595e;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li .fa.fa-linkedin:before{ background-color: #00aaed; border-color:#00aaed;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li:hover .fa.fa-instagram:before{ background-color: #FFF; color:#e2405e;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li:hover .fa.fa-facebook:before{ background-color: #FFF; color:#3b5998;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li:hover .fa.fa-youtube:before{ background-color: #FFF; color:#ea595e;} 
.header-area.header2 .top-header .top-custom-link ul.social-links li:hover .fa.fa-linkedin:before{ background-color: #FFF; color:#00aaed;} 

.header-area.header2 .top-header .top-custom-link ul.social-links li:not(:first-child),
.header-area.header2 .top-header .top-custom-link ul.social-links li:not(:last-child){ margin-right:5px !important;}

/***************************************************************/
/* 20240208 intervention du point 1/
   AJOUT DE LA PAGINATION SUR LA PAGE DE WISHLIST              */
/***************************************************************/
body.wishlist-index-index div.pager{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: baseline; }
body.wishlist-index-index div.pager div.pages.list-inline{ position: unset; width:auto; }
body.wishlist-index-index div.pager div.limiter{ flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: flex; align-items: center; }
body.wishlist-index-index div.pager select#limiter{ border: 1px solid #D1D1D1; }

@media only screen and (max-width: 767px){
	body.wishlist-index-index div.pager{ flex-direction: column; align-items: center; }
	body.wishlist-index-index div.pager p.toolbar-amount{ display:none; }
	body.wishlist-index-index div.pager div.limiter .limiter-label{ display:none; }
	body.wishlist-index-index div.pager div.pages.list-inline .item{ font-size:1rem; }
	body.wishlist-index-index div.actions-toolbar-form div.secondary a { width: 100%; margin-bottom: 25px; }
}


/***************************************************************/
/* 20240227 intervention du point 1/
   AJOUT DU VISUEL DE CADEAU DANS LE PANIER
   A COTE DU LIEN CADEAU OFFERT COMME DANS TUNNEL DE PAIEMENT  */
/***************************************************************/
.checkout-cart-index .ampromo-items-add:before{
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDI1NmMwIDE0MS4zODctMTE0LjYxMyAyNTYtMjU2IDI1NlMwIDM5Ny4zODcgMCAyNTYgMTE0LjYxMyAwIDI1NiAwczI1NiAxMTQuNjEzIDI1NiAyNTZ6bTAgMCIgZmlsbD0iIzYwYjJmYyIvPjxwYXRoIGQ9Ik01MTIgMjU2YzAtMS4xNTItLjAyNy0yLjI5Ny0uMDQzLTMuNDQ1TDM2OS4wNTEgMTA5LjY0OGwtODUuMzU2IDIzLjA2My03LjU4Ni03LjU4Ni00Ni4wNjIgOC44OTgtMjQuNTg2LTI0LjU5Ny02OC4wMDQgNTMuOTU3LTI1LjUzMSA3NC44NDQgNTguMDI3IDU3LjMyLTM5LjMxNiAxMjAuMTIxIDk0LjQ3MiA5NC40NzNBMjU5LjI2IDI1OS4yNiAwIDAgMCAyNTYgNTEyYzE0MS4zODcgMCAyNTYtMTE0LjYxMyAyNTYtMjU2em0wIDAiIGZpbGw9IiMzOTY1Y2MiLz48cGF0aCBkPSJNMjMzLjE4OCAxMzcuNjg4bC0yNy43MjctMjguMjYyYy04LjI4MS04LjQ0Mi0xOS4zNTItMTMuMDk0LTMxLjE2NC0xMy4wOTQtMjQuMDc0IDAtNDMuNjYgMTkuNTg2LTQzLjY2IDQzLjY2IDAgMjQuMDc0IDE5LjU4NiA0My42NiA0My42NiA0My42NkgyNTZ2LTQ1Ljk2NHptMCAwIiBmaWxsPSIjZjY0MjEzIi8+PHBhdGggZD0iTTMzNy43MDMgOTYuMzMyYy0xMS44MTYgMC0yMi44ODMgNC42NTItMzEuMTY0IDEzLjA5NGwtMjcuNzI2IDI4LjI2MUgyNTZ2NDUuOTY1aDgxLjcwM2MyNC4wNzQgMCA0My42Ni0xOS41ODYgNDMuNjYtNDMuNjYgMC0yNC4wNzQtMTkuNTg2LTQzLjY2LTQzLjY2LTQzLjY2em0wIDAiIGZpbGw9IiNlZDI0MDAiLz48cGF0aCBkPSJNMTMwLjYzNyAyMTkuNTE2SDI1NnYxOTYuMTUySDEzMC42Mzd6bTAgMCIgZmlsbD0iI2ZmNiIvPjxwYXRoIGQ9Ik0yNTYgMjE5LjUxNmgxMjUuMzYzdjE5Ni4xNTJIMjU2em0wIDAiIGZpbGw9IiNmZmQxNWUiLz48cGF0aCBkPSJNMTExLjkyNiAxNjMuMzgzSDI1NnY3NC44NDRIMTExLjkyNnptMCAwIiBmaWxsPSIjZmZmZmMyIi8+PHBhdGggZD0iTTI1NiAxNjMuMzgzaDE0NC4wNzR2NzQuODQ0SDI1NnptMCAwIiBmaWxsPSIjZmZlYTdjIi8+PHBhdGggZD0iTTI4NC4wNjYgMTQ0LjY3MmMwLTE1LjUwNC0xMi41NjYtMjguMDY3LTI4LjA2Ni0yOC4wNjdsLTEyLjQ3MyA2NS40ODkgNDAuNTQtMTguNzExem0wIDAiIGZpbGw9IiNmNjQyMTMiLz48cGF0aCBkPSJNMjI3LjkzNCAxNDQuNjcydjE4LjcxTDI1NiAxODIuMDk1di02NS40ODljLTE1LjUgMC0yOC4wNjYgMTIuNTYzLTI4LjA2NiAyOC4wNjd6bTAgMCIgZmlsbD0iI2ZmNjEyNiIvPjxwYXRoIGQ9Ik0yNTYgMTYzLjM4M2wtMTIuNDczIDczLjU5NEwyNTYgMzA4LjcwM2wyOC4wNjYgMTguNzExVjE2My4zODN6bTAgMCIgZmlsbD0iI2VkMjQwMCIvPjxwYXRoIGQ9Ik0yMjcuOTM0IDE2My4zODN2MTY0LjAzMUwyNTYgMzA4LjcwNFYxNjMuMzgyem0wIDAiIGZpbGw9IiNmNjQyMTMiLz48L3N2Zz4=) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/***************************************************************/
/* 20240227 intervention du point 1/
   MASQUAGE DANS LE TUNNEL DE PANNEAU DU BANDEAU OFFERT ORANGE
   DANS LA COLONNE RESUMANT LA COMMANDE                        */
/***************************************************************/
.checkout-index-index .cart.item.message.notice{ display: none;}


/***************************************************************/
/* 20240227 intervention du point 2/
   MODIFICATION DU POP-UP DE PROMOS                            */
/***************************************************************/
div.fancybox-content{
	border-radius:10px !important;
	background-color: #EEE !important;
}

/***************************************************************/
/* 20240418 intervention du point 1/
   AMELIORATION DU VISUEL DE CADEAU DANS LE TUNNEL DE PAIEMENT */
/***************************************************************/

.checkout-index-index .ampromo-items-add:before,
.checkout-cart-index .ampromo-items-add:before{
	width: 50px !important;
	height: 50px !important;
	animation: 1s cubic-bezier(0.02, 0.7, 0.26, 0.82) infinite alternate slideinfreegift;
}

@keyframes slideinfreegift {
  from { transform: scale(0.8); }
  to   { transform: scale(1); }
}

.ampromo-items-add{
	font-size:1.5em;
	border: 1px solid #e31d1a !important;
}


/***************************************************************/
/* 20240423 intervention du point 1/
   LISTES DE CATEGORIES
   REMANIEMENT DU TITRE DES SOUS-CATEGORIES                    */
/***************************************************************/
.landing-categories-detail h2{
	transition: background-color 0.3s;
	background-color:#FFF !important;
}
.landing-categories-detail h2:hover{
	background-color:#ccc !important;
}
.landing-categories-detail h2 a{
	color: #000 !important;
}


/***************************************************************/
/* 20240513 intervention du point 1/
   PRIX PRODUITS LISTE ET FICHE
   MISE EN VALEUR                                              */
/***************************************************************/
.price-container .price { color: #000000 !important; }
.product-item .price-box .price,
.product-info-main .price-box .price-wrapper .price,
.product-options-bottom .price-box .price-wrapper .price { font-size: 1.19em !important; font-weight: 600 !important; }



.price-box .special-price .price-container .price,
.product-item .special-price .price,
.product-item .minimal-price .price{ color: #ec0101 !important;  font-weight: 400 !important; } 

.price-box:before{
	content: "";
	width: 10px;
	border-top: 1px solid #000;
	display: block;
	padding-bottom:7px;
}


/***************************************************************/
/* 20240527 intervention du point 1/
   DEPLACEMENT DU BOUTON 'AJOUTER AU PANIER' SUR
   VIGNETTE DE PRODUIT DANS LISTE DE PRODUITS DES CATEGORIES   */
/***************************************************************/

.mgs-product.products-grid .product-item-info .tocart.btn-cart,
.mgs-products.products-grid .product-item-info .tocart.btn-cart,
.mgs-attribute-products .product-item-info .tocart.btn-cart,
.mgs-instant-search .products-grid .product-item-info .tocart.btn-cart{
	top: calc(100% - 30px) !important;
}

/***************************************************************/
/* 20240527 intervention du point 1/
   CREATION DU PICTO 'CADDY' À CÔTÉ DU PRIX                    */
/***************************************************************/
div.grid_PrixPanier {
	display: grid;
	grid-template-columns: 1fr 34px;
	grid-template-rows: 1fr;
	align-items: flex-start;
	column-gap:4px;
}
.newPictoPanier{  }

.newPictoPanier button.action.primary{
	background-color: #e31d1a !important;
	border: 1px solid #e31d1a !important;
	margin: 6px 0 !important;
	padding: 6px 6px 5px 7px !important;
	border-radius: 100% !important;
	color: #FFF !important;
	width: 34px !important;
	height: 34px !important;
}

.newPictoPanier button.action.primary:hover{
	background-color: #FFF !important;
	color: #e31d1a !important;
}

.newPictoPanier button.action.primary span.icon{
	font-weight: 900 !important;
	font-size:18px;
}


/***************************************************************/
/* 20240527 intervention du point 1/
   CREATION DU BOUTON 'INFOS' VS BOUTON AJOUT AU PANIER         
   SUR VIGNETTE PRODUIT DANS LISTE CATEGORIE				   */
/***************************************************************/

.mgs-product.products-grid .product-item-info:hover .product-top .toinfos.btn-infos, 
.mgs-products.products-grid .product-item-info:hover .product-top .toinfos.btn-infos, 
.mgs-attribute-products .product-item-info:hover .product-top .toinfos.btn-infos{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mgs-product.products-grid .product-item-info .toinfos.btn-infos:hover,
.mgs-products.products-grid .product-item-info .toinfos.btn-infos:hover,
.mgs-attribute-products .product-item-info .toinfos.btn-infos:hover,
.mgs-products.products-list .product-item-info .toinfos.btn-infos:hover {
	background-color: #222;
	color: #fff;
}

.mgs-product.products-grid .product-item-info .toinfos.btn-infos,
.mgs-products.products-grid .product-item-info .toinfos.btn-infos,
.mgs-attribute-products .product-item-info .toinfos.btn-infos,
.mgs-products.products-list .product-item-info .toinfos.btn-infos{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	color: #222;
	line-height: 40px;
	white-space: nowrap;
	background-color: #ffffff;
	padding: 0 25px;
	text-align: center;
	border: 1px solid #222;
	opacity: 1;
	visibility: visible;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.mgs-product.products-grid .product-item-info .toinfos.btn-infos,
.mgs-products.products-grid .product-item-info .toinfos.btn-infos,
.mgs-attribute-products .product-item-info .toinfos.btn-infos,
.mgs-instant-search .products-grid .product-item-info .toinfos.btn-infos,
.mgs-products.products-list .product-item-info .toinfos.btn-infos{
	top: calc(100% - 30px) !important;
}

.mgs-products.products-list .product-item-info:hover .toinfos.btn-infos{
	top: calc(100% - 10px) !important;
}

/***************************************************************/
/* 20240703 intervention du point 2/
   REMANIEMENT DE L'ENTETE      
   SELON MAQUETTE XD VALIDEE                 				   */
/***************************************************************/

#oz_new_menu .top-header,
#oz_new_menu .middle-header,
#oz_new_menu .bottom-content{
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:space-between;
	padding:5px 2%;
	align-items:center;
	align-content:center;
	gap:20px;
}

@media (min-width: 1200px){
	#oz_new_menu .middle-header{ padding: 20px 2%; }
	#oz_new_menu .bottom-content{ padding:15px 2%; }
}

@media (max-width: 1199.98px){
	#oz_new_menu .bottom-content{ padding: 15px 2%; }
}

#oz_new_menu .top-header{ background-color:#F6F6F8; }
#oz_new_menu .middle-header{}
#oz_new_menu .bottom-content{}
@media (max-width: 571.98px){
	#oz_new_menu .top-header{ padding-top:15px;  flex-wrap:wrap; gap:4px; }
}
@media (min-width: 1200px){
	#oz_new_menu .bottom-content{ background-color:#333; justify-content:center; }
	#oz_new_menu .bottom-content .menu-wrapper.frame{ width:100%; }
	#oz_new_menu .bottom-content .menu-wrapper.frame .menunav{ width:100%; }
}
@media (max-width: 1199.98px){
	#oz_new_menu .bottom-content{ background-color:#FFFFFF !important; }
}


#oz_new_menu .top-header > div:first-child{ order:10; flex-basis:350px; }
#oz_new_menu .top-header > div:nth-child(2){ order:20; }
#oz_new_menu .top-header > div:nth-child(3){ order:30; flex-basis:350px; }
#oz_new_menu .top-header > div:nth-child(4){ order:40; }

#oz_new_menu .middle-header > div:first-child{ order:10; flex-basis:150px; }
#oz_new_menu .middle-header > div:nth-child(2){ order:20; }
#oz_new_menu .middle-header > div:nth-child(3){ order:30; flex-basis:150px; }
#oz_new_menu .middle-header > div:nth-child(4){ order:40; }
#oz_new_menu .middle-header > div:nth-child(5){ order:50; }

#oz_new_menu .bottom-content > div:first-child{ order:10; }
#oz_new_menu .bottom-content > div:nth-child(2){ order:20; }
#oz_new_menu .bottom-content > div:nth-child(3){ order:30; }
#oz_new_menu .bottom-content > div:nth-child(4){ order:40; }



@media (max-width: 571.98px){
	#oz_new_menu .top-header > div:first-child{ flex-basis:60%; flex-shrink:2; }
	#oz_new_menu .top-header > div:nth-child(2){ order:5; }
}

@media (min-width: 572px) and (max-width: 1199.98px){
	#oz_new_menu .top-header > div:first-child{ flex-basis:auto; flex-shrink:2; }
	#oz_new_menu .top-header > div:nth-child(4){ flex-basis:130px; }
}

#oz_new_menu div.reseaux{
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	gap: 5px;
}

#oz_new_menu div.reseaux a{ font-size:17px !important; }
#oz_new_menu div.reseaux a .fa:before{
	padding: 3px; border-radius: 4px; width: 18px; display: inline-block;
	text-align: center; color:#FFF;
	border: 1px solid;
	position: absolute; top:-5px;
}
#oz_new_menu div.reseaux a .fa{ position: relative; width:24px; }
#oz_new_menu div.reseaux a .fa.fa-instagram:before{ background-color: #e2405e; border-color:#e2405e;} 
#oz_new_menu div.reseaux a .fa.fa-facebook:before{ background-color: #3b5998; border-color:#3b5998;} 
#oz_new_menu div.reseaux a .fa.fa-youtube:before{ background-color: #ea595e; border-color:#ea595e;} 
#oz_new_menu div.reseaux a .fa.fa-linkedin:before{ background-color: #00aaed; border-color:#00aaed;} 
#oz_new_menu div.reseaux a:hover .fa.fa-instagram:before{ background-color: #FFF; color:#e2405e;} 
#oz_new_menu div.reseaux a:hover .fa.fa-facebook:before{ background-color: #FFF; color:#3b5998;} 
#oz_new_menu div.reseaux a:hover .fa.fa-youtube:before{ background-color: #FFF; color:#ea595e;} 
#oz_new_menu div.reseaux a:hover .fa.fa-linkedin:before{ background-color: #FFF; color:#00aaed;} 
#oz_new_menu div.reseaux a:not(:last-child){ margin-right:5px !important;}


@media (max-width: 1199.98px){
	#oz_new_menu div.reseaux a{ font-size:14px !important; }
	#oz_new_menu div.reseaux a .fa:before{ width: 14px; }
	#oz_new_menu div.reseaux a .fa{ width:20px; }
	#oz_new_menu div.reseaux a:not(:last-child){ margin-right:-2px !important;}
}




#oz_new_menu .top-header > div:nth-child(2){
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	gap:25px;
}		
@media (min-width: 572px) and (max-width: 1199.98px){
	#oz_new_menu .top-header > div:nth-child(2){
		flex-direction:column;
		align-items:flex-start;
		gap:0px;
	}			
}

#oz_new_menu .contact a{ font-size:14px;}
#oz_new_menu .contact a .icon {
  font-size: 18px;
  vertical-align: middle;
}
@media (min-width: 572px) and (max-width: 1199.98px){
	#oz_new_menu .contact div a:nth-child(2) { margin-top:-4px; }
}
@media (max-width: 384.98px){
	#oz_new_menu .contact a{ font-size:11px;}
	#oz_new_menu .contact a .icon { font-size: 15px; }
}


#oz_new_menu .middle-header > div:nth-child(3),
#oz_new_menu .bottom-content > div:nth-child(4){ 
	display: flex; flex-direction: row; justify-content: flex-end;
}
#oz_new_menu .icones{
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-end;
	align-items:center;
	align-content:center;
	gap:3px;
}

@media (min-width: 1200px){
	#oz_new_menu .icones{
		gap:8px;
	}
}

#oz_new_menu .icones .theme-header-icon,
#oz_new_menu .icones .action.showcart,
#oz_new_menu .icones .action-search{
	background: 0 0;
	border: none;
	color: #000;
	font-size: 24px;
	line-height: 1;
	display: block;
}

#oz_new_menu .icones .theme-header-icon:hover,
#oz_new_menu .icones .action.showcart:hover,
#oz_new_menu .icones .action-search:hover{
	color: #e31d1a;
}

#oz_new_menu .minicart-wrapper .action.showcart>.counter.qty{
	background-color: #222 !important;
	color:#FFF !important;
}

#oz_new_menu .minicart-wrapper{margin-left:0 !important; margin-top:0 !important;}
#oz_new_menu .icones .wishlist-icon:before,
#oz_new_menu .icones .action.showcart:before,
#oz_new_menu .search-form .actions-search button
{ color: #000 !important; }

#oz_new_menu .icones .wishlist-icon:hover:before,
#oz_new_menu .icones .action.showcart:hover:before,
#oz_new_menu .search-form .actions-search button:hover{
	color: #e31d1a !important;
}


@media (max-width: 1199.98px){
	#oz_new_menu .bottom-content .icones > div:first-child{ padding-left:30px; z-index:1;}
	#oz_new_menu .bottom-content .burger{ padding-right:30px; flex-shrink:0; }
	
	#oz_new_menu .top-header .recherche{
		position: absolute;
		right: calc(2% + 30px);
		bottom: 20px;
		z-index:10001;
	}
	
	#oz_new_menu .bottom-content{ height:70px; }
	
	#oz_new_menu #search_mini_form .mgs-instant-search-dropdown{ top:80px; }
	header.page-header #oz_new_menu .menu-wrapper{ z-index:10002;}
}

@media (min-width: 1200px){
	#oz_new_menu #mainMenu{
		display:flex;
		justify-content:space-between;
		flex-direction:row;
	}

	#oz_new_menu #mainMenu > li.level0{
		border-left : none !important;
		transition: background-color 300ms;
		-webkit-transition: background-color 300ms;
		-moz-transition: background-color 300ms;
		-o-transition: background-color 300ms;
	}
	#oz_new_menu #mainMenu > li.level0 > a{
		color:#FFF !important;
		text-transform:uppercase;
		font-weight:600;
		font-size:15px !important;
	}
	#oz_new_menu #mainMenu > li.level0 > a:hover{color:#909090 !important;}
	
}

@media (max-width: 1199.98px){
	.header-area.header3 .search-form .block-search + .actions-search { display:inline-block !important; }
}

@media (max-width: 1199.98px){
	#section-toolbar-mobile div.minicart-wrapper{
		display: flex;
		justify-content: center;
		margin-top:15px;
		width:100%;
	}
	#section-toolbar-mobile div.minicart-wrapper .action.showcart:before{ color:#222 !important; }
	#section-toolbar-mobile div.minicart-wrapper .action.showcart > .counter.qty{
		background-color: #222;
		color: #FFF;
	}
}

#oz_new_menu a.logo{cursor:pointer; }

#oz_new_menu div.burger > button {
  background-color: #222;
  -webkit-mask: url(https://www.comartex.com/pub/media/hamburger-black.svg) no-repeat center;
  mask: url(https://www.comartex.com/pub/media/hamburger-black.svg) no-repeat center;
}
.nav-before-open header.page-header #oz_new_menu div.burger > button{
	 -webkit-mask: none;
  	mask: none;
}

#oz_new_menu div.burger > button:hover {
  background-color: #e31d1a;
}
#oz_new_menu div.burger > button img{ opacity:0; }

/***************************************************************/
/* 20240812 intervention du point 1/
   ROLLOVER VIGNETTES MEDIATHEQUE     
   ACCUEIL ET NIVEAU 1                			               */
/***************************************************************/

body.cms-mediatheque .container_img_category,
body.video-index-index div.video-group-image{
	position: relative;
	overflow: hidden;
}

body.cms-mediatheque .container_img_category img,
body.video-index-index div.video-group-image a:not(.popup-video) img{
	transition: all .3s;
	min-width: 100%;
	display: block;
}

body.cms-mediatheque .container_img_category:hover img,
body.video-index-index div.video-group-image:hover a:not(.popup-video) img{
	transform: scale(1.1);	
}

@media (max-width: 400px){
	body.video-index-index div.video-group-image a:not(.popup-video) img{
		height: 150px;
	}
}

body.cms-mediatheque .container_img_category{
	margin-bottom:10px;
}

/***************************************************************/
/* 20240813 intervention du point 3/
   AJOUT DE LA MENTION "Retrait gratuit dans notre entrepôt"     
   DANS L'ENTÊTE EN HAUT à GAUCHE             			       */
/***************************************************************/

#oz_new_menu div.moyens{
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: flex-start;
	justify-content: center;
	align-content: center;
}

#oz_new_menu div.moyens a{
	font-weight: 500;
	margin-bottom: -3px;
	margin-left: 7px;
	transition: all 300ms;
}

#oz_new_menu div.moyens a:hover{
	color: #ec0101 !important;
}

@media (max-width: 571.98px){
	#oz_new_menu div.moyens a{ display:none }
}

/***************************************************************/
/* 20240814 intervention du point 2/
   REORGANISATION DES ONGLETS DE LA FICHE PRODUIT  
   "DOCS ASSOCIES" PUIS "DETAILS"    
   SUR LA VERSION SMARTPHONE                 				   */
/***************************************************************/

@media only screen and (max-width: 767px){
	body.catalog-product-view .product-tab-content > div > div {
		display: flex;
		flex-direction: column;
	}

	body.catalog-product-view .product-tab-content > div > div > div:first-child {order:30;}
	body.catalog-product-view .product-tab-content > div > div > div:nth-child(2){order:40;}
	body.catalog-product-view .product-tab-content > div > div > div:nth-child(3){order:10;}
	body.catalog-product-view .product-tab-content > div > div > div:nth-child(4){order:20;}

} 

/***************************************************************/
/* 20241129 intervention du point 1/
   MASQUAGE DU PRIX DES CADEAUX DANS LE POP-UP    
   POUR NE PAS AFFICHER 0€ HT                				   */
/***************************************************************/

body.checkout-cart-index .ampromo-popup-wrapper .product-info-price{ display:none; }

body.checkout-cart-index .ampromo-popup-wrapper h2{
	text-align:center;
}


/***************************************************************/
/* 20241217 intervention du point 1/
   AFFICHAGE DU POURCENTAGE DE RÉDUCTION EN TEXTES   
   SOUS LES PRIX DES PRODUITS LISTÉS           				   */
/***************************************************************/
.discount-percentage{ color:#ec0101; clear:both; font-size: 1.19em; font-weight:400; } 

.mgs-instant-search .products-grid .product-item-info .product-top:hover .product-label,
.mgs-product.products-grid .product-item-info:hover .product-top .product-label,
.mgs-products.products-grid .product-item-info:hover .product-top .product-label,
.mgs-attribute-products .product-item-info:hover .product-top .product-label{ display: block !important; }


.products-grid .product-item-info .product-top .product-item-photo > img{
	min-width: 100% !important;
	min-height: 100% !important;
	height: auto !important;
	width: auto !important;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	position: absolute;
}

/***************************************************************/
/* 20260316 intervention du point 1/
   ERGONOMIE PANIER   
   ACTIONS PRODUIT PLUS VISIBLES            				   */
/***************************************************************/
.checkout-cart-index .page-main .cart.table-wrapper .items > .item .product-item-details .action{
	border:2px solid #222 !important;
	padding: 0 15px !important;
	margin-bottom:8px !important;
}
.checkout-cart-index .page-main .cart.table-wrapper .items > .item .product-item-details .action .fa{margin-right:5px;}
@media only screen and (max-width: 767px){
	.checkout-cart-index .page-main .cart.table-wrapper .items>.item .product-item-details .item-actions a+a{ margin-left:0px !important;}
}

/***************************************************************/
/* 20260429 intervention des points 1/ et 2/
   ONGLETS COUPON REDUCTION (x2)   
   LIEN EXEMPLE FACTURE COMARTEX            				   */
/***************************************************************/
.cegid-info a{
	font-weight:700; color:#e31d1a !important;
	transition: all 300ms;
}
.cegid-info a:hover{ color:#000000 !important}

.checkout-cart-index .page-main .checkout-extra>#block-discount>.title{
	background-color: yellow;
	color: #000;
}
.checkout-cart-index .page-main .checkout-extra>#block-discount>.title>strong{ font-weight:600; }

.checkout-cart-index .page-main .checkout-extra>#block-discount>.title.active{
	background-color: #2A2A2A;
	color: #FFF;
}
.checkout-cart-index .page-main .checkout-extra>#block-discount>.title.active strong{ font-weight:400; }

.payment-option.discount-code .payment-option-title{
	background-color: yellow;
	padding-left: 10px !important;
 	font-weight: 400 !important;
}