/****** CSS PAGE ACCUEIL  ******/

/* Menu principal navigation */

/* ul.sub-menu {
    width: 1200px;
} */

/* CSS SOUS MENU : Position Absolute */

/* Styles pour le conteneur parent des blocs */
#page > div {
    position: relative; /* Positionnement relatif pour les éléments enfants positionnés absolument */
}

body a {
    text-decoration: none;
    color: white;
}

body a:hover {
    color: #de4d50;
}

.elementor-section.Sousmenu {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    z-index: 2; 
}

.hfe-nav-menu li.menu-item {
    position:inherit;
}

.elementor-element-b933dc6 .hfe-nav-menu li.menu-item {
    position: relative ;
}
 
.elementor-section-smartslider {
    z-index: 1; 
}

#menu-1-5f51582 .hfe-has-submenu-container a span i{
    display:none ;
}

.elementor-element-41159c53 {
    position: absolute !important;
}

.Sousmenu .hfe-nav-menu ul.hfe-nav-menu li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 12px;
    width: 2px;
    background-color: black;
}

/* Eviter debordement du sous-menu, mettre sur deux lignes */
.hfe-has-submenu-container, #menu-item-1109 {
	white-space:inherit;
}

.elementor-element-4290059 *, 
.elementor-element-4290059 :after, 
.elementor-element-4290059 :before {
    box-sizing: border-box;
    white-space: inherit;
    flex-wrap: wrap;
}

/* Supprimer la barre après le dernier élément */
.Sousmenu .hfe-nav-menu ul.hfe-nav-menu li:first-child::before {
    display: none;
}

.sub-menu li a {
    padding-left:15px !important;
} 

body, .site-container {
    position: relative; 
}

/* Conteneur parent */
/* .elementor-12 .elementor-element.elementor-element-5f51582 {
    position: relative; 
} */

/* Largeur fixe pour le sous-menu */
.elementor-12 .elementor-element.elementor-element-5f51582 ul.sub-menu {
    width:100%;
    margin: auto; 
    padding: 0; 
}

.elementor-section.Sousmenu {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}


@media (min-width: 1200px) {

	/* Sous-menu : centré par rapport à la page */
	#menu-1-5f51582 .sub-menu {
		display: flex ;
		flex-direction: row;
		justify-content: center; 
		align-items: center; 
		white-space: nowrap; 
		list-style: none; 
		z-index: 999;
		border-bottom-left-radius:15px !important;
		border-bottom-right-radius:15px !important;
	}

	/* Barre noire centrée verticalement et de 10px de hauteur après chaque élément sauf le premier */
	#menu-1-5f51582 .sub-menu li:not(:first-child)::before {
		content: "";
		position: absolute;
		left: 0; 
		top: 50%; 
		transform: translateY(-50%); 
		width: 2px; 
		height: 12px; 
		background-color: black; 
	}


	#menu-1-5f51582 .sub-menu li {
		padding-right:3px;
	}
}


/*Numero telephone rédution padding */
[data-id="1e1d988"] .elementor-widget-wrap {
padding: 30px !important;
}

 .elementor-8 .elementor-element.elementor-element-6176f3d > .elementor-container {
    min-height: inherit !important;
}

.square {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 185px;
    background-color: white;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

/* Changer la couleur vignettes au survol */
.square:hover {
    background-color: #de4d50;
}

.square:hover .vignette-text {
    color: white; /* Changer la couleur du texte au survol */
}

.square:hover img {
    filter: brightness(0) invert(1); /* Changer la couleur des images au survol */
}

.square a {
    text-decoration: none;
    color: inherit;
}

.square-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.image-container {
    margin-bottom: 10px;
}

.vignette-text {
    font-size: 16px;
    font-weight: bold;
}

.vignette-row {
    justify-content: center;
}

/* Rendre background du template vignette transparent */
.elementor-element-393ba29 {
    position: absolute;
    left:10px;
    right: 10px;
    background-color: transparent !important;
    z-index: 2;
    margin-top: -120px;
    text-align: center; /* Ajoutez cette propriété pour centrer le texte */
}

/* Creation barre rouge content page accueil */
[data-id="eabf692"] .elementor-widget-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 35px; /* Pour centrer la bordure verticalement */
    transform: translateY(-50%);
    width: 3px;
    height: 50px;
    background-color: #de4d50; /* Couleur de la bordure */
}



[data-id="3c4697c"] .elementor-shortcode a img {
    margin-right: 0px;
    margin-top:0px;
   
}

/* Grossir Phone call sur accueil */
[data-id="fb81b53"] .elementor-widget-wrap {
    padding:30px !important;
}

/* Breadcrumb */

.breadcrumbs {
    font-family: "Work Sans", Sans-serif;
    font-weight:bold !important;
    
}

.breadcrumbs span a span {
    color:red;
}

.breadcrumbs span a span:hover {
    color:black;
}

.current-item {
    color:black !important;
}

.lien-tel-mobile {
    display: none;
}

/* MEDIA QUERIES */

  /* Ajouter la règle pour diminuer la taille des carrés à 1400px */
  @media (max-width: 1400px) {
    .square {
        width: 150px;
        height: 150px;
    }
    .vignette-text {
        font-size : 14px;
    }
}

    @media (max-width: 1220px) {
        .square {
            width: 150px;
            height: 150px;
        }
        .vignette-text {
            font-size : 14px;
        }

        .elementor-element-393ba29 {
            position: relative;  
            margin-top: 0px;
            text-align: center; /* Ajoutez cette propriété pour centrer le texte */
        }
        .elementor-element-9483a13 {
            padding-top: 0px !important;
        }

        /* Enlever margin certifications */
        [data-id="313b7ea"] .elementor-widget-wrap, [data-id="d7230c1"] .elementor-widget-wrap, [data-id="175cad4"] .elementor-widget-wrap {
            margin-top:10px !important;
        }

           /* Centrer images certifications */
           .elementor-8 .elementor-element.elementor-element-ff0c6d1 .swiper-wrapper {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            height: 100% !important;
        }

        /* Appelez-nous accueil rendre l'image net */
        .elementor-8 .elementor-element.elementor-element-af380fa img {
            width:inherit !important ;
        }

     
    }

    /* Grossir Phone call accueil */
    @media (max-width: 900px) {
        [data-id="fb81b53"] .elementor-widget-wrap {
            padding:10px !important;
        }

    }

    @media (max-width: 767px) {

        .hfe-nav-menu-icon svg {
            width: 28px !important;
            height: 28px !important;
        }

/*         .hfe-nav-menu__layout-horizontal {
            border-bottom: solid 1px !important;
        } */

        .hfe-nav-menu__layout-horizontal {
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4) !important; /* Ombre légère au bas */
        }


        
        /* ENLEVER SIDEBAR SUR MOBILE */

        [data-id="3033a0e"] {
            display: none;
        }


        [data-id="95e3126"] {
            display:none;
        }

        .elementor-element-47f8465 .elementor-button {
            padding:6px 12px;
        }

        .elementor-element-304826b {
            padding-top:20px;
        }

        .lien-tel-mobile {
            display: block;
        }

        .hfe-nav-menu-icon .far {
            font-size:28px;
        }

        
 /*        .hfe-nav-menu li.menu-item {
            position: static;
        } */

        [data-id="fb81b53"] {
            display: none;
        }

        .elementor-114 .elementor-element.elementor-element-0f9690a {
            padding: 40px 0px 110px 0px;
        }

        .elementor-114 .elementor-element.elementor-element-0f9690a > .elementor-container {
            width: 300px;
        }

        .elementor-114 .elementor-element.elementor-element-6923d75 {
            padding-bottom:40px;
        }

        .elementor-114 .elementor-element.elementor-element-c19af36 .hfe-site-logo-container, .elementor-114 .elementor-element.elementor-element-c19af36 .hfe-caption-width figcaption {
            /* text-align: center; */
            margin: auto;
            max-width: 110px;
        }

        [data-id="fa0c254"] {
            padding-top:3%;
        }



        .n2-ss-layer div {
            font-size: 48px !important;
        }

        /* .n2-ss-layer, .n2-ss-section-main-content {
            padding:0px !important;

        } */

        .fleche-slider {
            display:none !important;
        }
        /*.page section {
            padding:0 3%;
        } */

        .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
            padding: 0px;
        }

        .n2-ss-item-content {
            font-size:34px !important;
        }

        .n2-ss-item-content div p {
            font-size:24px !important;
        }
        
        #menu-1-5f51582 li a{
            background-color:white !important;
            color: black !important;
        }
        /* Style sous-menu de la nav principale*/
        .sub-menu {
            padding-left :15px !important;
            font-size:5px !important;
        }

        .elementor-element-393ba29 {
            display:flex;
            position: relative;  
            margin-top: 0px;
            text-align: center; /* Ajoutez cette propriété pour centrer le texte */
        }

/*         .n-uc-16a186d49c2d7 {
            display:none !important;
        } */

        /* Ajout de la couleur crouge sur menu mobile */
     /*    #menu-1-5f51582 li a{
            color:red;
            
        } */

        #menu-1-5f51582 li a {
            background-image: linear-gradient(to right, transparent 0%, transparent 50%, rgb(234, 225, 225) 50%, rgb(234, 225, 225) 100%);
            background-size: 200% 100%;
            transition: background-position 0.3s ease;
            color:red;
        }
        
        #menu-1-5f51582 li a:hover {
            background-position: -100% 0;
        }

        .elementor-element-ff0c6d1 .swiper-slide {
            flex-shrink: inherit !important;
            display: flex;
            justify-content: center;
        }
       
        /* Enlever margin certifications */
        [data-id="313b7ea"] .elementor-widget-wrap, [data-id="d7230c1"] .elementor-widget-wrap, [data-id="175cad4"] .elementor-widget-wrap {
        margin-top:0px !important;
        }

        .swiper-slide-inner {
            margin: 0;
            padding: 0;
        }
        
        .swiper-slide-image {
            margin: 0;
            padding: 0;
        }
        /* enelever barre certifications */
        [data-id="d7230c1"] {
            display: none;
        }
        
        /* Enlever margin p certifications */
        [data-id="de7819e"] .elementor-widget-container p  {
            margin-bottom: 0 !important;
        }
        
        .elementor-8 .elementor-element.elementor-element-c8173cd > .elementor-container {
            min-height:210px !important;
        }

        /* Réduire espace content accueil*/
        [data-id="2dcf8e8"] .elementor-widget-wrap, [data-id="67a55b8"] .elementor-widget-wrap {
            padding-bottom: 40px !important;
            padding-top: 40px !important;
        }

        /* Changement couleur menu burger header 2 */
        .hfe-nav-menu-icon svg path {
            fill: white !important;
        }

        .hfe-nav-menu__toggle .hfe-nav-menu-icon i {
            color: white;
        }

        [data-id="bd36792"] .elementor-widget-container {
            margin-top:15px !important;
            
        }

        
        /* Place elements with data-id="d3d44af" and data-id="1c3bfdf" on the same line */
        .elementor-column[data-id="d3d44af"],
        .elementor-column[data-id="1c3bfdf"] {
            flex-basis: 50%; /* Divide the width in half for each column */
            max-width: 50%; /* Divide the width in half for each column */
        }
    
        /* Place element with data-id="06cf8dd" on a single line */
        .elementor-column[data-id="06cf8dd"] {
            flex-basis: 100%; /* Use full width */
            max-width: 100%; /* Use full width */
        }
    
        /* Place elements with data-id="8eb272b" and data-id="33cf31f" on the same line */
        .elementor-column[data-id="8eb272b"],
        .elementor-column[data-id="33cf31f"] {
            flex-basis: 50%; /* Divide the width in half for each column */
            max-width: 50%; /* Divide the width in half for each column */
        }
        

        /* CSS pour ajuster le positionnement sur mobile */

        .telephone-link-container {
            text-align: center;
        }
        
        
}

/* CSS pour centrer le shortcode */
.telephone-link-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.telephone-link {
    display: block;
}

/* Menu prinncipale mobile */


/* FOOTER */

.SiteEpartenaire {
    text-decoration: none !important;
    color: white; /* Couleur désirée */

}

.elementor-114 .elementor-element.elementor-element-c19af36 .hfe-site-logo-container .hfe-site-logo-img {
    transform: scale(1);
    transition:300ms ease;
}

.elementor-114 .elementor-element.elementor-element-c19af36 .hfe-site-logo-container .hfe-site-logo-img:hover {
    transform: scale(1.1);
    transition:300ms ease;
}

/* liens footer */
.liens-footer:hover {
color:#DE4D50 !important;
}


.bouton-savoirplus-slider {
    transform: scale(1);
    transition:300ms ease;
}

.bouton-savoirplus-slider:hover {
    transform: scale(1.1);
    transition:300ms ease;
}