/* ==========================================================================
   Ancien thème « pierre-herbert » — styles conservés pour les pages non refondues.
   Chargé uniquement quand aph_is_new_layout() est faux (voir legacy/legacy.php).
   Retirés : ancien menu, menu burger et menu du pied de page, slider d'accueil 1,
   slider d'accueil 2 (carrousel Bootstrap), slider par catégorie (inutilisé).
   ========================================================================== */

/***********************************************************************************************************************
 * *********************************************************************************************************************
 * REFONTE AVEC COLONNE ************************************************************************************************
 * *********************************************************************************************************************
 * ********************************************************************************************************************/

/****** TITRE *****/
h1.elementor-heading-title {
    font-family: 'nunito', sans-serif !important;
    font-weight: bold !important;
    font-size: 60px !important;
    color: #39271D !important;
    line-height: 1em !important;
    margin: 15px 0;
}

h1 span {
    color: #85A491 !important;
}

h2.elementor-heading-title {
    color: #39271D;
    font-size: 45px;
}

.surtitre {
    color: #85A491;
    font-family: "Roboto Mono", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 33px;
    letter-spacing: 0px;
}

/*** UTILE ****/
.no_padding,
.no_padding .elementor-element-populated {
    padding: 0 !important;
}

.no_padding_top,
.no_padding_top .elementor-element-populated {
    padding-top: 0 !important;
}

.no_padding_bottom,
.no_padding_bottom .elementor-element-populated {
    padding-bottom: 0 !important;
}

.no_padding_left,
.no_padding_left .elementor-element-populated {
    padding-left: 0 !important;
}

.no_padding_right,
.no_padding_right .elementor-element-populated {
    padding-right: 0 !important;
}

.min_width_100 {
    min-width: 100px !important;
}

.fullheight {
    height: 100%;
}

/************ SECTIONS *************/
/* Global */
/* encadrement0 */

.encadrementGauche>div {
    padding-left: calc((100vw - 1140px) / 2) !important;
}

.encadrementDroite>div {
    padding-right: calc((100vw - 1140px) / 2) !important;
}

.section_ph {
    padding-top: 60px;
    padding-bottom: 60px;
}

.secton_pt {
    padding-top: 60px !important;
}

.secton_pb {
    padding-bottom: 60px !important;
}

.widthResponsiveGauche {
    width: calc((100vw - 640px) / 2) !important;
}

.widthResponsiveDroite {
    width: calc(100vw - (100vw - 640px) / 2) !important;
}

.section_ph_small {
    padding: 10px 0;
}

.section_ph_large {
    padding: 120px 0;
}

.section_mh {
    margin: 60px 0;
}

.section_mh_small {
    margin: 30px 0;
}

/*Section titre gauche, conteunu droit, avec bordure verte */
.section_content_lefttitle_bordered {
    padding: 20px 0;
}

.section_content_lefttitle_bordered .col_left {
    border-right: 2px solid #85a491;
    padding: 60px 0 0;
}

.section_content_lefttitle_bordered .col_right {
    padding: 130px 0 100px 60px;
}

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

.section_content_lefttitle_bordered .col_left .elementor-heading-title {
    padding-bottom: 25px;
    border-bottom: 2px solid #85a491;
}

/*Section dates clés avec bordure verte */
.section_date_bordered.section_date_bordered_first {
    padding-top: 60px;
}

.section_date_bordered.section_date_bordered_last {
    padding-bottom: 60px;
}

.section_date_bordered {
    padding: 0px 0;
}

.section_date_bordered .col_left {
    border-right: 2px solid #85a491;
    padding: 7px 0 0;
}

.section_date_bordered .col_right {
    padding: 0px 0 15px 60px;
}

.section_date_bordered h2 {
    border-bottom: 2px solid #85a491;
    padding-bottom: 25px;
}

.section_date_bordered .date {
    text-align: right;
    color: #39271D;
    font-family: "Nunito", Sans-serif;
    font-size: 22px;
    font-weight: bold;
    padding-right: 25px;
}

/*Section double bacgrkound image + overlay limiteBackgroundright */
.section-double-background:after {
    content: "";
    height: 100%;
    width: 25%;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.section-double-background_home:after {
    background-image: url('/wp-content/themes/pierre-herbert/assets/img/bg-right-home.jpg');
}

.section-double-background_histoire:after {
    background-image: url('/wp-content/themes/pierre-herbert/assets/img/menuiserie.png');
}

/**** REALISATION ****/
.col_left_rea {
    height: 85vh;
}

.h3_liste {
    padding-left: 50px;
    padding-top: 15px;
    position: relative;
}

.h3_liste:before {
    content: url(/wp-content/themes/pierre-herbert/assets/img/icon-vous-etes.svg);
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
}

.h3_liste_section_content {
    padding-left: 40px;
}

.h3_liste_section_content_colleft {
    width: 75%;
}

.h3_liste_section_content_colright {
    padding-left: 20px;
}

.texte_small p,
.texte_small a,
.texte_small span,
.texte_small {
    font-size: 14px !important;
    line-height: 1.4em;
}

.displayOn990 {
    display: none !important;
}

.aligmementGauche {
    min-width: 350px !important;
    width: calc(379px + (100vw - 1140px) / 2) !important;
}

.aligmementDroite {
    width: calc(100vw - 755px) !important;
}

/***********************************************************************************************************************
 * *********************************************************************************************************************
 * FIN REFONTE AVEC COLONNE ********************************************************************************************
 * *********************************************************************************************************************
 * ********************************************************************************************************************/

.numberColor .numberOrange {
    font-size: 55px;
    color: #F19600;
}

.vert span {
    color: #85A491;
}

.container_titre_page {
    max-width: 500px;
}

/*Ajout de Carre vert demi gauche (exemple cabine) */

.colCarreVertGauche::before {
    content: "";
    position: absolute;

    width: 300px !important;
    height: 470px !important;
    left: -150px;
    background-image: url(/wp-content/uploads/2022/10/titre-real.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10 !important;
    pointer-events: none;
}

/*Fin Ajout de Carre vert demi gauche (exemple cabine) */
/*Ajout de Ph avec demi carre droite vert*/
/* carre */
.pDemiCarreDroite .elementor-widget-container::after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 300px !important;
    height: 300px !important;
    background-image: url(/wp-content/uploads/2022/11/Groupe-945.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10 !important;
    pointer-events: none;
}

/* Ph*/
/* TODO: Revoir schema papier (sup carredroite quand version colums) */
.pDemiCarreDroite .elementor-widget-container::before {
    content: "";
    position: absolute;
    bottom: -37px;
    right: 36%;
    width: 145px !important;
    height: 145px !important;
    background-image: url(/wp-content/uploads/2022/11/Trace-1260.svg);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    z-index: 10 !important;
    pointer-events: none;
}

/*Fin Ajout de P avec demi carre droite vert*/
/*Ajout de P avec demi carre droite orange*/
/* carre */
.pDemiCarreDroiteOrange .elementor-widget-container::after {
    content: "";
    position: absolute;
    bottom: -35px;
    right: 0;
    width: 300px;
    height: 300px;
    background-image: url(/wp-content/uploads/2022/11/Groupe-945.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10 !important;
    pointer-events: none;

}

/* Ph*/
.pDemiCarreDroiteOrange .elementor-widget-container::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 20%;
    width: 175px !important;
    height: 175px !important;
    background-image: url(/wp-content/uploads/2022/11/Trace-1274.svg);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    z-index: 10 !important;
    pointer-events: none;
    color: #F19600;
}

/* taile img */
.pDemiCarreDroiteOrange img {
    height: 700px !important;
    width: 500px !important;
}


.pDemiCarreGaucheOrange .elementor-widget-container::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 232px;
    height: 296px;
    background-image: url(/wp-content/themes/pierre-herbert/assets/img/ph-orange-cadre.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10 !important;
    pointer-events: none;

}

/*Ajout de P avec demi carre droite orange*/
/*Texte flecher animer*/
.boutonTransitionDroite {
    white-space: nowrap !important;
}

.boutonTransitionDroite a {
    padding-right: 20px !important;
    font-weight: 500 !important;
}

.boutonTransitionDroite a~i {
    color: #85A491 !important;
    transform: translateX(10px);
    transition: all 0.2s ease-in-out;
}

.boutonTransitionDroite a i {
    padding-left: 10px !important;
    transition: all 0.2s ease-in-out;
}

.boutonTransitionDroite a:hover {
    color: #85A491 !important;
    letter-spacing: 1px !important;
}

.boutonTransitionDroite a:hover~i {
    color: #39271D !important;
    transform: translateX(20px);
    transition: all 0.2s ease-in-out;
}

.boutonTransitionDroite2 a~i {
    color: #85A491 !important;
    transform: translateX(10px);
}

.boutonTransitionDroite2 a:hover~i {
    color: #39271D !important;
    transform: translateX(20px);
    transition: all 0.2s ease-in-out;
}

.boutonTransitionDroite2 {
    padding-right: 20px;
}

.boutonTransitionDroiteWhite a:hover~i,
.boutonTransitionDroiteWhite a {
    color: #fff !important;

}

.animationFleche {
    position: absolute !important;
    bottom: -20px !important;
    right: 10px !important;
}

.animationFleche p:hover a {
    color: #85A491 !important;
    letter-spacing: 1px !important;
}

.animationFleche p:hover i {
    color: #39271D !important;
}

.animationFleche p i {
    color: #85A491 !important;
    transform: translateX(20px) !important;
    transition: all 0.2s ease-in-out;
}

.animationFleche p:hover i {
    transform: translateX(40px) !important;
    transition: all 0.2s ease-in-out;
}

.animationFleche2 {
    position: absolute !important;
    bottom: 0 !important;
    right: 40px !important;
}

.animationFleche2 p:hover a,
.animationFleche2 p:hover i {
    color: #85A491 !important;
}

.animationFleche2 p i {
    transform: translateX(10px) !important;
    transition: all 0.2s ease-in-out;
}

.animationFleche2 p:hover i {
    transform: translateX(30px) !important;
    transition: all 0.2s ease-in-out;
}

/*Fin Texte flecher animer*/
.bloc_questions svg path {
    fill: #ffffff;
}

.bloc_questions .elementor-toggle .elementor-tab-title {
    border-bottom: 0px solid transparent;
}

.bloc_questions .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
    height: 50px;
    padding-top: 5px;
}

.icon-exigence img {
    height: 57px !important;
}

/* Page actu */
.blockImages .elementor-widget-text-editor h4 {
    margin: 0;
    color: #fff;
    font-size: 40px;
}

.blockImages .elementor-widget-text-editor h4 span {
    font-size: 40px;
    color: #85A491;
}

article .DernieresPublications {
    width: 100px !important;
    height: 100px !important;
}

article .DernieresPublications .titreArticle h1 {
    height: 15px !important;
}

.blockArticleAlterner .elementor-grid {
    grid-row-gap: 0;
}

.blockArticleAlterner article:nth-child(2n+2) .articleAlterner>.elementor-container {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.blockArticleAlterner article:nth-child(2n+2) .articleAlterner .e-container {
    margin-right: 50px;
}

.blockArticleAlterner article:nth-child(2n+1) .articleAlterner .blockArticleText {
    margin-left: 40px !important;
}

.blockArticleAlterner .articleAlterner .articleImg::before {
    content: "Lire \00000A L'article";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #85a49100;
    color: rgba(255, 255, 255, 0);
    display: flex;
    pointer-events: none !important;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
}

.blockArticleAlterner .articleAlterner .articleImg:hover::before {
    content: "Lire \00000A L'article";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #85a49175;
    color: white;
    display: flex;
    pointer-events: none !important;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
}


.blockArticleAlterner .articleAlterner .articleImg img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}

.liste_articles_info_categorie.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin: 0;
}

.liste_articles_info_categorie .elementor-post-info__terms-list-item {
    color: #85A491;
    font-size: 14px;
    text-transform: uppercase;
}

.liste_articles_info_date {
    border: 1px solid #85A491;
    font-size: 14px;
}

.liste_article_info_date li {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.liste_articles_info_date li,
.liste_articles_info_date li a {
    text-align: center;
    display: block !important;
    width: 100%;
}

.liste_articles_info_titre a:hover {
    color: #39271d !important;
}

.lire_la_suite .elementor-icon-box-wrapper:hover,
.lire_la_suite a:hover {
    color: #85A491;
}

.lire_la_suite:hover .elementor-icon-box-icon a {
    border: 1px solid #85A491 !important;
}

ul.list_categories {
    padding-left: 0;
}

.list_categories li {
    padding: 5px 0;
    display: block;
    list-style: none;
    border-bottom: 1px solid #85A491;
}

.list_categories li a {
    color: #85A491;
    font-size: 14px;
    text-transform: uppercase;
}

.list_categories li a:hover {
    color: #39271D;
}

.textImageActu p {
    width: 0;
    height: 0;
    visibility: hidden;
}

.barreDeRechercheActu .elementor-search-form__container {
    background-color: rgba(255, 255, 255, 0) !important;
    border: 1px solid #714D3A !important;
    border-radius: 0 !important;
}

.categoriesTexts div span {
    color: #85A491;
    font-size: 14px;
}

.categoriesTexts div a {
    color: #85A491;
    font-size: 14px;
    text-transform: uppercase;
}

.articleAlterner .lirePlus h3 {
    font-size: 12px;
    line-height: 1.5;
}

.TitrePublication .elementor-widget-container {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
}

.TitrePublication a {
    font-size: 25px !important;
    font-weight: 500 !important;
}

.TitrePublication a:hover {
    color: #85A491 !important;
}

/* Fin page actu */
.listeSliderGauche ul {
    padding: 0;
}

.listeSliderGauche li {
    list-style: none;
    margin-top: 15px;
}

/* image p */
.listeSliderGauche li span:nth-child(1).Image1 img {
    transform: rotate(0deg) translateY(10px);
    position: absolute;
    transition: all 0.2s linear;
    width: 15px;
}

.listeSliderGauche li:hover span:nth-child(1).Image1 img {
    transform: rotate(90deg) translateY(10px);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.2s linear;
}

/* image ph */
.listeSliderGauche li span:nth-child(2).Image2 svg {
    opacity: 0;
    position: absolute;
    transform: translateY(-25px) rotate(-90deg);
    transition: all 0.2s linear;
    width: 13px !important;
}

.listeSliderGauche li:hover span:nth-child(2).Image2 svg {
    opacity: 1;
    position: absolute;
    transform: translateY(-25px) rotate(0deg);
    transition: all 0.2s linear;
}

.listeSliderGauche li:hover span:nth-child(2).Image2 svg path {
    fill: #85A491 !important;
}

.listeSliderGauche li span:nth-child(3) {
    margin-left: 40px;
    transition: all 0.2s linear;
    font-size: 14px;
}

.listeSliderGauche li:hover span:nth-child(3) {
    color: #85A491;
    padding-left: 15px;
    transition: all 0.2s linear;
}

/* Fin page Nos Savoir */
/* Fin bouton slider semi elementor */

.tailleFixe>div {
    width: 90px !important;
    min-width: 90px !important;
    height: 90px !important;
    min-height: 90px !important;
}

.tailleDateFixe>div {
    width: 200px !important;
    min-width: 90px !important;
}

.tailleFixeXS img {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
}

.btn-Projet a {
    cursor: pointer !important;
    border: 1px solid #85A491 !important;
    width: 100% !important;
    height: 100% !important;
    transition: all 0.3s, color 0s 0s !important;
    background: white !important;
    color: #714D3A !important;
    text-decoration: none !important;
    line-height: 16px !important;
    padding: 32px 15px !important;
}


.btn-Projet:hover a {
    color: white !important;
    background-color: #85A491 !important;
    border: 1px solid #85A491 !important;
    box-shadow: inset 0 0 0 4px #85A491, inset 0 0 0 5px #ffffff !important;
}

.btn-ProjetToutes {
    transform: translateY(-60px);
}

.btn-ProjetToutes a {
    cursor: pointer !important;
    border: 1px solid #85A491 !important;
    width: 100% !important;
    height: 100% !important;
    transition: all 0.3s, color 0s 0s !important;
    background: white !important;
    color: #714D3A !important;
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 12px !important;
    text-decoration: none !important;
    line-height: 16px !important;
    padding: 35px 15px !important;
    text-align: center !important;
}

.btn-ProjetToutes:hover a {
    color: white !important;
    background-color: #85A491 !important;
    border: 1px solid #85A491 !important;
    box-shadow: inset 0 0 0 4px #85A491, inset 0 0 0 5px #ffffff !important;
}

.flecheSuivPrecRealisations .post-navigation__arrow-wrapper.post-navigation__arrow-next {
    border: 1px solid #714D3A;
    padding: 0 16px 26px 10px !important;
    margin-left: 10px;
    height: 20px !important;
    width: 20px !important;
}

.flecheSuivPrecRealisations .post-navigation__arrow-wrapper.post-navigation__arrow-prev {
    border: 1px solid #714D3A;
    padding: 0 21px 26px 5px !important;
    margin-right: 10px;
    height: 20px !important;
    width: 20px !important;
}

.info_contact ul {
    padding-left: 15px;
}

.info_contact ul li {
    color: #ffffff;
}

.col_footer_contact {
    height: 400px;
}

.effetDisparitionCarrer .BlockImgText h3 {
    color: #fff !important;
    font-size: 18px !important;
    transition: all 0.2s linear !important;
}

.effetDisparitionCarrer .BlockImgText span {
    color: #fff !important;
    font-size: 14px !important;
}

.effetDisparitionCarrer .borderGreenDiv {
    border: 2px solid #85A491 !important;
    padding: 35px !important;
    position: absolute !important;
    transition: all 0.2s linear !important;
}

.effetDisparitionCarrer .BlockImgText:hover h3 {
    transform: translateY(-15px) !important;
    color: #85A491 !important;
    transition: all 0.2s linear !important;
}

.effetDisparitionCarrer .BlockImgText:hover .borderGreenDiv {
    scale: 0 !important;
}

.effetDisparitionCarrer svg {
    margin: 10px !important;
    margin-bottom: 25px !important;
    transition: all 0.2s linear !important;
}

.effetDisparitionCarrer .BlockImgText:hover svg {
    transform: translateX(-10px) !important;
    color: #85A491 !important;
    transition: all 0.2s linear !important;
}

.effetDisparitionCarrer .BlockImgText:hover svg path {
    fill: #85A491 !important;
    transition: all 0.2s linear !important;
}

.btn-base a {
    cursor: pointer !important;
    width: 100% !important;
    height: 100% !important;
    transition: all 0.3s, color 0s 0s !important;
    line-height: 16px !important;
}

.btn-green a {
    border: 2px solid #85A491 !important;
    background: white !important;
    color: #714D3A !important;

}

.btn-green:hover a {
    color: white !important;
    background-color: #85A491 !important;
    border: 2px solid #85A491 !important;
    box-shadow: inset 0 0 0 7px #85A491, inset 0 0 0 8px #ffffff !important;
}

.btn-green2 a {
    border: 3px solid #85A491 !important;
    background: white !important;
    color: #714D3A !important;
}

.btn-green2:hover a {
    color: white !important;
    background-color: #85A491 !important;
    border: 3px solid #85A491 !important;
    box-shadow: inset 0 0 0 4px #85A491, inset 0 0 0 5px #ffffff !important;
}

.btn-black a {
    background: white !important;
    color: #F19600 !important;
    border: 2px solid #714D3A !important;
}

.btn-black:hover a {
    color: white !important;
    background-color: #39271D !important;
    border: 2px solid #39271D !important;
    box-shadow: inset 0 0 0 7px #39271D, inset 0 0 0 8px #F19600 !important;
}

.btn-transparent a {
    background: #00000000 !important;
}

.btn- a {
    padding: 35px 15px !important;
}

.btn-sizeMedium a {
    padding: 35px 25px !important;
}

.btn-contacterNous a {
    padding: 50px 20px !important;
}

.btn-sizeBig a {
    padding: 50px 15px !important;
}

.btn-right a span {
    text-align: right !important;
}

.btn-center a span,
.btn-center a {
    text-align: center !important;
}

.btn-borderYellow .elementor-widget-container,
.btn-borderYellow .elementor-widget-container span {
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-borderYellow:hover .elementor-widget-container,
.btn-borderYellow:hover .elementor-widget-container span {
    border-color: #EEF11B !important;
    color: #EEF11B !important;
    transition: all 0.3s ease-in-out;
    border-radius: 0 !important;
}

.btn-borderGreenYellow .elementor-widget-container,
.btn-borderGreenYellow .elementor-widget-container span {
    cursor: pointer !important;
    border-color: #85A491 !important;
    border-radius: 0 !important;
}

.btn-borderGreenYellow:hover .elementor-widget-container,
.btn-borderGreenYellow:hover .elementor-widget-container span,
.btn-borderGreenYellow:hover .elementor-widget-container h2 {
    border-color: #F19600 !important;
    border-radius: 0 !important;
    color: #F19600 !important;
}

.btn-borderGreenYellow .elementor-widget-container span,
.btn-borderGreenYellow .elementor-widget-container span {
    position: absolute !important;
}

.btn-textOrange .elementor-widget-container,
.btn-textOrange .elementor-widget-container a,
.btn-textOrange .elementor-widget-container a {
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-textOrange:hover .elementor-widget-container,
.btn-textOrange:hover .elementor-widget-container a,
.btn-textOrange:hover .elementor-widget-container a {
    color: #F19600 !important;
    transition: all 0.3s ease-in-out;
}

.btn-borderAfterGreenYellow::after {
    content: "" !important;
    pointer-events: none !important;
    border: 2px solid #85A491 !important;
    padding-top: 64px !important;
    padding-bottom: 10px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    transform-origin: center !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-borderAfterGreenYellow:hover::after {
    content: "" !important;
    border: 2px solid #F19600 !important;
    padding-top: 72px !important;
    padding-bottom: 20px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    transform-origin: center !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-greenYellowLittle .elementor-widget-container h2 {
    width: 100px !important;
    text-align: left !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-YellowLittle .elementor-widget-container {
    padding: 109px 33px !important;
}

.btn-YellowLittle:hover .elementor-widget-container {
    padding: 120px 44px !important;
}

body .btn-YellowSmall .elementor-widget-container {
    padding: 85px 35px !important;
}

body .btn-YellowSmall:hover .elementor-widget-container {
    padding: 95px 45px !important;
}

.btn-YellowMediumXS .elementor-widget-container {
    padding: 109px 65px !important;
}

.btn-YellowMediumXS:hover .elementor-widget-container {
    padding: 120px 75px !important;
}

.btn-YellowMedium .elementor-widget-container {
    padding: 109px 75px !important;
}

.btn-YellowMedium:hover .elementor-widget-container {
    padding: 120px 85px !important;
}

.btn-YellowBig .elementor-widget-container {
    padding: 90px 24px !important;
}

.btn-YellowBig:hover .elementor-widget-container {
    padding: 110px 34px !important;
}

.OpaciterGris::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #39271da6;
    z-index: 0 !important;
    pointer-events: none;
}

.OpaciterNoir::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #39271da6;
    z-index: 0 !important;
    pointer-events: none;
}

.OpaciterNoir_container .elementor-column {
    background: #39271da6;
    padding: 60px 20px 60px 0;
}

.OpaciterNoir_container::before {
    content: "";
    position: absolute;
    height: 100%;
    width: calc((100vw - 1140px) / 2);
    background: #39271da6;
}

.BlockDeuxImages .textEditor h2 {
    color: #fff !important;
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

.BlockDeuxImages .textEditor p {
    color: #fff !important;
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.BlockDeuxImages a {
    color: #fff !important;
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 20px !important;
    margin-right: 10px;
}

.ListePEditeur h2 {
    font-size: 40px !important;
    font-weight: 600 !important;
    font-family: 'Roboto Mono', sans-serif !important;
    color: #39271D !important;
    margin-top: 10px !important;
}

.ListePEditeur p {
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: 'Roboto Mono', sans-serif !important;
}

.listeP .elementor-icon-list-text {
    padding-left: 70px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: 'Roboto Mono', sans-serif !important;
}

.listeP_40 .elementor-icon-list-text {
    padding-left: 40px !important;
}

.iconsWhite svg path {
    color: #fff !important;
    fill: #fff !important;
}

.iconsBlack svg path {
    color: #714D3A !important;
    fill: #714D3A !important;
}

.iconsPositionRight svg {
    margin-right: 30px !important;
}

.iconsPositionLeft svg {
    margin-left: 30px !important;
}

.addIcons {
    background-image: url(/wp-content/uploads/2022/10/logo-minimal.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 40px;
}

.imageDissident.e-container::before {
    background-size: 34% 500px !important;
}

.titre,
.titre p,
.titre h1,
.titre h2,
.titre h3 {
    font-family: 'nunito', sans-serif !important;
    font-weight: bold !important;
    font-size: 60px !important;
    color: #39271D !important;
    line-height: 1.2 !important;
    padding-bottom: 20px;
}

.divHautGauche h1.titre {
    width: 485px;
}

.small_titre.titre h1 {
    font-size: 45px !important;
}

.sousTitre {
    font-family: 'roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 25px !important;
    color: #85A491 !important;
    line-height: 1 !important;
    width: 485px;
}

.policeSmallH1 h1,
.policeSmallH2 h2,
.policeSmallH3 h3,
.policeSmallP p,
.policeSmallSpan span {
    font-size: 16px !important;
}

.policeMediumH1 h1,
.policeMediumH2 h2,
.policeMediumH3 h3,
.policeMediumH4 h4,
.policeMediumP p {
    font-size: 20px !important;
}

.policeBigH1 h1,
.policeBigH2 h2,
.policeBigH3 h3,
.policeBigPs p {
    font-size: 34px !important;
}

.policeBiggestH1 h1,
.policeBiggestH2 h2,
.policeBiggestH3 h3,
.policeBiggestP p {
    font-size: 60px !important;
}

.fontWeightLightH1 h1,
.fontWeightLightH2 h2,
.fontWeightLightH3 h3,
.fontWeightLightP p {
    font-weight: 300 !important;
}

.fontWeightRegularH1 h1,
.fontWeightRegularH2 h2,
.fontWeightRegularH3 h3,
.fontWeightRegularP p,
.fontWeightRegularSpan span {
    font-weight: 400 !important;
}

.fontWeightMediumH1 h1,
.fontWeightMediumH2 h2,
.fontWeightMediumH3 h3,
.fontWeightMediumP p {
    font-weight: 500 !important;
}

.fontWeightBoldH1 h1,
.fontWeightBoldH2 h2,
.fontWeightBoldH3 h3,
.fontWeightBoldP p,
.fontWeightBoldSpan span {
    font-weight: 700 !important;
}

.whiteH1 h1,
.whiteH2 h2,
.whiteH3 h3,
.whiteP p,
.whiteSpan span {
    color: #fff !important;
    fill: #fff !important;
}

.blackH1 h1,
.blackH2 h2,
.blackH3 h3,
.blackP p {
    color: #39271D !important;
    fill: #39271D !important;
}

.lineHeight {
    line-height: 1.4 !important;
}

.lineHeight {
    line-height: 1.4 !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.pr-40 {
    margin-right: 40px !important;
}

.pl-40 {
    margin-left: 40px !important;
}

.hoverVert:hover a {
    color: #85A491 !important;
}

.supPadding {
    padding: 0px !important;

}

.supMargin>div {
    margin: 0px !important;
    margin-left: 5px !important;
}

.overX {
    overflow-x: hidden !important;
}

.blockFleche {
    margin-left: 100px !important;
}

/**************** slider 2 ****************/
.blockPrincipal {
    display: block !important;
}

.BlockGauche {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 50% !important;
}

.BlockGauche h1.titre {
    font-size: 15px !important;
    font-family: 'Roboto Mono', regular, serif !important;
    font-weight: 200 !important;
    color: #85A491 !important;
}

.BlockGauche h2.sousTitre {
    font-size: 45px !important;
    font-family: "Nunito", sans-serif !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    color: #39271D !important;
}

.BlockGauche p {
    font-size: 12px !important;
    font-family: 'Roboto Mono', regular, serif !important;
    font-weight: 400 !important;
    color: #39271D !important;
    margin-top: 0 !important;
    width: 50% !important;
    text-align: justify !important;
}

.blockDroite {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-around !important;
    padding-bottom: 42px !important;
    border-left: 3px solid #85A491 !important;
    padding-left: 20px;
}

.ContainText {
    display: flex !important;
    flex-direction: column !important;
    width: 50% !important;
    justify-content: start;

}

.mySlides2 .ContainText h2 {
    text-align: left !important;
    margin-left: 10% !important;
    text-transform: uppercase !important;
}

.mySlides2 .ContainText p {
    height: 350px !important;
    position: absolute;
    width: fit-content;
    margin: 100px 0 0 30px !important;
}

.tableauP {
    font-size: 10px !important;
    width: 50%;
}

.tableauP .titreTableau {
    transition: all 0.3s ease-in-out !important;
    font-family: 'Roboto Mono', regular, serif !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 50px !important;

}

.tableauP .textRotate {
    display: block !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    position: absolute !important;
}

.textRotate svg {
    width: 14px !important;
    height: 14px !important;
}

.tableauP .textRotateHidden {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    transform: rotate(-90deg) !important;
    position: absolute !important;
    padding-left: 3px !important;
    padding-top: 3px !important;
    opacity: 0 !important;
}

.tableauP .TdRotate {
    margin: 0 !important;
    padding: 0 !important;
}

.tableauP .TdRotate:hover .titreTableau {
    color: #85A491 !important;
    transform: translateX(20px) !important;
    transition: all 0.2s ease-in-out !important;
}

.tableauP .TdRotate:hover .textRotate {
    color: #85A491 !important;
    opacity: 0 !important;
    transform: rotate(90deg) !important;
    transition: all 0.2s !important;
}

.tableauP td {
    background-color: #fff !important;
    color: black !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.textRotateHidden svg {
    width: 16px !important;
    height: 16px !important;
}

.tableauP .TdRotate:hover .textRotateHidden {
    color: #85A491 !important;
    opacity: 1 !important;
    transform: rotate(0deg) !important;
    transition: all 0.2s ease-in-out !important;
}

.slideshow-container2 {
    max-width: 1000px !important;
    width: 100% !important;
    position: relative !important;
    margin: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.slideshow-container2 img {
    margin-left: 20px !important;
    width: 40% !important;
    height: 500px !important;
    object-fit: cover !important;
}


.slideshow-container2 h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    font-family: 'Roboto Mono', regular, serif !important;
    color: #39271D !important;
}

.slideshow-container2 p {
    margin: 10% !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Roboto Mono', regular, serif !important;
    line-height: 1.4 !important;
}

.dots2 {
    display: flex !important;
    border-bottom: 1px solid #85A491 !important;
    margin-left: 20px !important;
}

.dot2 {
    cursor: pointer !important;
    height: 0 !important;
    width: 100% !important;
    background-color: #85A491 !important;
    transition: background-color 0.6s ease !important;
    margin-top: 10px;
}

.active,
.dot2:hover {
    background-color: #85A491 !important;
    padding-top: 5px !important;
}

.ButtonSlider {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    margin-top: 20px !important;
    margin-right: 60px;

}

.blockFleche {
    display: block !important;
}

.blockFleche svg {
    position: absolute !important;
}

.blockFleche svg.flechePrev {
    transform: translate(10px, 0) !important;
    transition: all 0.3s ease-in-out !important;
}

.blockFleche:hover .flechePrev {
    transform: translate(2px, 0) !important;
}

.blockFleche svg {
    width: 40px !important;
    height: 40px !important;
}

.blockFleche svg.flecheNext {
    transform: translate(-10px, 0) !important;
    transition: all 0.3s ease-in-out !important;
}

.blockFleche:hover .flecheNext {
    transform: translate(-2px, 0) !important;
}

.fade {
    animation-name: fade !important;
    animation-duration: 1.5s !important;
}

.btn-info {
    position: relative !important;
    top: 380px !important;
    cursor: pointer !important;
    border: 1px solid #85A491 !important;
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    transition: all 0.3s, color 0s 0s !important;
    background: #fff !important;
    color: #39271D !important;
    font-family: 'Roboto Mono', sans-serif !important;
    font-size: 16px !important;
    padding-right: 15px;
    padding-top: 32px;
    text-decoration: none !important;
    line-height: 16px !important;
    text-align: right !important;
}

.btn-info:hover {
    color: #fff !important;
    background-color: #85A491 !important;
    border: 1px solid #fff !important;
    box-shadow: inset 0 0 0 4px #85A491, inset 0 0 0 5px #ffffff !important;
}

.aligneBtnNext {
    margin-right: 350px;
}

.aligneBtnPrev {
    margin-left: 350px;
}

.portfolioNosRealisationsAll,
.portfolioNosRealisationsAll>div {
    padding: 0 !important;
}

.portefolioAll {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px !important;
}

.portefolioAll h1 {
    margin-bottom: 20px;
    padding: 31px 0 74px 141px;
    background-image: url(/wp-content/uploads/2022/10/titre-real.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.portefolioBlock {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.portefolioListe {
    display: flex;
    flex-direction: column;
    width: 80% !important;
}

.portefolioListe h2 {
    color: #39271D !important;
    font-size: 26px !important;
    font-family: 'Roboto Mono', regular, serif !important;
    font-weight: 700 !important;
}

.portefolioListe p {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.portefolioListe div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.portefolioListe a {
    display: flex;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.portefolioListe a:hover {
    color: #85A491 !important;
    transition: 0.3s;
}

.portefolioListe a img {
    transform: rotate(-90deg);
    width: 20px;
    height: 20px;
    border: 1px solid #39271D;
    justify-items: center;
    margin-left: 50px;
}

.portefolioActiveGroupe {
    width: 100% !important;
}

.portefolioactive {
    width: 100%;
}

.BlockDroiteRealisation {
    display: flex;
    flex-direction: column;
    padding-left: 60px;
    width: 100%;
    margin-right: 30px;
}

.portefolioHidden {
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

.menuListePortefolio {
    padding: 0;
    min-height: 330px;
    max-width: calc(13vh) !important;
    height: 100% !important;
    display: flex;
    list-style: none;
    flex-direction: column;
    justify-content: space-between;
}

.portefolioImg {
    width: 100vh !important;
    height: 100% !important;
}

.portefolioGauche {
    width: 100vh;
}

#portefolioImg {
    width: calc(90vh);
    height: 800px;
    max-height: calc(100vh - 200px) !important;
    object-fit: cover;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menuListePortefolio a.menuList {
    cursor: pointer !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: end;
    line-height: 1.3em;
}

a.menuListActive {
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: end;
}

#portefolioImg2 {
    display: none !important;
}

.boutonSliderRealisation {
    display: flex;
    justify-content: center;
}

/**************************** Les Media  ****************************/
/* Media */
/* TODO: Voir utiliter */
@media (max-width: 1790px) {
    .flex_direction_1790 .elementor-container {
        flex-direction: column;
    }
}

@media (max-width: 1524px) {
    .responsiveListe {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}

@media (max-width: 1492px) {
    .aligmementDroite {
        width: calc(100vw - 550px) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {

    .tailleResponsive a,
    .tailleResponsive p {
        font-size: 1.2vw !important;
    }
}

@media (max-width: 1260px) {

    /*** UTILE ***/
    .hideOn1260,
    .pDemiCarreDroite .elementor-widget-container::after,
    .pDemiCarreDroite .elementor-widget-container::before {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .colCarreVertGauche {
        padding-left: 25px;
    }

    .colCarreVertGauche::before {
        left: -45px;
    }
}

@media (min-width: 1144px) {
    .col-md-3 {
        width: 33.333333% !important;
    }
}

@media (max-width: 1090px) {
    #portefolioImg2 {
        display: flex !important;
        max-height: 300px;
        object-fit: cover !important;
    }

    .portefolioGauche {
        width: 100%;
    }

    #portefolioImg {
        display: none !important;
    }

    .menuListePortefolio {
        justify-content: flex-start;
    }

    .portefolioListe p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .menuListePortefolio {
        max-width: 100% !important;
    }

    .portefolioAll {
        display: block;
    }

    .menuListePortefolio {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media (max-width: 1072px) {
    .blockGauche1 .titre {
        color: rgb(255, 255, 255) !important;
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 44.5px !important;
        width: calc(100vw - 200px) !important;
    }

    .slideshow-container {
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .sliderDroite {
        width: 100% !important;
        z-index: 0 !important;
    }

    .blockGauche1 {
        display: block !important;
        height: 0 !important;
    }

    .divGauche {
        display: none !important;
    }

    .divHautGauche {
        z-index: 10;
        margin-right: 0 !important;
        align-items: flex-start !important;
        position: absolute !important;
        margin-top: 0 !important;
        background-color: #39271da6 !important;
        width: 100% !important;
        margin-bottom: 0 !important;
        padding-bottom: 18px;
        transform: translateY(0px);
    }

    .divHautGauche span {
        margin-top: 10px;
        font-size: 12px !important;
        font-weight: 300 !important;
        color: #fff !important;
        text-align: center;
        width: calc(100vw - 200px) !important;
    }

    .divHautGauche h2 {
        margin-left: 20% !important;
        color: #fff !important;
        text-align: center !important;
        font-size: 40px !important;
        line-height: 1.13 !important;

    }

    .sliderGauche {
        position: relative !important;
        right: 0 !important;
        flex-direction: row-reverse !important;
    }

    .informations {
        left: 0 !important;
        z-index: 10 !important;
    }

    .desciptionDroite {
        margin: auto !important;
        position: relative !important;
        text-align: center !important;
        max-width: 100% !important;
        padding: 15px !important;
    }

    .mySlides img {
        width: 100% !important;
        height: 100% !important;
    }

    .blockPrincipal {
        flex-direction: column !important;
    }

    .BlockGauche,
    .blockDroite {
        width: 100% !important;
    }

    .BlockGauche {
        border-right: 0 !important;
        border-bottom: 1px solid #85A491 !important;
    }

    .blockDroite {
        margin-top: 20px !important;
    }

    .mySlides2 {
        flex-direction: column !important;
    }

    .mySlides2 .ContainText,
    .mySlides2 img {
        width: 100% !important;
    }

    .btn-info {
        top: 0 !important;
        margin-left: 30px;
        margin-top: 20px;
    }

    .mySlides2 .ContainText h2 {
        margin-left: 30px;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .mySlides2 .ContainText p {
        height: auto !important;
        min-height: fit-content !important;
        margin-top: 20px !important;
        position: relative;
    }
}

@media (max-width: 1116px) {
    .aligmementDroite {
        width: calc(100vw - 400px) !important;
    }
}

@media (max-width: 1040px) {
    .encadrementGauche>div {
        padding-left: 25px !important;
    }

    .encadrementDroite>div {
        padding-right: 25px !important;
    }
}

@media (min-width: 1040px) {

    .titre,
    .titre p,
    .titre h1,
    .titre h2,
    .titre h3 {
        font-size: 50px !important;
    }

    .surtitre {
        font-size: 22px;
    }

    .ListePEditeur h2 {
        font-size: 35px !important;
    }

    .elementor-section-boxed {
        padding-left: 15px;
        padding-right: 15px;
    }

    .anti-elementor-section-boxed section {
        padding: 0 !important;
    }

    body .btn-YellowSmall .elementor-widget-container {
        padding: 75px 25px !important;
    }

    body .btn-YellowSmall:hover .elementor-widget-container {
        padding: 85px 35px !important;
    }

    body .btn-YellowMedium .elementor-widget-container {
        padding: 85px 55px !important;
    }

    body .btn-YellowMedium:hover .elementor-widget-container {
        padding: 95px 65px !important;
    }

    body .btn-YellowBig .elementor-widget-container {
        padding: 55px 45px !important;
    }

    body .btn-YellowBig:hover .elementor-widget-container {
        padding: 65px 55px !important;
    }


    .SliderPhotos .termesPublication a {
        color: #85A491 !important;
    }

    .SliderPhotos .swiper-container {
        padding-top: 60px;
        height: 600px !important;
    }

    .swiper-slide {
        position: initial !important;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-active img {
        object-fit: cover !important;
        transition: all 0.2s linear;
        overflow: hidden;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-active {
        overflow: hidden;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-active::after {
        position: relative;
        display: block;
        top: 0;
        transform: translateY(-100%);
        content: "";
        width: 100%;
        height: 100%;
        background: #00000065;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-next img {
        height: 500px !important;
        object-fit: cover !important;
        z-index: 25;
        scale: 1.2;
        transition: all 0.2s linear;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-duplicate-prev img {
        z-index: 0;
        height: 450px !important;
        object-fit: cover !important;
        transition: all 0.2s linear;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-prev img {
        z-index: 0;
        height: 450px !important;
        object-fit: cover !important;
        transition: all 0.2s linear;
    }

    .SliderPhotos .swiper-image-stretch .swiper-slide-duplicate-active img {
        z-index: 0;
        height: 450px !important;
        object-fit: cover !important;
        border: 1px solid rgb(47, 0, 255);
        transition: all 0.2s linear;
    }

    .elementor-swiper-button-next {
        top: 560px !important;
        padding: 6px;
        background-image: url(/wp-content/uploads/2022/11/carrer-droite.png);
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.2s linear;
        right: 15% !important;
    }

    .elementor-swiper-button-next svg {
        transform: translateX(-10px);
        transition: all 0.2s linear;
    }

    .elementor-swiper-button-next:hover svg {
        transform: translateX(3px);
        transition: all 0.2s linear;
    }

    .elementor-swiper-button-prev {
        top: 560px !important;
        left: 75% !important;
        padding: 6px;
        background-image: url(/wp-content/uploads/2022/11/carre-gauche.png);
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.2s linear;
    }

    .elementor-swiper-button-prev svg {
        transform: translateX(10px);
        transition: all 0.2s linear;
    }

    .elementor-swiper-button-prev:hover svg {
        transform: translateX(-3px);
        transition: all 0.2s linear;
    }
}

@media (max-width: 1034px) {
    .elementor-swiper-button {
        transform: translateY(0px) !important;
        top: 105% !important;
    }

    .elementor-swiper-button-prev {
        left: calc(35% - 20px) !important;
        padding: 6px;
        background-image: url(/wp-content/uploads/2022/11/carre-gauche.png);
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.2s linear;
    }

    .elementor-swiper-button-next {
        right: calc(35% - 20px) !important;
        padding: 6px;
        background-image: url(/wp-content/uploads/2022/11/carrer-droite.png);
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.2s linear;
    }
}

@media (min-width: 1024px) {
    .btn-slider {
        margin-right: 15px;
    }
}

@media (max-width: 1024px) {
    .aligmementDroite {
        width: 100vw !important;
    }

    .aligmementGauche {
        min-width: inherit !important;
    }

    .widthResponsiveDroite {
        width: 100% !important;
    }

    .FullOn1024 {
        width: 100% !important;
    }

    .HideOn1024 {
        display: none !important;
    }

    .noPaddingOn1024 {
        padding: 0 !important;
    }

    .effetDisparitionCarrer .BlockImgText:last-child {
        margin-bottom: 10px !important;
    }

    .responsiveBlock {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .btn-slider {
        margin-right: 47px;
    }
}

@media (max-width: 990px) {

    /*** UTILE ***/
    .hideOn990,
    .hide_icone_990 .elementor-icon-box-icon {
        display: none !important;
    }

    .displayOn990 {
        display: block !important;
    }

    .FullOn990 {
        width: 100% !important;
    }

    /* Section 1/3 image 2/3 contenu encadré */
    .section_1-3_image_bg_beige,
    .section_1-3_image_bg_beige .elementor-background-overlay {
        background-color: #E3DBD8 !important;
        background-image: none !important;
    }
}

@media (max-width: 910px) {
    .SliderAccueil {
        flex-direction: column;
    }

    .SliderGaucheAccueil {
        border-right: none;
        border-bottom: 2px solid #85A491;
        margin-bottom: 20px;
    }

    .SliderAccueil {
        align-items: center;
        align-items: center;
    }

    .SliderGaucheAccueil {
        max-width: 640px;
    }

    .btn-slider {
        position: absolute;
        transform: translateY(670px);
    }

    .carousel.slide {
        min-height: 600px !important;
    }

    .SliderDroiteAccueilImg,
    .SliderDroiteAccueil {
        overflow-x: hidden !important;
    }

    .SliderGaucheAccueil {
        border: none;
    }
}

@media (max-width: 850px) {
    .elementor-swiper-button-prev {
        left: calc(35% - 20px) !important;
    }

    .elementor-swiper-button-next {
        right: calc(35% - 20px) !important;
    }
}

@media (max-width: 818px) {
    .centrerBouton {
        bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-height: 780px) {
    .divHautGauche {
        margin-top: 0rem;
    }

    .blockGauche1 .titre {
        font-size: 45px !important;
    }

    .sousTitre {
        font-size: 20px !important;
    }
}

@media (min-width: 769px) and (max-width: 910px) {
    .SliderGaucheAccueil {
        align-items: flex-start;
        margin-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1143px) {
    .col-md-3 {
        width: 50% !important;
    }

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .SliderAccueil {
        margin-bottom: 75px !important;
    }

    #portefolioImg2Categorie {
        display: flex !important;
        max-height: 200px;
        object-fit: cover !important;
    }

    #portefolioImgCategorie {
        display: none !important;
    }

    .menuListePortefolioCategorie {
        justify-content: flex-start;
    }

    .portefolioListeCategorie p {
        display: -webkit-box;
        height: 100px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .menuListePortefolioCategorie {
        max-width: 100% !important;
    }

    .card {
        align-items: center;
    }

    .card .categorie90 {
        position: absolute;
        transform: rotate(-90deg) translateX(10px) translateY(-10px) scale(0.8);
        transform-origin: 0 0;
        z-index: 20;
        color: rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
        transition: all 0.3s ease-in-out;
    }

    .card .titreSlider {
        display: flex;
        color: rgb(255, 255, 255);
        text-align: left;
        transform: translateY(100px) translateX(0px) !important;
    }

    .card .dateSlider {
        display: flex;
        color: #F19600;
        text-align: left;
        transform: translateY(160px) translateX(0px) !important;
    }

    .card .descriptionSlider {
        display: flex;
        color: rgb(255, 255, 255);
        text-align: left;
        transform: translateY(250px) translateX(0px) !important;
    }

    .SliderGaucheAccueil {
        align-items: center;
        margin-right: 0px;
    }

    .btn-slider {
        transform: translateY(700px) !important;
    }

    .CarouselFleche {
        display: flex;
        justify-content: center;
        padding-right: 166px !important;
    }

    .carousel.slide {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .btn-slider {
        margin-top: 16px;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .h3_liste h3 {
        padding-bottom: 20px !important;
        padding-left: 20px !important;
    }

    .h3_liste {
        padding-left: 20px !important;
    }

    .hideOnMobile {
        display: none !important;
    }

    .colCarreVertGauche::before {
        display: none !important;
    }

    /************ SECTIONS *************/
    /*Section titre gauche, conteunu droit, avec bordure verte */
    .section_content_lefttitle_bordered .col_left {
        border-right: 0px solid transparent;
        padding: 0;
    }

    .section_content_lefttitle_bordered .col_right {
        padding: 0px 0 0px 0px;
    }

    .section_content_lefttitle_bordered .col_left .elementor-heading-title {
        padding: 10px 0 5px 15px;
    }

    /*Section double bacgrkound image + overlay limiteBackgroundright */
    .section-double-background:after {
        display: none;
    }

    .h3_liste_section_content_colright .elementor-element-populated {
        flex-direction: row-reverse;
    }

    .section_date_bordered.section_date_bordered_first {
        padding-top: 30px;
    }

    .section_date_bordered.section_date_bordered_last {
        padding-bottom: 30px;
    }

    .section_date_bordered .col_left {
        border-right: 0px solid transparent;
        padding: px 0 0;
    }

    .section_date_bordered .col_right {
        padding: 0px 0 15px 25px;
    }

    .section_date_bordered h2 {
        border-bottom: 0px solid transparent;
        padding-bottom: 15px;
    }

    .section_date_bordered .date {
        text-align: left;
    }

    .OpaciterNoir_container .elementor-column {
        padding: 35px 15px 10px;
    }

    .relative_on_mobile,
    .relative_on_mobile.animationFleche {
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        bottom: inherit !important;
    }

    .footerNavigation a {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .card {
        max-width: 500px !important;
    }

    .card .card-img {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .portefolioGauche .titre {
        padding-left: 20px;
        text-align: center;
    }

    .BlockDroiteRealisation {
        padding-left: 0;
        margin-right: 0;
    }

    .menuListePortefolio a.menuList {
        text-align: start;
    }

    .portefolioListe {
        padding-left: 10px;
    }

    #portefolioImg2 {
        margin-top: 20px;
        margin-bottom: 10px;
        display: flex !important;
        max-height: 250px;
        object-fit: cover !important;
    }

    .blockDroite {
        border-left: 0px solid transparent !important;
        padding-left: 0px !important;
        padding-right: 25px;
    }
}

@media (max-width: 550px) {
    .font-size-20 span {
        font-size: 20px !important;
    }

    .blockGauche1 .titre {
        text-align: center;
        padding-right: 0;
        width: 100% !important;
    }

    .slideshow-container,
    .divDroite,
    .sliderDroite {
        height: 500px !important;
    }

    .divHautGauche {
        align-items: center !important;
    }

    .informations {
        width: 100% !important;
        transform: translateY(417px);
        height: auto !important;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .informationText {
        width: calc(100% - 140px) !important;
        margin-right: 100px;
    }

    .dots {
        margin-right: 90px !important;
    }

    .btn-info1 {
        position: absolute;
        right: 30px !important;
        top: 10% !important;
    }

    .descriptionDroite {
        display: none;
    }

    #titreImage {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    .divHautGauche span,
    .divHautGauche h2 {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

@media (max-width: 444px) {
    .titre h1 {
        font-size: 50px !important;
    }

    .listeP_40 .elementor-icon-list-text {
        padding-left: 10px !important;
    }

    .listeP .elementor-icon-list-text {
        padding-left: 20px !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        font-family: 'Roboto Mono', sans-serif !important;
    }

    .pDemiCarreDroite .elementor-widget-container::after {
        display: none !important;
    }

    .pDemiCarreDroite .elementor-widget-container::before {
        display: none !important;
    }

    .section_ptNull {
        padding-top: 0px !important;
    }

    .section_pbNull {
        padding-bottom: 0px !important;
    }

    .section_plNull {
        padding-left: 0px !important;
    }

    .encadrementGauche>div {
        padding-left: 0px !important;
    }

    .encadrementDroite>div {
        padding-right: 0px !important;
    }

    .addIcons {
        background-position: 10px 5px;
    }

    .portefolioBlock {
        flex-direction: column;
    }

    .portefolioBlock a {
        padding-left: 20px !important;
    }

    .menuListePortefolio {
        min-height: 200px !important;
    }

    .boutonSliderRealisation {
        justify-content: flex-start;
    }
}

@media (max-width: 417px) {
    .btn-slider {
        transform: translateY(750px) !important;
    }

    .SliderGaucheAccueil h2 {
        text-align: center;
    }
}

@media (max-width: 400px) {
    .portefolioGauche .titre {
        padding-left: 0px;
        text-align: center;
    }
}

/* super important de mettre apres les transform translate */
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}