/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*debut-ajout-style*/
.page-content img {
    vertical-align: initial;
}
.elementor-1175 .elementor-element.elementor-element-baf8f8c{
	margin-top:100px!important;
}
.is-style-fill a.wp-block-button__link.has-text-color.has-background.has-link-color.wp-element-button:hover {
    color: #08ab9e !important;
    background: transparent !important;

}
.is-style-fill a.wp-block-button__link.has-text-color.has-background.has-link-color.wp-element-button {
    font-family: "Montserrat", Sans-serif;
    font-weight: 700!important;
    background: transparent !important;
}
.name-livraison{display: block;text-align: center;}
.box-project strong{margin-top: 10px;margin-bottom: 10px;}
.is-style-fill .wp-element-button:hover img {
    transform: rotate(45deg);
    transition: all .3s;
}.is-style-fill .wp-element-button img {
   margin-left:10px;
    transition: all .3s;
}

.is-style-fill a {
    padding: 0;
    text-decoration: none;
    transition: all .3s;
}
a.target-ag {
    font-size: 16px !important;
}
.read-more, .read-more a {
    font-size: 16px !important;
    text-align: right;
    margin-top: 17px;
    display: flex;
    margin-bottom: 10px;
    float: right;
    background: transparent;
    color: #2D3349 !important;
    font-weight: 800!important;
    text-transform: uppercase;
}

.ha-horizontal-timeline .ha-horizontal-timeline-title, .ha-horizontal-timeline .ha-horizontal-timeline-title a {
    color: #2C3248;
    font-size: 17px !important;
    line-height: 26px !important
}
.ha-horizontal-timeline .ha-horizontal-timeline-title:hover, .ha-horizontal-timeline .ha-horizontal-timeline-title a:hover {
    color:#08ab9e !important
}
/*fin-ajout-style*/

.elementor-background-overlay .sliderHome {
    background-image: linear-gradient(270deg, #D5DA26 0%, #33B3A6 100%) !important;
    opacity: 45%;
}

.ptitre {
    padding-left: 80px;
    font-weight: 300;
    display: block;
}

.sliderHome h1.elementor-slide-heading {
    background: #fff;
    -webkit-background-clip: text;
    color: #fff;
    text-shadow: 3px 4px 8px rgba(0, 0, 0, 0.5);
}


span.breadcrumb {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-align: right;
    float: right;
}

span.breadcrumb a {
    color: #fff;
    font-size: 13px
}

.citation .elementor-blockquote:before {
    transform: rotate(180deg);
    width: 100%;
    text-align: right;
}

/*  menu **/
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    text-shadow: none;
    border-bottom: 1px solid #D5DA2687;
    padding: 15px 0px !important;
    border-inline-start: 0px solid transparent !important;
}

.sub-menu li.menu-item {
    padding: 0 25px;
}

.sub-menu li.menu-item:hover {
    padding: 0 25px;
    background: #2C3248;
}

.sub-menu li.menu-item:hover a{
    color: #fff;
}

.sub-menu .current-menu-item {
    background: #2C3248;
}

.elementor-nav-menu--dropdown a:hover, .elementor-2244 .elementor-element.elementor-element-1d7967c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2244 .elementor-element.elementor-element-1d7967c .elementor-nav-menu--dropdown a.highlighted {
    background-color: #fff0 !important;
    color: #fff;
}

/*** page Actualitées **/

span.page-numbers.current {
    background-color: #01A4BD;
}

.page-numbers {
    border: 1px solid #01A4BD;
    border-radius: 35px;
    width: 40px;
    text-align: center;
    display: inline-block;
    height: 40px;
    margin: auto;
    line-height: 37px;
}
.elementor-post-navigation span.elementor-post-navigation__link__next{
    gap: 15px;
}
.page-numbers:hover {
    background-color: #01a4bd4d;
    color: #000 !important;
}

span.post-navigation__prev--label {
    display: none;
}
.elementor.elementor-2166.elementor-location-archive,.elementor-element-9a52fb2, .page-content, #content-accueil{
	
	padding:0 35px;
}
.page-id-7 .page-content{
	
	padding:0;
}

.category_link span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.category_link span::before ,.category_link h3::before {
    content: "───";
    margin-right: 10px;
    font-size: 20px;
    color: #D5DA26;
}

.single-post .elementor-post-navigation {
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

ul.category_link li {
    list-style: none;
}

ul.category_link {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.asideBar .cat-item a {
    line-height: 2.3;
}

.title_plus h3::before {
    content: "───";
    margin-right: 10px;
    font-size: 20px;
    color: #D5DA26;
}


.title_plus h3 {
    display: flex;
}

.elementor-widget-wp-widget-categories ul li {
    list-style: none;
}

.elementor-widget-wp-widget-categories ul {
    padding: 0px;
}

.publication .elementor-post__text {
    display: flex !important;
    flex-direction: column !important;
    /* Afficher les éléments en colonne */
}

.publication .elementor-post__title {
    order: 2;
    /* Ordre 2 : titre apparaît après la date */
}

.publication .elementor-post__meta-data {
    order: 1;
    /* Ordre 1 : date apparaît avant le titre */
}

.publication .elementor-post__excerpt {
    order: 3;
}

.publication a.elementor-post__read-more {
    order: 4;
}

.actualit .elementor-post__read-more-wrapper {
    order: 4;
}

/** details article **/
span.post-navigation__prev--label:before {
    content: "\1F814";
    margin-right: 20px;
}

/* span.post-navigation__next--label:after {
    content: "  \1F816";
    margin-left: 20px;
} */

span.breadcrumb_last {
    text-decoration: underline;
}

span.post-navigation__arrow-wrapper.post-navigation__arrow-next {
    margin-bottom: 25px;
}

.elementor-post-navigation__prev.elementor-post-navigation__link {
    display: none;
}

.img-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* couleur de la superposition avec transparence */
}

.plusConsultee .elementor-post__text {
    display: flex !important;
}

a.contact-link {
    color: #fff;
}

.elementor-button .elementor-align-icon-left {
    margin-right: 0 !important;
}

a.contact-link:hover {
    color: #01A4BD;

}


.plusConsultee .elementor-post__title {
    order: 2;
}

.plusConsultee .elementor-post__meta-data {
    order: 1;
}

.actualit .elementor-post__text {
    display: flex !important;
}

.actualit .elementor-post__title {
    order: 2;
}

.actualit .elementor-post__meta-data {
    order: 1;
}

.actualit .elementor-post__excerpt {
    order: 3;
}

.actualit .elementor-post__read-more {
    order: 4;
}

.imgSuite {
    width: 15px;
    margin-left: 15px;
}

.separateur {
    color: #01A4BD;
    margin: 0 10px;
}

/** groupe **/



.nos_valeurs .elementor-testimonial__content {
    display: flex;
    flex-direction: column;
}

.nos_valeurs .elementor-testimonial__text{
    order: 1;
}

.nos_valeurs .elementor-testimonial{
    display: contents !important;
}
.nos_valeurs cite.elementor-testimonial__cite {
    margin-top: 0 !important;
    line-height: 45px;
    font-style: normal !important;
}

.nos_valeurs .elementor-testimonial__text {
    font-style: normal !important;
}

/** page agences **/
div#map {
    min-height: 550px;
    z-index: 1;
}

select#filter-agences {
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #e3e66d;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.sideLfet {
    padding-right: 50px;
}

.agence {
    background: #fff;
    padding: 20px 50px;
    margin: 25px 0;
    cursor: pointer;
    border: 1px solid #01a4bd00;
}

.agence h2 {
    margin-top: 0;
}

.agence h2 {
    font-size: 26px;
    line-height: 32px;
}

/** card map **/
.card.cardmap {
    flex-direction: row-reverse;
    width: 355px;
    border: 0;
}

.card.cardmap .info {
    width: 80%;
}

.card.cardmap .thumbnail {
    width: 45%;
    height: auto;
}

.card.cardmap .info {
    width: 80%;
    padding: 10px;
}

a.voirplus {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}


.content p {
    font-size: 17px;
    line-height: 27px;
}

.leaflet-popup-content {
    margin: 0;
    border: 0;
}

.thumbnail img {
    border-radius: 7px;
    height: 100%;
}
.cardmap .thumbnail img {
    object-fit: cover;
}
.leaflet-popup-content-wrapper {
    padding: 0px;
    text-align: left;
    border-radius: 12px;
}

.marker-cluster-small div {
    background-color: #20c4dd;
}

.marker-cluster-small {
    background-color: rgb(4 194 223 / 40%);
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 15px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
}

.agence.borderActif {
    border: 1px solid #01A4BD;
}

.agence:hover{
    border: 1px solid #01A4BD;
}

img.imgCat {
    margin-right: 15px;
    width: 25px;
}

.icon span {
    position: absolute;
    display: table;
    background: rgba(0, 0, 0, 0.58);
    color: #fff;
    border-radius: 8px;
    padding: 0px 10px;
    opacity: 0;
    transition: 0.2s all ease-out;
    width: max-content;
    font-size: 15px;
    line-height: 27px;
    top: -15px;
    left: 22px;
}

.agence img:hover ~ * {
    opacity:1;
    z-index: 10000;
}

.icon {
    position:relative;
    display:inline-block;
}


  /* Define the style for the tooltip title when hovering */


.slider_metiers .ha-slick-content::after {
    content: "Découvrir";
    background-image: url(/wp-content/uploads/2024/02/arrow-btn-blanc.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 8%;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 30px;
    transition: transform 0.5s ease, fill 0.5s ease;
}

.slider_metiers .ha-slick-content {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}

.slider_metiers .ha-slick-content{
    text-align: center;
}

.slider_metiers .slick-slide:hover .ha-slick-content {
    text-align: center;
    background-image: linear-gradient(180deg, rgba(1, 164, 189, 0) 0%, #01A4BD 100%);
}

.slider_valeurs .ha-slick-content {
    text-align: left;
    position: relative;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0)) !important;
}

.slider_metiers .slick-slide img {
    display: block;
    min-height: 420px;
}

.slider_metiers .slick-slide {
    display: inline-block;
    overflow: hidden; /* Assurez-vous que l'image ne déborde pas de la div */
}
.slider_metiers .slick-slide img {
    transition: transform 0.8s;
}
.slider_metiers .slick-slide:hover img {
    transform: scale(1.2);
}

.info .icon {
    margin-right: 10px;
    width: 25px;
}

.leaflet-popup-content {
    width: 100% !important;
}

.info h5 {
    font-size: 16px;
    font-weight: 700;
}

span.titleCat {
    font-size: 13px;
    font-weight: 600;
    color: #01A4BD;
    font-family: "Montserrat", Sans-serif;
}

.div-icon-box-icon {
    width: 25px;
    fill: #D5DA26;
}
.div-icon-box-wrapper {
    display: flex;
    margin: 30px 0px;
    align-items: center;
}



.div-icon-box-title {
    margin: 0 10px;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

/* scroll Bar **/

#filtered-agences {
    height: 600px;
    /* Largeur de votre choix */
    overflow-y: hidden;
    /* Cache la barre de défilement par défaut */
}

/* Afficher la barre de défilement lors du survol */
#filtered-agences:hover {
    overflow-y: scroll;
    /* Affiche la barre de défilement */
}

/* Cacher la barre de défilement par défaut */
.conteneur::-webkit-scrollbar {
    opacity: 0.8;
}

/* Personnalisation de la barre de défilement */
#filtered-agences::-webkit-scrollbar {
    width: 2px;
    /* Largeur de la barre de défilement */
}

#filtered-agences::-webkit-scrollbar-thumb {
    background-color: rgb(4 194 223 / 40%);
    /* Couleur du bouton de la barre de défilement */
    border-radius: 5px;
    /* Arrondi du bouton de la barre de défilement */
}

#filtered-agences::-webkit-scrollbar-thumb:hover {
    background-color: rgb(4 194 223 / 40%);
    /* Couleur du bouton de la barre de défilement au survol */
}

/* Style du tooltip */
.imgCat {
    position: relative;
    /* Define the default style for the tooltip title */
    color: black;
    border-bottom: 1px dotted black;
  }

  
/** detail Agence **/
.cat {
    width: fit-content;
    padding: 5px 15px;
    background: #01A4BD;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
}

.cat .titleC {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: "Montserrat", Sans-serif;
    line-height: 27px;
}

.infos_agence_container .imgCat {
    filter: brightness(0) invert(1) grayscale(1);
    margin-right: 10px;
    width: 20px;
}

.infos_agence_container .info {
    display: flex;
    margin: 50px 0;
}

.infos_agence_container .title {
    color: #51b3c5;
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}

img.imgInfo {
    height: 23px;
    margin-right: 15px;
}

.infos_agence_container .title {
    display: flex;
    flex-wrap: wrap;
}

.contactBtn {
    display: flex;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 18px;
    color: #2C3248;
    width: 100%;
}

a.link_agence {
    text-decoration: underline;
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
}

a.tlf_agence {
    text-decoration: underline;
}

img.imgContact {
    width: 16px;
    height: 16px;
    margin: 0 10px;
}

.contact.col-md-3 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

#mapAgence {
    height: 400px;
    width: 100%;
}

.prestation .e-con-inner {
    border-bottom: 1px solid #51b3c5;
}

.single-agences .entry-title {
    display: none;
}

.single-agences figure.gallery-item {
    border: 1px solid #D8D8D8;
    padding: 20px;
    margin: 15px !important;
    width: 28%;
    min-height: 130px;
    background: #fff;
}


.services .elementor-cta__button-wrapper.elementor-cta__content-item.elementor-content-item.elementor-animated-item--grow a::after {
    background-image: url(/wp-content/uploads/2024/02/arrow-btn-blanc.png);
    background-repeat: no-repeat;
    background-position: 80% 45%;
    background-size: 6%;
}

/*** Form Contact **/
body .gform_wrapper h2.gform_title {
    display: none !important;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    width: 100%;
    border: 0px solid #d5da26;
    border-radius: 0px;
    padding: 0.5rem 1rem;
    transition: all .3s;
    border-bottom: 1px solid #d5da26 !important;
}

[type=button],
[type=submit],
button {
    display: inline-block;
    color: #2C3248;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0px solid #c36;
    padding: 0.5rem 1rem;
    font-size: 18px;
    border-radius: 0px;
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 800;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    color: #01a4bd;
    background-color: #d5da2600;
    text-decoration: none;
}



.btnVoirPlus svg {
    width: 15px;
    height: auto;
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    padding: 15px;
}

/* Masquer le bouton radio par défaut */
input[type="radio"] {
    display: none !important;
}

/* Styler l'apparence du faux bouton radio */
input[type="radio"]+label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    /* Ajustez l'espacement à gauche */
    cursor: pointer;
}

/* Styler l'apparence du cercle intérieur du bouton radio */
input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    /* Ajustez la taille du cercle */
    height: 15px;
    /* Ajustez la taille du cercle */
    border: 1px solid #01A4BD;
    /* Couleur et épaisseur de la bordure */
    border-radius: 50%;
    /* Rendre le cercle */
    background-color: transparent;
    /* Couleur du fond */
}

/* Styler l'apparence du cercle intérieur du bouton radio lorsqu'il est sélectionné */
input[type="radio"]:checked+label::before {
    background-color: #01A4BD;
    /* Couleur du fond lorsque sélectionné */
}

/* Styler l'apparence du point central du bouton radio */
input[type="radio"]+label::after {
    content: "";
    display: none;
}

/* Styler l'apparence du point central du bouton radio lorsqu'il est sélectionné */
input[type="radio"]:checked+label::after {
    content: "\2022";
    /* Utilisation du caractère Unicode pour un point */
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    /* Couleur du point lorsque sélectionné */
}

.gchoice a {
    text-decoration: underline;
}

/* Cibler les options dans un menu déroulant */
select option {
    background-color: #f8f9fa;
    /* Couleur de fond */
    color: #212529;
    /* Couleur du texte */
    padding: 10px;
    /* Espacement interne */
    border-bottom: 1px solid #ced4da;
    /* Bordure en bas */
}

/* Styler l'option survolée */
select option:hover {
    background-color: #007bff;
    /* Couleur de fond au survol */
    color: #fff;
    /* Couleur du texte au survol */
}

.gfield_html a {
    text-decoration: underline;
}

.gform_wrapper.gravity-theme .gform_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_footer input.button:disabled,
.gform_wrapper.gravity-theme .gform_page_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_page_footer input.button:disabled {
    opacity: 0;
}

.title_photovolt h1 {
    line-height: 40px;
    margin: 0;
}
.title_photovolt {
    margin: 25px 0;
}

.title_photovolt .wp-block-column-is-layout-flow {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.title_photovolt p {
    margin-left: 25px;
    line-height: 10px;
}

[type=button]:focus,
[type=submit]:focus,
button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

/* .gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
    background-image: url(/wp-content/uploads/2024/05/noun-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
    background-size: 12%;
    transition: transform 0.5s ease, fill 0.5s ease;
} */




 .elementor-cta__content-item:hover .elementor-cta__button-wrapper {
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-45.svg) no-repeat center; 
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
    background-size: 15%;
    transition: transform 0.5s ease, fill 0.5s ease;
    color: #08ab9e;
    
}


span.histoire,span.nos_agence {
    color: #2C3248;
}



.bouton-link a:hover ,#boutton-link:hover{
    color: #08ab9e !important;
}

 /* a:hover {
    color: #01A4BD !important;
} */

.bouton-link svg {
    width: 0.8em;
}

a#boutton-link svg ,.bouton-link svg,.elementor-post__read-more:hover img{
    fill: #01a4bd;
    transition: transform 0.5s ease, fill 0.5s ease; /* Ajoute une transition pour la transformation et la couleur */

}

a#boutton-link:hover svg ,a#boutton-link:hover .bouton-link svg,.elementor-post__read-more:hover img{
    fill: #08ab9e !important; /* Change la couleur de l'icône */
    transform: rotate(45deg);
    transition: transform 0.5s ease, fill 0.5s ease; /* Ajoute une transition pour la transformation et la couleur */

}

.elementor-post-navigation__link a {
    line-height: 30px;
}


.elementor-post__read-more::after,.contactBtn::after,a.voirplus::after,#btnVoirPlus .elementor-button-text::after {
    transition: transform 0.5s ease, fill 0.5s ease;
    content: "";
    display: inline-block;
    background: url(/wp-content/uploads/2024/05/noun-arrow-down.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-left: 10px;

}

/* .gform_wrapper.gravity-theme .gform_footer {
    position: relative;
    display: inline-block;
} */

.gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
    padding-right: 25px; /* Ajustez en fonction de la taille de l'icône */
}

.Fcontact .gform_footer.top_label::after {
    transition: transform 0.5s ease, fill 0.5s ease;
    content: "";
    background: url(/wp-content/uploads/2024/05/noun-arrow-down.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-top: 12px;
}


.gform_footer.top_label:hover::after {
    transform: rotate(45deg);
    transition: transform 0.5s ease, fill 0.5s ease;
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-hover.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-top: 12px;
}

.gform_footer.top_label:hover input[type="submit"] {
    color: #08ab9e;
}



.elementor-cta__button-wrapper::after {
    transition: transform 0.5s ease, fill 0.5s ease;
    content: "";
    display: inline-block;
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-blanc.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-left: -10px;

}


.elementor-cta__content:hover .elementor-cta__button-wrapper::after{
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-blanc.svg) no-repeat center !important; 
    transform: rotate(45deg) !important; 
    background-size: contain !important;
    transition: transform 0.5s ease, fill 0.5s ease;

}

.ha-slick-item:hover .ha-slick-content::after{
    transform: rotate(45deg);
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-blanc-hover.svg) no-repeat;
    background-position: 100% 50%;
    background-size: 10%;
    transition:  background 0.5s ease; 
}

.elementor-post__read-more:hover::after,.contactBtn:hover::after,.gform_footer:hover input::after,a.voirplus:hover::after,#btnVoirPlus:hover .elementor-button-text::after{
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-hover.svg) no-repeat center !important; 
    transform: rotate(45deg) !important; 
    background-size: contain !important;
}
.elementor-post-navigation__link a:hover {
    color: #08ab9e !important;
}

.elementor-post-navigation__link a:hover .post-navigation__arrow-wrapper {
    color: var(--e-global-color-bbdcf9b) !important;
}

a.voirplus:hover{
    color: #08ab9e;
}

label.gfield_label.gform-field-label,legend.gfield_label.gform-field-label {
    display: none;
}
.gform_footer.top_label {
    width: fit-content;
}

select#gravity-forms-dropdown {
    margin: 15px 0;
}

.elementor-post__read-more:hover {
    color: #08ab9e !important;
}

.elementor-post__title a:hover {
    color: #01A4BD !important;
}



a.nosAgenceLink {
    font-size: 15px;
    text-decoration: underline;
}

.contactBtn:hover a {
    color: #08ab9e !important;
}

#boutton-link:hover .elementor-button-icon svg {
    fill: #08ab9e !important; 
    transform: rotate(45deg); 
}

/* .contactBtn p {
    background-image: url('/wp-content/uploads/2024/02/arrow-btn-contact.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
} */

.mb20 {
    margin-bottom: 20px !important;
}

span#input_5_4_1_container {
    margin-bottom: 20px;
}

#boutton-link .elementor-button-content-wrapper {
    align-items: flex-end;
}

.elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {
    opacity: 0 !important;
}

.elementor-posts__hover-gradient .elementor-post__card:hover .elementor-post__thumbnail__link:after {
    opacity: 1 !important;
    background-image: linear-gradient(0deg, rgba(1, 225, 250, -47) 0%, #00d4ff8c 60%) !important;
}

.elementor-posts__hover-gradient .elementor-post__card:hover .elementor-post__thumbnail__link img {
    filter: grayscale(1);
}

.elementor-posts__hover-gradient .elementor-post__card:hover h3.elementor-post__title a
{
    color: #01A4BD !important;
}

.bloc_actualitee .elementor-post__text {
    padding: 0 !important;
}

p#breadcrumbs a:hover,span.breadcrumb:hover a {
    color: #D5DA26 !important;
}

.services a:hover{
    color: #fff !important;
}

.bloc-metiers a:hover{
    color: #08ab9e !important;
}
.elementor-1175 .elementor-element.elementor-element-d19d61a img {
    width: 69%!important;
}
.elementor-1396 .elementor-element.elementor-element-7ba8d0d .elementor-button {
    background-color: #fff!important;
}
@media only screen and (max-width: 1400px) {

    .ha-horizontal-timeline .slick-prev.slick-arrow {
        left: -3px!important;
    }
    .ha-horizontal-timeline .slick-next.slick-arrow {
        right: 3px!important;
    }
}


@media only screen and (max-width: 1200px) {

    .sideLfet {
        padding-right: 25px;
    }

    a.voirplus {
        font-size: 14px;
    }
    .agence h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .agence {
        padding: 20px 20px;
        margin: 15px 0;
    }

    li.border-text .highlighted {
        margin-top: -50px;
        padding-top: 50px !important;
    }

    .elementor-nav-menu{
        min-height: 550px;
    }

    li.border-text .has-submenu::after {
        content: "";
        display: block;
        border-bottom: 3px solid #01A4BD;
        margin-top: 25px;
        width: 114px;
    }
    .has-submenu.highlighted {
        font-weight: 700 !important;
        flex-direction: row-reverse;
    }

    .has-submenu.highlighted::before {
        content: url(/wp-content/uploads/2024/02/arrow-left.svg);
        float: left;
        position: absolute;
        left: 20px;
        width: 20px;
    }

    /* ul.sub-menu.elementor-nav-menu--dropdown {
        position: absolute;
        width: 100% !important;
        z-index: 1;
    } */
}


/* Styles pour les écrans larges */

@media (min-width: 768px) 
{
    .ha-horizontal-timeline-inner {
        min-height: 685px !important;
    }
	.kg-block-branchement-pages__grid {
        grid-template-columns: repeat(2, 1fr);
    } 
}


@media only screen and (min-width: 1024px) {
    .ha-horizontal-timeline-inner {
        min-height:865px !important;
    }
    .kg-block-branchement-pages__grid {
        grid-template-columns: repeat(3, 1fr);
    }
	

    span.histoire {
        margin-left: 50%;
    }

    span.nos_agence {
        margin-left: 15%;
    }

    .search-results .swiper-slide-inner {
        padding: 0 !important;
    }
}

/* Styles pour les tablettes et appareils moyens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {


    .ha-horizontal-timeline-inner {
        min-height: 685px !important;
    }

    .kg-block-branchement-pages__grid {
       grid-template-columns: repeat(2, 1fr);
    }
	
    li.border-text .highlighted {
        margin-top: -15px;
        padding-top: 50px !important;
    }
    .sliderHome .swiper-slide-contents{
        margin-left: 0 !important;
    }
    .sideLfet {
        padding-right: 0;
    }

    .agence h2 {
        font-size: 20px;
        line-height: 32px;
        margin: 5px 0px;
    }

    #filtered-agences {
        height: 410px;
        overflow: hidden;
    }

    .content p {
        font-size: 15px;
        line-height: 25px;
    }

    /** detail agence **/
    .content {
        margin-top: 0px;
        font-size: 15px;
    }

    .contactBtn {
        line-height: 16px;
        font-size: 14px;
        color: #2C3248;
    }

    .contactBtn p {
        padding-right: 20px;
    }



}


/* Styles pour les appareils mobiles */
@media only screen and (max-width: 767px) {
.ha-horizontal-timeline-inner {
    min-height: auto!important;
}

    .articles-container li.uk-scrollspy-inview:nth-child(1) figure.kg-card__image {
        height: initial !important;
    }

    li.border-text .highlighted {
        margin-top: -15px;
        padding-top: 50px !important;
    }
    .sliderHome .swiper-slide-contents{
        margin-left: 0 !important;
    }
    li.border-text .has-submenu::after {
        width: 102px;
    }

    .info h5 {
        font-size: 12px;
    }

    .agence h2 {
        font-size: 20px;
        line-height: 22px;
    }

    span.titleCat {
        font-size: 13px;
    }

    .bouton-link .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        align-items: center;
    }

    .bouton-link p {
        padding-right: 10px;
    }

    .titreG .elementor-image-box-wrapper {
        display: flex;
        align-items: center;
    }

    span.histoire {
        margin-left: 10%;
    }

    .titreG .elementor-image-box-title {
        margin-left: 30px;
    }

    .sliderHome .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(270deg, #01A4BD 0%, #01A4BD 100%);
        opacity: 50%;
    }

    a.voirplus {
        font-size: 16px;
        line-height: 17px;
    }

    /* agence page **/
    .sideLfet {
        padding-right: 0;
        margin-bottom: 50px;
    }
    .agencesClass row {
        display: flex;
        flex-direction: column-reverse;
    }
    .col-md-6.formAgence {
        order: 2;
    }

    /** detail agence **/
    .content {
        margin: 10px 0;
    }

    .contact.col-md-3 {
        display: flex;
        justify-content: flex-start;
        margin: 15px 0;
        border-bottom: 1px solid #01A4BD;
    }


    .has-submenu.highlighted {
        font-weight: 700 !important;
        flex-direction: row-reverse;
    }

    .has-submenu.highlighted::before {
        content: url(/wp-content/uploads/2024/02/arrow-left.svg);
        float: left;
        position: absolute;
        left: 20px;
        width: 20px;
    }

    /* ul.sub-menu.elementor-nav-menu--dropdown {
        position: absolute;
        width: 100% !important;
        z-index: 1;
    } */

    .cat .titleC {
        font-size: 14px;
    }
    .cat {
        padding: 5px 10px;
        background: #01A4BD;
        border-radius: 20px;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    #mapAgence {
        height: 300px;
    }
    .infos_agence_container .info {
        display: flex;
        margin: 30px 0;
    }
    .content p {
        font-size: 14px;
    }
    .adresse.col-md-3 p {
        margin: 0;
    }
    .tel.col-md-3 p {
        margin: 0;
    }
    .site.col-md-3 p {
        margin: 0;
    }
    .title_photovolt h1 {
        line-height: 25px;
    }
.elementor-7 .elementor-element.elementor-element-39959cd .elementor-heading-title {
        font-size: 23px;
        line-height: 26px;
    }

}

@media only screen and (max-width: 480px) {
    .sliderHome h1 {
        font-size: 33px !important;
    }

.elementor.elementor-2166.elementor-location-archive, .elementor-element-9a52fb2, .page-content, #content-accueil {
    padding: 0 10px;
}
}

h2.wp-block-heading.alignwide img {
	vertical-align: initial;
	
}


.kg-block-branchement-pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0px;
    box-sizing: border-box;

}
.link_agence .kg-card__image img{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
	   transition: transform 0.7s ease;

}
.kg-card__body {
    background-color: var(--kg--card--header--background);
    margin: var(--kg--card--header--margin);
    padding: var(--kg--card--header--padding);
	position: relative;

    width: 100%;
    z-index: 1;
}


/* Configuration de la grille */
.kg-block-branchement-pages__grid {
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Styles pour chaque carte */
.kg-block-branchement-pages__grid li {
    position: relative;
    transition: transform 0.3s ease;
    min-height: 450px;
}


.link_agence .kg-card__image {
    object-fit: cover;
    display: block;

    inset: 0;
    overflow: hidden;
    position: absolute;
}


.kg-card {
    position: relative;
}

.kg-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.kg-block-branchement-pages__grid li:hover .kg-card__overlay {
    opacity: 1;
}

.link_agence {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: end;
}

.kg-card__title {
    font-size: 1.2em;
    margin: 0 0 70px 0;
}
.link_agence .kg-card__header a{
    display: block;
    color: #ffffff;
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    text-decoration: none;

}
   .link_agence .overley-grid {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
           bottom: 15px;
            background:rgb(0 0 0 / 44%);
            z-index: 1;
            transition: opacity 0.4s ease;
            opacity: 1;
        }

        .link_agence:hover .overley-grid {
            background-image: linear-gradient(180deg, rgba(1, 164, 189, 0) 0%, #01A4BD 100%);
            opacity: 1;
			cursor:ponter;
        }
		.link_agence:hover{
			cursor:ponter;
        }

.kg-block-branchement-pages .kg-card__body {
    text-decoration: none;
    padding: 5px 10px;

    transition: background 0.3s ease;
    text-align: center;
    padding-bottom: 55px;
    color: #fff;
}

.kg-card__link:hover {
    background: #0056b3;
		cursor:ponter;
}

.kg-card__icon {
    margin-left: 5px;
}
.target-ag::after {
    transition: transform 0.5s ease, fill 0.5s ease;
    content: "";
    display: inline-block;
    background: url(/wp-content/uploads/2024/05/noun-arrow-down-blanc.svg) no-repeat center;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-left: 10px;
}
.link_agence:hover .target-ag::after {
	transform: rotate(45deg) !important;
    transition: transform 0.5s ease, fill 0.5s ease;
}
.link_agence:hover .kg-card__image img {
    transition: transform 0.8s ease; 
	transform: scale(1.1); 
 }

/* Responsive Styles */


@media (max-width: 767px) 
{
	  .kg-block-branchement-pages__grid {
        grid-template-columns: repeat(2, 1fr);
    }
	
.page-id-7224 .alignwide, .page-id-7229 .alignwide, .page-id-7010 .alignwide, .page-id-7203 .alignwide, .page-id-7232 .alignwide, .page-id-7262 .alignwide, .page-id-7277 .alignwide{
    margin-left: 0!important;
    margin-right: 0!important;
}
	


.kg-block-branchement-pages {
gap: 10px 20px;
}

.link_agence .kg-card__header a{

    font-size: 18px;
	line-height: 22px;


}

	
}

@media (min-width: 1200px) 
{
	.kg-block-branchement-pages__grid {
        grid-template-columns: repeat(4, 1fr);
    } 
    .ha-horizontal-timeline-inner {
        min-height: 828px !important;
    }
}


@media (min-width: 1500px) 
{
    .ha-horizontal-timeline-inner {
        min-height: 685px !important;
    }
	.kg-block-branchement-pages__grid {
        grid-template-columns: repeat(4, 1fr);
    }
	
    .btn_sav{
		position: initial;
        right: 0;
        bottom: 0;
        right: 30px;
		float: right;
    }
    .ha-horizontal-timeline-description {
        min-height: 215px;
    }


.link_agence .kg-card__header a{

    font-size: 25px;
	line-height: 26px;
}
}

.top_title{padding-top: 30px;}

.station_txt{padding-top: 30px!important;padding-bottom: 20px!important;margin-top: 30px!important;}
#bloc-metiers-2 img, .bloc-metiers img{width:32px !important; }
svg#Calque_1 {
    fill: #01A4BD !important;
}
.img_content figure.aligncenter.size-large.is-resized{
    margin: 0 0 !important;
}
.alignwide {
    margin-left: initial!important;
    margin-right: initial!important;
}