/* ******************************** */
/* 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: #099798;
--e-global-color-secondary: #E29E00;
--e-global-color-text: #7A7A7A;
--e-global-color-accent: #61CE70;
--e-global-color-a7184e6: #FFFFFF;
--e-global-color-2d085e7: #000000;
*/

.elementor-kit-6 {
  --vert: var(--e-global-color-primary);
  --orange: var(--e-global-color-secondary);
  --text: var(--e-global-color-text);
  --blanc: var(--e-global-color-a7184e6);
  --noir: var(--e-global-color-2d085e7);
  --gris: #edebf0;
}


/* 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="%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');
  */
  --chevron-h3: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="%23E29E00" /%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: -18px; margin-left: 18px;}
.elementor-widget-text-editor li{position:relative;}
.elementor-widget-text-editor li:before{content: "";position: absolute;left: -37px;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 correct

/* 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  {border: none!important;box-shadow: inset 0px -1px 0px 0px var(--blanc);background-color: transparent!important;color: var(--blanc)!important;font-size: 16px;}



.wpcf7-form [type=submit]{color: var(--blanc);border: 2px solid var(--blanc)!important;border-radius: 0px;box-shadow: inset 0px 0px 0px 0px transparent;}
.wpcf7-form  [type=submit]:hover, .wpcf7-form [type="submit"]:focus, .wpcf7-form  button:focus, .wpcf7-form  button:hover {color: var(--blanc);background-color: var(--noir)!important;border-color: var(--noir)!important;text-decoration: none;}

/* FORMULAIRE */
.wpcf7 input, .wpcf7 input:-internal-autofill-selected, .wpcf7 textarea {border: none!important;box-shadow: inset 0px -1px 0px 0px var(--blanc);background-color: transparent!important;color: var(--blanc)!important;font-size: 16px;}

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder{color:var(--blanc)!important;}
.soumission-formulaire{text-align:right}
.wpcf7 a{color:var(--blanc)!important;text-decoration:none}
.wpcf7 a:hover{text-decoration:underline}



/* 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;}
*/
.wrapper-global-header .elementor-icon-wrapper a{display:inline-block}
.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;
}

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




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


.sticky-header-active{background-color:var(--blanc);}
.home .sticky-header-noactive .logo-header{display:none}
.home .sticky-header-active .logo-header{display:block}
.home .sticky-header-noactive .wrapper-menu-principal{width:100%}

.home .sticky-header-noactive .elementor-nav-menu--main .elementor-item,.home  .sticky-header-noactive .elementor-nav-menu--main .elementor-item.elementor-item-active {color:var(--blanc)!important}
.home .sticky-header-active .elementor-nav-menu--main .elementor-item, .home .elementor-nav-menu--main .elementor-item.elementor-item-active,.home .sticky-header-noactive .fsmfe-wrapper .elementor-nav-menu--main .elementor-item, .home .sticky-header-noactive .fsmfe-wrapper .elementor-nav-menu--main .elementor-item.elementor-item-active {color:var(--noir)!important}

.home .sticky-header-noactive .icon-bars .icon-bar{background-color:var(--blanc)!important}
.home .sticky-header-noactive .menu-toggle:checked + .icon-bars .icon-bar{background-color:var(--noir)!important}

h1 span{font-size:22px;font-family:var(--e-global-typography-text-font-family);color:var(--blanc)}

#nos-services h3{position:relative;}
#nos-services h3:before{content: "";position: absolute;left: -37px;top: -4px;width: 35px;height: 35px;background-repeat: no-repeat;background-image: var(--chevron-h3)}


/* vidéo gestion responsive */
.wrapper-video-background {padding-top: 0!important;margin-top:0;margin-bottom:0}
.wrapper-video-background .video-background{position: relative;padding-bottom: 56.07%;padding-top: 0rem;height: 0;overflow: hidden;box-shadow:25px 25px 0px 0px var(--vert)}
.wrapper-video-background .video-background iframe{position: absolute;top:0;left:0;width:100%;height:100%;}





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

@media (max-width: 1119.98px) {

}

@media (max-width: 1023.98px) {

}

@media (max-width: 767.98px) {

}