/* Importer la police Ubuntu */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');

.header-top {
  	font-family: 'Ubuntu', sans-serif; /* Applique la police Ubuntu */
    color: #ffffff; /* Texte en blanc */
    background-color: #2d357e !important; /* Fond bleu */
}

body {
    font-family: 'Ubuntu', sans-serif !important; /* Applique la police Ubuntu */
}

#header .header-nav {
    margin : 0 !important;
    border: none !important;
}

#header .header-top {
    margin : 0 !important;
    padding : 0 !important;
}

.dropdown-item {
  color : white !important
}

#header .header-top .menu {
    margin : 0 !important;
    padding : 0 !important;
}

.dropdown-item:hover {
  color : #ff9501 !important
}

.dropdown-submenu {
  	font-family: 'Ubuntu', sans-serif; /* Applique la police Ubuntu */
    color: #ffffff; /* Texte en blanc */
    background-color: #2d357e !important; /* Fond bleu */
}

.sub-menu {
  	font-family: 'Ubuntu', sans-serif; /* Applique la police Ubuntu */
    color: #ffffff; /* Texte en blanc */
    background-color: #2d357e !important; /* Fond bleu */
}

.header-top #search_widget input::placeholder {
  font-family: 'Ubuntu', sans-serif; /* Applique la police Ubuntu */
  color: #2d357e; /* Texte en blanc */
}

#search_widget form input {
  	color : #2d357e ;
	background-color: #ffffff !important; /* Fond bleu */
  	opacity: 80%;
  	border-radius: 5px;
}

.product-flags li.product-flag {
  	color : #ffffff ;
  	font-family: 'Ubuntu', sans-serif; /* Applique la police Ubuntu */
}

.product-miniature .product-title a {
	color : #2d357e ;
}

.product-miniature .highlighted-informations .quick-view {
  	color : #2d357e ;
}

.product-miniature .highlighted-informations .quick-view:hover {
  	color : #ff9501 ;
}

#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
  	color : #2d357e ;
}

.block-category {
  min-height : 0;
}

#subcategories ul li .subcategory-image {
 	display : none; 
}

.block-categories a:hover {
 	 color : #ff9501 ;
}

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

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

#footer {
  	background-color : #2d357e ;
}

.footer-container .h3, .footer-container .h4 {
    color : white !important;
}

#block_myaccount_infos .myaccount-title a {
   color : white !important;
}

.footer-container li a {
 	color : white !important; 
}

.footer-container li:hover a {
 	color : #ff9501 !important;
}

#contact-infos {
  color : white 
}

#contact-infos a{
  color : #ff9501 !important;
}

.footer-container div div div p a {
	color : #ff9501 !important;
}

.product-actions .add-to-cart {
    background-color: #2d357e !important; /* Fond bleu */
}

.header-top .container {
    width: 100%
}


#top-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

#top-menu li {
    margin: 0 10px; /* Espacement entre les éléments */
}

#header .header-top .position-static {
    position: static;
    display: flex;
    justify-content: space-between;
}

#header .header-top .container .row .position-static .clearfix {
    display: none;
}

#header .header-top .container {
    padding : 10px 0;
}

#header .header-top .search-widget {
    float: right;
    margin-right: 10px;
}

.current-price {
    color : #2d357e !important;
}

.tax-shipping-delivery-label {
    display: none;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid #2d357e !important;
}

.tabs .nav-tabs .nav-link.active {
    color: #2d357e !important;
}

.footer-container {
    margin-top: 0;
}

#footer {
    padding-top : 0;
}


.top-menu > li {
    position: relative;
}

.top-menu .sub-menu {
    position: absolute;
    left: 0;
    padding: 10px; /* Ajoute un espacement interne pour un meilleur rendu */
    border-radius: 5px; /* Coins arrondis optionnels */
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    text-align: center; /* Centre le texte à l'intérieur */
    min-width: unset; /* Permet au contenu de définir la largeur */
    width: auto; /* Ajuste automatiquement à la taille du contenu */
}

.top-menu .sub-menu li {
    display: block; /* Affiche les éléments du sous-menu en bloc */
    margin: 5px 0; /* Espacement entre les éléments */
}

.top-menu > li:hover .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.top-menu[data-depth="1"] {
    margin: 0;
    display: flex;
    flex-direction: row;
    padding: 10px 5px;
}

.top-menu[data-depth="1"] li a {
    margin: 0;
    padding: 2px 0;
    color : #ff9501 !important;
 
    font-weight: bold; /* Texte en gras */
}

.top-menu[data-depth="1"] li a:hover {
    color : white !important;
}

.top-menu[data-depth="2"] li a {
    color : white !important;
    text-decoration: underline; /* Ajoute un soulignement */
    font-weight: bold; /* Texte en gras */
    
}

.top-menu[data-depth="2"] li a:hover, .top-menu[data-depth="3"] li a:hover {
    color : #ff9501 !important;
}


.top-menu[data-depth="3"] li a {
    text-decoration: none; /* Ajoute un soulignement */
    font-weight: normal; /* Texte en gras */
}


@media (max-width: 767px) {
    #header .header-nav .top-logo {
        padding: 0; 
    }
    
    #header .header-nav {
        background-color: #2d357e !important; /* Fond bleu */
    }
        
    #header .header-top .container {
        padding:  10px 0; 
        
    }
    
    #top-menu {
        display: flex;
        flex-direction: column;
    }
    
    #header .header-top .search-widget {
        float: right;
        margin-right: 0;
        width : 50%;
        text-align: center;
    }
    
    #header .header-top .position-static {
    position: static;
    display: flex;
    justify-content: center;
}
}


#header .header-nav #menu-icon .material-icons {
    line-height: 50px;
    color: white;
}

#header .header-nav .material-icons {
    line-height: inherit;
    color: white;
}

#header .header-nav .cart-preview .shopping-cart {
    vertical-align: middle;
    color: white;
}


#mobile_top_menu_wrapper {
    padding: 15px;
    background-color: #2d357e !important; /* Fond bleu */
}

.uk-tile-default {
    padding: 0 0 20px 0 !important;
    width: 100% !important;
}

.vc_column-inner {
    width : 100% !important;
}

.product-bottom__paragraph, .product-description h3, .product-description h2, .product-description h1, .product-description p, .product-description table, #description {
    background: none !important;
    width: 100% !important;
}

.product-description .h1, .product-info__title {
    font-size: 20px !important;
    margin: 0px 0px 20px !important;
    font-family: ubuntu !important;
    font-weight: 300 !important;
    color: rgb(0 0 0) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background-color: none !important;
        line-height: 20px !important;
}


















/* Styles globaux pour la description produit */
#product-description,
#description,
.product-description {
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 16px !important;
    color: black !important;
    line-height: 1.6 !important;
}


/* Style pour les paragraphes */
#product-description p,
#description p,
.product-description p {
    color: black !important;
    font-family: 'Ubuntu', sans-serif !important;
}

/* Style pour les titres */
#product-description h1, 
#product-description h2, 
#product-description h3, 
#product-description h4, 
#description h1, 
#description h2, 
#description h3, 
#description h4, 
.product-description h1, 
.product-description h2, 
.product-description h3, 
.product-description h4 {
    font-weight: bold !important;
    color: black !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    font-family: 'Ubuntu', sans-serif !important;
}

#product-description li,
#description li,
.product-description li {
    margin-bottom: 5px !important;
}

/* Styles pour les éléments en gras et en italique */
#product-description strong, 
#description strong, 
.product-description strong {
    font-weight: bold !important;
}

#product-description em, 
#description em, 
.product-description em {
    font-style: italic !important;
}

/* Correction des images */
#product-description img,
#description img,
.product-description img {
    max-width: 100% !important;
    height: auto !important;
}