/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1762189988
Updated: 2025-11-03 17:13:08

*/

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: var(--e-global-color-primary, #111);
    color: #fff;
    text-decoration: none;
}
.comments-area a, .page-content a {
    text-decoration: none;
}
#navbar.scrolled {
    background: rgb(0 0 0 / 60%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
#navbar.scrolled .logo-header img {
    height: auto;
    width: 120px !important;
}

#navbar.scrolled .logo-header img {
    transition: .3s ease;
}

.galerie figure.gallery-item {
    opacity: .5;
}
.avant-pied {
    position: relative;
    z-index: 9;
}

.plan ul li {
    list-style: disc !important;
    color: white;
}
.plan ul {
    margin-left: 20px;
}

.header-background {
    height: 30rem;
    background: var(--e-global-color-accent);
	position: relative;
}

.contenu-header {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
	justify-content: center !important;
}
.contenu-article {
    margin-top: -15rem;
    position: relative;
    z-index: 1;
}
nav.post-nav {
    display: flex;
    justify-content: space-between;
    color: white;
    margin-bottom: 15px;
}
.contenu-header h2 {
    text-transform: uppercase;
    font-weight: 900;
}
.content-article {
    padding: 2% 4%;
}

.content-article h1.entry-title {
    font-weight: 700;
}
#scroll-to-top {
	opacity: 0;
    visibility: hidden; */
    /* CRUCIAL : Définit la durée de l'animation (0.5 seconde ici) */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; 
}
nav.post-nav a {
    color: white;
}
/* Nouvelle classe pour forcer l'apparition */
/* #scroll-to-top {
    opacity: 1;
    visibility: visible;
} */
.icon-ancre {
    animation: rebond 1.5s infinite; /* 1.5s de durée, répétition infinie */
}

.btn-scroll a {
    background: white;
    position: relative;
    border-radius: 50px;
}

.btn-scroll a:before {
    content: "";
    background: var(--e-global-color-primary);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50px;
	animation: pulse 1.2s ease infinite;
}

@keyframes rebond {
    0%, 100% {
        transform: translateY(0); /* Position de départ et d'arrivée (bas) */
    }
    50% {
        transform: translateY(-10px); /* Le point le plus haut de l'animation */
    }
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}




.info-burger {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10%;
}

.info-burger .num-date .myobox-iconbox .myobox-iconbox-icon {
    display: none !important;
}

.info-burger .num-date .myobox-iconbox .myobox-iconbox-title {
    color: var(--e-global-color-118daa9);
    font-size: 35px !important;
    font-weight: 800 !important;
}

.info-burger .num-date p {
    font-size: 25px;
    font-weight: 900;
    color: var(--e-global-color-118daa9);
    margin-bottom: 0;
    margin-top: 15px;
    text-transform: uppercase;
}

.info-burger .num-date {
    background: white;
    padding: 10px 20px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.info-burger h4 {
    font-weight: 800 !important;
}
.burger-intervention p {
    font-weight: 600;
}
.galerie {
    overflow: hidden;
}

#menu-menu-principal .menu-item-type-custom {
    display: none;
}
.plan ul li.menu-item-type-custom {
    display: none;
}

.reseaux-sociaux {
    padding: 12px 16px 16px;
    display: flex;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin: auto;
}
.reseaux-sociaux a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px !important;
    height: 50px !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    text-decoration: none;
    transition: transform .15s ease, background .2s ease;
}
.sharebar__btns svg {
    height: 40px;
    background: red;
}
.sharebar__btns {
    display: flex;
    align-items: center;
}

button.sharebtn.sharebtn--ig {
    background: var(--e-global-color-118daa9);
    padding: 0;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: none !important;
}
.sharebar__btns svg {
    height: 50px;
    width: 50px;
    background: none !important;
    padding: 8px;
}

.sharebar__btns a, .sharebar__btns button {
    margin: 5px;
}
.reseaux-sociaux a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: var(--e-global-color-118daa9) !important;
    color: #fff;
    text-decoration: none;
	padding: 2px;
}
.numero-no-icon .myobox-iconbox-icon {display: none !important;}

.numero-no-icon .myobox-iconbox-inner {
    background: var(--e-global-color-ba924be);
    padding: 10px;
    border: 1px solid #c16e0f;
    border-radius: 5px;
}

.numero-no-icon .myobox-iconbox-inner .myobox-iconbox-title {
    font-size: 40px !important;
    font-weight: 700 !important;
}

.numero-no-icon.blue .myobox-iconbox-inner {
    background: var(--e-global-color-secondary);
    border: 1px solid #2a8998;
}
.numero-no-icon.vert .myobox-iconbox-inner {
    background: var(--e-global-color-primary);
    border: 1px solid #1fa470;
}

.image-inverse img {
    filter: brightness(20);
}
.click-orange .elementor-shortcode a {
    color: var(--e-global-color-ba924be);
}
.click-blanc .myobox-iconbox-texts, .click-blanc .myobox-iconbox-icon {
    color: white;
}



.onglet-realisations button {
    background: transparent !important;
}

.onglet-realisations button:nth-child(1) {
    color: var(--e-global-color-secondary) !important;
    border: 3px solid;
}

.onglet-realisations button:nth-child(2) {
    color: var(--e-global-color-ba924be) !important;
    border: 3px solid;
}

.onglet-realisations button:nth-child(3) {
    color: var(--e-global-color-primary) !important;
    border: 3px solid;
}
.onglet-realisations button:nth-child(1)[aria-selected=true] {
    background-image: linear-gradient(90deg, #88D0DC 0%, #008CE1 100%) !important;
    transition: background 0.5s, border 0.2s, border-radius 0.2s, box-shadow 0.2s;
    color: white !important;
    border-color: white;
    box-shadow: 0 0 1px 1px #008CE1;
}
.onglet-realisations button:nth-child(2)[aria-selected=true] {
    background-image: linear-gradient(-90deg, #C53609 0%, #F8D256 100%) !important;
    transition: background 0.5s, border 0.2s, border-radius 0.2s, box-shadow 0.2s;
    color: white !important;
    border-color: white;
    box-shadow: 0 0 1px 1px #C53609;
}
.onglet-realisations button:nth-child(3)[aria-selected=true] {
    background-image: linear-gradient(100deg, #88D0DC 0%, #5CD3A5 100%) !important;
    transition: background 0.5s, border 0.2s, border-radius 0.2s, box-shadow 0.2s;
    color: white !important;
    border-color: white;
    box-shadow: 0 0 1px 1px #5CD3A5;
}


.realisation-avant-apres {
    border-radius: 10px;
    overflow: hidden;
}

.realisation-galerie .elementor-image-gallery .gallery-item img {
    margin: initial;
    width: 100%;
    box-shadow: 0 0 1px 1px #80808038;
    border-radius: 10px !important;
}
.inverse-image img {
    filter: brightness(20);
}
.contact-click .myobox-iconbox-title {font-size: 40px !important;font-weight: 700 !important;color: white;}

.contact-click .myobox-iconbox-icon {
    color: var( --e-global-color-118daa9 );
    background: white;
    padding: 5px;
    border-radius: 5px;
}

.contact-click .myobox-iconbox-inner {
    display: flex;
    align-items: center !important;
}


.mon-formulaire input, .mon-formulaire textarea {
    box-shadow: 0 0 10px -5px #d7d7d7 !important;
    border: 1px solid #8080804f !important;
    border-radius: 10px !important;
}
.mon-formulaire .forminator-row {
    margin-bottom: 15px !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-1023.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-1023.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
    background-color: #097BAA !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
}
.forminator-select-dropdown-container--open .forminator-custom-form-1023.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted, .forminator-select-dropdown-container--open .forminator-custom-form-1023.forminator-dropdown--flat .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted span:not(.forminator-checkbox-box) {
    background-color: white !important;
    color: #000000 !important;
    border-radius: 10px !important;
}

.forminator-ui#forminator-module-911.forminator-design--flat .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: white !important;
    border-radius: 10px !important;
}
.forminator-ui#forminator-module-911.forminator-design--flat .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus {
    outline: inherit !important;
    outline-offset: 1px;
}
.forminator-ui#forminator-module-911.forminator-design--flat .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #727272 !important;
}
label#forminator-form-911__field--select-2_69130a9be1a97-label {
    font-size: 16px !important;
}
.select-choix .forminator-field span.select2.select2-container.forminator-select {
    background: white !important;
    box-shadow: 0 0 10px -5px #d7d7d7 !important;
    border: 1px solid #8080804f !important;
    border-radius: 10px !important;
}
.select-choix .forminator-select {
    margin-top: 0 !important;
    padding: 0 !important;
    background: white !important;
}

.forminator-row.forminator-row-last {
    text-align: center;
}

button.forminator-button.forminator-button-submit {
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    background: linear-gradient(90deg, #88D0DC 0%, #008CE1 100%) !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
}
.bouton-nous-appeler:hover {
    background: var(--e-a-border-color-accent) !important;
}
.autre-bouton a:hover {
    background: var(--e-a-border-color-accent) !important;
}
.grille-post a.tpg-post-link img {
    height: 150px !important;
}
.title_hover_border_enable .rt-tpg-container .entry-title-wrapper .entry-title a {
    background: none  !important;
}

.grille-post .entry-title a:hover {
    color: var(--e-global-color-secondary) !important;
}
.grille-post .read-more a {
    transition: .4s ease;
    border: none !important;
}

.grille-post .read-more a:hover {
    color: var(--e-global-color-secondary) !important;
}
.grille-post .read-more a:after {
    content: "-";
    margin-left: 5px;
	transition: .4s ease;
}
.grille-post .read-more a:hover:after{
	margin-left: 10px;
}
.grille-post .read-more a:before {
    content: "-";
    margin-right: 5px;
	transition: .4s ease;
}
.grille-post .read-more a:hover:before{
	 margin-right: 10px;
}
.content-article h1.entry-title {
    font-weight: 700;
    color: var(--e-global-color-118daa9);
}
@media(max-width: 1024px) {
	.grille-post a.tpg-post-link img {
		height: initial !important;
	}
	.cacher-mobile{
		display: none !important;
	}
	
	.mm-header img {
		width: 100px !important;
	}
	.mm-list li a {
		padding: 6px 18px !important;
		font-size: 15px !important;
	}
	.info-burger .num-date .myobox-iconbox .myobox-iconbox-title {
		font-size: 20px !important;
	}
	.info-burger .num-date p {
		font-size: 15px !important;
	}
	.info-burger h4 {
		font-weight: 800 !important;
		font-size: 18px !important;
	}
	#menu-menu-principal .menu-item-type-custom {
		display: block;
	}
	.menu-item-type-custom ul.sub-menu {
		padding: 0;
	}
	.menu-item-type-custom >a {
		background: gray;
	}
	.mm-panel {
		width: 100vw !important;
	}
	.burger-intervention {
		padding: 0 35px !important;
	}
	.container-bouton-flottant {
    height: 40px !important;
    position: fixed !important;
    bottom: 0 !important;
    display: flex;
    background: white;
    border-radius: 15px 15px 0 0;
    width: 100% !important;
    box-shadow: 0 0 20px -5px #80808033;
}
	
	ul.sub-menu li a {
    text-transform: none;
}

	.mm-right {
    right: 0 !important;
}
.container-bouton-flottant .bouton-flottant {
    position: relative;
    top: -15px !important;
}
	
	li#menu-item-631 .sub-menu {
			display: none;
			transition: all 0.3s ease-out;
			background: #ffffff14;
		}
}




.menu-zone ul {
    padding: 0;
    display: flex;
}

.menu-zone ul li {
    list-style: none;
    width: fit-content;
    padding: 0 5px;
}

.menu-zone ul li a {
    color: white;
}

.menu-zone ul li:after {
    content: "-";
    margin-left: 5px;
}

.menu-zone ul li:last-child:after {
    display: none;
}




/* ===== Container façon Elementor ===== */
.custom-container{
  /* Variables ajustables au cas par cas */
  --max-w: 1200px;        /* largeur “boxed” du contenu */
  --p: clamp(16px,2vw,32px);   /* padding intérieur */
  --gap: clamp(12px,2vw,24px); /* espace entre éléments */
  --dir: row;                 /* row | column */
  --wrap: wrap;               /* wrap | nowrap */
  --align: stretch;           /* stretch | flex-start | center | flex-end */
  --justify: flex-start;      /* flex-start | center | space-between | space-around | flex-end */

  box-sizing: border-box;
  display: flex;
  flex-direction: var(--dir);
  flex-wrap: var(--wrap);
  align-items: var(--align);
  justify-content: var(--justify);
  gap: var(--gap);
  width: min(100%, var(--max-w));
  margin-inline: auto;
  padding: var(--p);
}

/* Variante pleine largeur (full width de la section) */
.custom-container.is-full { width: 100%; }

/* Utilitaires de direction / align / justify (façon “controls” d’Elementor) */
.custom-container.is-column { --dir: column; }
.custom-container.nowrap     { --wrap: nowrap;  }
.custom-container.center     { --justify: center; }
.custom-container.between    { --justify: space-between; }
.custom-container.around     { --justify: space-around; }
.custom-container.align-start  { --align: flex-start; }
.custom-container.align-center { --align: center; }
.custom-container.align-end    { --align: flex-end; }

/* Utilitaires de spacing */
.custom-container.no-gap { --gap: 0; }
.custom-container.no-pad { --p: 0; }

/* Items enfant : “colonnes” fluides */
.custom-item{ 
  flex: 1 1 var(--basis, 320px); /* largeur de base modifiable par variable */
  min-width: 0; 
}

/* ===== Responsif par variables (modifie au besoin) ===== */
@media (max-width: 1024px){
  .custom-container{ 
    gap: var(--gap-md, var(--gap));
    padding: var(--p-md, var(--p));
    /* direction / align / justify responsives via data-attrs : */
  }
  .custom-container[data-dir-md="column"]{ flex-direction: column; }
  .custom-container[data-dir-md="row"]{ flex-direction: row; }
  .custom-container[data-justify-md="center"]{ justify-content: center; }
  .custom-container[data-justify-md="between"]{ justify-content: space-between; }
  .custom-container[data-align-md="center"]{ align-items: center; }
  .custom-item{ flex-basis: var(--basis-md, var(--basis, 100%)); }
}
@media (max-width: 991px){
.info-burger {
    display: none;
}
}
@media (max-width: 767px){
  .custom-container{
    gap: var(--gap-sm, var(--gap-md, var(--gap)));
    padding: var(--p-sm, var(--p-md, var(--p)));
  }
  .custom-container[data-dir-sm="column"]{ flex-direction: column; }
  .custom-container[data-dir-sm="row"]{ flex-direction: row; }
  .custom-container[data-justify-sm="center"]{ justify-content: center; }
  .custom-container[data-justify-sm="between"]{ justify-content: space-between; }
  .custom-container[data-align-sm="center"]{ align-items: center; }
  .custom-item{ flex-basis: var(--basis-sm, var(--basis-md, var(--basis, 100%))); }
	
	.contenu-article {
    margin-top: -10rem;
    position: relative;
    z-index: 1;
}
}

/* ===== Enrobage “section” (optionnel) pour arrière-plan full-bleed ===== */
.custom-section{ width:100%; }
.custom-section.has-bg{ background: #f7f7f8; } /* exemple */