/*Fix scroll horizontal*/
html, body {
	max-width: 100%;
	overflow-x: hidden;
}
/* Enlever le double scrool*/
#page {
	overflow:hidden;
}
/*Fin*/

/*Fix marge Elementor automatique des p*/

p, .entry-content p {
  margin-bottom: 0px;
}

/*Enlever la bordure par défaut en haut du bandeau des cookies*/
#moove_gdpr_cookie_info_bar{
	border: none !important;
}

a:focus {
  outline: none !important;
}

/* Créer bouton menu Appeler */
#e-n-menu-title-2006 {
  color: black;
  font-weight: 800 !important;
  background-color: #FFEE00;
  border: 1px solid #FFEE00;
  cursor: pointer;
  display: flex;
  transition: all 0.3s ease;
  line-height: 1;
}

#e-n-menu-title-2006:hover {
  background-color: transparent;
  border-color: black;
  color: black;
}
/*fin*/ 

/*Couleur et hover du lien La Marketerie dans le footer*/

.dubouloz_lien_marketerie:hover {
	color: #FCC113 !important;
}
/*fin*/

/* Soulignement liens navbar */
.menu_gdubouloz a {
  text-decoration: none;
  position: relative;
	padding-bottom: 5px;
  overflow: hidden;
}

.menu_gdubouloz a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 4px;
  background-color: #FFEE00;
  transition: left 0.3s ease-in-out;
}

/* Hover */
.menu_gdubouloz a:hover::after {
  left: 0;
}

.menu_gdubouloz .active-page a::after {
  left: 0;
}

/*fin*/

/* Annuler l'effet pour les liens avec la classe lien_navbar */
.menu_gdubouloz .conteneur_lien_navbar a::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}

.menu_gdubouloz .conteneur_lien_navbar a:hover::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: transparent !important;
}

/* Effet de survol pour les liens avec la classe lien_navbar */
.menu_gdubouloz .conteneur_lien_navbar .lien_navbar a:hover {
  font-weight: 500;
}
.hover_lien a:hover {
	font-weight: 500;
}
/* Lien dans les flèches */
.link-with-arrow a {
text-decoration:none!important;
}
/*Fin*/
/* Animation flèche */
.link-with-arrow {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.link-with-arrow img {
  width: 25px;
  height: auto;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.link-with-arrow:hover img {
  transform: translateX(5px);
}
/* Flêche avec responsive */
.arrow-responsive {
  width: clamp(35px, 5vw, 55px);
  height: auto;
  margin-left: clamp(9px, 1vw, 5px);
  transition: transform 0.3s ease;
}

.arrow-responsive:hover {
  transform: translateX(5px);
}
/* Version mobile */
@media (max-width: 767px) {
  .arrow-responsive {
    margin-left: 0;
    width: clamp(35px, 6vw, 55px);
}
/* Fin */
/*Flèche recrutement*/
.arrow-responsive-recrutement {
  width: clamp(25px, 5vw, 45px)!important; 
  height: auto;
	margin-right: 10px;
  margin-left: clamp(-1px, 1vw, -5px);
  transition: transform 0.3s ease;
}

.arrow-responsive-recrutement:hover {
  transform: translateX(5px);
}

/*Fin*/
/* Animation flèche page Tous les produits */
.link-with-arrow-product {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.link-with-arrow-product img {
  width: clamp(35px, 5vw, 55px);
  height: auto;
  transition: transform 0.3s ease;
}

.link-with-arrow-product:hover img {
  transform: translateX(5px);
}

/* RGPD modal */
selector .elementor-field-subgroup {
  align-items: flex-start;
}

selector .elementor-field-option {
  font-size: 0.7rem;
  line-height: 0.7;
}
/* Fin */
/* Formulaire de contact */

.formulaire-dubouloz input::-webkit-input-placeholder,
.formulaire-dubouloz textarea::-webkit-input-placeholder {
    opacity: 1 !important;
}

.formulaire-dubouloz .elementor-field-label:after {
    content: "*";
    color: #FFEE00!important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Fin */
/* Cadrer les logos dans les caroucelles de marque */
.swiper-slide-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px; 
   width: auto;
}

.swiper-slide-inner img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
/*FIN*/

/*Réduire l'interlignage dans RGPD modal poppup*/
.elementor-field-option {
	display: flex!important;
	align-items: flex-start!important;
}
.elementor-field-option label {
	line-height: 8px!important;
}
.elementor-field-option input {
	margin-right: 10px!important;
}
/*fin*/

/* Changer couleur de la selection de texte*/
::selection {
    background-color: #FFEE00; /* Couleur de surlignage */
    color: #32393D; /* Couleur du texte surligné */
}

/* COCON */
.cocon .elementor-widget-container {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	color: black !important;
}

.cocon .elementor-widget-container h1,
.cocon .elementor-widget-container h2,
.cocon .elementor-widget-container h3,
.cocon .elementor-widget-container p,
.cocon .elementor-widget-container a {
	color: black !important;
}

/* -------- H1 -------- */
.cocon .elementor-widget-container h1 {
	color: black !important;
	--e-global-color-primary: black !important;
	--e-global-color-text: black !important;
}
 {
	font-size: 3.4rem !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-top: 0 !important;
	color: black !important;
}
 {
	font-size: 3.4rem !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-top: 0 !important;
	color: black !important;
}

@media screen and (max-width: 1024px) {
	.cocon .elementor-widget-container h1 {
		font-size: 2.6031rem !important;
	}
}

@media screen and (max-width: 767px) {
	.cocon .elementor-widget-container h1 {
		font-size: 2.2777rem !important;
	}
}

@media screen and (max-width: 480px) {
	.cocon .elementor-widget-container h1 {
		font-size: 2.975rem !important;
	}
}

/* -------- H2 -------- */
.cocon .elementor-widget-container h2 {
	font-size: 3rem !important;
	line-height: 1.2em !important;
	color:black!important;
}

@media screen and (max-width: 1024px) {
	.cocon .elementor-widget-container h2 {
		font-size: 2.2968rem !important;
	}
}

@media screen and (max-width: 767px) {
	.cocon .elementor-widget-container h2 {
		font-size: 2.0097rem !important;
	}
}

@media screen and (max-width: 480px) {
	.cocon .elementor-widget-container h2 {
		font-size: 2.625rem !important;
	}
}

/* -------- H3 -------- */
.cocon .elementor-widget-container h3 {
	font-size: 2.2rem !important;
	line-height: 1.2em !important;
	color:black!important;
}

@media screen and (max-width: 1024px) {
	.cocon .elementor-widget-container h3 {
		font-size: 1.6843rem !important;
	}
}

@media screen and (max-width: 767px) {
	.cocon .elementor-widget-container h3 {
		font-size: 1.4723rem !important;
	}
}

@media screen and (max-width: 480px) {
	.cocon .elementor-widget-container h3 {
		font-size: 1.925rem !important;
	}
}

/* -------- Paragraphes -------- */
.cocon .elementor-widget-container p {
	font-size: 1rem !important;
	line-height: 1.2em !important;
}

/* -------- Images -------- */
.cocon .elementor-widget-container img {
	margin-top: 20px !important;
	width: 100% !important;
	max-height: 600px !important;
	object-fit: cover !important;
}

/* -------- Liens -------- */
.cocon a {
	color: black !important;
	text-decoration: underline !important;
}
/* Page Nos mag, graissé lien de la galerie */
.menu-gallery .elementor-item.elementor-gallery-title.elementor-item-active {
    font-weight: bold !important;
    color: var(--gallery-title-color-active) !important;
}

/*Fin*/
@media (max-width: 767px) {
    .elementor-gallery__titles-container {
        flex-direction: column!important;
        gap: 10px!important;
        align-items: center!important;
    }

    .elementor-gallery__titles-container a {
        text-align: center!important;
        display: block!important;
    }
}