/* ******************************** */
/* NE PAS MODIFIER */
/* ******************************** */
:focus{outline: none!important}
/* MATOMO */
.matomo-mesure-audience{display:none}
/* Recaptcha V3
.grecaptcha-badge{display:none} */


/* ******************************** */
/* 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-6 {

--e-global-color-primary: #623D91;
    --e-global-color-secondary: #CEB67F;
    --e-global-color-text: #666666;
    --e-global-color-accent: #61CE70;
    --e-global-color-a7184e6: #FFFFFF;
    --e-global-color-2d085e7: #000000;
    --e-global-color-158dad7: #00EAE2;
    --e-global-color-6b37d67: #FED600;
    --e-global-color-ef61001: #333333;
*/

.elementor-kit-6 {
  --violet: var(--e-global-color-primary);
  --or: var(--e-global-color-secondary);
  --text: var(--e-global-color-text);
  --blanc: var(--e-global-color-a7184e6);
  --noir: var(--e-global-color-2d085e7);
  --bleu: var(--e-global-color-158dad7);
  --jaune: var(--e-global-color-6b37d67);
  --gris: var(--e-global-color-ef61001);
}


/* 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-6{
  /* check */
  --puce-li: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="check"%3E%3Cpath id="Vector" d="M6 12L10.2426 16.2426L18.727 7.75732" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/svg%3E');
  /* check */
  --puce-blanche-li: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="check"%3E%3Cpath id="Vector" d="M6 12L10.2426 16.2426L18.727 7.75732" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/svg%3E');
  /* square */
  /*
  --puce-li:url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg fill="%23000000" viewBox="0 0 50 50" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" overflow="inherit"%3E%3Cpath d="M1 1h48v48h-48z"/%3E%3C/svg%3E');
  */
  /* circle */
  /*
  --puce-li:url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E %3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Ctitle%3Ecircle%3C/title%3E%3Ccircle cx="12" cy="12" r="6" fill-rule="evenodd" fill="%23000000" /%3E%3C/svg%3E');
  */
  /* chevron */
  /*
  --puce-li:url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E %3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 17L15 12L10 7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="%23000000" /%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;}
/* .elementor-widget-text-editor li{text-indent: -18px; margin-left: 18px;} */
.elementor-widget-text-editor li{position:relative;}
.elementor-widget-text-editor li:before{content: "";position: absolute;left: -23px;top: 5px;width: 18px;height: 18px;background-repeat: no-repeat;background-image: var(--puce-li)}


/* RECAPTCHA V3 */
/* ==================*/
/* Par défaut le badge est masqué, il faut spécifier sur quelle(s) page(s) l'afficher
ajouter les id de toutes les pages qui ont un formulaire */
/*.page-id-46 .grecaptcha-badge{display:block}  affichage sur page contact*/


/* ==================*/
/* FORMULAIRES  */
/* ==================*/

/* 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], select, textarea  {color: var(--e-global-color-text)!important;padding: 10px!important;background-color: #fff!important;border: 1px solid var(--e-global-color-text)!important;border-radius: 0px!important;}
.wpcf7-form [type=submit]{color: var(--e-global-color-text);border: 2px solid var(--or)!important;border-radius: 0px;}
.wpcf7-form  [type=submit]:hover, .wpcf7-form [type="submit"]:focus, .wpcf7-form  button:focus, .wpcf7-form  button:hover {color: var(--e-global-color-primary);background-color: var(--e-global-color-text);text-decoration: none;}

/* FORMULAIRES : Messages après envoi + Champ non valide */
/* ==================*/
.wpcf7-not-valid-tip{color:red}
.wpcf7 .screen-reader-response {padding: 10px;margin-bottom: 10px;font-weight:bold}
.wpcf7 .screen-reader-response.invalid{background-color:red;color:#fff;font-weight:normal}
.wpcf7 .screen-reader-response.sent{background-color:green;color:#fff;font-weight:normal}
.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 */
/* ==================*/
/* Bouton Hamburger - ajout du terme MENU ( à modifier éventuellement) */
.fsmfe-wrapper .icon-bars:after{content:'MENU';font-size: 12px;position:absolute;left: -2px;bottom: -20px;}
.fsmfe-wrapper .menu-toggle:checked + .icon-bars:after{visibility:hidden}
.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 */
/* ******************************** */
.sticky-top.sticky-header-noactive .wrapper-logo img{}
.sticky-top.sticky-header-active .wrapper-logo img{width:70px}

.wrapper-menu-principal .menu-item.tarifs a{background-color:var(--or);color:var(--blanc)!important;border-radius:20px}
.wrapper-menu-principal .menu-item a:hover{background-color:var(--violet);color:var(--blanc)!important;border-radius:20px}


/* page massages  zoom au hover */
.posts-massages a.elementor-post__thumbnail__link img{transition: transform .3s;}
.posts-massages a.elementor-post__thumbnail__link:hover img{transform: scale(1.05) translate(-50%, -50%)}


section.elementor-motion-effects-element-type-background .elementor-motion-effects-container > .elementor-motion-effects-layer{border-radius:var(--border-radius);}


.wpcf7-radio > span{padding-right: 20px;display:inline-block}
.wpcf7-radio > span label span{padding-left: 5px;display:inline-block}

/* MODIFS 3DX JFH 13/09/2023 */
.wrapper-global-header .elementor-icon-wrapper:after{content:'MENU';font-size: 12px;position:absolute;right: -3px;bottom: -15px;}
.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;
}
/* Fin */


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

@media (max-width: 1119.98px) {

}

@media (max-width: 1023.98px) {

}

@media (max-width: 767.98px) {

}