/*Article Garantie CSS*/
.garantie-background {
  position: relative;
  width: 100%;
  max-width: 1166px;
  height: 417px;
  margin: 186px auto 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 19.09%, rgba(0, 0, 0, 0.4) 54.71%), url('/images/background_blue.png');
  background-size: cover;
  background-position: center;
  border-radius: 32px;
  overflow: hidden;
}

.frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 17.41px;
  position: absolute;
  width: 794px;
  height: 266.77px;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  transform: translateY(-50%);
}

.frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 13.37px;
  width: 794px;
  height: 200.37px;
}

.main-text {
  width: 794px;
  height: 144px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 59.1947px;
  line-height: 72px;
  text-transform: uppercase;
  color: #F0F0F0;
  margin: 0;
}

.sub-text {
  width: 794px;
  height: 43px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 29.7857px;
  line-height: 43px;
  text-transform: uppercase;
  color: #F0F0F0;
  margin: 0;
}

.cta-container {
  display: flex;
  gap: 8.65px;
}

.cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7.20588px 14.4118px;
  width: 244.82px;
  height: 43.41px;
  border: 1.44118px solid #FFFFFF;
  backdrop-filter: blur(8.07059px);
  border-radius: 43.2353px;
  text-decoration: none;
}

.cta span {
  width: 216px;
  height: 29px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15.8529px;
  line-height: 29px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}

.cta-icon {
  width: 49px;
  height: 49px;
  border: 1.44118px solid #FFFFFF;
  border-radius: 76.3824px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta-icon::before {
  content: '';
  width: 34.59px;
  height: 34.59px;
  border: 2.16176px solid #FFFFFF;
  transform: rotate(45deg);
}

@media (max-width: 1200px) {
  .garantie-background {
    max-width: 90%;
    height: auto;
    margin-top: 100px;
  }
  .frame-6 {
    width: 90%;
    height: auto;
    left: 0;
    transform: translateX(0);
    top: 20px;
  }
  .frame-5 {
    width: 100%;
    height: auto;
  }
  .main-text, .sub-text {
    width: 100%;
    font-size: calc(59.1947px * 0.7);
    line-height: calc(72px * 0.7);
  }
  .sub-text {
    font-size: calc(29.7857px * 0.7);
    line-height: calc(43px * 0.7);
  }
  .cta {
    width: 200px;
    height: 40px;
  }
  .cta span {
    font-size: calc(15.8529px * 0.7);
  }
}

/* Fin Article Garantie CSS */



body.com-content.view-article.id-79 {
    background: url(https://www.wifi-france.com/images/Frame-78.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

@media (min-width: 1200px) {
    .row-fluid .span9 {
        width: 76.9%;
    }
}

@media (max-width: 767px) {
	#vmCartModule div.panel2 {
		width: 100% !important;
		}

	#fancybox-wrap {
    width: 90% !important;
	}

	#fancybox-content {
    width: 100% !important;
	}
	#notify_email {
    width: 90% !important;
	}
	.password-group .input-group .btn {
    display: none;
	}
	
	.contact-input-box input, input.required, #jform_contact_message {
    width: 90% !important;
    margin-right: auto !important;
    margin-left: auto !important;
	}
}


@media (max-width: 767px) {
    .browse-view .row-fluid .product {
        width: 50%; /* 2 produits par ligne */
        float: left;
        padding: 5px; /* Espacement entre les produits */
        box-sizing: border-box; /* Inclut le padding dans la largeur */
    }
    .browse-view .row-fluid::after {
        content: "";
        display: table;
        clear: both; /* Nettoie les floats pour éviter les décalages */
    }
    .browse-view .spacer {
        margin: 0; /* Supprime les marges par défaut si besoin */
    }

    div#menu-handler a#menupanel {
    	display: none;
	}

	form#chronoform-devis .nui.button, form#chronoform-contact .nui.button {
    height: 40px !important;
    width: 100% !important;
	}

	.area_container35, .area_container22 {
    margin-top: 20px;
	}

	#bottom-bg {
        padding-right: 20px;
        padding-left: 20px;
    }

}

.tmp-content-area .category-view {
    display: none !important;
}

.row-fluid .product {
    margin-bottom: 5px !important;
}


/* Logo + Texte paypal */
.message__logo {
    width: 65px !important;
}

.message__container.locale--FR .message__messaging .message__headline span {
    font-size: 14px;
}
/* Fin Logo + Texte paypal */

/* Hauteur uniforme pour les prix des produits avec ou sans prix */
.product-price-1.marginbottom12 {
    min-height: 55px; /* Hauteur exacte demandée */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Fin hauteur uniforme */

/* Hauteur uniforme pour les blocs de prix dans les modules VirtueMart */
.moduletable_nouveautes-title .productdetails .product-price {
    min-height: 55px; /* Même hauteur que pour la vue catégorie */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Fin hauteur uniforme pour les modules */

/* Annuler le margin-left pour .form-horizontal .controls */
.form-horizontal .controls {
    margin-left: 0 !important;
}

/* Surcharge spécifique pour le formulaire de connexion */
.com-users-login__form.form-horizontal .controls {
    margin-left: 0 !important;
}

/* Aligner les labels et inputs sur la même ligne avec une marge à gauche */
.com-users-login__input .control-group {
    display: flex !important;
    flex-wrap: nowrap !important; /* Empêche le retour à la ligne */
    align-items: center !important;
    margin-left: 50px !important;
    margin-bottom: 15px !important;
}

.com-users-login__input .control-label {
    display: inline-flex !important;
    align-items: center !important;
    text-align: left !important;
    float: none !important;
    width: 20% !important;
    min-width: 120px !important; /* Assurer une largeur minimale pour l'alignement */
    margin-right: 5px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.com-users-login__input .controls {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    width: 70% !important;
    padding: 0 !important;
}

.com-users-login__input .controls input[type="text"],
.com-users-login__input .controls input[type="password"] {
    width: 100% !important;
    height: 30px !important;
    margin: 0 !important;
}

.password-group {
    display: inline-flex !important;
    align-items: center !important;
	width: 100% !important;
}

.password-group .input-group {
    display: inline-flex !important;
    align-items: center !important;
    width: 100% !important;
}

.password-group .input-group .btn {
    height: 30px !important; /* Aligner la hauteur du bouton "Afficher le mot de passe" */
	margin-left: 20px !important;
	display: none !important;
}

/* Aligner la checkbox "Se rappeler de moi" avec son label sur la même ligne */
.com-users-login__remember {
    margin-top: 10px !important;
}

.com-users-login__remember .form-check {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.com-users-login__remember .form-check-input {
    margin-right: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.com-users-login__remember .form-check-label {
    margin: 0 !important;
    padding: 0 !important;
}

/* Centrer les boutons de connexion */
.com-users-login__submit .controls {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.com-users-login__submit .btn {
    width: 300px !important;
    margin: 10px auto !important;
}

/* Ajustement spécifique pour le bouton Connexion */
.com-users-login__submit .btn-primary {
    width: 300px !important;
	border-radius: 20px !important;
    background-color: #ffc800 !important;
    color: #43474d !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
	font-family: 'Montserrat' !important;
}

.com-users-login__submit .btn-primary:hover {
    background-color: #43474d !important;
    color: #ffffff !important;
}

/* Ajuster les liens en bas (Mot de passe perdu, etc.) */
.com-users-login__options {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.com-users-login__options .list-group-item {
    margin: 5px !important;
}

.com-users-login__submit.control-group .akeeba-sociallogin-link-button-j4-apple {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

.com-users-login__submit.control-group .akeeba-sociallogin-link-button-j4-google {
    background-color: #ffffff !important;
    border: 1px solid #4285F4 !important;
    color: #000000 !important;
}

.com-users-login__submit.control-group .akeeba-sociallogin-link-button-j4-apple:hover {
    background-color: #ededed !important;
}

.com-users-login__submit.control-group .akeeba-sociallogin-link-button-j4-google:hover {
    background-color: #ededed !important;
}





/* Bouton Formulaires */
form#chronoform-contact .area_container21 .nui.button {
    	background-color: #ffc800 !important;
    	color: #001d3d !important;
		font-weight: 600 !important;
		margin-left: 50% !important;
    	transform: translateX(-50%) !important;
		width: 300px !important;
	}

form#chronoform-contact .area_container21 .nui.button:hover {
    	background-color: #001d3d !important;
    	color: #ffffff !important;
		font-weight: 600 !important;
}

form#chronoform-devis .area_container38 .nui.button {
    	background-color: #ffc800 !important;
    	color: #001d3d !important;
		font-weight: 600 !important;
		margin-left: 50% !important;
		transform: translateX(-50%) !important;
		width: 300px !important;
	}

form#chronoform-devis .area_container38 .nui.button:hover {
    	background-color: #001d3d !important;
    	color: #ffffff !important;
		font-weight: 600 !important;
	}
/* Fin Bouton Formulaires */



/* Conteneur global */
.social-buttons {
    width: 100% !important;
    max-width: 620px !important; /* 300px * 2 + espacement */
    margin: 0 auto !important; /* Centre le conteneur */
}

.social-login-buttons {
    width: 100% !important;
}

/* Disposition par défaut (mobile, < 768px) : boutons empilés, 90% de largeur, centrés */
.social-buttons .akeeba-sociallogin-linkunlink-buttons {
    display: flex !important;
    flex-direction: column !important; /* Empile les boutons verticalement */
    align-items: center !important; /* Centre horizontalement */
    padding: 0.25rem !important; /* Équivalent à p-1 */
}

.social-buttons .col-sm {
    width: 100% !important; /* Conteneur pleine largeur */
    display: flex !important;
    justify-content: center !important; /* Centre le bouton horizontalement */
    align-items: center !important; /* Centre verticalement */
    padding: 0.25rem !important; /* Équivalent à p-1 */
}

/* Style commun aux boutons (mobile) */
.social-buttons .akeeba-sociallogin-linkunlink-button {
    width: 90% !important; /* 90% de la largeur sur mobile */
    max-width: 400px !important; /* Limite maximale */
    height: 50px !important; /* Hauteur fixe */
    display: flex !important;
    align-items: center !important; /* Centre verticalement le contenu */
    justify-content: flex-start !important; /* SVG à gauche */
    text-align: center !important;
    padding: 0 15px !important; /* Padding pour l'espacement interne */
    text-decoration: none !important;
    background-color: #ffffff !important; /* Fond blanc */
    border: 1px solid #000000 !important; /* Bordure noire 1px */
    color: #000000 !important; /* Texte noir */
}

form#com-form-login .akeeba-sociallogin-link-button-apple:hover	 {
	color: #ffffff	!important;
}

/* SVG commun */
.social-buttons .akeeba-sociallogin-linkunlink-button svg {
    height: 25px !important; /* Taille du SVG */
    width: 25px !important; /* SVG carré */
    margin-right: 15px !important; /* Espace avec le texte */
}

/* Centrer le texte dans l'espace restant */
.social-buttons .akeeba-sociallogin-linkunlink-button span {
    flex: 1 !important; /* Prend tout l'espace restant */
    text-align: center !important; /* Centre le texte */
}

/* SVG Apple : noir */
.social-buttons .akeeba-sociallogin-link-button-apple svg path {
    fill: #000000 !important; /* SVG noir */
}

/* SVG Google : multicolore (inchangé) */

/* À partir de 768px (desktop), boutons côte à côte, 300px de large */
@media (min-width: 768px) {
    .social-buttons .akeeba-sociallogin-linkunlink-buttons {
        flex-direction: row !important; /* Boutons côte à côte */
        justify-content: center !important; /* Centre les colonnes */
        gap: 20px !important; /* Espacement entre les boutons */
    	margin-left: 0px !important;
    }

    .social-buttons .col-sm {
        width: auto !important; /* Ajuste la largeur au contenu */
        max-width: none !important;
    }

    .social-buttons .akeeba-sociallogin-linkunlink-button {
        width: 250px !important; /* Largeur fixe de 300px */
        max-width: 300px !important; /* Assure que la largeur reste 300px */
        height: 36px !important; /* Hauteur fixe */
    }
}

.vm-orders-information span.vmCartShipmentLogo img, .vm-orders-information span.vmCartPaymentLogo img {
    width: 100px;
}

/* Ciblage spécifique du bouton Apple dans le module de connexion sociale */
.akeeba-sociallogin-link-button-j4-apple {
    background-color: #000000 !important; /* Fond noir par défaut */
    color: #ffffff !important; /* Texte blanc par défaut */
    border: none; /* Pas de bordure par défaut */
    padding: 10px; /* Padding */
    display: flex; /* Pour aligner SVG et texte */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    width: 100%; /* Pleine largeur */
    text-decoration: none; /* Supprime le soulignement */
}

/* État de survol pour le bouton Apple */
.akeeba-sociallogin-link-button-j4-apple:hover {
    background-color: #ededed !important; /* Fond blanc au survol */
    color: #000000 !important; /* Texte noir au survol */
    border: 1px solid #000000 !important; /* Bordure fine noire */
}

/* S'assurer que le SVG reste blanc par défaut */
.akeeba-sociallogin-link-button-j4-apple svg path {
    fill: #000000 !important; /* SVG blanc par défaut */
}

/* Augmenter la spécificité pour surpasser le template */
.mod-login__submit .akeeba-sociallogin-link-button-j4-apple {
    background-color: #ffffff !important;
    border: 1px solid #000000;
	color: #000000 !important;
}

/* Survol avec spécificité accrue */
.mod-login__submit .akeeba-sociallogin-link-button-j4-apple:hover {
    background-color: #ededed !important; /* Fond blanc au survol */
    color: #000000 !important; /* Texte noir au survol */
    border: 1px solid #000000 !important; /* Bordure fine noire */
}

/* Ajustement de la taille du SVG pour le bouton Apple */
.mod-login__submit .akeeba-sociallogin-link-button-j4-apple svg {
    height: 20px; /* Taille du SVG */
    width: auto; /* Préserve le ratio */
    margin-right: 10px; /* Espace avec le texte */
}

/* Ciblage spécifique du bouton Google dans le module de connexion sociale */
.akeeba-sociallogin-link-button-j4-google {
    background-color: #4285F4 !important; /* Fond bleu par défaut */
    color: #ffffff !important; /* Texte blanc par défaut */
    border: none; /* Pas de bordure par défaut */
    padding: 10px; /* Padding */
    display: flex; /* Pour aligner SVG et texte */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    width: 100%; /* Pleine largeur */
    text-decoration: none; /* Supprime le soulignement */
}

/* État de survol pour le bouton Google */
.akeeba-sociallogin-link-button-j4-google:hover {
    background-color: #ffffff !important; /* Fond blanc au survol */
    color: #4285F4 !important; /* Texte bleu au survol */
    border: 1px solid #4285F4 !important; /* Bordure fine bleue */
}

/* Augmenter la spécificité pour surpasser le template */
.mod-login__submit .akeeba-sociallogin-link-button-j4-google {
    background-color: #ffffff !important; /* Fond bleu par défaut */
	border: 1px solid #4285F4 !important; /* Bordure fine bleue */
	color: #4285F4 !important; /* Texte bleu au survol */
}

/* Survol avec spécificité accrue */
.mod-login__submit .akeeba-sociallogin-link-button-j4-google:hover {
    background-color: #ededed !important; /* Fond blanc au survol */
    color: #4285F4 !important; /* Texte bleu au survol */
    border: 1px solid #4285F4 !important; /* Bordure fine bleue */
}

/* Ajustement de la taille du SVG pour le bouton Google, sans toucher aux couleurs */
.mod-login__submit .akeeba-sociallogin-link-button-j4-google svg {
    height: 20px; /* Taille du SVG */
    width: auto; /* Préserve le ratio */
    margin-right: 10px; /* Espace avec le texte */
}


.akeeba-sociallogin-link-button-j4-apple .btn {
    background-color: #000000 !important;
}

.akeeba-sociallogin-link-button-j4-apple:hover {
    background-color: #ededed !important;
	color: #000000 !important;
}


a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-apple.hasTooltip.w-100, a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-google.hasTooltip.w-100 {
    text-transform: uppercase;
    font-weight: 500;
	font-family: 'Montserrat' !important;
	border-radius: 20px !important;
	justify-content: center !important;
	font-size: 12px !important;
}

a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-google.hasTooltip.w-100:hover {
	background-color: #ededed !important;
	color: #4285F4 !important;
}

a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-google.hasTooltip.w-100 {
    background-color: #ffffff;
    border: 1px solid #4285F4 !important;
    color: #4285F4 !important;
}

a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-apple.hasTooltip.w-100:hover {
	background-color: #ededed !important;
	color: #000000 !important;
}

.social-login-buttons a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-apple.hasTooltip.w-100:hover, a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-google.hasTooltip.w-100:hover {
	background-color: #ededed !important;
	color: #000000;
}

a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-apple.hasTooltip.w-100 svg, a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-google.hasTooltip.w-100 svg {
    height: 20px !important;
	vertical-align: middle !important;
}

/* Cible le conteneur du bouton */
.mod-login__submit.form-group {
    display: flex; /* Utilise Flexbox pour centrer le bouton */
    justify-content: center; /* Centre horizontalement */
}

.akeeba-sociallogin-link-button-j4 {
    margin-top: 20px !important;
    width: 300px;
    height: 36px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Montserrat' !important;
    font-size: 12px !important;
}


.mod-login__submit.form-group .btn {
    border-radius: 20px !important;
}

a.product-details {
	border-radius: 20px !important;
}

a.product-details:hover {
	background-color: #ffd712 !important;
	color: #001d3d !important;
}

.vm-cart-header {
    text-transform: uppercase;
}

.vm-cart-header h3 {
    font-family: 'Montserrat';
    font-weight: 700;
    margin-top: 0px !important;
    color: #003566;
	margin-bottom: 0px !important;
	line-height: 50px !important;
	border-bottom: 1px solid #e1dada;
}

.vm-cart-product-name h4 {
    font-size: 18px;
	line-height: 70px;
}

div#fancybox-overlay {
    background: #0000008a !important;
}

#fancybox-outer {
    box-shadow: none !important;
	border-radius: 20px !important;
}

.vm-cart-buttons {
    /* margin-left: 100px !important; */
    /* margin-right: 100px !important; */
    min-width: 400px;
    max-width: 650px;
    /* text-align: center; */
    margin-right: auto;
    margin-left: auto;
    width: 600px;
}

@media (max-width: 767px) {
	.vm-cart-buttons {
    margin-right: auto;
    margin-left: auto;
	width: 100% !important;
	}

	.vm-cart-header h3 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    line-height: 20px !important;
    font-size: 15px !important;
	}

	div#fancybox-outer {
    padding-right: 5px !important;
    padding-left: 5px !important;
	}

	.vm-cart-product-name h4 {
	line-height: 30px;
	}

	.vm-cart-product-name {
    margin-bottom: 50px;
	}

	.moduletable.hidden-desktop.vignette-mobile {
    padding: 0px !important;
}	

    .moduletable_style2 {
        margin-bottom: 30px;
    }

	.moduletable.products {
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
	}

}

/*#fancybox-outer {
    box-shadow: none;
    border-radius: 20px !important;
}*/

a.vm-btn.vm-btn-secondary.continue_link {
	background-color: #ffc800 !important;
	text-transform: uppercase;
	color: #001d3d !important;
	border-radius: 25px !important;
	font-weight: 600 !important;
}

a.vm-btn.vm-btn-secondary.continue_link:hover {
	background-color: #001d3d !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

a.vm-btn.vm-btn-primary.showcart {
    background-color: #26874E !important;
    text-transform: uppercase;
    color: white;
    border-radius: 25px !important;
    font-weight: 600 !important;
    padding-right: 20px;
    padding-left: 20px;
}

a.vm-btn.vm-btn-primary.showcart:hover {
	background-color: #001d3d !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}


a.open-register-form::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/login-icon.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
}

/* Cacher l'icône en mode mobile */
@media screen and (max-width: 767px) {
    a.open-register-form::before {
        display: none;
    }
}

a.product-details {
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Montserrat' !important;
    font-size: 12px;
}

/* Recherche */

li.jtvs-product {
    font-family: 'Montserrat', sans-serif !important;
}
span.jtvs-product-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #001d3d !important;
}

span.jtvs-product-name {
	    color: #001d3d !important;
}

.mod-login__userdata.userdata input[type="checkbox"] {
    margin: 0px !important;
}

.mod-login__remember.form-group {
    text-align: center;
    padding-bottom: 20px;
	}

.mod-login__submit.form-group {
    text-align: center;
}

.mod-login__submit.form-group button.btn.btn-primary.w-100 {
	border-radius: 25px !important;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #ffc800 !important;
	color: #001d3d !important;
    font-size: 14px !important;
	width: 250px;
}

.mod-login__submit.form-group button.btn.btn-primary.w-100:hover {
	background-color: #001d3d !important;
	color: #ffffff !important;
}

.new-account-section a.button.btn-new-account:hover {
    background-color: #ffc800 !important;
	color: #001d3d !important;
}

.modal-footer a.button {
    background-color: #12162d !important;
}

.modal-footer a.button:hover {
    background-color: #801e1e !important;
}

div.modal {
    position: absolute !important;
	left: auto; !important;
	width: 300px !important;
	margin: 0px !important;
}

div#LoginForm {
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
    position: absolute !important;
    width: 300px !important;
    margin: 0 !important;
}

div#LoginForm .modal-header {
    text-align: center !important;
}

div#LoginForm .form-horizontal .controls {
    margin-left: 0px;
}

div#LoginForm a.close-lgform-button {
    display: none;
}

#LoginForm .modal-header #myModalLabel {
    font: 500 18px "Montserrat", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #969696;
}

div#LoginForm .control-group.login-button-group, div#LoginForm .form-horizontal .control-group {
    text-align: center;
}

div#LoginForm .control-group.remember-group {
    font-size: 12px;
    color: #505050;
}

div#LoginForm .control-group.forgot-group {
    font-size: 12px;
}

div#LoginForm hr.login-separator {
    margin-top: 0px;
    margin-bottom: 10px;
}

div#LoginForm .control-group.forgot-group {
    margin-bottom: 0px;
}

div#LoginForm .new-account-section {
    text-align: center;
}

div#LoginForm a.button.btn-new-account, div#LoginForm button.button.btn-full-width {
    text-transform: uppercase;
	font-weight: 600;
    border-radius: 25px !important;
	width: 200px;
}

div#LoginForm h4.new-account-title {
    text-transform: uppercase;
    color: #969696;
    font-weight: 600;
    padding-bottom: 10px;
}

div#LoginForm .modal-footer {
    padding-bottom: 5px !important;
	padding-top: 5px !important;
}



.com-users-reset__submit .btn-primary,
.com-users-remind__submit .btn-primary {
    border-radius: 20px !important;
    text-transform: uppercase;
    width: 150px;
	margin-left: 50% !important;
    transform: translateX(-50%) !important;
	font-weight: 600;
}

.com-users-reset__submit .btn-primary:hover,
.com-users-remind__submit .btn-primary:hover {
	background-color: #ffc800 !important;
	color: #001D3D !important;
}

form#user-registration legend {
    font-weight: 400 !important;
    font-family: 'Montserrat';
    font-size: 14px;
}

.com-users-reset.reset, .com-users-remind.remind {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    font-family: 'Montserrat';
}

.com-users-reset.reset label {
    line-height: 40px !important;
    margin-right: 10px;
}

.com-users-reset.reset input, input.required {
    font-size: 14px !important;
    font-family: 'Montserrat';
    font-weight: 500;
}

.registration-section {
    text-align: center;
    margin: 20px 0;
}

.custom-registration-btn {
    background-color: #007bff; 
    color: white;
    padding: 12px 30px;
    border: 2px solid #0056b3;
    transition: all 0.3s ease;
	border-radius: 20px !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

.custom-registration-btn:hover {
    background-color: #0056b3;
    border-color: #003087;
}


/* Conteneur global du formulaire d'inscription */
.registration-form {
	width: 70%;
    margin: 20px auto; /* Centre le formulaire */
    padding: 20px;
    background: #f9f9f9; /* Fond clair */
}

/* Style des labels */
.registration-form label {
    font-weight: bold;
    color: #333;
    display: block; /* Assure que les labels sont bien alignés */
}

/* Style des champs input */
.registration-form input[type="text"],
.registration-form input[type="password"],
.registration-form input[type="email"] {
    width: 100%;
    padding: 10px;
    margin: 5px 0 15px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
}

/* Style du select (Civilité, Pays, Région) */
.registration-form select {
    width: 100%;
    padding: 10px;
    margin: 5px 0 15px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
}

/* Style de la checkbox */
.registration-form input[type="checkbox"] {
    margin: 5px 10px 0 0;
}

/* Style des boutons */
.registration-form .buttonBar-right {
    text-align: right;
    margin-top: 20px;
}

.registration-form .button {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
}

.registration-form .button[type="submit"] {
    background: #28a745; /* Vert pour "Créer un compte" */
    color: white;
}

.registration-form .button[type="submit"]:hover {
    background: #218838;
}

.registration-form .button[type="reset"] {
    background: #dc3545; /* Rouge pour "Annuler" */
    color: white;
    margin-left: 10px;
}

.registration-form .button[type="reset"]:hover {
    background: #c82333;
}

/* Ajustement de la table pour un design moderne */
.registration-form table.adminForm.user-details {
    width: 100%;
    border-collapse: collapse;
}

.registration-form td.key {
    width: 30%;
    padding: 10px;
    vertical-align: top;
}

.registration-form td {
    padding: 10px;
    vertical-align: top;
}


/* Mobile*/
@media screen and (max-width: 767px) {
    #tab-modules, #top-long, #tabs-1, #top-modules, #welcome-box, .main-bg, #bottom-long, #bottom-bg .container {
        /* max-width: 370px; */
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .mobilemenuck-submenu img {
        width: 100px;
    }

    .mobilemenuck-bar-title img {
        width: 60px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

	form#com-form-login, .com-users-login.login {
    	width: 95% !important;
		background-color: transparent !important;
    	margin-top: 0px !important;
    	padding: 0px !important;
	}
	
	.registration-form {
    width: 95%;
    margin: 0px !important;
    padding: 0px !important;
    background: transparent !important;
	}

	.registration-form input[type="text"], .registration-form input[type="password"], .registration-form input[type="email"] {
    margin-bottom: 5px !important;
}

.tmp-content-area {
    padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.com-users-reset.reset, .com-users-remind.remind  {
    width: 95%;
    background-color: transparent !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.com-users-reset.reset, .com-users-remind.remind form#user-registration {
    padding: 0px !important;
}

}

@media screen and (max-width: 767px) {
  video {
    max-width: 100%;
    height: auto;
  }
}

[data-id="maximenuck157"] div.level2 > a:before {
    content: "" !important;
}


/* Pour les écrans de 768px ou moins (tablettes et mobiles) */
@media (max-width: 768px) {
    .area_container21, .area_container38 {
        padding: 5px !important;
        width: 100% !important;
        background-color: transparent !important;
    }
}

/* Media query pour les appareils mobiles */
@media (max-width: 768px) {
  body .container.msc-container {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  #menu {
    margin-bottom: 0 !important;
  }
}

/* Formulaire de contact */
/* Style pour le select dropdown */
.field.holder.contactform_input .nui.select.selection {
    border: 1px solid #e1e1e1 !important;
    font-size: 13px !important;
    font-family: Montserrat, sans-serif !important;
    height: 40px !important;
    line-height: 25px !important;
    font-style: italic !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    margin-bottom: 20px !important;
}

form#chronoform-rma button#button_16 {
	background-color: #001d3d !important;
    color: #ffffff !important;
    width: 300px !important;
    align-self: center;
    height: 40px;
    font-weight: 600 !important;
}

form#chronoform-rma button#button_16:hover {
    background-color: #ffc800 !important;
	color: #001d3d !important;
}

/* Style pour le texte à l'intérieur du select */
.field.holder.contactform_input .nui.select.selection .text {
    color: #555; !important; /* Pour assurer la lisibilité sur fond rouge */
}

/* Style pour l'icône dropdown */
.field.holder.contactform_input .nui.select.selection .dropdown.icon {
    color: #555; !important;
}

/* Style pour le menu déroulant quand il est ouvert */
.field.holder.contactform_input .nui.select.selection .menu {
    background-color: white !important; /* Fond blanc pour le menu déroulant */
    border: 1px solid #e1e1e1 !important;
}

/* Style pour les éléments du menu */
.field.holder.contactform_input .nui.select.selection .menu .item {
    color: #555; !important;
}

/* Style pour les éléments du menu au survol */
.field.holder.contactform_input .nui.select.selection .menu .item:hover {
    background-color: #d9e1fc !important;
}

/* Style pour l'élément sélectionné */
.field.holder.contactform_input .nui.select.selection .menu .item.selected {
    background-color: #d9e1fc !important;
}

.nui.button {
    border-radius: 20px !important;
    width: 120px !important;
    color: #ffffff !important;
    margin-top: 20px;
    font-family: Montserrat, sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
	text-align: center;
}


button#envoyer {
	text-align: center;
    color: white !important;

}

button#envoyer:hover {
	background-color: #001d3d;
}


.area_container21, .area_container38 {
    width: 70%;
    min-width: 200px;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px;
    background-color: #ececec66;
}


.field.holder.contactform_input input {
    border: 1px solid #e1e1e1 !important;
    font-size: 13px !important;
    font-family: Montserrat, sans-serif !important;
    height: 40px !important; /* Supprime si le textarea doit être plus grand */
    line-height: 25px !important;
    font-style: italic !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
	margin-bottom: 20px !important;
}

.field.holder.contactform_input textarea {
    border: 1px solid #e1e1e1 !important;
    font-size: 13px !important;
    font-family: Montserrat, sans-serif !important;
    line-height: 25px !important;
    font-style: italic !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    width: 100% !important; /* Prend toute la largeur du conteneur */
    max-width: 100% !important; /* Empêche tout dépassement */
    min-width: 100% !important; /* Force la largeur à toujours être à 100% */

 /*   height: 150px !important; /* Hauteur par défaut */
    max-height: 300px !important; /* Hauteur maximale */
    min-height: 150px !important; /* Hauteur minimale */
}
/* Fin Formulaire de contact */

/* Style spécifique pour les mobiles */
@media screen and (max-width: 767px) {
  .tmp-content-area {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
  
  /* Si nécessaire, vous pouvez aussi enlever les tirets avec cette règle */
  .mobilemenuck-submenu .menuck.maximenuck::before {
    content: none !important;
  }
}

/* Bannières produits*/
.moduletable.banner-top img {
    border-radius: 20px !important;
}

img.border-radius {
    border-radius: 20px;
}

.moduletable.banner-top {
    padding: 0 !important;
	margin-bottom: 0px !important;
}
/*Fin Bannières produits*/

/* Poser une question */

.ask-a-question-view, .ask-a-question-view h1, .ask-a-question-view h2 {
    font-family: 'Montserrat' !important;
}

.ask-a-question-view, .manufacturer-details-view .spacer {
    /* padding: 30px; */
	padding: 0px !important;
}

.ask-a-question-view h1 {
    font-size: 16px;
    text-align: center;
    font-family: 'Lato';
    letter-spacing: normal;
    font-weight: 600;
	font-family: 'Montserrat' !important;
}

.productdetails-view .ask-a-question-view h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
/* Fin Poser une question */

.cf_flt_header:hover {
    background-color: transparent !important;
}


/* Cacher le texte filtrer tous les produits*/
.moduletable.FilterCustom span.cf_clear {
    display: none;
}
/* Fin Cacher le texte filtrer tous les produits*/

div#main-content-handler .span9 {
  margin-left: 0px;
}

/* Largeur du site */
.container {
 /* width: 1210px !important;*/
}

@media screen and (max-width: 768px) {
  .container {
    width: auto !important;
  }
}
/* Fin Largeur du site */

.container.msc-container {
    background-color: #ffffff;
	margin-top: 30px;
}

/* Style normal pour les titres de niveau 1 */
.cf_catOption.cfLiLevel1.cf_parentLi a.cf_option {
	text-transform: uppercase;
	font-weight: 500;
    font-family: 'Montserrat';
}

/* Style au survol (hover) */
.cf_catOption.cfLiLevel1.cf_parentLi a.cf_option:hover {
  text-transform: uppercase;
  color: #130295; /* Couleur au survol - à ajuster selon votre design */
  text-decoration: underline; /* Soulignement au survol - optionnel */
}

/* Style lorsque l'élément est actif ou sélectionné */
.cf_catOption.cfLiLevel1.cf_parentLi a.cf_option.cf_sel_opt,
.cf_catOption.cfLiLevel1.cf_parentLi a.cf_option:active {
	text-transform: uppercase;
	color: #130295; /* Couleur plus foncée pour l'élément actif - à ajuster */
	font-weight: 700;
}

.tmp-content-area {
    padding-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
}


/* Fond ecran blanc*/
#content-handler {
    background-color: white;
}
/* Fin fond ecran blanc*/

/* Supprimer le nom des catégories virtuemart*/
.browse-view h1 {
    display: none;
}
/* Fin Supprimer le nom des catégories virtuemart*/


/* Corriger les sélecteurs qui peuvent avoir des styles spécifiques */
#adminForm select.vm-chzn-select,
#adminForm select.form-select {
    width: 100% !important;
    max-width: none !important;
}

/* S'assurer que les éléments select s'affichent correctement */
#adminForm td select {
    display: block !important;
}

/* Si vos sélecteurs utilisent un plugin de customisation comme Chosen */
#adminForm .chzn-container {
    width: 100% !important;
}

/* Masquer le message d'erreur textuel */
#adminForm .invalid .form-control-feedback {
    display: none;
}

/* Mettre en évidence les champs invalides avec une bordure rouge */
#adminForm input.invalid,
#adminForm select.invalid,
#adminForm textarea.invalid {
    border: 1px solid #ff1e3c !important;
}

/* Conserver la couleur normale pour les labels même en cas d'erreur */
#adminForm label.invalid {
    color: inherit;
}

/* Style de base pour tous les inputs du formulaire */
#adminForm input[type="text"],
#adminForm input[type="email"],
#adminForm input[type="password"],
#adminForm input[type="tel"],
#adminForm select,
#adminForm textarea {
    border: 1px solid #e1e1e1; /* Contour bleu */
    border-radius: 0 !important; /* Bords carrés sans arrondi */
    padding: 8px 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
	height: 40px !important;
    transition: border-color 0.3s;
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: none !important;
	box-shadow: none;
}

/* Style lorsque l'input est en focus (quand on clique dessus) */
#adminForm input[type="text"]:focus,
#adminForm input[type="email"]:focus,
#adminForm input[type="password"]:focus,
#adminForm input[type="tel"]:focus,
#adminForm select:focus,
#adminForm textarea:focus {
    border-color: #969696; /* Contour rouge quand l'élément est sélectionné */
    outline: none; /* Enlève le contour par défaut du navigateur */
    box-shadow: 0 0 0 1px rgba(255, 30, 60, 0.2); /* Légère ombre rouge pour renforcer l'effet */
}
/* Fin Style de base pour tous les inputs du formulaire */

#adminForm label {
    font-style: italic;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
	font-size: 13px !important;
}


/* Styles pour les boutons du formulaire de création de compte */
#adminForm .buttonBar-right .button {
    background-color: #3070b0;
    color: white;
    border: none;
    border-radius: 15px !important;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-right: 10px;
    font-family: 'Montserrat', sans-serif !important;
	width: auto;
}

#adminForm .buttonBar-right .button:hover {
    background-color: #3070b0d1 !important;
}

/* Bouton Annuler avec style différent */
#adminForm .buttonBar-right .button[type="reset"] {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
}

#adminForm .buttonBar-right .button[type="reset"]:hover {
    background-color: #e5e5e5;
}

/* Style pour le conteneur des boutons */
#adminForm .buttonBar-right {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    padding: 10px 0;
}

/* Style pour le focus sur les boutons */
#adminForm .buttonBar-right .button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(48, 112, 176, 0.3);
}

/*Fin bouton css*/

.stock-warranty-container {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
    margin-top: 20px;
    position: relative;
    flex-direction: row;
}

.product-stock-container {
    width: 30%;
}

.stock-header {
    background-color: #666666;
    color: white;
    text-align: center;
    padding: 2px 5px;
    font-size: 14px;
	line-height: 1.2;
}

.stock-status {
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 5px;
}

.stock-available {
    background-color: #92C83E;
}

.stock-unavailable {
    background-color: #FF0000;
}

.warranty-icon {
    display: flex;
    flex-direction: row;
    width: 30%;
    margin-left: 5%;
}

.warranty-icon img {
    width: 100%;
}

.paypal-icon {
    display: flex;
    flex-direction: row;
    width: 30%;
    margin-left: 5%;
}

.paypal-icon img {
    width: 100% !important;
}

.browse-view .PricepriceWithoutTax {
    font-size: 18px; /* Ajuste la taille de la police */
    font-weight: 600; /* Met le texte en gras */
    color: #ff1e3c; /* Rouge (modifiable selon ton design) */
    text-transform: uppercase; /* Convertit le texte en majuscules */
	font-family: Montserrat, sans-serif;
}

.browse-view .PricepriceWithoutTax.vm-display.vm-price-value {
    font-size: 12px;
	vertical-align: super !important;
}

.browse-view .PricesalesPrice {
    font-size: 12px; /* Ajuste la taille de la police */
    font-weight: 300; /* Met le texte en gras */
    color: black; /* Rouge (modifiable selon ton design) */
    text-transform: uppercase; /* Convertit le texte en majuscules */
	font-family: Montserrat, sans-serif;
}

.browse-view .PricesalesPrice.vm-display.vm-price-value {
    font-size: 8px !important;
	vertical-align: super !important;
}

.productdetails-view .PricesalesPrice {
    font-size: 18px !important; /* Ajuste la taille de la police */
    font-weight: 400 !important; /* Met le texte en gras */
    color: #636363 !important; /* Rouge (modifiable selon ton design) */
    text-transform: uppercase !important; /* Convertit le texte en majuscules */
	font-family: Montserrat, sans-serif !important;
}

.productdetails-view .PricesalesPrice.vm-display.vm-price-value {
    font-size: 10px !important;
	vertical-align: super !important;
}

.module-content .PricepriceWithoutTax {
    font-size: 21px !important; /* Ajuste la taille de la police */
    font-weight: 600 !important; /* Met le texte en gras */
    color: #ff1e3c; !important; /* Rouge (modifiable selon ton design) */
    text-transform: uppercase !important; /* Convertit le texte en majuscules */
	font-family: Montserrat, sans-serif !important;
}

.module-content .PricepriceWithoutTax.vm-display.vm-price-value {
    font-size: 10px !important;
	vertical-align: super !important;
}

.module-content .PricesalesPrice {
    font-size: 14px !important; /* Ajuste la taille de la police */
    font-weight: 300 !important; /* Met le texte en gras */
    color: #636363; !important; /* Rouge (modifiable selon ton design) */
    text-transform: uppercase !important; /* Convertit le texte en majuscules */
	font-family: Montserrat, sans-serif !important;
}

.module-content .PricesalesPrice.vm-display.vm-price-value {
    font-size: 10px !important;
	vertical-align: super !important;
}

/* Style pour la page de détails du produit uniquement */
.productdetails-view .product-price .PricepriceWithoutTax {
    /* Style du prix lui-même */
	font-family: Montserrat, sans-serif;
    font-size: 36px;
    font-weight: bold;
	font-weight: 600;
    color: #ff1e3c;
	line-height: 1 !important;
	margin-top: 20px;
}

.productdetails-view .PricepriceWithoutTax.vm-display.vm-price-value {
	vertical-align: super !important;	
	font-size: 0.7em; 
}

.productdetails-view .spacer-buy-area input.addtocart-button {
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0px 20px 20px 0px !important;
}

.productdetails-view button {
    background-color: #001d3d !important;
    border-radius: 20px !important;
	margin-right: auto !important;
    margin-left: auto !important;
}

input.quantity-input, span.quantity-controls input.quantity-plus {
    background-color: #001d3d !important;
}

.productdetails-view button:hover {
    background-color: #ffc800 !important;
	color: #001d3d !important; 
}

/* Tenez moi au courant */
#notify_email {
    display: block;
    width: 500px;
    max-width: 500px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
}

.notify-button {
    display: block !important;
    width: 200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 36px;
	margin-top: 20px;
}

input.notify-button.highlight-button.validate {
    background-color: #ffc800 !important;
    border-radius: 20px !important;
    color: #001d3d !important;
    font-weight: 600;
	text-transform: uppercase;
	font-family: 'Montserrat' !important;
	margin-top: 30px;
}

input.notify-button.highlight-button.validate:hover {
    background-color: #001d3d !important;
    color: #ffffff !important;
}

input.addtocart-button {
    background-color: #ffd712 !important;
    color: #001d3d !important;
	border-radius: 20px !important;
}

/*input.addtocart-button {
	background-color: #001D3D !important;
    font-family: 'Montserrat' !important;
}

input.addtocart-button {
    background-color: #ffd712;
    color: #001d3d;
}

input.addtocart-button:hover {
	background-color: #FFC300 !important;
	color: #001D3D !important;
}*/
/* Fin Style pour la page de détails du produit uniquement */

/*####################### CSS general ##################*/
/*changer la typo du site*/
body {
    /*padding: 0!important;*/
    font-size: 16px!important;
    /*line-height: 25.875px!important;*/
	font-family: "Montserrat" !important;
    font-weight: 300;
    font-style: normal;
    background-color: #f0f0f0 !important;
}
/* allert title */
.alert, .alert h4 {
    color: #333!important;
}
/* Style h2*/
h2 {
    font-size: 130%;
    letter-spacing: 0px;
}

/*###################### CSS specifique #################*/

/* Logo Wifi france*/

div#top .container #site-name-handler div.h1>a img {
    height: 50px;
    width:321px;
}

/* Fin logo wififrance*/
/* Style liste des commandes*/

.vm-orders-information h1{
  font-size: 18px;
}
.vm-orders-information h1>a{
  float:right;
}
.vm-orders-information .spaceStyle>div.floatright
{
    width: auto;
    position: relative;
    top: -39px;
    margin-right: 8px;
}
.vm-orders-information .vm-orders-order>table tbody tr td:first-child{
    font-weight: bold!important;
}
.vm-orders-information .vm-orders-order>table tbody tr td:nth-child(2){
    font-weight: 300!important;
}
/* Liste des commandes*/
.vm-orders-list .adminlist tbody td{
    padding: 4px 10px;
}
.vm-orders-list .adminlist tbody td img{
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.vm-orders-list .adminlist tbody td, .vm-orders-information .vm-orders-order>table>tbody>tr:not(:nth-child(10))>td,
.vm-orders-items table tbody td,.vm-orders-items table tbody th {
 border-bottom: 1px solid #e6e0e0!important;
 font-size: 13px;

}
 .vm-orders-information .vm-orders-order>table>tbody>tr:not(:nth-child(10))>td{
    padding-top: 0px!important; 
 }
/* Informations de la commande*/
.vm-orders-information>div.vm-orders-order>table{
    border-spacing: 10px;
    border-collapse: separate;
    line-height: 1;

}
.vm-orders-items #ui-tabs ul#tabs{
    font-size: 14px;
}
.vm-orders-information>div.vm-orders-order>table>tbody>tr:nth-child(9) td{
   border-bottom: 1px solid #fff!important;
}
.vm-orders-information>div.vm-orders-order>table>tbody>tr:nth-child(10)>td{
   border: 2px dotted #dcdbdb!important;
   border-spacing: 10px;
   border-collapse: separate;
   font-size: 13px;
   line-height: 1;
}
/*.vm-orders-information>div.vm-orders-order>table>tbody>tr:nth-child(10)>td{
   padding-right:50px!important;
}*/
.vm-orders-information>div.vm-orders-order>table>tbody>tr>td{
   padding-right:50px!important;
}
/* Tableau des produits commandes*/
.vm-orders-items table tbody td,.vm-orders-items table th{
    font-size: 13px!important;
}
.vm-orders-items #ui-tabs ul#tabs li.current {
    display: inline-block;
    background: #3070b0;
    color: #fff;
}

/* FancyBox Title*/
#fancybox-title{
    display: none!important;
}
/* ImageEffects*/
.imageeffectck_title{
    font-size: 17px!important;
    font-family: lato!important;
    font-weight: 900!important;
    font-style: normal!important;
    word-spacing: normal!important;
}
figure.effectck-julia img{
    /*height: 190px;*/
}

figure.imageeffectck, .imageeffectck {
    /* width: 700px; */
    /*max-width: 110%!important;*/
}

/* ImageEffect CK */

.imageeffectck_desc
{
    font-size: 13px!important;
    bottom: 0px!important;
}

span.product-fields-title{
    margin-bottom: 6px!important;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
}
/* Ajouter margin en dessous de la pagination*/

.vm-pagination ul{
    margin-bottom: 20px!important;
}
/* Typo HT (prix) */
.DescHT {
    font: 500 60%/20px 'Lato', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 60%;
    line-height: 20px;
    font-family: Lato, Arial, Helvetica, sans-serif;
}
/* Onepagecheckout */
#vmMainPageOPC div#agreed_div + div>div + div {
    margin-top: 0px!important; 
}
/* Aligner Text cartepayzen*/
#vmMainPageOPC span.vmCartPaymentLogo>img{
   margin-left: 130px!important;
}

#vmMainPageOPC span.vmCartPaymentLogo~span.vmpayment_description{
    /*position: relative;
    top: -25px;*/
}
/* Formulaire de login */
.tmp-content-area #bd_results form#com-form-login .floatleft{
    float: none!important;
    margin-bottom: 15px;
	width: 80%;
    margin-right: auto;
    margin-left: auto;
}

form#com-form-login, .com-users-login.login {
    border-width: 0px;
    border-color: #d6d6d6;
    border-style: solid;
    border-radius: 0px;
    padding: 20px;
    width: 70%;
    display: block;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #f7f7f7;
}

.com-users-login__options.list-group {
    text-align: center;
}



fieldset.userdata h2 {
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 400;
}

div#bd_results h1 {
    font-family: 'Montserrat';
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    color: #989898;
}

form#com-form-login input[type="text"].inputbox,
form#com-form-login input[type="password"].inputbox,
.com-users-login.login {
    width: 100%;
	font-family: 'Montserrat';
    font-size: 14px;
}


/*form#adminForm {
    border-width: 0px;
    border-color: #d6d6d6;
    border-style: solid;
    border-radius: 0px;
    padding: 20px;
    width: 700px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
	background-color: #f7f7f7;
}*/

/* Modification des bordures de tableau spécifiquement pour le formulaire */
#adminForm tbody th, 
#adminForm tbody td {
    border-bottom: 0px !important;
	border-top: 0px !important;
}

div#bd_results h2 {
    font-size: 20px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 400;
}


#com-form-login-remember {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 80% !important;
    margin-top: 15px !important;
    box-sizing: border-box;
}

#com-form-login-remember input[type="checkbox"] {
    order: 1; /* à gauche */
    margin-right: 5px;
    transform: translateY(2px); /* Alignement vertical avec texte */
}

#com-form-login-remember label {
    order: 2; /* après checkbox */
    flex-grow: 1; /* occupe espace restant */
    text-align: left;
    font-weight: 400 !important;
	margin-bottom: 0px;
}

#com-form-login-remember input.default {
    order: 3; /* à droite */
    margin-left: auto; /* pousse bouton à droite */
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 400;
    color: #fff !important;
    background-color: #3070b0 !important;
    border: none;
    border-radius: 3px;
    cursor: pointer;

}

#com-form-login-remember {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* Aligner les textes de récupération sur la gauche */
/* Cibler spécifiquement les divs contenant les liens de récupération qui sont 
   situés en dehors du fieldset (après la fermeture du fieldset) */
form#com-form-login > div.width30.floatleft {
    text-align: left;
}

/* Pour les liens "Identifiant oublié" et "Mot de passe perdu" spécifiquement */
form#com-form-login > div.width30.floatleft a {
    display: inline-block;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    font-family: 'Montserrat', sans-serif; /* Ajout de la police spécifique */
    font-weight: 500; /* Poids de la police (facultatif) */
    font-size: 14px; /* Taille de la police (facultatif) */
}

/* Style spécifique pour le premier lien (Identifiant oublié) */
form#com-form-login > div.width30.floatleft:nth-of-type(1) {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 5px !important;
    padding-left: 30px;
}

/* Style pour le second lien (Mot de passe perdu) */
form#com-form-login > div.width30.floatleft:nth-of-type(2) {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 5px !important;
    padding-left: 30px;
}

/* S'assurer que les inputs du formulaire ne sont pas affectés */
form#com-form-login fieldset.userdata div.width30.floatleft {
    /* Rétablir les styles originaux pour les champs de saisie */
    width: 30%; /* Conserver la largeur d'origine */
    text-align: inherit; /* Utiliser l'alignement par défaut */
}




/* style des inputs
.tmp-content-area #bd_results form#com-form-login .floatleft>input[type="text"],
.tmp-content-area #bd_results form#com-form-login .floatleft>input[type="password"]
{
width: auto;
margin: 0;
height: auto;
outline: 0;
-webkit-appearance: none;
tap-highlight-color: rgba(255,255,255,0);
line-height: 1.21428571em;
padding: 10px 9.5px;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87);
border-radius: 4.00000006px;
-webkit-box-shadow: 0 0 0 0 transparent inset;
box-shadow: 0 0 0 0 transparent inset;
-webkit-transition: color .1s ease,border-color .1s ease;
transition: color .1s ease,border-color .1s ease;
box-shadow: none!important;
}*/

   /* Bouton "se connecter"*/
.tmp-content-area #bd_results form#com-form-login .floatleft>input.default{
/*position: relative;
left: 20px;
float: right;*/
float: none;
padding: 5px 12px;
cursor: pointer;
vertical-align: middle;
font-weight: 500;
text-decoration: none;
font-size: 13px;
font-family: 'Montserrat';
text-transform: uppercase;
border: 0;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: background-color !important;
-ms-transition-property: background-color !important;
-o-transition-property: background-color !important;
-moz-transition-property: background-color !important;
transition-property: background-color !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 15px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
text-align: center;
line-height: 20px;
color: #001D3D !important;
background-color: #ffc800 !important;
font-weight: 600;
}

form#adminForm span.userfields_info {
    text-transform: uppercase;
    font-weight: 700;
}

.tmp-content-area #bd_results form#com-form-login .floatleft>input.default:hover {
	background-color: #001D3D !important;
	color: #ffffff !important;
}

button#toggleRegistration {
    background-color: #001D3D !important;
	color: #ffffff !important;
	font-weight: 600;
}

button#toggleRegistration:hover {
	color: #001D3D !important;
	background-color: #ffc800 !important;
}

/*.tmp-content-area #bd_results form#com-form-login .floatleft> label{
float: left!important;
position: relative;
left: 25px;
top: -5px;
}

.tmp-content-area #bd_results form#com-form-login .floatleft> input[type="checkbox"]{
position: relative;
left: -110px;
} 
*/

/* Fil de navigation */
#breadcrumb-line {
    margin-bottom: 20px !important;
    font-size: 13px;
}
/* Resultat des produits */
.orderby-displaynumber {
    margin: 20px 0 0 0;
    padding: 0px 0;
    font-size: 12px !important;
}
.orderby-displaynumber span.display-results-no
 {
   display: block!important;
}

/*.vm-pagination ul > li > a, .vm-pagination ul > li > span {
    font-size: 12px !important;
}
/* bottom pagiantion */
/*div.vm-pagination-bottom> span.vm-page-counter{
    float: right;
    font-size: 12px;
} */
/* --------prices overrides------------ */
/* Deplacer prix remise en cas de remise*/
div.category-view .product-price span.price-crossed + div.PricepriceWithoutTax>span.PricepriceWithoutTax,
div.product-field span.price-crossed + div.PricepriceWithoutTax>span.PricepriceWithoutTax{
    position: relative;
    top: -25px;
    color: red!important;
}
/* Deplacer prix HT en cas de remise*/
div.category-view .product-price span.price-crossed > div.PricebasePrice,
div.product-field .product-price span.price-crossed > div.PricebasePrice{
    position: relative;
    top: 30px;
}
/* style pour police du prix HT */
div.category-view .product-price div.PricesalesPriceTt + div.PricebasePrice > span.PricebasePrice,
div#b-area div.PricesalesPriceTt + div.PricebasePrice > span.PricebasePrice,
div.product-field .product-price div.PricesalesPriceTt + div.PricebasePrice > span.PricebasePrice
{
     font-family: "Lato";
    font-weight: 500;
    font-size: 20px;
}
/* Forcer l'affichage de la Regles TVA dans page produits details*/
div#b-area  div.PricepriceWithoutTaxTt + span.vm-nodisplay{
  display: block!important;
  /*
  position: relative;
  top: 30px;
  */
}
/* Balise qui permet de cacher un element */
.vm-nodisplayPriceTax{
   display: none;
}

/* valeur TVA total*/
div#b-area .PricetaxAmountTt.vm-display.vm-price-value {
 display: none;
}

div#b-area div.PricediscountAmount span.vm-price-desc, div#b-area div.PricediscountAmount span.PricediscountAmount{
    color: red!important;
    position: relative;
    /*top: -25px; //stAn */
}
/* description prix remisé */
div.category-view .product-price .PricepriceWithoutTax.vm-display.vm-price-value .vm-price-desc,
div.vm3pr-9 .PricepriceWithoutTax.vm-display.vm-price-value .vm-price-desc {
 display: none;
}
/* Total prix remisé */
div.category-view .product-price .PricepriceWithoutTaxTt.vm-display.vm-price-value,
div.vm3pr-9 .PricepriceWithoutTaxTt.vm-display.vm-price-value{
 display: none;
}
/* total prix de base*/
div.category-view .product-price .PricesalesPriceTt.vm-display.vm-price-value,
div.vm3pr-9 .PricesalesPriceTt.vm-display.vm-price-value {
 display: none;
}
/* montant de remise*/
div.category-view .product-price .PricediscountAmount.vm-display.vm-price-value, 
div.vm3pr-9 .PricediscountAmount.vm-display.vm-price-value {
 display: none;
}
/* total remise*/
div.category-view .product-price .PricediscountAmountTt.vm-display.vm-price-value, 
div.vm3pr-9 .PricediscountAmountTt.vm-display.vm-price-value {
 display: none;
}
/* montant TVA */
/*div.category-view .product-price .PricetaxAmount.vm-display.vm-price-value,
div.vm3pr-9 .PricetaxAmount.vm-display.vm-price-value {
 display: none;
}*/
/* total tva*/
div.category-view .product-price .PricetaxAmountTt.vm-display.vm-price-value,
div.vm3pr-9 .PricetaxAmountTt.vm-display.vm-price-value {
 display: none;
}
/* Si pas de remise */

/* Si price crossed*/
/* Cacher ou afficher des prix dans la page de prduits détails */

/* Price de base HT*/
/*div#b-area .PricebasePrice.vm-display.vm-price-value {
 display: none;
}*/
/* Prix total (PricesSalesPrice)*/
/*div#b-area .PricesalesPriceTt.vm-display.vm-price-value {
 display: none;
}*/
/* Prix remisé*/
/*div#b-area .PricepriceWithoutTax.vm-display.vm-price-value {
 display: none;
}*/
/* Prix remisé total*/
/*div#b-area .PricepriceWithoutTaxTt.vm-display.vm-price-value {
 display: none;
}*/
/* Montant de remise*/
/*div#b-area .PricediscountAmount.vm-display.vm-price-value {
 display: none;
}*/
/* Montant total de remise*/
/*div#b-area .PricediscountAmountTt.vm-display.vm-price-value {
 display: none;
}*/
/* valeur TVA*/
/*div#b-area .PricetaxAmount.vm-display.vm-price-value {
 display: none;
}*/
div#b-area .price-crossed {
   /* width: 110px;
    border-top: 1px solid #909093;
    position: relative;
    display: block;*/
    /* margin-bottom: 30px; */
   /* margin-top: -11.9px;*/
    /* -webkit-transform: skewY(-6deg); */
    /* transform: skewY(-6deg); */
}

div.category-view .product-price .price-crossed,div.vm3pr-9 .price-crossed {
   /* width: 96px;
    border-top: 1px solid #909093;
    position: absolute;
    display: block;
    top: 136px;
    left: 36px;*/
}
/*---------- Fin override-prix ------*/
/* Mise en page des 3x Images Ubiquiti, Cisco, Mikrotik */
.logo-manufacturer, .imagetop1, .imagetop2, .imagetop3 { 
   position: relative; 
   width: 100%;
}
/* Supprimer marge avant logo */
#tab-modules-handler .moduletable {
    border: 0px !important;
}
/*-----Related products------------*/
div#b-area .product-related-products .vm-product-media-container,div#b-area .product-related-products .product-price{
    float: left;
}

div#b-area .product-related-products .vm3pr-related{
    /* float: left; */
    display: inline-block;
}
div#b-area .product-related-products .addtocart-button{
    width: 30px;
}

div#b-area .product-related-products  .product-field-type-R{
    width: 100%!important;
}

div#b-area .product-related-products .product-container .clear
{
    display: none;
}
div#b-area .product-related-products .product-field-type-R{
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 0px!important;
}

div#b-area .product-related-products{
    border: none!important;
}
div#b-area .product-related-products .product-field-display a img {
    padding: 0px!important;
}
/*--------- CustomFilter CSS -------------*/
div.moduletable > div.module-content > div.FilterCustom{
    border: 0px solid #E6E6E7!important;
}

.moduletable.FilterCustom {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.moduletable.FilterCustom {
    background-color: #9cc5ef30 !important
}


.FilterCustom{
    border: 0px !important;
}
form.FilterCustom {
    border: 0px !important; 
}

img.FilterCustom {
    background-size: 12px !important;
}
/* Ajouter border top */
/* lien réinitialiser */
.cf_resetAll_link {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}
.cf_flt_wrapper:not(:first-child) {
   border: 1px dotted #c8cbcc;
    border-bottom: 0;
    border-left: none;
    border-right: 0;
    margin-top: 10px;
    padding: 0px 0 0 0;
}

.cf_flt_wrapper {
 margin-bottom: 0px;
}

/* Modifier background*/
.slider_bkg_img {
   background: #0066b3!important;
}
/* Modifier style prix*/
.cf_wrapper_input_text {
    display: inline-block;
    width: 100%;
    position: relative;
    /*top: 33px;*/
}
.cf_filtering_slide_container{
    /*top: -40px;*/
    position: relative;
    /* margin-bottom: 40px; */
}
/* Fin*/

/* Modifier arrow */
.headexpand_show,.headexpand_hide {
    position: relative;
    float: right;
    background: none;
    /*margin-top: 5px;*/
}

.cf_unexpand {
background-size: 12px;
}

/*ul.cf_filters_list>li{
    line-height: 25px;
}*/

@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style : normal;
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
           src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
                 url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
.headexpand_show:before {
    content: "\f078";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "FontAwesome";
    left:-5px;
    position:absolute;
    top:0;
 }
 .headexpand_hide:before {
    content: "\f077";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "FontAwesome";
    left:-5px;
    position:absolute;
    top:0;
    color: #6f6969;
 }
.cf_flt_header{
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #0a3782;
    font-size: 14px;
    padding-bottom: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}

div#cfhead_virtuemart_category_id_178 {
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #0a3782;
    font-size: 17px;
    text-align: center;
    padding-bottom: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}

div#headexpand_virtuemart_category_id_178 {
    display: none;
}

.cf_filters_list{
    margin-left: 0px;
}
a#price_clear{
    position: relative;
    top: -35px;
    float: right;
    left: -120px;
    margin-top: 5px;
    text-align: right;
}
.cf_smart_search{
    font-family: inherit!important;
    font-weight: 300;
    color: #8A8A8A;
}
.cf_filters_list li .cf_option.cf_clear{
    float: right;
    position: relative;
    /* margin-bottom: 10px; */
    display: inline-block;
    /* float: right; */
    /* left: 9.3em; */
    /* width: 100%; */
    color: #3070b0!important;
    font-size: 13px;
    font-weight: 300!important;
}
/* Text changes */
.cf_filters_list li .cf_option {
    color: #363738;
    font-size: 12px;
    text-transform: capitalize;
    background-size: 12px 10px;
	font-family: 'Montserrat';
}
.cf_filters_list li::first-letter { 
    text-transform: uppercase!important; 
}
.cf_filters_list li .cf_flt+.cf_option
{
    font-weight: 300!important;
    text-transform: none;
}
/*.cf_filters_list li:not(.cfLiLevel2) .cf_option {
    font-weight: 400;
	text-transform: uppercase;
}*/

span.cf_flt_counter {
    opacity: .70;
    font-size: 9px;
}
ul.cf_filters_list li.cf_parentLi:hover, ul.cf_filters_list li.cf_parentLi:focus {
    /*background: #ebebeb;*/
}
/* Filter custom euro span */
span.cf_currency{
    margin-left: 0px;
}
.cf_wrapper_input_text_2 input[type="search"]{
    padding: 0px!important;
    height: 30px;
    min-width: 40px;
}

.cf_wrapper_input_text_2 input[type="text"]{
    min-width: 0px!important;
    width: 18%!important;
	height: 20px !important; 
}
span.cf_currency + label{
 margin: 0 1px;
}
/* pointilles qui apparaisse sur prix slider*/
.cf_slider_gutter_m {
      /*background: none;*/
  /*  width: 200px;
    background: none;
    height: 30px;*/
}
/* Css extra-products -------*/
span.extra-pro-qty-btn button{
    float: none!important;
}
div.productCell-feat-detail h4{
    font-size: 11px;
    text-align: left;
    font-weight: bold;
}
div.productCell-feat-detail h4>a{
    height: auto!important;
    min-height: 13px!important;
}
.gallery-image-feat-detail{
    margin-right: 10px;
}
.product-price-feat-detail{
    text-align: left;
    font-size: 14px;
}
div.productCell-feat-detail {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px;
    cursor: pointer;
    width: 28%;
    height: 90px;
}
div.productCell-feat-detail:hover {
    background-color: #efefef;
    cursor: pointer;
}
div.product-field-display h6 {
    margin-bottom: 6px!important;
    font-size: 14px;
    text-align: left;
}
/* Extra Products related */
.product-field.product-field-type-E{
    width: 100%!important;
    margin-top: 15px;
    text-align: left!important;
}
.product-field.product-field-type-E .spacer.product-container{
    border: 1px solid #e6e6e6; 
    padding: 10px !important;
}
.product-field.product-field-type-E a.ask-a-question{
  background-color: #ffffff !important;
  color: #3070b0 !important;
  font-size: 16px!important;
  line-height: 25.875px!important;
  font-family: "Lato"!important; 
  font-weight: 300;
  font-style: normal;
  padding:6px 0px;
  margin: 13PX;
}
.product-fields-title-wrapper{
    text-align: left!important;
}
/* indicateur devise HT*/

.indicator_currency{
        font: 500 60%/20px 'Lato', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 500;
    font-stretch: normal;
    font-size: 60%;
    line-height: 20px;
    font-family: Lato, Arial, Helvetica, sans-serif;
}
/*-----------Fin extraproducts--------*/
/*----------------- Panier ------------------*/
/* modifier l'image du panier */
.cart-button {
    /*background-image: url(/images/cart-icon.png)!important;*/
    background-image: url(/images/cart-icon.svg)!important;
    background-color: #3070b0!important;
    background-size: 23px;
}

.vm_cart_products .subtotal_with_tax {
    font-weight: 600;
	color: #001d3d;
	font-size: 15px;
}

/* Mise en forme du bouton voir panier dans panier */
.cartpanel {
	font-family: 'Montserrat' !important;
}
.cartpanel .show-cart-link a {
    background: none;
    border-radius: 2px;
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    clear: both;
    margin-top: 3px;
    height: 24px;
    padding: 5px;
    border-color: transparent;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    padding: 0px 10px 0px 34px;
    background-image: url(../images/add-to-cart-button.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(68, 65, 65, 0.93);
}
a.continue_link:hover, a.showcart:hover,.cartpanel .show-cart-link a:hover,a.notify:hover{
   background-color: #3070B0 !important;
}

a.notify.vm-btn.vm-btn-secondary {
    background-color: #001D3D !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    border-radius: 30px;
}

a.notify.vm-btn.vm-btn-secondary:hover {
    background-color: #FFC300 !important;
	color: #001D3D !important;
	font-weight: 600 !important;
}

.cartpanel span.closecart, .cartpanel span.closecart:hover {
    right: 10px;
    top: 10px;
}

.vm_cart_products .product_row {
    border-bottom: 0px solid #dedede;
}


#vmCartModule div.panel2 {
     width: 500px; 
     padding-bottom: 0px!important;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    border: 3px solid #076F94;
}

#top-sticky-panel .container .cl-handler {
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
    border-width: 0px;
    width: 160px;
}

.cartpanel .vm_cart_products, .cartpanel .total {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.cartpanel .vm_cart_products {
    margin-top: 10px;
}
/* Aligner bouton à droite */
/*.cartpanel .show-cart-link {
    float: right;
    line-height: 1px;
    padding: 10px 0px 20px 20px;
}*/
/* Afficher customfield */
.cartpanel .vm-customfield-mod .product-field-type-S{
    display: inline-block;
    width: 50%;
    color: #acacac;
}
/*------------------Fin panier--------*/
/* Transformer les liens en des boutons */
a.continue_link, a.showcart, a.notify {
    /* background: none; */
    /*border-radius: 3px;*/
    background-color: #4A4A4A !important;
    color: #FFFFFF !important;
    text-decoration: none !important; 
    text-align: center; 
    height: 20px; 
    padding: 8px;
    margin-top: -1px;
    font-size: 80%;
    /* border-color: transparent; */
}
a.continue_link, a.showcart {
    line-height: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

div#maximenuck157.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
	font-weight: 500 !important;
}

/* Modifier couleur des titres des categories maximenu */
h10 a {
    font-family: "Lato";
    color: #3070b0 !important;
    font-size: 15px;
    padding-top: 15px;
    padding-right: 15px;
}


div#slideshow-handler-bg {
    margin-left: 0px;
}

.sl-3rd-parties img {
    border-radius: 20px !important;
}

.slidemobile {
    padding-top: 20px;
}

/* Modifier la mise en forme des titres  */
h1, h2, h3, h4, h5, h6, .userfields_info, .result-title, .productdetails-view h1 {
    font-weight: normal;
    font-family: "Lato";
/*  text-transform: uppercase;*/
    font-size: 16px;
    text-align: center;
    margin: 10px;
}

.eb-container h1, .eb-container h2, .eb-container h3, .eb-container h4, .eb-container h5, .eb-container h6  {
	text-align: inherit !important;
}

.productdetails-view h1 {
    margin-left: 0px;
    text-align: left;
	font-size: 16px !important;
    color: #001D3D !important;
}

/* Barre de recherche d'un produit */
.search-panel .inputbox {
    width: 64%;
    margin: 8px 6px;
    padding: 0;
    float: left;
    border: 0px !important;
    font-family: inherit!important;
    font-weight: 300;
    color: #8A8A8A;
}

.search-input-container {
    position: relative; /* Nécessaire pour positionner .search-area-close */
    display: flex;
    align-items: center;
    width: 100%;
}

.search-input {
    flex-grow: 1;
    position: relative; /* Important pour garder la structure */
}

.search-input input {
    width: 100%;
    /*padding-right: 40px;*/ /* Ajoute un espace pour éviter le chevauchement */
}

.search-area-close {
    position: absolute;
    right: 10px; /* Assure qu'elle est bien collée à droite */
    top: 50%;
    transform: translateY(-50%); /* Centrage vertical parfait */
    cursor: pointer;
    font-size: 20px;
    color: #333;
    z-index: 10; /* Assure que l'icône passe au-dessus */
}

/*--------- Mise en forme de prix sur demande---------z*/
.no-price{
  margin-bottom: 23px;
  margin-top: 23px;
}
/* No availability image */

.availability img{
  display: none;
}
/* Catégorie prix sur demande */
.category-view  a.ask-a-question{
  background-color: #ffffff !important;
  color: #3070b0 !important;
  font-size: 16px!important;
  line-height: 25.875px!important;
  font-family: "Lato"!important; 
  font-weight: 300;
  font-style: normal;
  padding:6px 0px;
}

span.addtocart-button input.addtocart-button:hover {
    background-color: #FFC300 !important;
	color: #001D3D !important;
}
/* Diminuer la marge après les prix*/
.product-price
{
    margin-bottom: 5px!important;
	margin-top: 0px !important;
}

/* Titre module gradiant*/
.apple-gradiant-title {
    font-weight: 600;
    font-size: 32px;
    background: linear-gradient(to right, rgba(6, 145, 252, 1), rgba(6, 145, 252, 1) 9.24%, rgba(255, 1, 93, 1) 28.15%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-family: 'Montserrat';
}

h3:has(.h-cl) {
	text-align: left !important;
	padding-top: 20px;
	padding-bottom: 20px;
}

.h-cl {
    font-weight: 600;
    font-size: 32px;
	background: linear-gradient(to right, rgba(6, 145, 252, 1), rgba(6, 145, 252, 1) 29.83%, rgba(255, 1, 93, 1) 88.24%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-family: 'Montserrat';
}

/* Fin Titre module gradiant*/

/* Texte sous module calendar*/
.mod-dpcalendar-upcoming-panel__custom-text {
    font-weight: 300;
    padding-bottom: 30px;
}
/* Fin Texte sous module calendar*/

/* Infos produits */
.red {
    color: red!important;
    margin-top: 10px;
}
.price-crossed {
    text-decoration: line-through;
    margin-bottom: 10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     height: 0!important; 
     min-height: 60px; 
}
.h-pr-title {
    letter-spacing: 0px !important;
    font-size: 13px !important;
    font-family: 'Lato', sans-serif !important;
	padding: 0px !important;
}
/* photo du produit dans categorie, page d'accueil*/
.pr-img-handler img {
    /*max-width: 60%;*/
}
/*.spacer .pr-img-handler img{
    height: 160px;
}*/
/* Poser une question */

@media screen and (max-width: 767px) {
	.ask-a-question-view .highlight-button {
    font-size: 10px !important;
	}

	div#bd_results h1 {
    	font-size: 18px;
    	margin-bottom: 20px;
    	margin-top: 20px;
    	line-height: 30px !important;
	}

	div#bd_results h2 {
    font-weight: 500;
}

	.product-summary .width70 h2 {
    font-size: 0.9rem !important;
	}

	.ask-a-question-view .floatleft.width50.text-right label {
    font-size: 11px !important;
	}

	.ask-a-question-view, .ask-a-question-view h1, .ask-a-question-view h2 {
    font-family: 'Arial' !important;
	}

}

body.contentpane {
    background: #fff !important;
    padding: 15px !important;
}

/* Conteneur principal de product-summary */
.product-summary {
    display: flex !important;
    align-items: center !important; /* Centre verticalement les enfants */
    justify-content: space-between !important; /* Espace entre les deux divs */
    flex-wrap: wrap !important; /* Permet de passer à la ligne si nécessaire */
}

/* Div contenant le texte */
.product-summary .width70 {
    width: 70% !important;
    display: flex !important;
    align-items: center !important; /* Centre verticalement le texte */
    justify-content: flex-start !important; /* Aligne le texte à gauche */
    padding: 10px !important; /* Espacement interne */
    box-sizing: border-box !important; /* Inclut le padding dans la hauteur/largeur */
}

/* Style du titre */
.product-summary .width70 h2 {
    margin: 0 !important; /* Supprime les marges par défaut */
    font-size: 0.9rem !important; /* Ajuste la taille si nécessaire */
}

/* Div contenant l'image */
.product-summary .width30 {
    width: 30% !important;
    display: flex !important;
    justify-content: center !important; /* Centre l'image horizontalement */
    align-items: center !important; /* Centre l'image verticalement */
}

/* Ciblage du textarea dans le formulaire */
.askform textarea#comment {
    resize: vertical !important; /* Permet le redimensionnement vertical uniquement */
    min-height: 7em !important; /* Hauteur minimale pour 7 lignes */
    max-height: 7em !important; /* Hauteur maximale pour 7 lignes */
    line-height: 1.5 !important; /* Hauteur de ligne pour calculer les lignes */
    overflow-y: auto !important; /* Ajoute une scrollbar si le contenu dépasse */
    box-sizing: border-box !important; /* Inclut padding et bordure dans la hauteur */
    padding: 5px !important; /* Espacement interne */
}

.contentpane #comment {
    margin: 0px !important;
}

/* S'assurer que le textarea ne dépasse pas la largeur du conteneur */
.askform textarea#comment {
    width: 100% !important;
}

.ask-a-question-view tbody td {
    border: none;
}

.ask-a-question-view .form-field {
    margin: 0 !important;
}

.ask-a-question-view .form-validate input[type="text"] {

}

.ask-a-question-view .askform td input[type="text"] {
    width: 100%;
}

.contentpane #comment {
    width: 100% !important;
}

.ask-a-question-view .product-summary {
    margin: 0 !important;
	padding: 0 !important;
}

.ask-a-question-view .floatleft.width50.text-right {
    text-align: right;
}

.ask-a-question-view .form-validate {
    margin-bottom: 0px !important;
}

/* Image du produit */
.product-summary .width30 img.product-image {
    width: 100% !important;
    max-width: 130px !important; /* Respecte la largeur maximale */
    height: auto !important; /* Préserve les proportions */
    max-height: 130px !important; /* Respecte la hauteur maximale */
}

/* Supprime le float et le clear pour utiliser Flexbox */
.product-summary .floatleft {
    float: none !important;
}

.product-summary .clear {
    display: none !important;
}

/* bouton "tenez-moi au courant"*/
.spacer-buy-area>.addtocart-area>form>.addtocart-bar>a.notify {
   float: left;
}

.ask-a-question-view .highlight-button {
    background-color: #FFC300 !important;
    border-radius: 20px !important;
    color: #001D3D !important;
    font-weight: 600;
    text-transform: uppercase;
	height: 36px;
}

.ask-a-question-view .highlight-button:hover {
    background-color: #001D3D !important;
    color: #ffffff !important;
}



a.notify.vm-btn.vm-btn-secondary {
    line-height: 20px !important;
}

a.notify {
    user-select: none;
    white-space: pre;
    padding: 8px 10px!important;
    cursor: pointer;
    font-weight: 400;
    line-height: 30px;
    font-weight: 700!important;
    font-size: 13px!important;
    /* font-family: Arial,Helvetica,sans-serif!important; */
}


/* Page catégorie, infos produit  */
dt.tabs.open, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .featured-view .spacer, .browse-view .spacer {
    background-color: #ffffff !important;
}
.spacer h2 {
    border-bottom-color: #e6e6e6;
    transition: opacity 500ms;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.vm-nodisplay{
  display:none;
}
/*------------------ Product details -------------*/

.main-image img {
    max-width: 70%;
}
 /* letter spacing titles*/
 h1 {
    letter-spacing: 0px!important;
}
.product-description>span.title {
    font-family: "Lato"!important;
    font-weight: 500!important;
    font-style: normal!important;
    font-size: 14px!important;
    color: #0272B2; 
}
span.title {
    font-weight: normal;
    font-family: "Lato";
    text-transform: uppercase;
}
.product-description>h1 {
    font-family: "Lato"!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 19px!important;
    line-height: 42px!important;
    text-transform: uppercase!important;
}
.product-description>h2 {
    font-family: "Lato"!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 19px!important;
    letter-spacing: 0px;
}
.product-description>p {
    margin-bottom: 20px;
	margin-top: 20px;
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
}



.product-description table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
	border: 0;
	
}

.product-description table th {
    background-color: #eee;
    font-weight: bold;
    text-align: center;
}

.product-description table td {
    border-bottom: 1px dotted #b4b4b4 !important;
    border-top: 1px dotted #b4b4b4 !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

.product-description table tr {
    padding: 8px;
}


/* Produits assosicés */
.product-field {
    padding-bottom: 10px !important;
    width: 32% !important;
    display: inline-block !important;
    text-align: center;
}
.product-field-display a img {
    display: block;
    max-width: 55%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
.moduletable a, div.panel2 a, .category_description a, .productdetails-view a {
    text-decoration: none!important;
}
/* CustomFields For all */
/*-------- Add to cart "Choisir une variante" ---------*/
.addtocart-button>span.addtocart-button-disabled{
    
    background-color: #4a4a4a;
    color: #ffffff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    padding: 0px 10px 0px 34px!important;
    background-image: url(../images/add-to-cart-button.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 10px;
    text-transform: uppercase;
    font-size: 11px;
    white-space: pre;
    /* padding: 5px 12px; */
    cursor: pointer;
    vertical-align: middle;
    border: 0;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: background-color !important;
    -ms-transition-property: background-color !important;
    -o-transition-property: background-color !important;
    -moz-transition-property: background-color !important;
    transition-property: background-color !important;
    /* -webkit-border-radius: 3px !important; */
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;

}
.addtocart-area .product-fields .product-field{
    width: auto!important;
    text-align: left;
}
/* Header logo manufacturer après slideshow*/

.actualites{
  border: 1px solid #e6e6e6!important; 
}
.logo_manufacturer {
    margin-bottom: -80px!important;
}
/*--------------- Alert --------------*/
.alert, .alert h4 {
    color: #333!important;
}
.alert, .info, .notice, #system-message dd.error, #system-message dd.notice, #system-message dd.message, .box-save, .box-accept, .box-tip, .terms-of-service h5 {
  padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
#top-com-handler .alert {
  color: #3c763d;
    background-color: #3070b054;
    border-color: #3070b063;
    height: 45px;
}
#top-com-handler #system-message-container {
padding: 0px !important;
}
#top-com-handler {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

 p.alert-message{
  margin-bottom: 0px!important;
 }
 
 /*CSS pour Cookie Accept*/
@media screen and (min-width: 100px) and (max-width: 700px) {
#ca_banner {
  height: 70px !important; }
#ca_banner h2 {
  font-size: 9px !important; }
#ca_banner p {
    font-size: 9px; }
#ca_banner .accept {
    font-size: 11px; }
#ca_banner .accept {
    width: 70px!important; }
}
/*Fin CSS pour Cookie Accept*/

/* Mettre en Rouge et en Gras la date de disponibilité */
.availability {
    color: red;
    font-weight: 400;
    text-align: left!important; 
}
/* Cacher la date de disponiblite pour les categories*/
.category-view .product-container .availability{
   display: none!important;

}
/* Fin Mettre en Rouge et en Gras la date de disponibilité */
/* ###################### Fin CSS specifique ################*/

/* ####################################Footer ###################################################*/
/* Banniere (Nos references, blog, nos cerificats ) bas de page Lien hover */

.moduletable_style3 a , .moduletable_style3 a:hover{
     color: #ffffff !important; 
     text-decoration: none!important;
}
.moduletable_style3 .custom_style3 p{
    line-height: 20px!important;
}  
/* ######Tableau des Fabricants Manufacturer##### */
td.logo-manufacturer {
    width: 7% !important;
}

img.logo-manufacturer {
    width: 100% !important;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    opacity: .2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

img.logo-manufacturer:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* Fin Tableau des Fabricants Manufacturer */


/* #######Boutons de reseaux sociaux###########*/

.socialbuttons {
  padding-top: 20px;
}
/* Sprite buttons newsletter*/
.socialB {
    background-repeat: no-repeat;
    display: inline-block;
    width: 39px;
    height: 38px;
}
.socialbuttonsImage{
    float: left;
    width: 83px;
    margin-left: -5px;
    margin-top: 3px;
}
.twitter{
background-image: url(/images/social/twitter-3.svg);
background-size: 35px;

}
.linkedin{
background-image: url(/images/social/linkedin-icon.svg);
background-size: 35px;

}
.fb{
background-image: url(/images/social/facebook-3.svg);
background-size: 35px;

}
.gplus{
background-image: url(/images/social/google-g-2015.svg);
background-size: 35px;

}

/* Fin boutons réseaux sociaux */
/* ####################Css div NewsLetter################### */
.moduletablenewsletter {
  background-color: #f3f3f3;
}

.acymailing_module_form .acymailing_introtext {
    padding-top: 5px;
    width: 75%;
    float: left;
    padding-left: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.acysubbuttons{
  padding-top: 0px;
}
table.acymailing_form{
  width: 20%;
}
td.acy_requiredField{
  padding-top: 0px;
}

.acysubbuttons {
    text-align: right;
}

.acymailing_introtext {
    text-align: left;
}
.description{
    margin-left: 85px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none;
}

.titleN{
  font-size: 17px;
  margin-left: -5px;
  display: block;
}

table.acymailing_form>tbody>tr>td>input{
    border-radius: 0!important;
    font-family:lato!important;
}
td.acyfield_name{
  margin-top: 10px;
}
tbody:before {
    content: "-";
    display: block;
    line-height: 0.6em;
    color: transparent;
}
input.subbutton{
  width:105%;
  font-size: 13px!important
}
.responsivedesc {
    display: none;
}
/* Deux Boutons J'aime ET partager db en footer */

/* fb like Button */
.fb-like,.fb-share-button{
  color: white;
  top: -5px;
}
td._51mw{
  color:white;
}
/* Fin du foooter 

/* Pour le calendrier des formations */
.dp-upcoming-event-width {
font-size: 13px;
text-decoration: none;
}
.mod-dpcalendar-upcoming-horizontal>.mod-dpcalendar-upcoming-horizontal__event{
        flex: 0 1 260px!important;
}
.formations {
height: auto !important;
}
/* Police des liens footer */
#bottom-bg {
	padding-top: 20px !important;
    font-size: 14px !important;
}
/* Fin calendrier */

/* Image footer*/
#bottom-bg {
    background: url(/templates/axxen2025/images/footer-background.jpg) !important;
}

background-size: cover !important;
/* Fin Image footer*/

/* Footer liens */
#bottom-bg #bot-modules{
    padding: 10px 0px 0px 0px!important;
     margin-bottom: 0px!important; 
}
#footer #footer-line {
     padding: 0px 0px!important; 
}
#footer {
    padding-bottom: 0px!important;
    padding-top: 10px!important;
}
/*######################### Reponsive template #########################*/
@media screen and (min-width:320px) and (max-width:345px) {
  .custom{
    text-align: center;
  }
  .responsivedesc{
    display: none;
  }
  .description{
    display: none;
  }

  table.acymailing_form {
    width: 42%;
  }
    div.acymailing_modulenewsletter{
        margin-bottom: 5px;
        margin-top: -35px;
    }
    .acymailing_module_form .acymailing_introtext{
      width: auto;
    }
    div.register>select{ 
        width: 100%!important;
    }
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 80%!important;
    } 
    .buttonBar-right1 {
         width: 100%!important; 
    }
     ul.vmproduct.product-details .spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button,
     .category-view .spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button{
        padding: 0px 5px 0px 22px!important;
        background-position: 4px 30%!important;
        width: 100%!important;
    }
    ul.vmproduct.product-details .spacer, .category-view .spacer {
    padding-left: 5px!important;
    padding-right: 5px!important;
    }
    a.notify {
    padding: 8px 6px!important;
    }
    div.category-view .product-price span.price-crossed > div.PricebasePrice, div.product-field .product-price span.price-crossed > div.PricebasePrice {
        top: 20px!important;
    }
}
@media screen and (min-width:350px) and (max-width:378px) {
    .fixed{
        width: 94%!important;
    }
    .custom{
        text-align: center;
    }
    .responsivedesc{
        display: none;
    }
    .description{
        display: none;
    }
    table.acymailing_form {
        width: 42%;
    }
    div.acymailing_modulenewsletter{
        margin-bottom: 5px;
        margin-top: -35px;
    }
    .acymailing_module_form .acymailing_introtext{
        width: auto;
    }
    div.register>select{ 
       width: 100%!important;
    }   
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 80%!important;
     }
      .buttonBar-right1 {
         width: 100%!important; 
    }
}

@media screen and (min-width: 380px) and (max-width: 500px) {
    .custom{
        text-align: center;
    }
    .responsivedesc{
        display: none;
    }
    .description{
        display: none;
    }

    table.acymailing_form {
        width: 42%;
    }
    div.acymailing_modulenewsletter{
          margin-bottom: 5px;
        margin-top: -35px;
    }
    .acymailing_module_form .acymailing_introtext{
      width: auto;
    }
    div.register>select{ 
       width: 100%!important;
    }   
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 94%!important;
    }
    div.register>input#address_2_field, div.register>input#company_field, div.register>input#address_2_field,
    div.register>input#phone_2_field, div.register>input#fax_field, div.register>input#opc_vat_field{ 
         width:94%!important;
    }
    .buttonBar-right1 {
         width: 100%!important; 
    }
    /* One page checkout */
     #vmMainPageOPC textarea#customer_note_field, #vmMainPageOPC textarea {
        width: 95%;
    }
    #vmMainPageOPC div#basket_container div.op_basket_row 
    div.op_col1 {
        width: 7%;
        float: left;
        color: #383838;
        overflow: visible;
        height: auto;
    }
    #vmMainPageOPC div#basket_container div.op_basket_row div.op_col2 {
        width: 39%;
        float: left;
        color: #383838;
        overflow: visible;
    }
    #vmMainPageOPC div.op_col1>div>div>img{
          width: 40px!important;
        height: 40px!important;
    }
}
@media screen and (min-width: 500px) and (max-width: 630px) {
  .acymailing_module_form .acymailing_introtext{
    width: auto;
  }
  .description{
    display: none;
  }
  .responsivedesc{
    display: block;
    font-size: 10px;
  }
  .acymailing_module_form .acymailing_introtext{
    width: 50%;
  }
  table.acymailing_form{
    width: 40%;
  }
  div.register>select{ 
       width: 100%!important;
    }   
    div.register>input[type="text"],div.register>input[type="password"],div.register>input[type="email"]{ 
        width: 94%!important;
    }
    div.register>input#address_2_field, div.register>input#company_field, div.register>input#address_2_field,
    div.register>input#phone_2_field, div.register>input#fax_field, div.register>input#opc_vat_field{ 
         width:94%!important;
    }
    .buttonBar-right1 {
         width: 100%!important; 
    }
}
@media screen and (min-width: 625px) and (max-width: 979px) {
    .row-fluid .span9 {
        width:100%;
    }
    .row-fluid .span3 {
        width: 100%;
        margin-left: 0px;
    }
    .row-fluid .span4 {
        width: 100%;
        margin-left: 0px;
    }
    .description {
        font-size: 12px!important;
    }
    div.acymailing_modulenewsletter{
          margin-bottom: 5px;
        margin-top: -35px;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
       width: 100%;
    }
}

/* Pour changer la font weight de : Contactez-nous, mon compte, gestion du compte, etc ...  */
.log-panel li, .quick-menu .menu li, #info-line p{
font-weight: 400!important;
}
/* Fin  */
/* Affichage de deux produits par ligne en mode responsive*/
@media screen and (max-width: 767px) {

    .category-view .row-fluid .span3,
    .vmproduct .span6
    {
        width:49%!important;
        margin: 0px 0.5% 5px 0.5% !important;
        float: left!important;
    }
    .spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button {
     padding: 0px 10px 0px 25px!important;
     background-position: 7px 35%!important;
    }
    .spacer h3.h-pr-title, .category-view .row-fluid .span3 h2.h-pr-title {
     font-size: 12px !important;
    }
     .PricepriceWithoutTax{
     font-size: 18px !important;
    }
    .price-crossed, .PricetaxAmount{
        font-size: 14px !important;
    }
    div.productCell-feat-detail{
        width: 100%!important;
        height: auto!important;
    }
    /* Fin de modification */
    
}


.spacer .addtocart-area .addtocart-bar span.addtocart-button .addtocart-button {
    background-image: url(/images/add-to-cart-button.svg);
    background-size: 16px;
}

.search-panel .button {
    background-image: url(/images/search-icon.svg) !important;
    background-size: 21px;
}

.search-panel, div#vmajaxlivesearch-153 {
    border: none !important;
	background-color: transparent !important;
}

#vmajaxlivesearch-153 .search-input-container .search-image  {
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

#vmajaxlivesearch-153 .search-input-container .search-input .vmajaxlivesearch-box {
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

/*Pour changer le module actualités*/
div.actualite {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}
/*Fin*/

/*.row-fluid .spacer .pr-img-handler .popout-price .product-details {
    background-image: url(/images/product-details.svg);
}
*/

/*div#maximenuck197.maximenuckh li.fullwidth.menuimage150px > div.floatck {
    width: 65% !important;
    float: left !important;
}

div#maximenuck197 ul.maximenuck li.maximenuck.menuimage150px > a {
    float: left !important;
    width: 30%;
}*/

/*stAn */
div.vm-price-value { 
float: none; 
clear: both; 
width: 100%; 
}
div.PricediscountAmount.vm-display.vm-price-value {
	bottom: 0; 
}
/*stan end */

/*Redimmensionner text reset filtre  */
.cf_resetAll_link {
    font-size: 0.9em;
    display: inline-block;
    padding: 8px 16px;
    border: 2px solid #e61414;
    background: transparent;
    color: #e61414 !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 20px;
    transition: all 0.3s ease;
    text-align: center;
    text-transform: uppercase;
	display: block;
	margin-top: 40px;
}

.cf_resetAll_link:hover {
    background: #e61414;
    color: #fff !important;
}

.cf_resetAll_link:active {
    background: #e61414;
    color: #fff !important;
}

.cf_clear {
    font-size: 0.9em;
}

/*Redimmensionner module dpcalendar  */
.mod-dpcalendar-upcoming-panel__event {
    flex: 1 1 170px !important;
}

/* Mise en forme Icecat */
table#prod_features {
    width: 750px;
    border-collapse: collapse;
    margin: 50px auto;
    font-size: 14px;
}

td.feature {
    background-color: #c7c7c7;
    font-weight: 400;
}

#prod_features tr:nth-child(even) {
    background-color: #f4f4f4e8;
}

.product-description b {
    display: block;
    margin-top: 10px;
}
/* Fin Mise en forme Icecat */

.vm-product-media-container {
    width: 100%;
    height: 168px;
}

img.browseProductImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

h2.h-pr-title {
    min-height: 55px;
}

 .h-pr-title a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
 	color: #001D39 !important;
    font-weight: 500 !important;
    font-family: 'Montserrat' !important;
}

 h2.h-pr-title a {
    min-height: auto !important;
    height: auto !important;
}

div.moduletable > div.module-content > div.FilterCustom {
    border: 0px solid #E6E6E7!important;
}
/* Mise en forme Top Long */
img.featuredProductImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#top-long .pr-img-handler {
    height: 200px;
}
/* Fin Mise en forme Icecat */

/* Texte "Mon Compte" */
#LoginForm ul.menu a {
    font-size: 14px;
    color: #000000 !important;
}

#LoginForm .modal-body {
    max-height: 450px;
    min-height: 200px;
}

#LoginForm .modal-body ul li {
    margin-bottom: 10px;
}

#member-profile legend, #users-profile-core legend {
    font-size: 16px;
}

#member-profile span.optional {
    font-size: 12px;
}

#member-profile .control-label {
    line-height: 5px;
    width: 170px;
}
/* Fin Texte "Mon Compte" */

/* Mettre en forme le texte du module blog en vedettes*/
.eb-mod-title {
    font-size: 15px;
    font-weight: 400;
}
/* Fin Mettre en forme le texte du module blog en vedettes*/


/* Module Gauche Article Etude Couverture WiFi*/
.moduletable.etude-couverture-wifi-class {
    background: #525252;
}
/* Fin Module Gauche Article Etude Couverture WiFi*/


/* Module de Recherche Ajax - permet d'avoir le résultat de la recherche au dessus du menu */
.ajax-search-container .search-results {
  position: absolute;
  z-index: 1000;
}
/* Fin Module de Recherche Ajax*/

/*Formulaire de création de compte*/
table.user-details input[type="text"],
table.user-details input[type="email"],
table.user-details input[type="password"],
table.user-details textarea {
    width: 90% !important;
    height: 30px !important;
}

/* Exclure les checkboxes */
table.user-details input[type="checkbox"] {
    width: auto !important; /* Rétablit la taille par défaut */
    height: auto !important;
    margin: 0 10px 0 0; /* Ajoute un léger espacement */
    vertical-align: middle; /* Alignement vertical au centre */
}
/*Fin Formulaire Création de compte*/

/* ASK Question */


/* 🎯 Ajuster le formulaire à l'intérieur de la popup "Ask a Question" */
.ask-a-question-view {
    max-width: 650px;
    margin: auto;
}

a.ask-a-question.bold {
    background-color: #FFC300 !important;
    color: #001D3D !important;
    font-weight: 600;
    font-family: 'Montserrat';
    border-radius: 20px !important;
	text-transform: uppercase;
}

a.ask-a-question.bold:hover {
    background-color: #001D3D  !important;
    color: #ffffff !important;
}


/* 🔥 Éviter un mauvais positionnement au chargement */
.fancybox-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Fin ASK Question */


/* Header FAQ dans productdetails */
/* Aligner les titres de la FAQ uniquement dans .product-description sur la page produit */
.productdetails-view .product-description [data-rlta-element="heading"] {
    text-align: left; /* Alignement à gauche */
    font-family: Lato, sans-serif; /* Appliquer la même police */
    font-weight: 600; /* Mettre en gras */
    font-size: 18px; /* Ajuster la taille */
    margin-bottom: 10px; /* Ajouter un peu d'espace en bas */
}
/* Fin FAQ dans productdetails */

.productdetails-view .addtocart-bar {
    margin-top: 10px !important;
}

/* Pour ne pas afficher l'image de garantie sur la page d'accueil */
.moduletable._products .product-field.product-field-type-M {
    display: none !important;
}

.moduletable._products .product-field.product-field-type-E {
    display: none !important;
}
/* Fin Pour ne pas afficher l'image de garantie sur la page d'accueil */

.cfLiLevel1 {
    padding-bottom: 5px !important;
}

.oe-phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 250px;
    height: 40px;
    border: solid 2px #129530;
    box-sizing: border-box;
    border-radius: 25px;
    background: white;
    color: #129530;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}
.phone-number {
    flex: 1;
    text-align: center;
    /* padding-left: 15px; */
    font-size: 16px;
    font-weight: bold;
    color: #129530;
	padding-left: 5px;
}

.phone-info {
    background: #129530;
    color: white;
    /*padding: 6px 10px; /* Ajustement du padding */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    white-space: normal; /* Permet le retour à la ligne */
    text-align: center; /* Centre le texte */
    width: 120px; /* Réduction de la largeur pour forcer la coupure */
    line-height: 1rem; /* Réduit l'espacement entre les lignes */
    border-radius: 25px;
}

#info-line .row-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#info-line .span6 {
    display: flex;
    align-items: center;
}

#info-line .span6:last-child {
    justify-content: flex-end;
}

#info-line .quick-menu {
    flex: 1;
    display: flex;
    justify-content: center; /* Centre le cartouche téléphone */
}

#info-line .log-panel {
    display: flex;
    gap: 15px;
    margin-left: auto; /* Pousse les liens vers la droite */
    margin-bottom: 0;
}

#info-line .log-panel li {
    list-style: none;
}

#info-line .log-panel li a {
    text-decoration: none;
    color: inherit;
}

.moduletable.products {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.moduletable.hidden-phone.certifications {
	padding-right: 20px;
	padding-left: 20px;
}

.moduletable.calendrier {
    padding: 0px !important;
}

.moduletable.hidden-phone.manufacturerlogo {
	padding-right: 20px;
	padding-left: 20px;
}

div#bottom-content-modules {
    padding-left: 20px;
    padding-right: 20px;
}

.moduletable.calendrier {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.moduletable.hidden-phone.logotop {
    padding-top: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-bottom: 0px !important;
}

li#cf_option_li_virtuemart_category_id_178_elid {
    display: none;
}

/* Styles pour les icônes dans les champs de connexion */
#LoginForm input[type="text"],
#LoginForm input[type="password"],
#LoginForm input[type="email"] {
    padding-left: 10px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
    width: 100%;
}

#LoginForm input[name="username"] {
    background-image: none;
}

#LoginForm input[name="password"] {
    background-image: none;
}

/* Styles pour les liens de récupération de mot de passe */
#LoginForm .mod-login__options {
    margin-top: 15px;
    text-align: center;
}

#LoginForm .forgot-link {
    display: block;
    margin: 0 auto;
    font-size: 0.9em;
}

#LoginForm .forgot-link a {
    color: #666;
    text-decoration: none;
}

#LoginForm .forgot-link a:hover {
    text-decoration: underline;
}

/* début style devise currency */
.currency-selector {
    display: inline-block;
    position: relative;
}

.currency-selector select {
    border: 0px solid #ddd;
    padding: 8px 0px 8px 45px;
    background: white;
    font-size: 14px;
    min-width: 90px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* background-image: url(data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>); */
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px;
    width: 90px;
    height: 36px !important;
    border-radius: 20px !important;
}

.currency-flag {
    position: absolute;
    left: 8px;
    top: calc(50% - 7.5px);
    width: 20px;
    height: 15px;
    border-radius: 2px;
    z-index: 1;
    pointer-events: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.currency-selector select:focus {
    outline: 2px solid #007cba;
    border-color: #007cba;
}

.currency-selector select:hover {
    border-color: #999;
}

.currency-selector form {
    margin: 0px;
}
/* fin style devise currency */

/* Style pagination pages*/
span.icon-angle-double-right {
    background-image: url(/images/arrow-double-right.svg) !important;
	background-position: 0px;
}

span.icon-angle-right {
    background-image: url(/images/arrow-right.svg) !important;
	background-position: 0px;
}

span.icon-angle-left {
    background-image: url(/images/arrow-left.svg) !important;
	background-position: 0px;
}

span.icon-angle-double-left {
    background-image: url(/images/arrow-double-left.svg) !important;
	background-position: 0px;
}

.pagination .page-item.active .page-link {
  background-color: #ffc800 !important;
  color: #001D3D !important;
  border-color: #ffc800 !important;
}

.vm-pagination ul > li > span {
	  background-color: #ffc800 !important;
	  color: #001D3D !important;
}

li.pagination-start .pagenav, li.pagination-prev  .pagenav, li.pagination-next .pagenav, li.pagination-end .pagenav {
    background-color: #001D3D !important;
	color: #ffffff !important;
}

.vm-pagination ul.pagination li.disabled.page-item > span.page-link {
  background-color: #001D3D !important;
  color: white !important;
  border: none !important;
}

.orderlistcontainer div.orderlist {
    background: rgb(255 255 255) !important;
}
/* Fin Style pagination pages*/

/* Modal Photo produits */
[data-modals-element=modal] [data-modals-element=overlay] {
   background: #0000008a !important;
}

[data-modals-element=modal][data-modals-theme=light] [data-modals-element=overlay] {
    backdrop-filter: blur(0px) !important;
}

[data-modals-element="slide-title"] {
  display: none !important;
}

[data-modals-element=modal] [data-modals-type=image] [data-modals-element=slide-content-inner] {
 	border-radius: 20px !important;
}

[data-modals-element=modal] [data-modals-element=slide-container] {
 	max-width: 80% !important;
 	max-height: 80% !important;
}

[data-modals-element=modal][data-modals-theme=classic] [data-modals-element=main] {
	border-radius: 20px !important;
}

[data-modals-element=modal][data-modals-theme=classic] [data-modals-element=slide-before] {
	border-bottom: 0px !important;
}

[data-modals-element] button {
    background-color: #fdfdfd !important;
}

[data-modals-element=modal] {
 	z-index: 2000 !important;
}
/* Fin Modal Photo produits */