@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

/* --- Styles globaux --- */
body {
    font-family: 'Noto Sans', sans-serif; /* Police par défaut */
    font-size: 16px;
    color: #333333; /* Couleur du texte */
    background-color: #f9f8f6; /* Couleur de fond */
    margin: 0;
    padding: 0;
}
#product #wrapper { background-color:white;}
/* Réinitialisation des marges et paddings pour tous les éléments */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}
.disposoon {
  position: absolute;
  left: 0;
  top: 0;
  color: green;
  font-size: 0.8rem;
}
a:hover, a {color: #5B7B7A !important;}
/* Largeur centrale pour le contenu */
.container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto; /* Centrer horizontalement */
    padding: 0 20px; /* Ajout d’un padding pour éviter que le contenu touche les bords */
}

.header-nav {
    background-color: #1b355b; /* Couleur de fond */
    color: #ffffff; /* Texte en blanc */
    height: 45px; /* Hauteur fixe */
    display: flex; /* Active le mode flexbox */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement (si besoin) */
    padding: 0; /* Supprime le padding */
  
}
.header-nav a {
    color: #ffffff; /* Couleur des liens en blanc */
    text-decoration: none; /* Supprime le soulignement */
    font-weight: bold; /* Texte en gras */
    transition: color 0.3s; /* Animation pour hover */
}
.header-nav a:hover {
    color: #ffdd57; /* Couleur des liens au survol (exemple : jaune) */
}
/* Style pour la classe need_help */
.need_help {
    background-color: #1b355b; /* Couleur de fond */
    color: #ffffff; /* Texte en blanc */
    height: 42px; /* Hauteur fixe */
    display: flex; /* Utilisation de Flexbox pour alignement */
    align-items: center; /* Centre verticalement le contenu */
    justify-content: flex-start; /* Aligne le texte à gauche */
    padding: 0 0px; /* Ajoute un padding pour éviter que le texte touche les bords */
    font-size: 14px; /* Taille de police (modifiable) */
    font-weight: bold; /* Texte en gras */
    text-align: left; /* Justification à gauche */
    box-sizing: border-box; /* Gère correctement le padding et les bordures */
}
#_desktop_logo  img {
    width: 130px; /* Largeur fixe */
    height: auto; /* Maintient les proportions */
    display: block; /* Évite les marges automatiques */
    margin: 0 auto; /* Centre le logo horizontalement (si nécessaire) */
}
.accroche_logo {
    background-color: #4cdfcd; /* Couleur de fond */
    color: #ffffff; /* Texte en blanc */
    font-size: 13px; /* Taille de la police */
    width: 160px; /* Largeur du div */
   height: 42px; /* Hauteur fixe */
    display: flex; /* Active le mode flexbox */
    align-items: center; /* Centre verticalement le texte */
    justify-content: center; /* Centre horizontalement le texte */
    text-align: center; /* Centre le texte s'il occupe plusieurs lignes */
    box-sizing: border-box; /* Gère les paddings/bordures sans dépasser la taille */
	padding-left: 5px;
  padding-right: 5px;
}
/* Style pour le conteneur header-top-right */
.header-top-right {
    display: flex; /* Active Flexbox */
    align-items: center; /* Centre verticalement tous les éléments enfants */
    justify-content: space-between; /* Optionnel : espace entre les enfants */
    gap: 10px; /* Optionnel : ajoute de l’espace entre les enfants */
    height: 42px; /* Assurez-vous que la hauteur correspond */
	width: 100%; /* S'assure que le conteneur prend toute la largeur */
}
  #search_widget {
    flex: 1;
  }
.ui-autocomplete-input {
    flex-grow: 1; /* Étend l'élément pour occuper tout l'espace restant */
    background-color: #ffffff; /* Fond blanc */
    border: 1px solid #1b355b; /* Bordure bleue foncée */
    border-radius: 5px; /* Coins légèrement arrondis */
    padding: 8px 12px; /* Espacement interne pour le confort visuel */
    font-size: 16px; /* Taille de la police */
    color: #a8aeb6; /* Couleur du texte */
    box-sizing: border-box; /* Inclut le padding et la bordure dans la largeur */
    outline: none; /* Supprime le contour par défaut au focus */
    width: 100%; /* S'assure qu'il occupe toute la largeur disponible */
}

/* Supprimer toutes les bordures et ombres natives au focus */
.ui-autocomplete-input, .form-control  {
    outline: none !important; /* Supprime l'outline bleu par défaut */
    box-shadow: none !important; /* Supprime les ombres au focus */
    border: 1px solid #1b355b; /* Bordure normale */
}
 .js-parent-focus  {
	     outline: none !important; /* Supprime l'outline bleu par défaut */
    box-shadow: none !important; /* Supprime les ombres au focus */
    border: 0px solid #1b355b; /* Bordure normale */
 }
	 
/* État au focus personnalisé (facultatif) */
.ui-autocomplete-input:focus {
    border-color: #red; /* Change la couleur de la bordure au focus */
    box-shadow: none !important; /* Supprime toute ombre */
}
.search-button {
    background: none; /* Supprime le fond par défaut du bouton */
    border: none; /* Supprime les bordures du bouton */
    padding: 0; /* Supprime les marges internes */
    margin-right: 10px; /* Espacement entre l'image et le texte */
    display: flex; /* Garde le bouton aligné */
    align-items: center; /* Centre l'image verticalement */
    cursor: pointer; /* Change le curseur pour indiquer que c'est cliquable */
}
.search-widget form button[type="submit"] {

  bottom: 0.6rem;

}
.texte-connexion ,.cart-preview , .text-connected{font-size:11px; color:#a8aeb6;text-align: center;}
.user-info {display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;}
  .img_user img, .img_cart img {height:35px;}
  .ets_mm_megamenu :not(.fa):not(i) {
 font-family: 'Noto Sans', sans-serif !important; /* Police par défaut */
 color: #1b355b;
 font-size: 14px;
 text-transform: initial;
}
.mm_menu_content_title {

  padding-top: 10px;
  padding-bottom: 10px;
}
.header-top .h2 {padding-left:0px;}
.block_homepage {
    display: flex; /* Active Flexbox */
    flex-wrap: wrap; /* Permet de passer à la ligne automatiquement */
    gap: 10px; /* Espace de 10px entre les blocs */
    justify-content: space-between; /* Distribue les blocs horizontalement */
    width: 100%; /* S'assure que le conteneur occupe toute la largeur */
    box-sizing: border-box; /* Inclut les bordures/paddings dans la largeur */
}
.bandeau_vignette {
    flex: 1 1 calc(33.333% - 10px); /* Largeur de 1/3 avec l'espacement pris en compte */
    background-color: #f9f9f9; /* Couleur de fond (modifiable) */
    border: 1px solid #ddd; /* Bordure optionnelle */
    padding: 10px; /* Espacement interne */
    box-sizing: border-box; /* Inclut les bordures/paddings dans la taille */
    text-align: center; /* Centre le texte */
	position: relative;
	text-align: left;
}
/* Style pour le bloc offres_du_moment */
.offres_du_moment,.featured-products {
    margin-top: 20px; /* 20px de blanc en haut */
    padding-bottom: 20px; /* 10px de blanc en dessous */
}

/* Style pour le titre <h1> */
.offres_du_moment h1, .featured-products h1{
    color: #1b355b; /* Couleur du texte */
    font-size: 14px; /* Taille de la police */
    font-weight: 700; /* Texte en gras */
    margin: 0; /* Supprime les marges par défaut */
    position: relative; /* Nécessaire pour positionner la ligne */
    display: inline-block; /* Adapte la largeur au contenu du texte */
}

/* Ligne sous le texte */
.offres_du_moment h1::after, .featured-products h1::after {
    content: ""; /* Génère la ligne */
    display: block; /* Rend visible en tant que bloc */
    width: 100%; /* Fait correspondre la largeur au texte du <h1> */
    height: 5px; /* Épaisseur de la ligne */
    background-color: #1b355b; /* Couleur de la ligne */
    position: absolute; /* Positionne la ligne sous le texte */
    bottom: -10px; /* Place la ligne à 10px sous le texte */
    left: 0; /* Aligne la ligne avec le début du texte */
}
.text-block-accueil {
  position: absolute;
  top: 20px;
  color: black;
  border-left: solid 1px black;
  padding-left: 5px;
  padding-right: 5px;
  left: 20px;
  font-size: 1.4rem;
  line-height: 25px;
  font-family: Rubik;
}
.gras {
  font-weight: 700 !important;
}
.prix_vignette {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: white;
  font-size: 16px;
  background-image: url("/img/cms/fond_prix_vignette.png");
  padding-top: 30px;
  padding-left: 7px;
  width: 207px;
  height: 79px;
}
.featured-products .products {margin-top:20px;}
.products {
    display: flex; /* Active Flexbox */
    flex-wrap: wrap; /* Permet de passer à la ligne automatiquement */
    gap: 10px; /* Ajoute un espacement entre les produits */
    justify-content: space-between; /* Distribue uniformément les produits */
}
.product {
    flex: 1 1 calc(25% - 10px); /* Largeur de 25% moins l'espace (10px) */

    max-width: calc(25%); /* Largeur maximale à 25% */
    box-sizing: border-box; /* Inclut les bordures et padding */
    box-sizing: border-box; /* Inclut le padding et les bordures dans la largeur */
    margin: 0; /* Supprime les marges par défaut */
    padding: 10px; /* Optionnel : Ajoute un espace interne */
    border: 1px solid #e6e7e9; /* Optionnel : Bordure pour chaque produit */
    background-color: #fff; /* Optionnel : Fond blanc */
    text-align: center; /* Centre le contenu dans chaque produit */

}
.reference_produit {font-weight:700; font-size:12px;color:black;}
.product-miniature .product-title {
  margin-top: 0rem;
  min-height: 60px;
}
.product-title a{
	color : black !important;
	font-size : 14 px !important;
}
.product-miniature .price { color:#1b355b; font-size : 18px; font-weight:700;}
.button_miniature {background:#4cdfcd;border-radius:5px;color:white;}
.priceandbutton {
    display: flex; /* Active Flexbox pour aligner les enfants horizontalement */
    width: 100%; /* S'assure que le conteneur occupe toute la largeur disponible */
	margin-bottom: 10px;
	align-items: center;
}
.subcategory-image {display:none;}
.subcategories-list a {
  color: #4cdfcd !important;
  text-transform: initial !important;
  border: solid 1px;
  padding: 5px;
  border-radius: 5px;
}

#subcategories .subcategory-heading {
  margin-bottom: 20px;
  font-weight: 500;
  color: gray;
}
.ls-numbers .ls-nav-prev, .ls-numbers .ls-nav-next {

  z-index: 501 !important;

}

.pricefrom-miniature.only {

  margin-bottom: 10px !important;
}

/* Div pour le prix */
.price_miniature {
    flex: 1; /* Occupe 50% de la largeur */
    text-align: left; /* Alignement du contenu à gauche */
    box-sizing: border-box; /* Inclut le padding dans la largeur */
	text-align: center;
	align-items: center;
}

/* Div pour le bouton */

.button_miniature {
    flex: 1; /* Assure que ce div prend 50% de la largeur */
    text-align: right; /* Aligne horizontalement les éléments à droite */
    display: flex; /* Active Flexbox */
    flex-direction: row; /* Aligne les éléments en colonne (optionnel si plusieurs éléments) */
    justify-content: center; /* Centre verticalement les éléments */
    align-items: flex-end; /* Aligne les éléments à droite (optionnel, selon vos besoins) */
    padding: 3px; /* Ajoute un espace interne (modifiable) */
    box-sizing: border-box; /* Inclut padding et bordures dans la taille */
    height: 100%; /* Pour s'assurer qu'il occupe toute la hauteur disponible */
	font-weight:300;
}
.button_miniature_img {
     display: flex; /* Active Flexbox pour l'image */
    align-items: center; /* Centre verticalement l'image dans son conteneur */
    justify-content: center; /* Centre horizontalement si nécessaire */
    max-width: 25px; /* Optionnel : Ajuste la taille maximale de l'image */
    height: auto; /* Maintient les proportions de l'image */
}

/* Texte aligné à droite */
.button_miniature_text {
     flex: 1; /* Occupe 50% de la largeur */
    display: flex; /* Active Flexbox */
    align-items: center; /* Centre verticalement les éléments */
    justify-content: space-between; /* Positionne l'image et le texte */
    padding: 5px; /* Espacement interne (optionnel) */
    box-sizing: border-box; /* Inclut le padding dans la largeur totale */
}
.product-miniature .thumbnail-container {

  margin-bottom: 0rem;

}
#js-product-list-header {display:none;}
.table-row-active {
    background-color: #4cdfcd;
    color: white; /* Optionnel : ajustez la couleur du texte */
}
.footer-container {
    background-color: #1b355b;
    color: white; /* Assurez-vous que le texte est visible */
}
.product-container .h1 {font-size:24px;text-transform: initial;font-weight:700}
.product-prices, .product-container h1 {
  margin-top: 1rem;
  margin-bottom: 0rem;
}
.pricefrom , .product-price {font-size:18px;color:#1b355b; font-weight:700;}
.reference_produit_produit, .ean_produit,.product-availability {font-size : 14px;}
.quantity_discounts_table {width:100%;background-color: #f2f2f2; border-radius:5px;padding:20px;margin-top:10px;margin-bottom:20px;}
.quantity_discounts_table tr td{padding:10px;}
/* Styles pour le menu déroulant */
#quantity_select {
    background-color: #ffffff; /* Fond blanc */
    font-size: 18px; /* Taille de la police */
    color: #1b355b; /* Couleur du texte */
    border: 1px solid #4cdfcd; /* Bordure */
    padding: 10px; /* Espacement interne pour un affichage uniforme */
    border-radius: 5px; /* Coins arrondis pour un look moderne (facultatif) */
    appearance: none; /* Supprimer le style natif des navigateurs */
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Chrome, Safari */
    position: relative;
    background-image: url('/img/vogprotect/arrow_down.png'); /* Chemin vers l'image de l'icône */
    background-repeat: no-repeat;
    background-position: right 10px center; /* Positionner l'icône à droite */
    background-size: 16px 16px; /* Taille de l'icône */
    cursor: pointer;
	min-width:150px;
}

/* Ajout d'un focus visible */
#quantity_select:focus {
    outline: none; /* Supprimer l'outline par défaut */
    box-shadow: 0 0 5px #4cdfcd; /* Effet de mise en surbrillance */
}

/* Styles pour le bouton "add-to-cart" */
.add-to-cart {
    background-color: #4cdfcd; /* Couleur de fond */
    color: #ffffff; /* Couleur de la police */
    border: none; /* Supprimer les bordures par défaut */
    border-radius: 5px; /* Coins arrondis */
    font-weight: 700; /* Texte en gras */
    font-size: 16px; /* Taille de la police */
    padding: 10px 20px; /* Espacement interne */
    display: flex; /* Activer le mode flex pour aligner l'image et le texte */
    align-items: center; /* Aligner verticalement les éléments */
    justify-content: space-between; /* Espacer l'image et le texte */
    cursor: pointer; /* Curseur pointeur au survol */
    transition: background-color 0.3s ease; /* Transition pour un effet de survol fluide */
}

/* Image dans le bouton */
.add-to-cart img {
    margin-right: 10px; /* Espacement entre l'image et le texte */
    height: 20px; /* Taille de l'image */
    width: 20px; /* Taille de l'image */
}

/* Effet au survol */
.add-to-cart:hover {
    background-color: #3db9af; /* Couleur légèrement plus foncée au survol */
}
.product-add-to-cart p {
margin-bottom: 0rem;
}
.total-price {font-size:18px; font-weight:bold;}


.product-description-title, .product-accessories-title {
	background-color: #1b355b;
	color:white;
	Font-weight:700;
	font-size:14px;
	padding:10px;
	Margin-bottom:10px;
	
}
.product-description {
 font-size:14px;
}



#wrapper .breadcrumb  li{
 font-size : 12 px !important;
}
#wrapper .breadcrumb li a {

  font-size: 12px;
}
#wrapper .breadcrumb li:last-child {
  font-size: 12px;
  color: #7a7a7a;
  content: "/";
}
.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover, .js-thumb-container .active, .js-modal-thumb:hover {
  border: #4cdfcd 1px solid;
  border-radius: 5px;
    outline: none !important; /* Supprime l'outline bleu par défaut */
    box-shadow: none !important; /* Supprime les ombres au focus */
}
.product-information {
    margin-top: 10px;
}
#quantity_wanted {
  display: none;
}
.footer-container, .footer-container a, .block-contact, .footer-container li a, #block-newsletter-label p {color:white;}
.footer-container .h4,.footer-container .h3,.footer-container .h3 a,#block_myaccount_infos .myaccount-title a, .block_newsletter #block-newsletter-label  {color:#3981ea !important;text-transform:initial;}
.block_newsletter {background-color: #1b355b;color:white;}
.btn-primary {background-color:#4cdfcd; border-radius:5px; text-transform:initial; font-size:14px; font-weight:400;color: white !important;}
.btn-primary:hover  {background-color:#4cdfcd; border-radius:5px; text-transform:initial; font-size:14px; font-weight:400;color: white !important;box-shadow: 0 0 5px #4cdfcd;}
.attachment {margin-top:10px;margin-bottom:10px;}
.compte_vogimport {display:none;}
.btn-secondary {background-color:#4cdfcd; border-radius:5px; text-transform:initial; font-size:14px; font-weight:400;color: white !important;margin-top:10px;}
.btn-secondary:hover  {background-color:#4cdfcd; border-radius:5px; text-transform:initial; font-size:14px; 


.all-product-link  {display:none;}
.extra-info-block {
  background-image: url('/img/vogprotect/femmeenfant2.jpg'); /* Remplacez par le chemin de votre image */
 background-size: cover; /* L'image occupe tout l'espace */
  background-position: center; /* Centrer l'image */
  background-repeat: no-repeat; /* Pas de répétition */
  padding: 40px; /* Espace autour du texte */

  min-height: 600px; /* Hauteur minimale */
  display: flex; /* Flexbox pour aligner le contenu */
  flex-direction: column; /* Aligner les éléments verticalement */
  align-items: center; /* Centrer horizontalement */
  justify-content: center; /* Centrer verticalement */
}

.extra-info {
  font-family: 'Jua', sans-serif; /* Appliquer la police Jua */
  font-size: 40px; /* Taille du titre */
  color: #ffffff; /* Couleur du texte en blanc */
  text-align: center; /* Centrer le texte horizontalement */
  margin: 0; /* Pas de marge supplémentaire */
}
.extra-info-description {
  font-size: 20px; /* Taille du texte principal */
  color: #ffffff; /* Couleur du texte en blanc */
  text-align: center; /* Centrer le texte */
  margin-top: 20px; /* Espace entre le titre et la description */
  line-height: 1.5; /* Hauteur de ligne pour améliorer la lisibilité */
}

.extra-info-description .contact-number {
  font-size: 30px; /* Taille du numéro de téléphone */
  font-weight: bold; /* Mettre le numéro en gras */
  display: block; /* Affiche le numéro de téléphone sur une ligne séparée */
  margin-top: 10px; /* Espace au-dessus du numéro */
}
.product-flags {display:none;}
.information_vog {background-color:#4cdfcd;color:white;display: flex;}
.police_jua {
	  font-family: 'Jua', sans-serif; /* Appliquer la police Jua */
  font-size: 26px; /* Taille du titre */
	
}
.info_vog {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  font-size: 14px;
  margin: 10px;
  text-align: center;
  line-height: 1.2;
}
.info_vog img {width:60px;}
.pagination {
padding:5px;
  background: white;
}
.pagination .current a {
  font-size: 1.15rem;
  color: black;
  text-decoration: none;
  font-weight: 700;
}
.pagination a {
  font-weight: 500;
  color: #000;
  font-size: 1.15rem;
  color: #5B7B7A;
}
#subcategories ul li .subcategory-image {
  padding: 0 0 8px;
  display: none;
}
.subcategories-list a {
  color: #1b355b;
  text-decoration: none;
  text-transform: initial !important;
}
.subcategories-list a:hover {
color: #5B7B7A !important;
}

#subcategories .subcategory-heading {
  margin-bottom: 20px;
  font-weight: 500;
  color: #5B7B7A;
  font-size: 14px;
}
.pricefrom-miniature.only {
  font-size: 1rem;
  text-transform: initial !important;
  font-size: 13px;
}
.pricefrom-miniature .pricefrom-price {
  color: #3b3b3b;
  font-size: 18px;
}
.pricefrom-tax-label {
font-size: 13px;
  font-weight: 300;
}
.product-thumbnail:hover {border : 0px;}
.thumbnail-container:hover {

opacity:1;
}
.products-sort-order .select-title, .brands-sort .select-title, .suppliers-sort .select-title {
  border-radius: 5px;
}
.dropdown-menu .select-list:hover {background: #4cdfcd;

  color: white;}
.dropdown-menu .select-list {width:100%;}
/* Supprimer la bordure bleue lors du survol ou du focus */
#thumbnails .thumb-container img:hover,
#thumbnails .thumb-container img:focus {
    outline: none !important; /* Supprime l'effet outline */
    border: none !important; /* Supprime toute bordure */
}


/* Pour garantir qu'aucune autre bordure ne s'applique */
#thumbnails .thumb-container img {
    border: none !important; /* Supprime toute bordure statique */
    outline: none !important; /* Supprime tout effet d'outline */
}
.product-cover .layer {

  background: rgba(0,0,0,0.2);
   transition-duration: 0.3s;
  transition-delay: 0.1s;
}
.tabs {padding: 0rem 0rem;}
.product-description, .product-manufacturer, .product-features {

  padding: 10px;
}
.nav-tabs {
  border-bottom: 0px solid #ddd !important;
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.25;
  background: gray;
}
.products :last-child {
    margin-right: 0; /* Assure que le dernier produit de la grille n'a pas de marge supplémentaire */
}

/* Supprimer la marge droite pour les derniers éléments de chaque ligne */
.products :nth-child(4n) {
    margin-right: 0; /* 4n correspond à la fin de chaque ligne dans une grille de 4 colonnes */
}
.product-item:hover img {
    border: none !important;
    box-shadow: none !important;
}

.product-item:hover::after,
.product-item:hover::before {
    content: none !important;
}
.product-features {
  margin-top: 0rem;
  margin-left: 0rem;
}
.footer-container a {color:white !important;}
#authentication h1, .card-block h1 {text-align: center;
font-family: 'Jua', sans-serif; /* Appliquer la police Jua */
}
.page-authentication #content {
 
  max-width: initial !important;
  background: initial !important;

}
#authentication img {max-width:500px;}
.form-control {
  padding: 0.5rem 1rem;
  color: black;
  background: white;
  border: 1px solid #4cdfcd;
  border-radius: 5px;
}
.input-group .input-group-btn > .btn[data-action="show-password"] {
  padding: 0.78rem 1rem;
  background: black;
  margin-left: 10px;
}
#authentication #customer-form .btn-primary,#authentication #login-form  .btn-primary  {width:100%;}
.page-customer-account #content .forgot-password {
  padding-bottom: 0.9375rem;
  margin-top: 0rem;
  font-size: .875rem;
  text-align: right;
}
.bouton_inscription {background-color:#1b355b; width:100%; padding:10px; color:white;border-radius:5px; margin-top:10px;}
.bouton_inscription a {color:white;}
.form-control, #authentication #customer-form .btn-primary, .bouton_inscription {min-height:43px;font-size:18px;}
.no-account {color:black;}
.oneall_social_login_block p {color:black !important;}
.compte_vogimport {display:none;}
body#checkout section.checkout-step .address-item.selected {
  background: #fff;
  border: #4cdfcd 1px solid;
  border-radius: 5px;
}
.custom-radio input[type="radio"]:checked + span {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #4cdfcd;
  border-radius: 50%;
}
#checkout #search_widget {
  display: initial;
}
.block_newsletter #block-newsletter-label {

  line-height: 1.25rem;

}
.block_newsletter #block-newsletter-label {
  font-size: 14px;

}
.product-prices div {
  margin-bottom: 0.25rem;
}
.confidence-builders li {
  background: url("/img/check.svg") no-repeat 0 3px;
  color: black;
  line-height: 1.57;
  margin-bottom: 0px;
  padding-left: 25px;
  margin-left: 0px;
  font-size: 0.9rem;
}

.tabs {
  padding: 0rem 0rem;
  margin-top: 0rem;
  background: #fff;
}
.form-control-comment {
  padding-top: 0.5rem;
  font-size: 0.7rem;
  color: #7a7a7a;
}
.link-item {background:white !important; border-radius:5px; display:flex;padding: 10px;
  align-items: center;}
.link-item-img img {height:70px;}
.link-item-text h3 {text-transform:initial; color:black;}
.link-item-text p {text-transform:initial; font-size:13px;}
.deconnexion a,.cart-grid-body .label {color:black !important;font-weight:700}
.apartirde {font-size:12px !important;color:black;}
#blockcart-modal .product-name {
  font-size: 1.125rem;
  color: #57585a;
  font-weight: 300;
}
.confidence-builders {
	margin-top:10px;
}

.product-quantity .add {

  margin-bottom: 0rem;
}
.layout_layout1 .ets_mm_megamenu_content {
	background: none !important;
}
.mm_img_content img {max-height:400px;}
p, .page-content.page-cms ul {

  color: black;
}
.sort-by-row, #js-product-list-top {display:none !important;}

.avantage_client {
	background-color: #f2f2f2;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
   background-image: url('/img/vogprotect/background-avantageclient.jpg'); /* Remplacez par le chemin de votre image */
 background-size: cover; /* L'image occupe tout l'espace */
  background-position: center; /* Centrer l'image */
  background-repeat: no-repeat; /* Pas de répétition */
  text-align: center;
	
}
.avantage_client_titre {font-weight:700; margin-bottom:10px;color:white;}
.avantage_client_texte {color:white;}
.block-promo .promo-name .cart-summary-line span {
  color: red;
}
  .modal-dialog {
    max-width: 900px;
    margin: 30px auto;
  }