/* ******************************** */
/* NE PAS MODIFIER */
/* ******************************** */
body{font-family: var(--e-global-typography-primary-font-family),sans-serif}
:focus{outline: dashed var(--e-global-color-dfbe79d) 1px!important}
/* masquer le focus sur accordeon ouvert */
.e-n-accordion-item-title[aria-expanded=true]:focus{outline: 0px!important}
/* MATOMO */
.matomo-mesure-audience{display:none}
/* overflow sans scroll ni coupure en hauteur */
.overflow-x-clip{overflow-x:clip}
/* masquer une section ayant la classe parent-to-hide  si le widget loop n'a pas d'élément */
.parent-to-hide:has(.e-loop-nothing-found-message){display:none}
/* le widget elementor icon ne gère que la hauteur et width est à 1em => revert-layer : Rétablit la valeur d'une propriété à la valeur qu'elle avait à la couche précédente.*/
.elementor-widget-icon svg{width:revert-layer!important}
/* couper le changement de couleur au hover sur les icons Elementor*/
.elementor-icon:hover {color:inherit!important;}


/* ******************************** */

/* ******************************** */
/* A MODIFIER */
/* ******************************** */

/* COULEURS */
/* ******************************** */
/*
à mettre à jour et à utiliser dans ce fichier var(--e-global-color-xxxxxxxx)
Une fois les couleurs paramétrées dans Elementor, aller sur le site, inspecter le code et récupérer les éléments couleurs dans
.elementor-kit-8 {
--e-global-color-primary: #000000;
    --e-global-color-secondary: #ECF442;
    --e-global-color-text: #000000;
    --e-global-color-accent: #15BEA533;
    --e-global-color-6937f16: #FFFFFF;
    --e-global-color-dfbe79d: #000000;
    --e-global-color-e316190: #C6C6C6;
    --e-global-color-af5aa5e: #D4DB3B;
*/

.elementor-kit-8 {
  --principal : var(--e-global-color-primary);
  --primary : var(--e-global-color-primary);
  --secondaire: var(--e-global-color-secondary);
  --secondary: var(--e-global-color-secondary);
  --tertiaire: var(--e-global-color-accent);
  --jaunehover:var(--e-global-color-af5aa5e);
  --text: var(--e-global-color-text);
  --blanc: var(--e-global-color-6937f16);
  --noir: var(--e-global-color-dfbe79d);
  --grisclair: var(--e-global-color-e316190);
}

.elementor-icon{color:var(--text)}
.wrapper-global-header :focus, .troisdx-bgcolor-primary :focus{outline: dashed var(--blanc) 1px!important}
.troisdx-bgcolor-secondary :focus{outline: dashed var(--text) 1px!important}

.screen-reader-text{color:var(--text)!important;background-color:var(--blanc)!important}
.screen-reader-text:hover{color:var(--text)!important;background-color:var(--blanc)!important;text-decoration:underline!important}

/* TYPOGRAPHIE */
/* ******************************** */
/*
.elementor-kit-8 {

H1 - Titre niveau 1
  --e-global-typography-primary-font-family: "Inter";
  --e-global-typography-primary-font-size: clamp(45px, 4.28vw, 96px);
  --e-global-typography-primary-font-weight: 400;
  --e-global-typography-primary-line-height: 1.1em;
H2 - Titre niveau 2
  --e-global-typography-secondary-font-family: "Inter";
  --e-global-typography-secondary-font-size: clamp(30px, 2.85vw, 64px);
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-secondary-line-height: 1.1em;
p - Texte
  --e-global-typography-text-font-family: "Inter";
  --e-global-typography-text-font-size: clamp(22px, 1.57vw, 36px);
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-text-line-height: 1.2em;
Menu - item
  --e-global-typography-accent-font-family: "Inter";
  --e-global-typography-accent-font-size: clamp(14px, 1vw, 23px);
  --e-global-typography-accent-font-weight: 400;
  --e-global-typography-accent-text-transform: uppercase;
Petit titre
  --e-global-typography-3adbb24-font-family: "Inter";
  --e-global-typography-3adbb24-font-size: clamp(14px, 1vw, 23px);
  --e-global-typography-3adbb24-font-weight: 400;
Boutons Liens
  --e-global-typography-ec2469f-font-family: "Inter";
  --e-global-typography-ec2469f-font-size: clamp(14px, 1vw, 23px);
  --e-global-typography-ec2469f-font-weight: 600;
  --e-global-typography-ec2469f-text-transform: uppercase;
Petit Texte
  --e-global-typography-0d72716-font-family: "Inter";
  --e-global-typography-0d72716-font-size: clamp(12px, 1vw, 18px);
  --e-global-typography-0d72716-font-weight: 400;
}

*/


/* =========================== */
/* padding par défaut pour les sections - tous les containers sont à 0 0 0 0 par défaut */
/* =========================== */

@media (min-width: 768px) {
  main,.wrapper-global-header, div[data-elementor-type=error-404]{padding-left:15px;padding-right:15px;}
}
@media (min-width: 1110px) {
  .wrapper-global-header{padding-left:30px;padding-right:30px;}
}
@media (min-width: 1200px) {
  .wrapper-global-header{padding-left:45px;padding-right:45px;}
}
main section, footer section, .wrapper-global-header, .padding-section, div[data-elementor-type=error-404] section {--container-default-padding-left:6vw!important;--container-default-padding-right:6vw!important;--padding-left:6vw!important;--padding-right:6vw!important;}

section.section-nopadding{--container-default-padding-left:0px!important;--container-default-padding-right:0px!important;--padding-left:0px!important;--padding-right:0px!important;}

/* =========================== */
/* LISTES A PUCES */
/* =========================== */
/* changement de couleur des puces : ="%23000000  par ="%23CODEHEXA */

/* Pour ajout de nouvelle puce
 1- à partir d'un svg (https://www.svgrepo.com/) ou enregistré depuis AI -
    l'encoder pour une utilisation dans CSS    https://yoksel.github.io/url-encoder/
    Coller le code du SVG dans "Insert SVG:"
    Cliquer sur Single dans "External quotes: single /double"
    Récupérer le code dans "Ready for CSS:" sans background-image:

2- ci-dessous coller dans une variable

3- Mettre à jour background-image: var(--puce) ci-dessous dans dans .elementor-widget-text-editor li:before

*/
.elementor-kit-8{

  --puce-li:  url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg id="puce_svg" data-name="puce" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.67 34.88"%3E%3Cdefs%3E%3Cstyle%3E .puce-svg %7B fill: %2315bea5; opacity: .2; %7D %3C/style%3E%3C/defs%3E%3Cg id="puce-svg"%3E%3Crect class="puce-svg" x="0" y="0" width="10.67" height="34.88" rx="5.33" ry="5.33"/%3E%3C/g%3E%3C/svg%3E%0A');

  --puce-defonce-li:  url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg id="puce_svg" data-name="puce" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.67 34.88"%3E%3Cdefs%3E%3Cstyle%3E .puce-svg %7B fill: %2315bea5; opacity: 1; %7D %3C/style%3E%3C/defs%3E%3Cg id="puce-svg"%3E%3Crect class="puce-svg" x="0" y="0" width="10.67" height="34.88" rx="5.33" ry="5.33"/%3E%3C/g%3E%3C/svg%3E%0A');

  --fleche-haut-droite: url('data:image/svg+xml,%3Csvg id="fleche_haut_droite_fleche-haut-droite-svg" viewBox="0 0 8.58 8.66" width="31.704388" height="32" data-name="fleche-haut-droite" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg stroke="%23000000" stroke-linecap="round" stroke-linejoin="round" fill="none"%3E%3Cline class="cls-fleche-haut-droite" x1="0.5" x2="8.08" y1="8.16" y2="0.57" /%3E%3Cpolyline class="cls-fleche-haut-droite" points="2.78 0.5 8.01 0.5 8.01 5.74" /%3E%3C/g%3E%3C/svg%3E');

  --fleche-haut-droite-blanche: url('data:image/svg+xml,%3Csvg id="fleche_haut_droite_fleche-haut-droite-blanche-svg" viewBox="0 0 8.58 8.66" width="31.704388" height="32" data-name="fleche-haut-droite-blanche" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg stroke="%23FFFFFF" stroke-linecap="round" stroke-linejoin="round" fill="none"%3E%3Cline class="cls-fleche-haut-droite-blanche" x1="0.5" x2="8.08" y1="8.16" y2="0.57" /%3E%3Cpolyline class="cls-fleche-haut-droite-blanche" points="2.78 0.5 8.01 0.5 8.01 5.74" /%3E%3C/g%3E%3C/svg%3E');

  --fleche-droite: url('data:image/svg+xml,%3Csvg id="fleche-droite_svg" data-name="fleche-droite" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.54 14.1"%3E%3Cpath d="M12.206 0.044 C 11.934 0.120,11.654 0.367,11.555 0.619 C 11.456 0.870,11.473 1.231,11.594 1.464 C 11.627 1.527,12.696 2.620,13.969 3.892 L 16.284 6.204 8.508 6.220 L 0.733 6.237 0.570 6.323 C 0.242 6.498,0.036 6.799,0.008 7.145 C -0.025 7.560,0.188 7.924,0.576 8.115 L 0.796 8.223 8.361 8.239 L 15.925 8.256 13.790 10.389 C 12.615 11.562,11.627 12.574,11.594 12.638 C 11.463 12.889,11.456 13.270,11.577 13.527 C 11.665 13.711,11.844 13.895,12.024 13.985 C 12.168 14.057,12.236 14.069,12.488 14.069 C 12.735 14.069,12.807 14.056,12.925 13.993 C 13.016 13.945,14.105 12.887,15.953 11.052 C 18.161 8.860,18.881 8.164,19.016 8.091 C 19.381 7.893,19.557 7.546,19.533 7.072 C 19.508 6.562,19.741 6.826,16.227 3.325 C 12.800 -0.088,12.944 0.041,12.544 0.013 C 12.442 0.006,12.290 0.020,12.206 0.044 " stroke="none" fill="%23000000" fill-rule="evenodd"%3E%3C/path%3E%3C/svg%3E');

  --danger: url('data:image/svg+xml,%3Csvg id="danger-svg" data-name="danger 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.22 36.45"%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id="danger"%3E%3Cg%3E%3Cpath class="cls-1" d="M39.81,36.45H2.41c-.84,0-1.61-.43-2.05-1.14-.44-.72-.48-1.59-.11-2.35L17.26,2.27c.79-1.42,2.23-2.27,3.85-2.27s3.07.85,3.85,2.27h0l16.99,30.68c.38.77.35,1.65-.1,2.36-.44.72-1.21,1.14-2.05,1.14ZM21.11.84c-1.32,0-2.48.69-3.12,1.84L1,33.35c-.24.48-.21,1.05.08,1.51.29.47.79.75,1.34.75h37.39c.55,0,1.05-.28,1.34-.75.29-.47.31-1.04.07-1.53L24.23,2.68c-.64-1.15-1.8-1.84-3.12-1.84Z" fill="%23FFFFFF" stroke="%23FFFFFF" /%3E%3Cpath class="cls-1" d="M21.11,26.49c-.23,0-.42-.19-.42-.42v-15.94c0-.23.19-.42.42-.42s.42.19.42.42v15.94c0,.23-.19.42-.42.42Z" fill="%23FFFFFF" stroke="%23FFFFFF" /%3E%3Ccircle class="cls-1" cx="21.11" cy="30.06" r="1" fill="%23FFFFFF" stroke="%23FFFFFF" /%3E%3C/g%3E%3C/g%3E%3C/svg%3E');

  --check-cercle: url('data:image/svg+xml,%3Csvg id="check-cercle-svg" data-name="check-cercle 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.83 46.83"%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cg id="check-cercle"%3E%3Cg%3E%3Cpath class="cls-1" d="M23.42,46.83C10.5,46.83,0,36.33,0,23.42S10.5,0,23.42,0s23.42,10.5,23.42,23.42-10.5,23.42-23.42,23.42ZM23.42,1C11.06,1,1,11.06,1,23.42s10.06,22.42,22.42,22.42,22.42-10.06,22.42-22.42S35.78,1,23.42,1Z" fill="%23FFFFFF" stroke="%23FFFFFF" /%3E%3Cpath class="cls-1" d="M20.43,32.88c-.12,0-.24-.04-.33-.13-.21-.18-.23-.5-.04-.71l15.94-17.93c.18-.21.5-.22.71-.04.21.18.23.5.04.71l-15.94,17.93c-.1.11-.24.17-.37.17Z" fill="%23FFFFFF" stroke="%23FFFFFF" /%3E%3Cpath class="cls-1" d="M20.43,32.88c-.11,0-.22-.04-.31-.11l-9.96-7.97c-.22-.17-.25-.49-.08-.7.17-.21.49-.25.7-.08l9.96,7.97c.22.17.25.49.08.7-.1.12-.24.19-.39.19Z" fill="%23FFFFFF" stroke="%23FFFFFF" /%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}

/* liste à puces par défaut de l'éditeur html on coupe les puces par défaut */
.elementor-widget-text-editor ul, .elementor-widget-text-editor li{list-style:none;}
/* indentation de la liste à puce*/
.elementor-widget-text-editor ul{padding-inline-start: 1.5rem;margin-bottom: 10px;margin-top: -8px;}
/* indentation au retour à la ligne sous la puce   -  valeur = padding-right + font-size */
.elementor-widget-text-editor li{text-indent: 0px; margin-left: 0px;padding-bottom:10px!important}
/* .elementor-widget-text-editor li{text-indent: -18px; margin-left: 18px;} */
.elementor-widget-text-editor li{position:relative;}
.elementor-widget-text-editor li:before{height:1em;width: 10px;content: "";position: absolute;left: -23px;top: 4px;background-color:var(--tertiaire);/*background-image: var(--puce-li);*/ background-repeat:no-repeat;border-radius:5px}
.troisdx-bgcolor-primary .elementor-widget-text-editor li:before{/*background-image: var(--puce-defonce-li);*/background-color:#15bea5}


/* =========================== */

/* =========================== */
/* FORMULAIRES  */
/* =========================== */
form{overflow-x:clip}
/* Correctifs suite pb avec module redirection for CF7 (+ wp-config.php) */
.wpcf7 .screen-reader-response{position: static;overflow: visible;clip: inherit;clip-path: inherit;height: auto;width: auto;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:red;color:#fff;font-weight:normal;border-color:red}
/* fin correctifs */

/* FORMULAIRES : champs */
/* ==================*/
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], .filter-wrapper :not(select), textarea  {color: var(--text)!important;padding: 10px!important;background-color: var(--secondary)!important;border:none;border-bottom: 2px solid var(--text)!important;border-radius: 0px!important; transition:color calc(infinity * 1s) step-end,background-color calc(infinity * 1s) step-end;
  font-family : var(--e-global-typography-3adbb24-font-family);
  font-size : var(--e-global-typography-3adbb24-font-size);
  font-weight : var(--e-global-typography-3adbb24-font-weight);
  line-height : var(--e-global-typography-3adbb24-line-height);
}
.wpcf7-form p{color: var(--text)!important;
font-family : var(--e-global-typography-3adbb24-font-family);
font-size : var(--e-global-typography-3adbb24-font-size);
font-weight : var(--e-global-typography-3adbb24-font-weight);
line-height : var(--e-global-typography-3adbb24-line-height);}

.wpcf7-form [type=submit]{color: var(--primary);background-color: transparent;border: none!important;border-radius: 0px!important;padding:0!important;display:inline-block;text-align:right!important;}
.wpcf7-form  [type=submit]:hover, .wpcf7-form [type="submit"]:focus, .wpcf7-form  button:focus, .wpcf7-form  button:hover {color: var(--primary)!important;background-color: transparent!important;text-decoration: none;padding:0!important}

::placeholder{ color: var(--primary); text-transform:uppercase}
input:-internal-autofill-previewed,input:-internal-autofill-selected{ background-color:var(--secondary)!important; }

.wpcf7-form .btn-submit{text-align:right;}
.wpcf7-form .btn-submit input{padding:10px 2vw 10px 10px!important;position:relative;background-repeat: no-repeat;background-image: var(--fleche-droite);background-size: clamp(14px, 1vw, 23px);background-position: right center;transition: background-image 0.2s ease-in-out;}
.wpcf7-form .btn-submit:hover input,.wpcf7-form .btn-submit:focus input{padding:10px 2vw 10px 10px!important}
.wpcf7-form .btn-submit input:hover{background-image: var(--fleche-haut-droite);transition: background-image 0.2s ease-in-out;}
@media (max-width: 767.98px) {
  .wpcf7-form .btn-submit input, .wpcf7-form .btn-submit:hover input,.wpcf7-form .btn-submit:focus input{padding:10px 28px 10px 10px!important}
}


/* FORMULAIRES : Messages après envoi + Champ non valide */
/* ==================*/
.wpcf7-not-valid-tip{color:red}
.wpcf7 .screen-reader-response {position:relative;padding: 10px;margin-bottom: 0px;margin-top:10px;font-weight:bold;font-size:var(--e-global-typography-3adbb24-font-size);line-height:1.1em}
.wpcf7 .wpcf7-response-output{position:relative;padding-left: 60px !important;font-weight:bold;font-size:var(--e-global-typography-3adbb24-font-size);line-height:1.1em}
.wpcf7 .screen-reader-response.invalid, .wpcf7 .screen-reader-response.sent{color:#fff;font-weight:normal;padding-left: 60px !important;}
.wpcf7 .screen-reader-response.invalid{background-color:red;}
.wpcf7 .screen-reader-response.sent{background-color:green;}
.wpcf7 .screen-reader-response.invalid:before,.wpcf7 .screen-reader-response.sent:before, .wpcf7 form.invalid .wpcf7-response-output:before{--icon-height:40px;width: 40px!important;height: var(--icon-height)!important;content:"";position: absolute!important;z-index:1; left: 8px; top: 50%;transform: translate(0, -50%);background-repeat: no-repeat;background-size: contain; opacity:1!important; background-color: transparent;}
.wpcf7 .screen-reader-response.invalid:before, .wpcf7 form.invalid .wpcf7-response-output:before{background-image: var(--danger);}
.wpcf7 .screen-reader-response.sent:before{background-image: var(--check-cercle);}
.wpcf7 .screen-reader-response ul{display:none}
.wpcf7 .screen-reader-response p{margin-bottom:5px}
.wpcf7 input[aria-invalid="true"], .wpcf7 textarea[aria-invalid="true"]{border-color:red!important}
/* =========================== */


/* HEADER */
/* =========================== */
@media (min-width: 1024px) {
  .container-header{max-width: 100%!important;}
  .wrapper-logo{--width: 250px;max-width: 250px!important;}
  .wrapper-menu-principal{--width:calc( 100% - 500px )}
  .wrapper-btn-contact{--width: 210px;max-width: 210px!important;}
  .wrapper-menu-principal .sub-arrow{display:none}
  .container-header{width:var(--content-width);margin-left:auto;margin-right:auto;}
}

@media (max-width: 1799.98px) {
  .wrapper-menu-principal{--width:calc( 100% - 465px )}
  .wrapper-btn-contact{--width: 185px;max-width: 185px!important;}
}
@media (max-width: 1499.98px) {
  .wrapper-logo{--width: 200px;max-width: 200px!important;--padding-left: 5px!important;}
  .wrapper-menu-principal{--width:calc( 100% - 425px )}
}


@media (max-width: 1319.98px) {
  .wrapper-menu-principal .elementor-nav-menu--main .elementor-item{padding-left: 15px!important; padding-right: 15px!important;}
}

@media (max-width: 1269.98px) {
  .wrapper-menu-principal .elementor-nav-menu--main .elementor-item{padding-left: 10px!important; padding-right: 10px!important;}
}

@media (max-width: 1219.98px) {
  .wrapper-menu-principal .elementor-nav-menu--main .elementor-item{padding-left: 5px!important; padding-right: 5px!important;}
}

@media (max-width: 1139.98px) {
  .container-header .e-con-inner{--widgets-spacing-row: 0px!important; --widgets-spacing-column: 0px!important;}
  .wrapper-menu-principal{--width:calc( 100% - 410px )}
  .wrapper-btn-contact{--width: 165px;max-width: 165px!important;}
}

@media (max-width: 1123.98px) {
  .wrapper-menu-principal{--width:calc( 100% - 370px )}
  .wrapper-logo{--padding-top: 12px!important;--width: 200px;max-width: 200px!important;--padding-top: 4px!important;--padding-right: 0px!important;--padding-bottom: 0px!important;--padding-left: 0px!important;}
  .wrapper-menu{--width: 165px;max-width: 165px!important;--padding-top: 4px!important;--padding-bottom: 4px!important;}
  .wrapper-btn-contact{--width: 125px;max-width: 125px!important;--padding-top: 4px!important;--padding-bottom: 4px!important;}
  .wrapper-btn-contact a.elementor-button{padding:7px 15px 6px 15px}
}

@media (min-width: 1024px) and (max-width: 1052.98px) {
  .wrapper-menu-principal{--width:calc( 100% - 260px )}
  .wrapper-logo{--width: 190px;max-width: 190px!important;}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .wrapper-menu, .wrapper-btn-contact{--width: 165px;max-width: 165px!important;--padding-top: 4px!important;--padding-bottom: 4px!important;}
  .wrapper-logo{--width: 200px;max-width: 200px!important;--padding-top: 4px!important;--padding-right: 0px!important;--padding-bottom: 0px!important;--padding-left: 0px!important;}
}

@media (max-width: 767.98px) {
  .wrapper-menu{max-width: 100%!important;}
  .wrapper-global-header{width:100vw;--padding-right: 0px!important;--padding-left: 0px!important;}
  .wrapper-logo{position:absolute;left:50%;top:8px;z-index:100;transform: translate(-50% , 0);--padding-top: 0px!important;}
  .wrapper-btn-contact-mobile a{width:calc( 100vw - 30px )!important;}
}


/* header scroll */
#header-scroll{position:fixed;	top:3px; right:0; z-index:100; transition: top .5s ease-in-out;}
#header-scroll .container-header{backdrop-filter: blur(15px);background-color: rgba(0, 0, 0, 0.55);border-radius:50px;margin-top:10px;}

.logged-in #header-scroll{top:32px}

@media (max-width: 1023.98px) {
  #header-scroll .bg-btn-acessisbilite{position:fixed!important}
  #header-scroll.scroll-up .container-header{margin-top:6px;}
  #header-scroll.scroll-up .bg-btn-acessisbilite{top:4px!important}
}

/* couper les effet pour le sticky header */
.wrapper-logo.e-con ,.wrapper-logo.e-con .elementor-widget-container {transition-property: none;transition: background 0, border 0, box-shadow 0, transform 0;}

/* Couper le style d'Elementor pour le menu dropdown focus, hover, active*/
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {background-color: inherit!important;color: inherit!important;}
.e--pointer-double-line .elementor-item::after, .e--pointer-double-line .elementor-item::before, .e--pointer-overline .elementor-item::after, .e--pointer-overline .elementor-item::before, .e--pointer-underline .elementor-item::after, .e--pointer-underline .elementor-item::before {height:0px!important;}
/* =========================== */

/* ******************************** */
/* STYLE PERSONNALISE GENERIQUE  */
/* ******************************** */


@media (min-width: 768px) {
  main#content, div[data-elementor-type=error-404]{padding-top:15px}
}
.hidden-elem,.hidden-elem-change{display:none}
.show-elem,.show-elem-change{display:block}

div#tarteaucitronRoot #tarteaucitronAlertBig button {padding: 10px 20px 8px 20px!important;}

/* couper les effet pour le sticky header */
.wrapper-logo.e-con ,.wrapper-logo.e-con .elementor-widget-container {transition-property: none;transition: background 0, border 0, box-shadow 0, transform 0;}

.wrapper-logo > div,#header-btn-contact{display: flex;flex-direction: column;justify-content:center;align-items:center;align-content:center;height:100%}

.troisdx-bgcolor-primary{color: var(--blanc)!important}



/* LIENS */
/* =========================== */
/* GESTION DES LIENS */
.troisdx-bgcolor-primary .elementor-widget-text-editor a{color:var(--blanc)!important}
.elementor-widget-text-editor a:hover{text-decoration:none!important}
a, a:hover{transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out!important;}

/* underline des liens d'un couleur différente */
main .elementor-widget-text-editor a{text-decoration: none;box-shadow: inset 0 -1px 0 var(--secondaire), 0 2px 0 var(--secondaire)!important; transition: box-shadow background-color .3s;overflow: hidden;padding: 2px 5px}

.lien-sans-style a, a.lien-sans-style, a.elementor-button, a.dialog-close-button,  a.btn, #wpadminbar a, main nav a, .troisdx-bgcolor-primary a.lien-accueil-realisation, .troisdx-bgcolor-primary .img-realisation a, .pagination a,header a, main a.elementor-icon, #elementor-popup-modal-1083 a, #elementor-popup-modal-3095 a, :not(p).elementor-heading-title a, .swiper-wrapper a, a.elementor-button{/*border:none!important;*/box-shadow:unset!important;padding: 0}

main .troisdx-bgcolor-primary a{box-shadow: inset 0 0px 0 var(--blanc), 0 1px 0 var(--blanc)!important;}
main .troisdx-bgcolor-primary a.elementor-button{box-shadow:unset!important;border:1px solid var(--blanc)!important}
main .m303-wrapper.troisdx-bgcolor-primary a.elementor-button{box-shadow:unset!important;border:1px solid var(--noir)!important}
main .elementor-widget-text-editor a:hover, main :not(p).elementor-heading-title a:hover{background-color:var(--secondary)!important;transition: box-shadow background-color .3s;}
main .global_link_container a:hover, .img-realisation a:hover {background-color:inherit!important;}

.btn-pleine-largeur a{display:inline-block;width:100%}

.troisdx-bgcolor-primary a.elementor-button-link:hover, .troisdx-bgcolor-primary .elementor-widget-text-editor a:hover{ box-shadow: inset 0 0px 0 transparent, 0 1px 0 transparent!important; background-color: var(--jaunehover)!important;  color: var(--noir)!important;transition: box-shadow background-color .3s;}
main .troisdx-bgcolor-primary a:hover{box-shadow: inset 0 0px 0 transparent, 0 1px 0 transparent!important;}
main .m303-wrapper.troisdx-bgcolor-primary a.elementor-button:hover{border:1px solid var(--jaunehover)!important}

/* Background des liens d'un couleur différente */
:not(a).elementor-button{text-decoration: none;background-color:var(--secondary)!important;overflow: hidden;}
.lien-sans-style a, a.lien-sans-style, /*a.elementor-button, */a.dialog-close-button,  a.btn, #wpadminbar a{background-color:transparent!important;}
header a, #elementor-popup-modal-1083 a, #elementor-popup-modal-3095 a, :not(p).elementor-heading-title a{background-color:transparent!important;}
header a.elementor-button{background-color:var(--secondary)!important;}

:not(a).elementor-button:hover, :not(p).elementor-heading-title a:hover{background-color:var(--jaunehover)!important;}
.troisdx-bgcolor-primary :not(a).elementor-button:hover, .troisdx-bgcolor-primary :not(p).elementor-heading-title a:hover{background-color:var(--jaunehover)!important;color:var(--primary)!important;}


header a.elementor-button:hover,header a.elementor-button:focus{color:var(--primary)!important;}
header .wrapper-btn-contact a.elementor-button:hover{background-color:var(--jaunehover)!important;}


.lien-sans-style a:hover,a.lien-sans-style:hover, a.dialog-close-button:hover {background-color: transparent;box-shadow:unset!important;}

/* couper le background des liens  */
.lien-sans-style a, a.lien-sans-style{background-color:transparent!important;}
.lien-sans-style a:hover, a.lien-sans-style:hover{background-color:transparent!important;}


/* widget-troisdx-global-link-container "Si placé en 1er, au hover les liens dessous simulent un hover" */
.troisdx-bgcolor .elementor-widget-troisdx-global-link-container a{}
.elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-heading a, .elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-text-editor a{}
.elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-button a.elementor-button-link{background-color: var(--e-global-color-primary)!important; color: var(--e-global-color-6937f16)!important;}
.troisdx-bgcolor-primary .elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-button  a.elementor-button-link { background-color: var(--blanc) !important;   color: var(--noir) !important;}
.elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-button a.elementor-button-link:after{}
/* =========================== */

/* Pagination */
/* =========================== */
.wrapper-pagination{max-width:100%;padding-top:40px}
.pagination{display: flex; justify-content: center!important; margin: 20px auto;gap:10px;}
.pagination a, .pagination span.current{display:inline-block; font-size:18px;line-height:40px; width:40px;height:40px; opacity:1!important;  background-clip:content-box; background-color:var(--secondary)!important; color:var(--noir)!important;border-radius:20px;text-align:center}
.pagination a span, .pagination span.current span{display:inline-block;}
.pagination a:hover,.pagination span.current{background-color:var(--jaunehover)!important; color:var(--noir)!important;}

/* =========================== */


/* Slider-SWIPER  Pagination */
/* =========================== */

.swiper-pagination-bullets {bottom:-20px!important}
.swiper-pagination-bullets .swiper-pagination-bullet{width:20px;height:20px;opacity:1!important; /* border : 1px solid var(--primary) ;  padding : 4px ; */ background-clip : content-box ;background-color:var(--secondary)!important}
.swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--jaunehover)!important}

@media (max-width: 767.98px) {
  .swiper-pagination-bullets {bottom:5px!important}
}

.elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper~.elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper~.elementor-swiper-button { width:40px;height:40px;background-color:var(--secondary);border-radius:20px;}
.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg { fill: var(--primary); top: 50%; transform: translate(25%, 30%);}
.elementor-element .swiper .elementor-swiper-button:hover, .elementor-element .swiper~.elementor-swiper-button:hover, .elementor-lightbox .swiper .elementor-swiper-button:hover, .elementor-lightbox .swiper~.elementor-swiper-button:hover { width:40px;height:40px;background-color:var(--jaunehover);}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next:hover svg, .elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover svg {fill: var(--primary);}

.elementor-element .swiper .elementor-swiper-button.elementor-swiper-button-next svg{transform: translate(30%, 30%)}


/* =========================== */

/* Slider-SWIPER  Navigation */
/* =========================== */
/*
.elementor-swiper-button .cls-1{stroke: var(--noir)!important;}
*/
/* =========================== */


/* MENU PRINCIPAL */
/* =========================== */

.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item > a{text-shadow: 0px 0px 15px var(--noir);letter-spacing: 1px;}
.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item{border-bottom:2px solid transparent}
.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item:hover{border-bottom:2px solid var(--secondary)}
.elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item.menu-item-has-children:hover{border-bottom:2px solid transparent}

.elementor-nav-menu--main ul.sub-menu li a{border-radius:0!important;font-size:clamp(13px, .9vw, 20px)!important}
.elementor-nav-menu--main ul.sub-menu li a:focus{outline: dashed var(--noir) 1px!important}
.elementor-nav-menu--main ul.sub-menu li a:hover{background-color: rgba(0,0,0,0.1)!important;color:var(--noir)!important}

.elementor-nav-menu--main ul.sub-menu li.menu-item a:after{--fleche-haut-droite-height:9px;width: 9px;height: var(--fleche-haut-droite-height);content:"";position: absolute;z-index:100;right: 23px;top: 18px;transform: translate(0, calc( -0.5 * var(--fleche-haut-droite-height) ));background-repeat: no-repeat;background-image: var(--fleche-haut-droite);background-size: contain;transition: .5s ease-in-out;}
.elementor-nav-menu--main ul.sub-menu li.menu-item a:hover:after{transform:rotate(45deg);transition: .2s ease-in-out;}

/* position menu du header */
.elementor-nav-menu--main ul.sub-menu{padding:25px 0}
.elementor-nav-menu--main ul.sub-menu li a{padding-right:60px!important;}


/* =========================== */

/* MENU OVERLAY */
/* =========================== */
.wrapper-menu-overlay, .container-menu-overlay{overflow-x: clip;overflow-y: clip;}
.contenu-menu-overlay{overflow-x:hidden;}
/*item niveau 1*/
.wrapper-menu-overlay .sub-arrow{display:none}
.wrapper-menu-overlay ul.elementor-nav-menu > li{padding:5px 0}
.wrapper-menu-overlay ul.elementor-nav-menu > li > a, .wrapper-menu-overlay ul.elementor-nav-menu > li > a:hover, .wrapper-menu-overlay ul.elementor-nav-menu > li > a:focus, .wrapper-menu-overlay ul.elementor-nav-menu > li > a.highlighted, .wrapper-menu-overlay ul.elementor-nav-menu > li > a.elementor-item-active {background-color: var(--noir)!important;color: var(--blanc)!important;border-radius:25px;}

.wrapper-menu-overlay ul.elementor-nav-menu > li > a:focus{outline: dashed var(--noir) 1px!important}
.wrapper-menu-overlay ul.elementor-nav-menu > li > a{justify-content: space-between;}
.elementor-nav-menu--dropdown ul.sub-menu{padding:30px 0}
.elementor-nav-menu--dropdown ul.sub-menu li a{position:relative}
.elementor-nav-menu--dropdown ul.sub-menu li a:focus{outline: dashed var(--noir) 1px!important}
.elementor-nav-menu--dropdown ul.sub-menu li a:hover{background-color: rgba(0,0,0,0.1)!important;color:var(--noir)!important}

.elementor-nav-menu--dropdown ul li a:after{--fleche-haut-droite-height:9px;width: 9px;height: var(--fleche-haut-droite-height);content:"";position: absolute;z-index:100;right: 23px;top: 18px;transform: translate(0, calc( -0.5 * var(--fleche-haut-droite-height) ));background-repeat: no-repeat;background-image: var(--fleche-haut-droite-blanche);background-size: contain;opacity:1!important;transition: .6s ease-in-out;}
.elementor-nav-menu--dropdown ul li a:hover:after{transform:rotate(45deg);transition: .2s ease-in-out;}
.elementor-nav-menu--dropdown ul li a.has-submenu:hover:after,.elementor-nav-menu--dropdown ul li a.highlighted:after{transform:rotate(135deg);transition: .6s ease-in-out;}
.elementor-nav-menu--dropdown ul.sub-menu li a:after{background-image: var(--fleche-haut-droite);}



/* =========================== */

/* ******************************** */
/* STYLE PERSONNALISE  */
/* ******************************** */
p, ul {margin-block-end: 1rem;}
li {margin-block-end: .5rem;}
p.troisdx-multi-heading-{margin-block-end:0;}
.no-padding p{margin-block-end:0;}
h2.troisdx-multi-heading-titre > span > div > div{overflow:clip visible !important;}

.m101-element, .niveau1{
  font-family: var(--e-global-typography-primary-font-family), Sans-serif!important;
  font-size: var(--e-global-typography-primary-font-size)!important;
  font-weight: var(--e-global-typography-primary-font-weight)!important;
  line-height: var(--e-global-typography-primary-line-height)!important;
}
.m102-element, .niveau2{
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif!important;
  font-size: var(--e-global-typography-secondary-font-size)!important;
  font-weight: var(--e-global-typography-secondary-font-weight)!important;
  line-height: var(--e-global-typography-secondary-line-height)!important;
}
.m103-element, .niveau3{
  font-family: var(--e-global-typography-accent-font-family), Sans-serif!important;
  font-size: var(--e-global-typography-accent-font-size)!important;
  font-weight: var(--e-global-typography-accent-font-weight)!important;
  line-height: var(--e-global-typography-accent-line-height)!important;
}


/* ******************************** */
/* STYLE PERSONNALISE PAGE CONTACT */
/* ******************************** */
footer a:hover{text-decoration:underline}
footer .coordonnees-footer a:hover{text-decoration:underline}

/* FOOTER */
footer .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item{border-bottom:none!important}
footer .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item:hover{border-bottom:none!important}

footer .menu-footer a.elementor-item:before{--fleche-haut-droite-height:10px;width: 10px!important;height: var(--fleche-haut-droite-height)!important;content:"";position: absolute!important;z-index:100; left: -1px; top: 20px!important;transform: translate(0, calc( -0.5 * var(--fleche-haut-droite-height) ));background-repeat: no-repeat;background-image: var(--fleche-haut-droite-blanche);background-size: contain; opacity:1!important; transition: .2s ease-in-out; background-color: transparent;}

footer .menu-footer a.elementor-item:hover:before{transform:rotate(45deg) translate(calc( -0.5 * var(--fleche-haut-droite-height)), calc( -0.5 * var(--fleche-haut-droite-height))) ;transition: .2s ease-in-out;}
footer .elementor-icon:hover {color: var(--blanc)!important;}
footer .coordonnees-footer a, footer .liens-footer a{padding:2px 5px}



/* FIN FOOTER */
/* ******************************** */

/* ******************************** */
/* STYLE PERSONNALISE PAGE CONTACT */
/* ******************************** */
.page-id-79 main a:hover{color: var(--noir)!important;text-decoration:underline}
.page-id-79 main .troisdx-bgcolor-secondary .m202-element a:hover{color: var(--noir)!important;text-decoration:none;}

.page-id-79 #header-scroll .container-header{background-color: rgba(0, 0, 0, 1);}
.page-id-79 .wrapper-btn-contact a.elementor-button { background-color: var(--blanc) !important;}

.page-id-79 .wrapper-global-header .elementor-nav-menu--main ul.sub-menu{backdrop-filter: blur(15px);}
.page-id-79 .wrapper-global-header .elementor-nav-menu--main ul.sub-menu:before{content: ""; position:absolute; left:0;top:0;width:100%; height:100%;background-color: rgba(255, 255, 255, .3)!important;border-radius:20px}

.page-id-79 footer{--padding-top: 0px!important;}
.page-id-79 footer > .elementor-widget-spacer, .page-id-79 .wrapper-btn-contact-mobile, .page-id-79 .footer-haut, .page-id-79 .footer-bas #btn-contact-footer{display:none!important}
.page-id-79 .footer-bas{padding-top:60px!important}

.page-id-79 .accordeon-contact .e-n-accordion-item-title{background-color: var(--noir);}
.page-id-79 .accordeon-contact .e-n-accordion-item-title-icon .e-opened i{font-size:9px!important;padding-top:3px}

/* ******************************** */

/* ******************************** */
/* LISTE REALISATIONS  */
/* ******************************** */
.wrapper-liste-realisations{}
.wrapper-liste-realisations .post-items-top{display: flex;flex-direction: column;height:100%;gap: 6vw 6vw;}

.menu-cat-realisations ul li{margin-right:5px;}
.menu-cat-realisations ul li a{font-size:clamp(14px, 1vw, 18px)!important;border-radius: 0px 0px 0px 0px!important; padding: 9px 15px 8px 15px!important;letter-spacing:normal!important;
  font-weight: var(--e-global-typography-ec2469f-font-weight)!important;
  line-height: var(--e-global-typography-ec2469f-line-height)!important;
}

.menu-cat-realisations ul li a:hover, .menu-cat-realisations ul li a.elementor-item-active{background-color: var(--e-global-color-secondary);color: var(--noir) !important;}
.menu-cat-realisations ul li:hover{border-bottom-color: transparent!important}
.m204-element.btn-tag a.elementor-button{font-size:clamp(14px, 1vw, 18px)!important}

/* niveau 3 */
.item-realisation .m106-element .troisdx-multi-heading-titre-partie1{
  display: block;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  line-height: var(--e-global-typography-accent-line-height);
}
/* niveau 1 */
.item-realisation .m106-element .troisdx-multi-heading-titre-partie2{
  display: block;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: var(--e-global-typography-primary-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  line-height: var(--e-global-typography-primary-line-height);
}
/* niveau 2 */
.item-realisation .m106-element .troisdx-multi-heading-titre-partie3{
  display: block;
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  line-height: var(--e-global-typography-secondary-line-height);
}

.item-realisation-miseenavant.e-con-full.e-flex {--flex-direction:row!important; --widgets-spacing-row:6vw!important; --widgets-spacing-column:6vw!important}


.wrapper-liste-realisations .content-posts{margin-top:40px}
.wrapper-liste-realisations .content-posts.paged-1{margin-top:0px}


.post-item-top .item-realisation-miseenavant .col-realisation-texte{width:40%!important;padding-top:70px;padding-bottom:70px;--display: flex; --flex-direction: column; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial; --flex-wrap-mobile: wrap; --justify-content: center;}
.post-item-top .item-realisation-miseenavant .col-realisation-img{width:60%!important}
.wrapper-liste-realisations .col-realisation-img img{border-radius: 20px!important}
.post-item-top.odd .item-realisation-miseenavant.e-con-full.e-flex {--flex-direction:row-reverse!important;}

.item-realisation-miseenavant .m201-element .elementor-button-content-wrapper{flex-direction: row-reverse;gap:15px}

.post-items-classique{padding-top:6vw;padding-bottom:6vw}
.item-realisation-classique.e-con-full.e-flex {--padding:2vw;--flex-direction:row!important; --widgets-spacing-row:var(--padding)!important; --widgets-spacing-column:var(--padding)!important;position:relative;align-items:center!important;padding:var(--padding)}

.item-realisation-classique .col-realisation-btn{display: flex;flex-direction: column;justify-content:center;align-items:flex-end;height:100%}
.post-items-classique .item-realisation:hover .item-realisation-classique{background-color: var(--e-global-color-secondary);}
.elementor-widget-troisdx-global-link-container:hover ~ .item-realisation-miseenavant .elementor-widget-button a.elementor-button-link, .elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-button a.elementor-button-link{background-color: var(--e-global-color-primary)!important; color: var(--e-global-color-6937f16)!important;}
.elementor-widget-troisdx-global-link-container:hover ~ .item-realisation-miseenavant .elementor-widget-button a.elementor-button-link .icons-3dx-site-fleche-haut-droite{transform:rotate(45deg);transition: .4s ease-in-out;}
.troisdx-bgcolor-primary .elementor-widget-troisdx-global-link-container:hover ~ .elementor-widget-button  a.elementor-button-link { background-color: var(--blanc) !important;   color: var(--noir) !important;}

.col-realisation-texte .elementor-widget-troisdx-multi-heading p{margin-bottom:0!important}

.titre-liste-classique{padding-top:30px;padding-bottom:30px;border-bottom:2px solid var(--grisclair)}
.post-items-classique .post-item .item-realisation{border-bottom:2px solid var(--grisclair)}
.post-item-top .item-realisation-miseenavant .col-realisation-texte .elementor-widget-button{margin-top:10px!important}

@media (min-width: 1024px) {
  .item-realisation-classique .col-realisation-img{visibility: hidden;  opacity: 0;  transition: opacity 400ms ease-in, visibility 400ms ease-in 400ms;position:absolute;z-index:1;right:10vw;top:50%;transform:translate( 0, -50%);width:500px;height:auto}
  .post-items-classique .item-realisation:hover .col-realisation-img{ visibility: visible; opacity: 1;  transition: opacity 400ms ease-in, visibility 0ms ease-in 0ms;}
}

@media (max-width: 1199.98px) {
  .post-items-classique .item-realisation .col-realisation-img, .post-items-classique .item-realisation .col-realisation-img img{width:350px!important;}
}
@media (max-width: 1023.98px) {
  .wrapper-liste-realisations{--max-width:600px;max-width:var(--max-width);margin:auto;}
  .wrapper-liste-realisations .post-items-top { gap: 80px 80px;}
  .item-realisation-miseenavant.e-con-full.e-flex{--flex-direction:column-reverse!important; --widgets-spacing-row:20px!important; --widgets-spacing-column:20px!important;}
  .post-item-top.even .item-realisation-miseenavant.e-con-full.e-flex {--flex-direction:column-reverse!important;}
  .post-item-top.odd .item-realisation-miseenavant.e-con-full.e-flex {--flex-direction:column-reverse!important;}
  .post-item-top .item-realisation-miseenavant .col-realisation-texte, .post-item-top .item-realisation-miseenavant .col-realisation-img{width:100%!important;padding-top:0px;padding-bottom:0px;}
  .item-realisation-classique .col-realisation-img{display:none!important}
  .item-realisation-classique{--width-btn:100px}
  .col-realisation-texte{--width:calc( 95% - var(--width-btn) )!important;}
  .col-realisation-btn{--width:var(--width-btn)!important}
  .post-item-top .item-realisation-miseenavant .col-realisation-texte{--widgets-spacing:10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}
}
@media (max-width: 767.98px) {
  .post-item-top .item-realisation-miseenavant .col-realisation-texte{--widgets-spacing:5px;--widgets-spacing-row:5px;--widgets-spacing-column:5px;}
}
/* ******************************** */


/* FICHE REALISATION */
/* ******************************** */
.blur{mask: linear-gradient(transparent, black, black);backdrop-filter: blur(15px);}
/* ~ => element suivant */
.ombre-degrade{background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%) !important;}
@media (max-width: 1023.98px) {
  .btn-fiche-real{position:static!important}
}
/* ******************************** */


/* LISTE ACTUALITE */
/* ******************************** */
.wrapper-liste-actualites{margin-top:-40px;--marge:clamp(15px, 1vw, 30px);}
.wrapper-liste-actualites .col-actualite-img img {border-radius: 20px !important;}

.wrapper-liste-actualites .item-actualite-miseenavant.e-con-full.e-flex {--flex-direction:row-reverse!important; --widgets-spacing-row:6vw!important; --widgets-spacing-column:0!important}
.item-actualite-miseenavant .col-actualite-texte{padding:var(--marge);align-items:flex-end;/*box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);*/}

.item-actualite-miseenavant .m201-element .elementor-button-content-wrapper{flex-direction: row-reverse;gap:15px}

@media (min-width: 768px) {
  .post-item-top .item-actualite-miseenavant .col-actualite-texte{width:40%!important;padding-top:70px;padding-bottom:70px;--display: flex; --flex-direction: column; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial; --flex-wrap-mobile: wrap; --justify-content: center;}
  .post-item-top .item-actualite-miseenavant .col-actualite-img{width:60%!important}
  .post-item-top.odd .item-actualite-miseenavant.e-con-full.e-flex {--flex-direction:row-reverse!important;}
}

.list-items-classique{padding-top:40px;padding-bottom:40px;display:flex!important;flex-direction: row!important;flex-wrap:wrap!important;row-gap: clamp(30px, 2vw,60px)!important; column-gap: clamp(20px, 1vw, 40px) !important;justify-content:center;}
.list-items-classique .post-item{ flex-grow: 0!important;flex-shrink: 1!important;flex-basis: auto!important; width:calc( 25% - 1vw );}
.list-items-classique .item-actualite-classique{ --align-items: center;}
.list-items-classique .col-actualite-texte{margin-top:calc( -2.5 * var(--marge) );max-width:calc( 100% - 1.5 * var(--marge) );padding:var(--marge);box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);align-items:flex-end;border-radius: 10px !important;}

.wrapper-liste-actualites .elementor-widget-button a.elementor-button-link{font-size: clamp(12px, 1vw, 18px);}

.elementor-widget-troisdx-global-link-container:hover ~ .item-actualite-miseenavant .elementor-widget-button a.elementor-button-link, .elementor-widget-troisdx-global-link-container:hover ~ .item-actualite-classique .elementor-widget-button a.elementor-button-link{background-color: var(--e-global-color-primary)!important; color: var(--e-global-color-6937f16)!important;}
.elementor-widget-troisdx-global-link-container:hover ~ .item-actualite-miseenavant .elementor-widget-button a.elementor-button-link .icons-3dx-site-fleche-haut-droite, .elementor-widget-troisdx-global-link-container:hover ~ .item-actualite-classique .elementor-widget-button a.elementor-button-link .icons-3dx-site-fleche-haut-droite{transform:rotate(45deg);transition: .4s ease-in-out;}

@media (min-width: 768px) {
  /* items de même hauteur et btn lien en bas à droite */
  .list-items-classique .post-item .e-loop-item{min-height:100%!important;height:100%!important;}
  .list-items-classique .post-item .item-actualite{min-height:100%!important;height:100%!important;flex: 1 0 auto!important;}  .list-items-classique .post-item .item-actualite-classique{min-height:100%!important;height:100%!important;flex: 1 0 auto!important;}
  .list-items-classique .post-item .col-actualite-texte{height:60%!important;display: grid; grid-template-rows: auto 40px;}
  .list-items-classique .post-item .col-actualite-texte .m108-element{align-self: start;}
  .list-items-classique .post-item .col-actualite-texte .m203-element{justify-self: end;}
}

@media (max-width: 1599.98px) {
  .list-items-classique .post-item{width:calc( 33.33% - 2vw );}
}

@media (max-width: 1199.98px) {
  .list-items-classique .post-item{width:calc( 50% - 2vw );}
}

@media (max-width: 767.98px) {
  .item-actualite-miseenavant, .list-items-classique .post-item{width:100%;max-width:550px;margin:auto}
  .item-actualite-miseenavant.e-con-full.e-flex {--flex-direction:column!important;--widgets-spacing-row:20px!important; align-items:center}
  .item-actualite-miseenavant .col-actualite-texte{margin-top:calc( -2.5 * var(--marge) );max-width:calc( 100% - 1.5 * var(--marge) );padding:var(--marge);box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);align-items:flex-end;background-color: var(--blanc);border-radius: 10px !important;}
  .list-items-classique{flex-direction: column!important}
  .wrapper-liste-actualites .post-items-classique{padding-top:2vw;padding-bottom:6vw}
}
/* afficher seulement 3 lignes pour l'accroche */
.wrapper-liste-actualites .m108-element .troisdx-multi-heading-titre-partie3 {display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

/* partie1 => petit texte */
.wrapper-liste-actualites .m108-element .troisdx-multi-heading-titre-partie1{
  display: block;
  font-size: 18px!important;
  line-height: var(--e-global-typography-0d72716-line-height);
  padding-bottom:1em;
}
/* partie2 => petit titre */
.wrapper-liste-actualites .m108-element .troisdx-multi-heading-titre-partie2{
  display: block;
  font-size: 23px!important;
  line-height: var(--e-global-typography-3adbb24-line-height);
  padding-bottom:1em;
}

/* partie3 => petit texte */
.wrapper-liste-actualites .m108-element .troisdx-multi-heading-titre-partie3{
  display: block;
  font-size: 18px!important;
  line-height: var(--e-global-typography-0d72716-line-height);
}


/* partie1 => petit texte */
.wrapper-liste-actualites .post-items-top .m108-element .troisdx-multi-heading-titre-partie1{
  display: block;
  font-size: 18px!important;
  line-height: var(--e-global-typography-0d72716-line-height);
  padding-bottom:1em;
}
/* post-items-top partie2 => niveau 2 */
.wrapper-liste-actualites .post-items-top .m108-element .troisdx-multi-heading-titre-partie2{
  display: block;
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size)!important;
  font-weight: var(--e-global-typography-secondary-font-weight)!important;
  line-height: var(--e-global-typography-secondary-line-height)!important;
  padding-bottom:1em;
}
/* post-items-top partie3 => petit titre */
.wrapper-liste-actualites .post-items-top .m108-element .troisdx-multi-heading-titre-partie3{
  display: block;
  font-size: clamp(18px, 1vw, 23px);!important;
  line-height: var(--e-global-typography-3adbb24-line-height);
}
/* ******************************** */

/* Accueil Liste réalisations */
/* ******************************** */
.troisdx-bgcolor-primary .wrapper-accueil-liste-realisations{position:relative}
.titre-accueil-liste-realisations{padding-bottom:30px}
.troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .post-item{padding:5px 0;}
.troisdx-bgcolor-primary .wrapper-accueil-liste-realisations a{display:inline-block;color: var(--blanc);padding:5px 15px}

@media (min-width: 768px) {
  .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .post-item{max-width:50%}
  .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .img-realisation{--tr50:calc( 3vw - 50% ); position:absolute;top:50%;transform: translate(0, var(--tr50));right:0;max-width:50%}
  .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .img-realisation img{border-radius:20px;  opacity: 0;}
  .wrapper-accueil-liste-realisations .post-item a.item-actif ~ .img-realisation img{opacity:1; }
  .wrapper-accueil-liste-realisations .post-item a i{display:none}
  .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations a.item-actif, .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations a:hover{background-color: var(--secondary);color: var(--noir);}
  .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .img-realisation a.item-actif, .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .img-realisation a:hover{background-color: inherit;color: inherit;}
}
@media (max-width: 767.98px) {
  .wrapper-accueil-liste-realisations .post-item{display: flex;flex-direction: column-reverse;justify-content:center;align-items:center;align-content:center;margin-bottom:30px;gap:5px}
  .wrapper-accueil-liste-realisations .post-item a{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size)!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
    background-color: var(--noir)!important;color: var(--blanc)!important;
  }
  .wrapper-accueil-liste-realisations .post-item a i{display:none;}
  .troisdx-bgcolor-primary .wrapper-accueil-liste-realisations .img-realisation img{border-radius:20px;opacity: 1;}

  .wrapper-accueil-liste-realisations .post-item a:hover{background-color: var(--jaunehover)!important;color: var(--noir)!important;}
  .wrapper-accueil-liste-realisations .post-item .img-realisation a:hover{background-color: transparent!important;color: inherit!important;}
  .wrapper-realisation-accueil .m202-element{text-align:center}

}
/* ******************************** */

/* Titre accordéon en 2 parties */
/* ******************************** */
.elementor-widget-n-accordion .e-n-accordion-item-title-text span{
  display:block;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size)!important;
  font-weight: var(--e-global-typography-text-font-weight)!important;
}
/* ******************************** */

/* Caontainer accordéon max-width */
/* ******************************** */
.elementor-widget-n-accordion .e-n-accordion-item .elementor-element{max-width:100%}
/* ******************************** */



/* ******************************** */
/* STYLE PERSONNALISE MODELES */
/* ******************************** */
/* Modèle 201 – bouton fleche haut droite
  et item de menu niveau 2  */
/* =========================== */
.troisdx-bgcolor-secondary .m201-element a{background-color: var(--blanc)!important;color: var(--noir)!important;border-color: var(--blanc)!important;}
.troisdx-bgcolor-secondary .m201-element a:hover{background-color: var(--jaunehover)!important;color: var(--noir)!important;border-color: var(--jaunehover)!important;}
.icons-3dx-site-fleche-haut-droite{font-size:9px!important;transition: .5s ease-in-out;}
a:hover .icons-3dx-site-fleche-haut-droite{transform:rotate(45deg);transition: .2s ease-in-out;}

/* Modèle 202 – bouton noir fleche haut droite */
/* =========================== */
.troisdx-bgcolor-primary .m202-element a{background-color: var(--noir)!important;color: var(--blanc)!important;border-color: var(--blanc)!important;}
.troisdx-bgcolor-primary .m202-element a:hover{background-color: var(--jaunehover)!important;color: var(--noir)!important;border-color: var(--jaunehover)!important;}
.troisdx-bgcolor-secondary .m202-element a{background-color: var(--blanc)!important;color: var(--noir)!important;border-color: var(--blanc)!important;}
.troisdx-bgcolor-secondary .m202-element a:hover{background-color: var(--jaunehover)!important;color: var(--noir)!important;border-color: var(--jaunehover)!important;}

/* =========================== */

/* Modèle 203 – icone fleche lien */
/* =========================== */
.m203-element{--dim-m203:40px;--dim-m203-min:30px; --fsize-m203:12px; --fsize-m203-h:18px; width:var(--dim-m203); height:var(--dim-m203);position:relative;background-color: transparent!important;--animation-duration: .5s}
.m203-element .elementor-icon-wrapper{position:absolute;z-index:1;top:50%;left:50%;transform: translate(-50% , -50%);background-color: var(--e-global-color-secondary);border-radius: var(--dim-m203-min);width:var(--dim-m203-min); height:var(--dim-m203-min);display:flex;flex-direction: row;justify-content:center;align-items:center;
  animation-name: zoomhover; transform-origin: center center; animation-duration: var(--animation-duration);
}
.m203-element a.elementor-icon{display:inline-block;padding:.625em; font-size: var(--fsize-m203);
  animation-name: zoomhover-a; transform-origin: center center; animation-duration: var(--animation-duration);
}

.m203-element:hover .elementor-icon-wrapper, .elementor-widget-troisdx-global-link-container:hover ~ div .m203-element .elementor-icon-wrapper{width:var(--dim-m203); height:var(--dim-m203);
  animation-name: zoomhover; transform-origin: center center; animation-duration: var(--animation-duration);
}
.m203-element:hover a.elementor-icon, .elementor-widget-troisdx-global-link-container:hover ~ div .m203-element a.elementor-icon{padding:.5em;font-size:var(--fsize-m203-h)!important;
  animation-name: zoomhover-a; transform-origin: center center; animation-duration: var(--animation-duration);
}


@keyframes zoomhover {
  from {
    width:var(--dim-m203-min);
    height:var(--dim-m203-min);
  }
  to {
    width:var(--dim-m203);
    height:var(--dim-m203);
  }
}

@keyframes zoomhover-a {
  from {
    transform:scale(.636);
    font-size: var(--fsize-m203-h);
    padding:.625em;
  }
  to {
    transform:scale(1);
    font-size:var(--fsize-m203-h);
    padding:.5em;
  }
}


.post-items-classique .item-realisation .m203-element{width:clamp(40px, 3vw, 60px)!important;height:clamp(40px, 3vw, 60px)!important;border-radius:30px!important}
.post-items-classique .item-realisation:hover .m203-element a.elementor-icon{font-size:var(--e-global-typography-text-font-size)!important;}
/* =========================== */


/* Modèle 204 - bouton header liste réalisations */
/* =========================== */
.troisdx-bgcolor-primary .m204-element  a.elementor-button-link:hover{background-color: var(--jaunehover)!important;color: var(--noir)!important;}
/* =========================== */


/* Modèle 300 302 303 – Haut de page */
/* =========================== */
@media (max-width: 767.98px) {
  .m300-container, .m302-container, .m303-wrapper, .m303-container{--border-radius: 0px 0px 0px 0px!important;}
}
/* =========================== */


/* Modèle 401 - compteurs */
/* =========================== */
.m401-wrapper .elementor-counter-title{text-align:center!important;}
@media (max-width: 767.98px) {
  .m401-wrapper .elementor-widget-counter{background-color:transparent!important;box-shadow:none!important}
  .m401-wrapper .elementor-counter-number-wrapper, .m401-wrapper .elementor-counter-title{color:var(--blanc)!important}
}
/* =========================== */

/* Modèle 403 - section titres */
/* =========================== */
.m403-wrapper .liste-avec-sep ul{margin-bottom:0!important}
.m403-wrapper .liste-avec-sep ul li{padding-bottom:0!important;margin-block-end:0!important; line-height:1.1em!important}
@media (min-width: 1200px) {
  .m403-wrapper .liste-avec-sep.elementor-widget-text-editor li:before{top:-2px!important}
}
/* =========================== */

/* Modèle 404 - Section 2 colonnes avec titre épinglé */
/* =========================== */
.m404-wrapper.bg-noir-realisation{min-height:30vw}
.m404-wrapper .troisdx-multi-heading-titre-partie1{line-height:1em}
.m404-wrapper .troisdx-multi-heading-titre-partie1{line-height:1em}
.m404-wrapper .elementor-widget-text-editor.nopadding-li li{margin-bottom:0px!important}
@media (min-width: 768px) {
  .m404-wrapper .elementor-widget-text-editor li{margin-bottom:40px!important}
  .m404-wrapper .col-blocs .row-blocs > div, .m404-wrapper .col-blocs .row-blocs > div > div{height:100%}
}
@media (min-width: 1200px) {
  .m404-wrapper .elementor-widget-text-editor li{margin-bottom:60px!important}
}
@media (min-width: 1600px) {
  .m404-wrapper .elementor-widget-text-editor li{margin-bottom:80px!important}
}
@media (max-width: 767.98px) {
  .m404-wrapper .m401-wrapper .elementor-widget-counter{background-color:inherit!important;box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.2)!important}
  .m404-wrapper .m401-wrapper .elementor-counter-number-wrapper, .m404-wrapper .m401-wrapper .elementor-counter-title{color:inherit!important}
}

/* =========================== */



/* Modèle XXXX – nomdumodèle */
/* =========================== */
.carrousel-logos .swiper-slide .e-con-inner{justify-content: center;}
.carrousel-logos .swiper-slide img{max-width:150px;height:auto}
/* =========================== */



/* Modèle XXXX – nomdumodèle */
/* =========================== */

/* =========================== */




/* =========================== */
/* MEDIA QUERY  */
/* =========================== */
/* EN-DESSOUS de ... */

@media (max-width: 1119.98px) {

}

@media (max-width: 1023.98px) {

}

@media (max-width: 767.98px) {

}