/***** BASE *************************************************************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{margin:0px; padding:0px; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ /*font-size:10px;*/font-size:12px; /*background-repeat:repeat-x;*/ height:100%; min-width:960px; /*background-color:#ffffff*/;background:url(../images/img_fond-2024.jpg);-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;background-position:top center;font-family: "Roboto", sans-serif;}


form{margin:0px;}

/* Faders tout autour du site */
.frame{/*background:url(../images/img_bordures_frame.png);*/}

/* Zone imagée en haut à droite dans le bandeau d'en-tête */
.bandeau_entete{background-position:bottom right; /*background:url(../images/img_bandeau_haut.jpg);*/background:url(../images/img_bandeau_haut-2024.png); background-repeat:no-repeat; width:970px;margin-bottom:4px;}

input, textarea, select{font-size:/*11px*/12px; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/}

.checkbox{margin:0px;padding:0px;margin-top:-3px;}

a{color:#B85E14;}

.nobr{white-space:nowrap;}

.erreur{color:#ff0000;font-weight:bold;}

/* Couleur principale de la zone des menus */
.fond_zone_menus{background-color:/*#000000*/#393939;}

/* Fond des boites de sous-titres (Nouveautés, promotions, etc.) */
.boite_sous_titre{background-color:#f9f9f9; border-top:1px solid #a7a9ac; border-bottom:1px solid #a7a9ac; color:#6d6e71; font-size:14px; line-height:14px; font-weight:bold; background-repeat:repeat;}

/* Fond des boites de sous-titres (Panier, Résumé, etc.) */
.boite_sous_titre2{background-color:#f9f9f9; border-top:1px solid #a7a9ac; color:#6d6e71; font-size:11px; line-height:11px; font-weight:bold; background-repeat:repeat-x;}

/* Fond des boites de sous-titres (Impression page confirmation commande) */
.boite_sous_titre3{background-color:#f9f9f9; border-top:1px solid #a7a9ac; color:#000; font-size:/*10px*/12px; line-height:11px; font-weight:bold; background-repeat:repeat-x;} /* color:#6d6e71;*/

/* Fond des boites de sous-titres (Mes commandes) */
.boite_sous_titre4{background-color:#f9f9f9; border-top:1px solid #a7a9ac; color:#6d6e71; font-size:/*11px*/13px; line-height:11px; font-weight:bold; background-repeat:repeat-x;}

.texte_regulier{/*font-family:Verdana, Arial, Helvetica, sans-serif;*/ font-size:/*10px*/12px;color:#000000;}

.sous_titre_gros{color:#000000; font-size:/*13px*/15px; font-weight:bold; line-height:15px;}

.sous_titre_moyen{color:#000; font-size:/*11px*/13px; font-weight:bold; line-height:12px;}

.sous_titre_petit a{color:#6d6e71; font-size:/*10px*/12px; font-weight:bold; line-height:11px;}

.sous_titre_petit2{color:#000000; font-size:/*10px*/12px; font-weight:bold; line-height:11px;}

h1{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:1px;}

/***** MENUS *************************************************************************************************************************************************/


.bouton_langue{color:#58595b;}

.bouton_langue a{color:#58595b; text-decoration:none;}

.bouton_langue a:hover{color:#58595b; text-decoration:underline;}

.menu_principal{/*font-size:9px;*/font-size:11px; color:#ffffff; text-decoration:none;font-weight:bold;text-transform:uppercase;}

.menu_principal_actif{/*font-size:9px;*/font-size:11px; color:#ffffff; text-decoration:underline;font-weight:bold;text-transform:uppercase;}

.menu_principal a{/*font-size:9px;*/font-size:11px; color:#ffffff; text-decoration:none;font-weight:bold;text-transform:uppercase;}

.menu_principal a:hover{/*font-size:9px;*/font-size:11px; color:#ffffff; text-decoration:underline;font-weight:bold;text-transform:uppercase;}

.menu_principal_actif{/*font-size:9px;*/font-size:11px; color:#ffffff; text-decoration:underline;font-weight:bold;text-transform:uppercase;}

.menu_categories{/*font-size:11px;*/ font-size:13px;color:#ffffff; font-weight:bold;}

.menu_categories a{/*font-size:11px;*/ font-size:13px; /*color:#ffffff;*/color:#f0aa22; /*font-weight:normal;*/font-weight:bold; text-decoration:none;}

.menu_categories a:hover{/*font-size:11px;*/ font-size:13px; /*color:#ffffff;*/color:#f0aa22; /*font-weight:normal;*/font-weight:bold; text-decoration:underline;}

.menu_categories_actif{/*font-size:11px;*/ font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none;}

.menu_categories_actif a{/*font-size:11px;*/ font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none;}

.menu_sous_categories{/*font-size:10px;*/font-size:11px; line-height:15px; color:#ffffff; font-weight:bold;}

.menu_sous_categories_actif a{/*font-size:10px;*/font-size:11px; line-height:15px; color:#ffffff; font-weight:bold; text-decoration:none;}

.menu_sous_categories_actif a:hover{/*font-size:10px;*/font-size:11px; line-height:15px; color:#ffffff; font-weight:bold; text-decoration:underline;}

.menu_sous_categories a{/*font-size:10px;*/font-size:11px; line-height:15px; color:#ffffff; font-weight:normal; text-decoration:none;}

.menu_sous_categories a:hover{/*font-size:10px;*/font-size:11px; line-height:15px; color:#ffffff; font-weight:normal; text-decoration:underline;}

.menu_sous_sous_categories{/*font-size:9px;*/font-size:10px; line-height:13px; color:#ffffff; font-weight:bold;}

.menu_sous_sous_categories_actif a{/*font-size:9px;*/font-size:10px; line-height:13px; color:#ffffff; font-weight:bold; text-decoration:none;}

.menu_sous_sous_categories_actif a:hover{/*font-size:9px;*/font-size:10px; line-height:13px; color:#ffffff; font-weight:bold; text-decoration:underline;}

.menu_sous_sous_categories a{/*font-size:9px;*/font-size:10px; line-height:13px; color:#ffffff; font-weight:normal; text-decoration:none;}

.menu_sous_sous_categories a:hover{/*font-size:9px;*/font-size:10px; line-height:13px; color:#ffffff; font-weight:normal; text-decoration:underline;}

.separation_categories{font-size:8px; color:#ffffff; border-bottom:1px dashed /*#ffffff*/#393939;}

.menu_fabricants{/*font-size:10px;*/font-size:13px; /*color:#ffffff;*/color:#f0aa22;text-transform:uppercase;}

.menu_fabricants a{/*font-size:10px;*/font-size:13px; /*color:#ffffff;*/color:#f0aa22; text-decoration:none;text-transform:uppercase;}

.menu_fabricants a:hover{/*font-size:10px;*/font-size:13px; /*color:#ffffff;*/color:#f0aa22; text-decoration:underline;text-transform:uppercase;}

.menu_fabricants_actif{/*font-size:10px;*/font-size:13px; /*color:#ffffff;*/color:#f0aa22; text-decoration:underline;text-transform:uppercase;}

.menu_fabricants_actif a{/*font-size:10px;*/font-size:13px; /*color:#ffffff;*/color:#f0aa22; text-decoration:underline;text-transform:uppercase;}

.titre_menu_fabricants{font-weight:bold; /*font-size:11px;*/font-size:13px; /*color:#ffffff;*/color:#f0aa22;text-transform:uppercase;}

.menu_pages_infos{/*font-size:10px;*/font-size:11px; color:#000000; text-decoration:none;}

.menu_pages_infos a{/*font-size:10px;*/font-size:11px; color:#000000; text-decoration:none;}

.menu_pages_infos a:hover{/*font-size:10px;*/font-size:11px; color:#000000; text-decoration:underline;}

.menu_pages_infos_actif{/*font-size:10px;*/font-size:11px; color:#000000; text-decoration:underline;}

.menu_pages_infos_actif a{/*font-size:10px;*/font-size:11px; color:#000000; text-decoration:underline;}

.separation_pages_info{border-bottom:1px solid /*#a7a9ac*/#E2E2E2;}


/***** FIL D'ARIANNE *************************************************************************************************************************************************/


.fil_arianne{color:#6d6e71;padding-top:17px;}

.fil_arianne a{color:#6d6e71; text-decoration:underline;}

.separation_fil_arianne{font-size:8px;}


/***** BOUTONS *************************************************************************************************************************************************/


/* Boutons réguliers */
.bouton1{background:/*#C56F17*/#f0aa22; background-repeat:repeat; color:#ffffff; font-size:/*10px*/12px; font-weight:bold; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ border:none; padding:4px; width:100%; padding-left:9px; padding-right:9px; cursor:pointer;}

/* Boutons GO (moteur de recherche) */
.bouton_go{background-color:/*#000000*/#393939; color:/*#ffffff*/#f0aa22; /*font-size:10px;*/font-size:12px; font-weight:bold; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ border:none; padding:3px; /*width:40px;*/ cursor:pointer;}

/* Petits boutons */
.bouton3{background:#C56F17;; background-repeat:repeat; color:#ffffff; font-size:/*9px*/11px; font-weight:bold; /*font-family:Verdana, Arial, Helvetica, sans-serif;*/ border:none; padding:1px; width:100%; padding-left:4px; padding-right:4px; padding-top:2px; cursor:pointer;}



/***** FORMULAIRES *************************************************************************************************************************************************/


/* Champs de formulaire */
.cellule_champ_formulaire{color:#666666; font-size:/*10px;*/12px; font-weight:bold;}

/* Valeurs de champs de formulaire */
.cellule_valeur_champ_formulaire{color:#666666; font-size:/*10px*/12px; font-weight:normal;}

/* Sous-titre dans les différents formulaire */
.cellule_soustitre_formulaire{color:#666666; font-size:/*11px*/13px; font-weight:bold;}


/***** BOITE COMPTE *************************************************************************************************************************************************/


/* Couleur principale de la boite de compte */
.fond_boite_compte{background-color:#E8E8E8;}


/***** BOITE PANIER *************************************************************************************************************************************************/


/* Dans zone de gauche, titre de la boite panier*/
.titre_boite_panier{font-size:/*10px;*/11px; color:#6d6e71; font-weight:bold;}

/* Fond de couleur des items dans la boite panier */
.tableau_contenu_panier{background-color:#eeeeee;}

/* Premier item dans la boite panier (pas de bordure dans le haut) */
.cellule_premier_item_contenu_panier{color:#666666; font-size:/*9px;*/10px;}

.cellule_premier_item_contenu_panier a{color:#666666; text-decoration:none;}

.cellule_premier_item_contenu_panier a:hover{color:#666666; text-decoration:underline;}

/* Autres items dans la boite panier */
.cellule_item_contenu_panier{color:#666666; font-size:/*9px;*/10px; border-top:1px solid #ffffff;}

.cellule_item_contenu_panier a{color:#666666; text-decoration:none;}

.cellule_item_contenu_panier a:hover{color:#666666; text-decoration:underline;}

/* Sous-total boite panier */
.cellule_soustotal_contenu_panier{border-top:1px solid #ffffff; color:#666666; font-size:/*10px*/11px; background-color:#DBDBDB;}

/* Div contenant les items du panier boite panier */
#liste_items_panier{max-height:105px; overflow:auto; scrollbar-face-color:#aaaaaa; scrollbar-shadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#aaaaaa; scrollbar-darkshadow-color:#aaaaaa; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; background-color:#eeeeee;}


/***** BOITE RECHERCHE *************************************************************************************************************************************************/


/* Dans zone de gauche, titre de la boite recherche*/
.titre_boite_recherche{/*font-size:11px;*/font-size:13px; color:/*#ffffff*/#f0aa22; font-weight:bold;text-transform:uppercase;}

.champ_recherche{border:1px solid #ffffff; background-color:#ffffff; /*margin-left:5px*/; margin-top:2px;width:160px;}

.fond_champ_recherche{/*background:url(../images/img_fond_champ_recherche.png); background-repeat:no-repeat; border:none;*/ /*width:194px;*/ height:22px;}


/***** BOITE TOP 5 *************************************************************************************************************************************************/


.texte_boite_top5 a{font-size:/*10px;*/12px; color:/*#ffffff*/#f0aa22;text-decoration:none;text-transform:uppercase;font-weight:bold;}


/***** BOITE BULLETIN *************************************************************************************************************************************************/


.titre_boite_bulletin{font-size:13px; color:#6d6e71; font-weight:bold;}

.texte_boite_bulletin{color:#6d6e71;}

.champ_bulletin{border:1px solid /*#ffffff*/#393939; background-color:#ffffff; margin-left:5px; margin-top:1px;}

.fond_champ_bulletin{/*background:url(../images/img_fond_champ_bulletin.png); background-repeat:no-repeat; border:none;*/ width:174px; height:20px;}


/***** MOTEUR DE RECHERCHE *****************************************************************************************************************************************/


.fond_navigation_pages_haut{background-color:#F4F4F4;border-bottom:1px solid #a7a9ac;}

.fond_navigation_pages_bas{background-color:#F4F4F4;}

.texte_navigation_pages{font-size:11px;font-weight:bold;}

.texte_navigation_pages a{font-size:11px;font-weight:bold;}

/***** PRODUITS *************************************************************************************************************************************************/


/* Affichage du prix du produit */
.prix_produit{font-size:12px; line-height:12px; font-weight:bold; color:#000000;}

/* Affichage du prix du produit de groupe */
.prix_produit_groupe{font-size:11px; line-height:10px; font-weight:bold; color:#000000;}

/* Affichage du rabais du produit */
.prix_promotion_fiche{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px;}

/* Boite du prix du produit */
.boite_prix{background-color:#cccccc;}

/* Boite du rabais du produit */
.boite_prix_promotion{background-color:#FFCC33;}

.cellule_item_panier_rabais{color:#b85e14; font-size:/*9px*/11px; border-bottom:1px solid #bbbbbb; background-color:#ffffff; padding-top:5px; padding-bottom:5px;}

.cellule_item_panier{color:#000; font-size:/*9px*/11px; border-bottom:1px solid #bbbbbb; background-color:#ffffff; padding-top:5px; padding-bottom:5px;} /* color:#666;*/

.cellule_item_panier a{color:#000; text-decoration:none;}

.cellule_item_panier a:hover{color:#000; text-decoration:underline;}

.cellule_item_panier_thin{color:#000; text-decoration:none;font-weight:normal;}

.cellule_item_commande{color:#000; font-size:/*9px*/11px; border-bottom:1px solid #bbbbbb; padding-top:5px; padding-bottom:5px;}

.cellule_item_commande a{color:#000; text-decoration:none;}

.cellule_item_commande a:hover{color:#000; text-decoration:underline;}

.cellule_item_commande_thin{color:#000; text-decoration:none;font-weight:normal;}

.cellule_soustotal_panier{color:#000; font-size:/*9px*/11px; border-bottom:1px solid #bbbbbb; background-color:#eeeeee; padding-top:5px; padding-bottom:5px;}

.cellule_soustotal_panier_rabais{color:#b85e14;font-size:/*9px*/11px; border-bottom:1px solid #bbbbbb; background-color:#eeeeee; padding-top:5px; padding-bottom:5px;}

.soustitre_calcul_panier{color:#000; font-size:/*11px*/13px; font-weight:bold; line-height:12px;}

.soustitre_calcul_panier_rabais{color:#b85e14; font-size:/*11px*/13px; font-weight:bold; line-height:12px;}

.soustitre_calcul_panier_cout{color:#000; font-size:9px;}

/* Ligne de séparation entre les produits dans les listes verticales de produits */
.separation_produits{border-bottom:1px solid #a7a9ac;}


/***** FICHE PRODUIT *************************************************************************************************************************************************/


/* Affichage du nom du produit dans la fiche du produit*/
.nom_produit{color:#6d6e71; font-size:18px; line-height:18px;}

/* Affichage du nom du produit dans la fiche du produit*/
.nom_produit_petit{color:#000000;font-size:11px; line-height:13px;font-weight:bold;}

.nom_produit_petit a{color:#000000;text-decoration:none;}

.nom_produit_petit a:hover{color:#000000;text-decoration:underline;}

/* Description courte du produit dans la fiche du produit */
.desc_courte_produit{color:#6d6e71;}

/* Texte en promotion jusqu'au dans la fiche du produit */
.en_promotion_produit{color:#c41130;}

/* Texte Agrandir la photo dans le fiche du produit */
.texte_agrandir_photo{font-size:/*9px*/10px; color:#6d6e71;}

.texte_agrandir_photo a{font-size:/*9px*/10px; color:#6d6e71; text-decoration:none;}

.texte_agrandir_photo a:hover{font-size:/*9px*/10px; color:#6d6e71; text-decoration:underline;}

/* Boite des options dans la fiche du produit*/
.boite_options{background-color:#f9f9f9; border:1px solid #a7a9ac;color:#6d6e71;}

/* Zone de contenu des onglets dans la fiche du produit */
.boite_onglets{border-left:1px solid #a7a9ac; border-right:1px solid #a7a9ac; color:#504f4f; background-repeat:no-repeat; background-color:#f9f9f9; border-bottom:1px solid #a7a9ac;}

/* Cellule qui contient un onglet dans la fiche du produit */
.onglet{cursor:pointer; color:#6d6e71; font-weight:bold; font-size:/*10px;*/11px;}

/* Soulignement sous les onglets */
.bordure_bas_onglets{border-bottom:1px solid #a7a9ac;}

/* Cellule des produits suggérés dans la fiche du produit */
.cellule_produit_suggere{border:1px solid #dcdcdc; background-color:#ffffff;}

/* Cellule des autres photos du produit dans la fiche du produit */
.cellule_photo_produit{border:1px solid #bbbbbb; background-color:#ffffff;}

/*.titre_options{font-size:12px; font-weight:bold; color:#6d6e71;}*/

.image_choix{border:2px solid #ffffff;}

.image_choix_select{border:2px solid #ff0000;}


/***** ÉTAPES DE TRANSACTION *************************************************************************************************************************************************/


/* Dans processus de commande */
/* Dans processus de commande */
.etapes_transaction{border-top:1px solid #6d6e71; border-bottom:1px solid #6d6e71; color:#47484a; background-repeat:repeat-x; background-color:#dbdbdb;font-size:11px;}

/* Dans processus de commande */
.etape_active{color:#47484a; font-weight:bold;font-size:11px;}

/* Dans processus de commande */
.etape_inactive{color:#999999; font-size:11px;}


.carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.carousel_content {
    width: calc(100% - 8px);
    height: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
}

.carousel_slide {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  flex-shrink: 0;
  
}

.carousel_slide.visible {
  opacity: 1;
  position: relative;
}

.carousel_navigation {
  position: absolute;
  width: 95%;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: space-between;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.carousel_arrow {
    display: block;
  color: #f0aa22;
  border: none;
  cursor: pointer;
  background:transparent;
}

.carousel_arrow .svg-prev {
    width: 60px;
    height: 60px;
    transform: rotate(90deg);
}

.carousel_arrow .svg-next {
     width: 60px;
    height: 60px;
    transform: rotate(-90deg);
}

.carousel_arrow--prev {
  left: 10px;
}

.carousel_arrow--next {
  right: 10px;
}