/*
Theme Name: Hello Elementor Child
Theme URI: https://voltride.es/
Description: Theme enfant de Hello Elementor pour Volt Ride. Cree par HDKN le 24 septembre 2026.
Author: HDKN
Author URI: https://hdkn.fr/
Template: hello-elementor
Version: 2.10.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* =========================================================
   Socle graphique repris du theme Mediaflex, HDKN 24-09-2026
   Valeurs relevees avant la bascule, voir la fiche de projet.
   Aucune declaration !important : le bloc de style de la refonte
   d accueil doit continuer de primer.
   ========================================================= */

:root{
  --vr-bg:#191919;
  --vr-text:#D2D3D5;
  --vr-title:#FCFCFC;
  --vr-accent:#F2B514;
  --vr-ink:#171310;
  --vr-line:#2E2E2E;
}

body{
  background-color:var(--vr-bg);
  color:var(--vr-text);
  font-family:"Roboto",sans-serif;
  font-size:17px;
  line-height:1.7;
}

h1,h2,h3,h4,h5,h6,
.sc_title_title,.sc_item_subtitle,
.entry-title,.page-title{
  font-family:"Bebas Neue",sans-serif;
  font-weight:400;
  color:var(--vr-title);
  text-transform:uppercase;
  margin:0 0 .5em;
}

h1,.entry-title,.page-title{font-size:57px;line-height:1;letter-spacing:normal}
h2{font-size:47px;line-height:1.0212;letter-spacing:.75px}
h3{font-size:35px;line-height:1.0861;letter-spacing:.5px}
h4{font-size:28px;line-height:1.214;letter-spacing:.55px}
h5{font-size:22px;line-height:1.25;letter-spacing:.5px}
h6{font-size:19px;line-height:1.25;letter-spacing:.5px}
.sc_item_subtitle{font-size:19px;line-height:1.105;letter-spacing:.6px;margin:0 0 .4em}

p{margin:0 0 1.2em}
p:last-child{margin-bottom:0}

a{color:var(--vr-accent);text-decoration:none}
a:hover,a:focus{color:var(--vr-title)}

ul,ol{margin:0 0 1.2em 1.2em}
li{margin:0 0 .4em}

img{max-width:100%;height:auto}

hr{border:0;border-top:1px solid var(--vr-line);margin:2em 0}

blockquote{border-left:3px solid var(--vr-accent);margin:0 0 1.2em;padding:0 0 0 20px}

table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
th,td{border:1px solid var(--vr-line);padding:10px 14px;text-align:left}
th{color:var(--vr-title);font-family:"Bebas Neue",sans-serif;text-transform:uppercase;letter-spacing:.5px}

input,textarea,select{
  background-color:#202020;
  border:1px solid var(--vr-line);
  color:var(--vr-text);
  font-family:"Roboto",sans-serif;
  font-size:16px;
  padding:12px 16px;
  width:100%;
}
input[type="submit"],button{
  background-color:var(--vr-accent);
  border:0;
  color:var(--vr-ink);
  cursor:pointer;
  font-family:"Bebas Neue",sans-serif;
  font-size:18px;
  letter-spacing:.06em;
  padding:14px 30px 12px;
  text-transform:uppercase;
  width:auto;
}

/* Hello Elementor : retirer la gouttiere par defaut, les sections
   Elementor portent deja leurs propres marges interieures. */
.site-main,.page-content{margin:0;padding:0;max-width:none}
.site-header,.site-footer{display:none}

/* Titres repris des anciens widgets ThemeREX, memes classes, memes valeurs */
.sc_title{margin:0 0 1em}
.sc_title .sc_item_subtitle{margin:0 0 6px}
.sc_title .sc_title_title{margin:0}
.sc_item_title{margin:0}
.sc_title{position:relative}
.sc_title .sc_item_subtitle{color:var(--vr-title)}

/* Les anciens titres ThemeREX portent la classe .sc_item_title, que
   l extension style en line-height 1.2em. On la bat en qualifiant la balise,
   sans !important, pour ne pas ecraser les reglages des widgets Elementor. */
h1.sc_title_title{font-size:57px;line-height:1}
h2.sc_title_title{font-size:47px;line-height:1.0212}
h3.sc_title_title{font-size:35px;line-height:1.0861}
h4.sc_title_title{font-size:28px;line-height:1.214}
h5.sc_title_title{font-size:22px;line-height:1.25}
h6.sc_title_title{font-size:19px;line-height:1.25}

/* =========================================================
   Liens, accordeon FAQ et formulaires. HDKN, 24 septembre 2026.
   ========================================================= */

/* Hello Elementor souligne tous les liens du contenu par
   .page-content a, specificite 0-1-1. On la neutralise. */
.page-content a,
.comments-area a,
.elementor a,
.elementor-widget-text-editor a{text-decoration:none}

/* ---------- Accordeon des pages FAQ ---------- */
/* Le widget Bascule n est utilise que sur les trois pages FAQ. */

.elementor-widget-toggle .elementor-toggle{display:flex;flex-direction:column;gap:12px}

.elementor-widget-toggle .elementor-toggle-item{
  background-color:#1E1E1E;
  border:1px solid #2E2E2E;
  transition:border-color .25s ease,background-color .25s ease;
}
.elementor-widget-toggle .elementor-toggle-item:hover{border-color:#4A4F57}

.elementor-widget-toggle .elementor-tab-title{
  align-items:center;
  border:0 !important;
  cursor:pointer;
  display:flex;
  gap:18px;
  justify-content:space-between;
  padding:20px 26px;
}
.elementor-widget-toggle .elementor-tab-title .elementor-toggle-title{
  color:#FCFCFC;
  font-family:"Bebas Neue",sans-serif;
  font-size:22px;
  letter-spacing:.5px;
  line-height:1.15;
  text-transform:uppercase;
  transition:color .25s ease;
}
.elementor-widget-toggle .elementor-tab-title:hover .elementor-toggle-title{color:#F2B514}
.elementor-widget-toggle .elementor-tab-title.elementor-active{background-color:#202020}
.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-title{color:#F2B514}

.elementor-widget-toggle .elementor-toggle-icon{
  order:2;
  color:#F2B514;
  flex:0 0 auto;
  font-size:15px;
  margin:0;
  width:auto;
}
.elementor-widget-toggle .elementor-toggle-icon svg{fill:#F2B514;height:15px;width:15px}

.elementor-widget-toggle .elementor-tab-content{
  border:0 !important;
  color:#D2D3D5;
  font-size:16px;
  line-height:1.75;
  padding:0 26px 24px;
}
.elementor-widget-toggle .elementor-tab-content p:last-child{margin-bottom:0}
.elementor-widget-toggle .elementor-tab-content a{color:#F2B514}
.elementor-widget-toggle .elementor-tab-content a:hover{color:#FCFCFC}

/* ---------- Formulaires Elementor ---------- */

.elementor-form .elementor-field-group > label{
  color:#9BA0A6;
  font-family:"Bebas Neue",sans-serif;
  font-size:15px;
  letter-spacing:.08em;
  margin-bottom:8px;
  text-transform:uppercase;
}
.elementor-form .elementor-field-textual{
  background-color:#1E1E1E;
  border:1px solid #2E2E2E;
  border-radius:0;
  color:#FCFCFC;
  font-family:"Roboto",sans-serif;
  font-size:16px;
  min-height:52px;
  padding:14px 18px;
  transition:border-color .25s ease;
}
.elementor-form textarea.elementor-field-textual{min-height:170px;resize:vertical}
.elementor-form .elementor-field-textual:focus{border-color:#F2B514;box-shadow:none;outline:0}
.elementor-form .elementor-field-textual::placeholder{color:#6B6F75}
.elementor-form select.elementor-field-textual{
  appearance:none;-webkit-appearance:none;
  background-image:none !important;
  padding-right:50px !important;
}
.elementor-form .select-caret-down-wrapper{color:#F2B514;right:20px}
.elementor-form .select-caret-down-wrapper svg,
.elementor-form .select-caret-down-wrapper i{fill:#F2B514;color:#F2B514;width:12px;height:8px}
.elementor-form select.elementor-field-textual option{background-color:#1E1E1E;color:#FCFCFC}

/* Mention legale reCAPTCHA, posee sous le bouton */
.hdkn-recaptcha-mention{color:#8A8F96;font-size:12px;line-height:1.6;margin:16px 0 0}
.hdkn-recaptcha-mention a{color:#B9BEC4;text-decoration:none}
.hdkn-recaptcha-mention a:hover{color:#F2B514}

/* ---------- Accordeon FAQ, marges interieures ----------
   Les reglages du widget posent un padding 32px 0 : le texte et le
   signe plus touchaient les bords de la carte. */
.elementor-widget-toggle .elementor-tab-title{padding:22px 30px !important}
.elementor-widget-toggle .elementor-tab-content{padding:0 30px 26px !important}

/* ---------- Pages FAQ : bandeau et centrage ---------- */
.vr-hero{background:radial-gradient(120% 150% at 50% 0%,#242424 0%,#191919 60%,#141414 100%);overflow:hidden}
.vr-hero__rule{height:3px;background:linear-gradient(90deg,#4FB8C9 0%,#7FA9A0 28%,#F2B514 62%,#B9860A 100%)}
.vr-hero__inner{margin:0 auto;max-width:820px;padding:78px 40px 82px;text-align:center}
.vr-hero__eyebrow{color:#F2B514;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.18em;margin:0 0 18px;text-transform:uppercase}
.vr-hero__title{color:#FCFCFC;font-family:"Bebas Neue",sans-serif;font-size:72px;letter-spacing:1px;line-height:.96;margin:0 0 20px;text-transform:uppercase}
.vr-hero__lede{color:#D2D3D5;font-size:17px;line-height:1.75;margin:0}
@media(max-width:1024px){.vr-hero__inner{padding:60px 30px 64px}.vr-hero__title{font-size:56px}}
@media(max-width:767px){.vr-hero__inner{padding:48px 22px 52px}.vr-hero__title{font-size:42px}.vr-hero__lede{font-size:16px}}

.elementor-page-937 .elementor-widget,
.elementor-page-938 .elementor-widget,
.elementor-page-69 .elementor-widget{margin-left:auto !important;margin-right:auto !important}
.elementor-page-937 .elementor-widget-html,
.elementor-page-938 .elementor-widget-html,
.elementor-page-69 .elementor-widget-html{width:100% !important;max-width:none !important}
.elementor-page-937 .sc_title,
.elementor-page-938 .sc_title,
.elementor-page-69 .sc_title{text-align:center}

/* Bloc d appel de la FAQ, version centree */
.vr-faq-cta{border-left:0;border-top:3px solid #F2B514;margin:0 auto;max-width:850px;text-align:center}
.vr-faq-cta__note{color:#8A8F96;font-size:14px;line-height:1.7;margin:20px 0 0}
.vr-faq-cta__note strong{color:#D2D3D5;font-weight:600}

/* ========== RATTRAPAGE, 24 septembre 2026 ==========
   Elementor genere dans post-<id>.css un fond BLANC sur les champs et
   un bouton d envoi a la couleur primaire du kit avec du texte blanc.
   Ces regles ont une specificite superieure au theme enfant : il faut
   les battre explicitement, sinon on tape du blanc sur du blanc. */

.elementor-form .elementor-field-textual{
  background-color:#1E1E1E !important;
  border:1px solid #3A3F45 !important;
  color:#FCFCFC !important;
}
.elementor-form .elementor-field-textual:focus{border-color:#F2B514 !important}
.elementor-form .elementor-field-textual::placeholder{color:#8A8F96 !important;opacity:1}
.elementor-form select.elementor-field-textual option{background-color:#1E1E1E;color:#FCFCFC}

.elementor-form .elementor-button[type="submit"],
.elementor-form .e-form__buttons__wrapper__button{
  background-color:#F2B514 !important;
  border:0 !important;
  border-radius:0 !important;
  color:#171310 !important;
  font-family:"Bebas Neue",sans-serif !important;
  font-size:20px !important;
  letter-spacing:.06em !important;
  min-height:54px;
  padding:0 38px !important;
  transition:background-color .25s ease,color .25s ease;
}
.elementor-form .elementor-button[type="submit"]:hover,
.elementor-form .elementor-button[type="submit"]:focus,
.elementor-form .e-form__buttons__wrapper__button:hover,
.elementor-form .e-form__buttons__wrapper__button:focus{
  background-color:#FCFCFC !important;
  color:#171310 !important;
}
.elementor-form .elementor-button[type="submit"] *,
.elementor-form .e-form__buttons__wrapper__button *{color:inherit !important}

/* Le champ pot de miel est masque mais son groupe garde sa hauteur */
.elementor-form .elementor-field-type-text:has(> .elementor-field[name*="[hp]"]){display:none}

/* ================================================================
   24 septembre 2026, seconde passe : case de consentement en ligne,
   bandeau des FAQ en pleine largeur, nouveau bloc d appel.
   ================================================================ */

/* ---------- La case de consentement passe devant son texte ----------
   La regle generique input,textarea,select{width:100%} visait aussi
   les cases a cocher : la case prenait toute la ligne et le texte
   tombait dessous. */
.elementor-form .elementor-field-type-acceptance .elementor-field-option{
  align-items:flex-start;
  display:flex;
  gap:12px;
  text-align:left;
}
.elementor-form input[type="checkbox"],
.elementor-form input[type="radio"]{
  accent-color:#F2B514;
  flex:0 0 18px;
  height:18px;
  margin:4px 0 0;
  min-width:18px;
  width:18px;
}
.elementor-form .elementor-field-type-acceptance label{
  color:#D2D3D5;
  font-size:15px;
  line-height:1.6;
  margin:0;
}
.elementor-form .elementor-field-type-acceptance label a{color:#F2B514}

/* ---------- Le bandeau des FAQ sort de la colonne de 1320 px ---------- */
/* La section du bandeau contient aussi les accordeons : on ne touche pas
   au conteneur, on fait deborder le seul bandeau. */
html{overflow-x:clip}
.vr-hero{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  max-width:none;
  width:100vw;
}

/* Fond du bandeau : degrade sombre, halo jaune a gauche, halo turquoise a
   droite, fines rayures. Aucune image a telecharger.
   La variante photo est gardee en commentaire au cas ou :
   linear-gradient(180deg,rgba(18,18,18,.88),rgba(18,18,18,.70) 45%,rgba(18,18,18,.93)),
   url(".../Location-de-velo-electrique-sur-la-plage-Volt-Ride-1536x1024.jpg")
   avec background-position:center 58% et background-size:cover. */
.vr-hero{
  background-color:#191919;
  background-image:
    radial-gradient(85% 130% at 14% 0%,rgba(242,181,20,.16) 0%,rgba(242,181,20,0) 58%),
    radial-gradient(70% 120% at 92% 100%,rgba(79,184,201,.16) 0%,rgba(79,184,201,0) 62%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.030) 0 2px,rgba(255,255,255,0) 2px 12px),
    linear-gradient(180deg,#222222 0%,#161616 100%);
  overflow:hidden;
  position:relative;
}
.vr-hero__inner{max-width:900px;padding:104px 40px 108px}
@media(max-width:1024px){.vr-hero__inner{padding:74px 30px 78px}}
@media(max-width:767px){.vr-hero__inner{padding:56px 22px 60px}}

/* ---------- Bloc d appel de la FAQ, nouveau dessin ---------- */
.vr-faq-cta{
  background:linear-gradient(135deg,#212121 0%,#171717 100%);
  border:1px solid #2E2E2E;
  border-top:0;
  margin:0 auto;
  max-width:850px;
  overflow:hidden;
  padding:52px 48px 46px;
  position:relative;
  text-align:center;
}
.vr-faq-cta::before{
  background:linear-gradient(90deg,#4FB8C9 0%,#7FA9A0 28%,#F2B514 62%,#B9860A 100%);
  content:"";
  height:4px;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.vr-faq-cta::after{
  color:#F2B514;
  content:"?";
  font-family:"Bebas Neue",sans-serif;
  font-size:155px;
  line-height:1;
  opacity:.09;
  pointer-events:none;
  position:absolute;
  right:36px;
  top:18px;
}
.vr-faq-cta__eyebrow{
  color:#F2B514;
  font-family:"Bebas Neue",sans-serif;
  font-size:15px;
  letter-spacing:.18em;
  margin:0 0 10px;
  text-transform:uppercase;
}
.vr-faq-cta__title{
  color:#FCFCFC;
  font-size:40px;
  letter-spacing:.6px;
  line-height:1.05;
  margin:0 0 26px;
}
.vr-faq-cta__btn{
  align-items:center;
  background-color:#F2B514;
  color:#171310;
  display:inline-flex;
  font-family:"Bebas Neue",sans-serif;
  font-size:20px;
  justify-content:center;
  letter-spacing:.06em;
  min-height:54px;
  padding:0 38px;
  text-transform:uppercase;
  transition:background-color .25s ease;
}
.vr-faq-cta__btn:hover,.vr-faq-cta__btn:focus{background-color:#FCFCFC;color:#171310}
.vr-faq-cta__note{
  border-top:1px solid #2E2E2E;
  color:#8A8F96;
  font-size:14px;
  line-height:1.7;
  margin:34px 0 0;
  padding:22px 0 0;
}
.vr-faq-cta__note::before{
  background:#4FB8C9;
  border-radius:50%;
  content:"";
  display:inline-block;
  height:8px;
  margin-right:9px;
  width:8px;
}
.vr-faq-cta__note strong{color:#D2D3D5;font-weight:600}
@media(max-width:767px){
  .vr-faq-cta{padding:40px 24px 34px}
  .vr-faq-cta__title{font-size:32px}
  .vr-faq-cta::after{font-size:150px;right:10px}
}


/* ================================================================
   Passe mobile, 24 septembre 2026. Tout est sous 767 px, sauf le
   bouton de retour en haut de page, change sur toutes les tailles.
   ================================================================ */

/* Le bouton de retour en haut de page sortait en blanc a fleche peche */
.trx_addons_scroll_to_top{background-color:#F2B514 !important;color:#171310 !important}
.trx_addons_scroll_to_top:hover,
.trx_addons_scroll_to_top:focus{background-color:#FCFCFC !important;color:#171310 !important}

@media(max-width:767px){

/* ---------- Echelle des titres ----------
   Les tailles de bureau, heritees du releve d avant la bascule, sont
   trop grandes sur un telephone : le h1 de 57 px depassait l ecran. */
h1,h1.sc_title_title,.entry-title,.page-title{font-size:34px;line-height:1.02}
h2,h2.sc_title_title{font-size:28px;line-height:1.06}
h3,h3.sc_title_title{font-size:23px;line-height:1.15}
h4,h4.sc_title_title{font-size:20px;line-height:1.25}

/* ---------- En-tete, le selecteur de langue ----------
   Le menu Polylang bascule en liste deroulante et sortait sur un bloc
   blanc pleine largeur, aligne a gauche. Cible par la classe que
   Polylang pose sur son entree, donc valable pour les trois en-tetes. */
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item){
  background-color:transparent !important;
  text-align:center;
}
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-item{
  color:#FCFCFC !important;
  justify-content:center;
  text-align:center;
}
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-item:hover,
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-item:focus,
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-item.highlighted,
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-item.elementor-item-active{
  background-color:transparent !important;
  color:#F2B514 !important;
}
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .sub-menu{
  background-color:rgba(20,20,20,.94);
}
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-sub-item{
  color:#D2D3D5 !important;
  justify-content:center;
  text-align:center;
}
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-sub-item:hover,
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-sub-item:focus,
header .elementor-nav-menu--dropdown:has(.pll-parent-menu-item) .elementor-sub-item.highlighted{
  background-color:transparent !important;
  color:#F2B514 !important;
}

/* ---------- Accueils, les colonnes se remettent l une sous l autre ----------
   Le bloc de style de la refonte pose flex:1 1 0 et width:auto sur les
   colonnes interieures, ce qui annule l empilement d Elementor sur
   mobile : les trois etapes et le bloc Just rent and ride restaient
   cote a cote, a 154 px de large. */
body .elementor-73 .elementor-container > .elementor-column.elementor-column,
body .elementor-820 .elementor-container > .elementor-column.elementor-column,
body .elementor-821 .elementor-container > .elementor-column.elementor-column{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}

/* Les boutons Reserver, centres et plus petits */
.vr-btn{text-align:center}
body .vr-btn .elementor-button{font-size:17px !important;padding:12px 24px 10px !important}
/* Le bouton de la banniere reste aligne a gauche, comme son texte */
body .elementor-element-v000004.vr-btn{text-align:left}

/* ---------- Pages FAQ, lisibilite ---------- */
.vr-hero__eyebrow{font-size:13px;letter-spacing:.14em}
.vr-hero__title{font-size:34px}
.elementor-widget-toggle .elementor-toggle-title{
  font-size:19px !important;
  font-weight:400 !important;
  letter-spacing:1.2px !important;
  line-height:1.35 !important;
}
.elementor-widget-toggle .elementor-tab-title{padding:18px 20px !important}
.elementor-widget-toggle .elementor-tab-content{padding:0 20px 22px !important}
.vr-faq-cta__title{font-size:26px}
.vr-faq-cta__btn{font-size:17px;min-height:46px;padding:0 26px}

/* ---------- Pages Contact, le formulaire respire ---------- */
.elementor-form{padding-left:16px;padding-right:16px}

}


/* ================================================================
   Retouches du 24 septembre, fin de journee.
   ================================================================ */

/* Le bouton de retour en haut, un cran plus discret */
.trx_addons_scroll_to_top{
  font-size:15px !important;
  height:42px !important;
  line-height:42px !important;
  width:42px !important;
}

/* ---------- Accueils, les puces du bloc Just rent and ride ----------
   Les numeros 01 a 04 sont ecrits en dur dans le contenu, dans un span.
   On masque le span, ce qui le retire aussi des lecteurs d ecran, et on
   pose un losange degrade a la place. Vaut pour les trois langues. */
.vr-benefits li > span{display:none !important}
.vr-benefits li::before{
  background-color:#F2B514;
  content:"";
  flex:0 0 12px;
  height:18px;
  margin:5px 14px 0 0;
  width:12px;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
}

/* ---------- La bande haute de l en-tete, sur toutes les tailles ----------
   Elle portait une photo de palmiers, illisible sous le texte. Aplat
   brun encre, du cote du jaune de la marque, choisi par la cliente. Ciblee par
   l entree Polylang, donc valable pour les trois en-tetes. */
header .elementor-top-section:has(.pll-parent-menu-item){
  background-color:#1F1A12 !important;
  background-image:none !important;
}

@media(max-width:767px){

/* Le selecteur de langue et les reseaux sociaux sur la meme ligne */
header .elementor-top-section:has(.pll-parent-menu-item) > .elementor-container{
  align-items:center;
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
}
header .elementor-top-section:has(.pll-parent-menu-item) > .elementor-container > .elementor-column{
  flex:0 0 auto !important;
  max-width:none !important;
  width:auto !important;
}
header .elementor-top-section:has(.pll-parent-menu-item) .elementor-social-icons-wrapper{
  margin:0;
}

/* Le logo, un cran plus petit */
header .elementor-widget-image img{max-width:215px}

}


/* ================================================================
   L eclair de marque, suite. Meme dessin que les puces du bloc
   Just rent and ride, repris ailleurs.
   ================================================================ */

/* La liste de reassurance du hero des accueils, petits carres remplaces */
body .vr-trust li::before{
  background-color:#F2B514 !important;
  height:13px !important;
  width:9px !important;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
}

/* La mention de Volty en bas des FAQ, pastille remplacee */
.vr-faq-cta__note::before{
  background:#F2B514;
  border-radius:0;
  height:15px;
  margin-right:9px;
  vertical-align:-3px;
  width:10px;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
}

/* ---------- Bloc d appel des accueils, le velo se voit ----------
   Le voile etait un degrade opaque de haut en bas. Il devient radial :
   sombre au centre, sous le texte, et clair sur les bords. La photo est remplacee par un velo entier de profil, choisi
   par la cliente. */
body .elementor-element-v00005e{
  background-image:url("https://voltride.es/wp-content/uploads/2026/02/Location-de-velo-en-bord-de-mer-%E2%80%93-Volt-Ride-1536x1025.jpg") !important;
  background-position:50% 50% !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}
body .elementor-element-v00005e::before{
  background-image:radial-gradient(75% 115% at 50% 50%,rgba(9,10,12,.90) 0%,rgba(9,10,12,.64) 58%,rgba(9,10,12,.40) 100%) !important;
}


/* ================================================================
   Pages Location velo, Bicicletas, Bikes. Refonte du 25 septembre.
   Le contenu est pose en widgets HTML, tout l habillage est ici.
   Le module de reservation n est pas touche.
   ================================================================ */

.vr-bike-wrap{margin:0 auto;max-width:1160px;padding:0 24px}
.vr-bike-full{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;width:100vw}
.vr-bike-anchor{display:block;height:0;overflow:hidden}

/* ---------- Banniere ---------- */
.vr-bike-hero{
  background-color:#191919;
  /* Les halos doivent s eteindre AVANT le bas de la section, sinon
     overflow:hidden les coupe net au raccord avec la bande de
     reassurance. Regle : centre + rayon vertical x arret <= 100%.
     Jaune 30 + 70 x .70 = 79 %. Turquoise 55 + 60 x .70 = 97 %.
     Le fond de base finit sur #1B1B1B, couleur exacte de la bande,
     pour qu il n y ait pas non plus de marche de couleur. */
  background-image:
    radial-gradient(58% 70% at 76% 30%,rgba(242,181,20,.20) 0%,rgba(242,181,20,0) 70%),
    radial-gradient(50% 55% at 10% 45%,rgba(79,184,201,.13) 0%,rgba(79,184,201,0) 70%),
    linear-gradient(180deg,#232323 0%,#1B1B1B 100%);
  overflow:hidden;
  position:relative;
}
.vr-bike-hero__rule{height:3px;background:linear-gradient(90deg,#4FB8C9 0%,#7FA9A0 28%,#F2B514 62%,#B9860A 100%)}
/* La colonne de texte est un peu plus large que celle de l image, de
   sorte que les deux boutons, aux marges de ceux de l accueil, tiennent
   sur une ligne. */
.vr-bike-hero__grid{align-items:center;display:grid;gap:40px;grid-template-columns:1.06fr .94fr;padding:64px 0 60px}
.vr-bike-eyebrow{color:#F2B514;font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.18em;
  margin:0 0 12px;text-transform:uppercase}
h1.vr-bike-h1{color:#FCFCFC;font-family:"Bebas Neue",sans-serif;font-size:64px;letter-spacing:.6px;
  line-height:.94;margin:0 0 18px;text-transform:uppercase}
.vr-bike-lede{color:#D2D3D5;font-size:17.5px;line-height:1.7;margin:0 0 26px}
.vr-bike-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 26px;padding:0}
.vr-bike-chips li{background:rgba(255,255,255,.04);border:1px solid #2E2E2E;color:#FCFCFC;
  font-family:"Bebas Neue",sans-serif;font-size:15px;letter-spacing:.09em;padding:8px 14px;text-transform:uppercase}
/* La caution est passee dans la bande de reassurance, elle ressemblait
   trop a un prix dans la banniere. */
.vr-bike-btns{display:flex;flex-wrap:wrap;gap:12px}
/* Valeurs relevees sur les boutons de l accueil, .vr-btn */
.vr-bike-btn{
  border:1px solid transparent;
  border-radius:0;
  display:inline-block;
  font-family:"Bebas Neue",sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:1.2px;
  line-height:20px;
  padding:14px 30px 12px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease;
}
/* .elementor-kit-87 a impose Saira Semi Condensed, 0-1-1, plus fort que
   .vr-bike-btn. On repasse en Bebas Neue avec une specificite superieure. */
body a.vr-bike-btn{font-family:"Bebas Neue",sans-serif}
.vr-bike-btn--p{background-color:#F2B514;border-color:transparent;color:#17130A}
.vr-bike-btn--p:hover,.vr-bike-btn--p:focus{background-color:#FCFCFC;color:#17130A}
.vr-bike-btn--g{background-color:transparent;border-color:#4A4F57;color:#FCFCFC}
.vr-bike-btn--g:hover,.vr-bike-btn--g:focus{border-color:#F2B514;color:#F2B514}
.vr-bike-hero__img{position:relative;text-align:center}
/* ⚠ Auréole de l image : un cercle en farthest-corner garde de l alpha
   au bord bas de sa boite, donc un trait net. On impose une ellipse en
   pourcentage qui s eteint a 92 % de la hauteur de la boite. */
.vr-bike-hero__img::before{
  background:radial-gradient(ellipse 46% 42% at 50% 50%,rgba(242,181,20,.24) 0%,rgba(242,181,20,0) 100%);
  content:"";inset:-12% -6%;position:absolute}
.vr-bike-hero__img img{filter:drop-shadow(0 30px 45px rgba(0,0,0,.55));height:auto;max-width:100%;position:relative}

/* ---------- Bande de reassurance ---------- */
.vr-bike-trust{background:#1B1B1B;border-bottom:1px solid #2E2E2E;border-top:1px solid #2E2E2E}
.vr-bike-trust ul{display:grid;gap:14px 30px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:22px 0}
.vr-bike-trust li{color:#D2D3D5;font-size:14.5px;line-height:1.5}
.vr-bike-trust li::before{
  background-color:#F2B514;content:"";display:inline-block;height:15px;margin-right:10px;
  vertical-align:-2px;width:10px;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
}

/* ---------- Titre dans le conteneur du module de reservation ---------- */
.vr-bike-booktitle{padding:0 18px 24px;text-align:center}
.vr-bike-booktitle h2{
  color:#FCFCFC;
  font-family:"Bebas Neue",sans-serif;
  font-size:38px;
  letter-spacing:.7px;
  line-height:1.05;
  margin:0;
  text-shadow:0 2px 18px rgba(0,0,0,.8);
  text-transform:uppercase;
}

/* ---------- Cartes de detail ---------- */
.vr-bike-detail{padding:66px 0 0}
h2.vr-bike-h2{color:#FCFCFC;font-family:"Bebas Neue",sans-serif;font-size:42px;letter-spacing:.7px;
  line-height:1.04;margin:0 0 30px;text-align:center;text-transform:uppercase}
.vr-bike-cards{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}
.vr-bike-card{background:#1E1E1E;border:1px solid #2E2E2E;padding:26px 26px 24px;position:relative}
.vr-bike-card::before{background:#F2B514;content:"";height:3px;left:0;position:absolute;top:0;width:54px}
h3.vr-bike-h3{color:#FCFCFC;font-family:"Bebas Neue",sans-serif;font-size:25px;letter-spacing:.5px;
  line-height:1.1;margin:0 0 14px;text-transform:uppercase}
.vr-bike-card ul{list-style:none;margin:0;padding:0}
.vr-bike-card li{display:flex;font-size:15.5px;line-height:1.6;margin:0 0 11px}
.vr-bike-card li:last-child{margin-bottom:0}
.vr-bike-card li::before{
  background-color:#F2B514;content:"";flex:0 0 9px;height:14px;margin:4px 12px 0 0;width:9px;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
}
.vr-bike-card p.vr-bike-after{color:#8A8F96;font-size:14px;line-height:1.6;margin:14px 0 0}
/* Carte sans liste, un seul paragraphe, utilisee sur les pages electriques */
.vr-bike-card p.vr-bike-body{color:#D2D3D5;font-size:15.5px;line-height:1.6;margin:0}

/* ---------- Bande de fin ---------- */
.vr-bike-who{
  background-color:#16181A;
  background-image:
    radial-gradient(60% 120% at 20% 0%,rgba(79,184,201,.13) 0%,rgba(79,184,201,0) 60%),
    radial-gradient(60% 120% at 84% 100%,rgba(242,181,20,.13) 0%,rgba(242,181,20,0) 62%),
    linear-gradient(180deg,#1C1E20 0%,#141516 100%);
  margin-top:50px;
  overflow:hidden;
  padding:66px 0 74px;
  position:relative;
}
.vr-bike-who::before{background:linear-gradient(90deg,#4FB8C9 0%,#7FA9A0 28%,#F2B514 62%,#B9860A 100%);
  content:"";height:3px;left:0;position:absolute;right:0;top:0}
.vr-bike-who__in{margin:0 auto;max-width:760px;text-align:center}
.vr-bike-who__in h2{font-size:34px;margin:0 0 16px}
.vr-bike-who__in p{color:#D2D3D5;margin:0 0 14px}
.vr-bike-who__in .vr-bike-btns{justify-content:center;margin-top:26px}
.vr-bike-links{color:#8A8F96;font-size:15px;margin:18px 0 0}

@media(max-width:1024px){
  .vr-bike-hero__grid{gap:34px;padding:52px 0 48px}
  h1.vr-bike-h1{font-size:52px}
  .vr-bike-trust ul{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .vr-bike-wrap{padding:0 18px}
  .vr-bike-hero__grid{grid-template-columns:1fr;gap:28px;padding:40px 0 42px}
  .vr-bike-hero__img{order:-1}
  h1.vr-bike-h1{font-size:38px}
  .vr-bike-lede{font-size:16px}
  .vr-bike-trust ul{grid-template-columns:1fr;padding:18px 0}
  .vr-bike-detail{padding:46px 0 0}
  h2.vr-bike-h2{font-size:28px}
  .vr-bike-cards{grid-template-columns:1fr}
  .vr-bike-card{padding:22px 20px 20px}
  .vr-bike-who{margin-top:36px;padding:48px 0 54px}
  .vr-bike-who__in h2{font-size:26px}
  .vr-bike-btn{font-size:17px;padding:12px 24px 10px}
  .vr-bike-booktitle{padding:0 14px 18px}
  .vr-bike-booktitle h2{font-size:26px}
}


/* ================================================================
   Le filet de degrade en double sous l en-tete, 25 septembre.
   L en-tete se termine deja par une section de 3 px en degrade,
   presente sur tout le site. Les bannieres des FAQ et des pages velo
   en posaient un second juste en dessous, d ou deux traits.
   On garde celui de l en-tete, on masque celui des bannieres.
   ================================================================ */
.vr-hero__rule,
.vr-bike-hero__rule{display:none}

/* Les accueils posaient eux aussi leur propre filet, section v000032,
   de 2 px, juste sous celui de l en-tete. Meme doublon, on le masque. */
.elementor-element-v000032{display:none}

/* Reste donc un seul filet partout, celui de l en-tete. Il portait un
   degrade pale herite de l ancien theme : il passe au degrade de marque,
   celui des accueils, pour que toutes les pages soient identiques.
   Cible par la derniere section de l en-tete, l identifiant differe
   d une langue a l autre : f0a4b6a fr, 3c64b81 es, 9deaba6 en. */
header.elementor-location-header > .elementor-top-section:last-child{
  background-image:linear-gradient(90deg,#4FB8C9 0%,#7FA9A0 28%,#F2B514 62%,#B9860A 100%) !important;
}


/* ================================================================
   La banniere des trois accueils, nouvelle photo du 25 septembre.
   Coucher de soleil a velo sur la plage, Envato, licence commerciale
   a vie. On sert la declinaison 2048 px, 184 Ko, suffisante pour une
   bande de 1905 px et deux fois plus legere que l originale.
   ================================================================ */
body .elementor-element-v00000b{
  background-image:url("https://voltride.es/wp-content/uploads/2026/09/coucher-de-soleil-velo-plage-torrevieja-volt-ride-2048x1367.jpg") !important;
  /* Cadrage : la photo est en 3:2, la banniere en 2,56:1. A 58 % 18 %
     la tete, le panier et le cadre entrent, et la mer occupe la droite. */
  background-position:58% 18% !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}


/* Vignettes d articles de l accueil : meme traitement que la rubrique
   Balades et conseils, dont les regles ne visaient que hdb0040 et hdp0022.
   Prefixe body pour passer devant le bloc en ligne de la refonte. */
body .elementor-element-v00004d .elementor-post__card{
  border-radius:0 !important;display:flex !important;flex-direction:column !important;
  height:100% !important;overflow:hidden !important;
}
body .elementor-element-v00004d .elementor-post__text{
  display:block !important;flex:1 1 auto !important;margin:0 !important;padding:24px 26px 26px !important;
}
body .elementor-element-v00004d .elementor-post__title{line-height:1.12 !important;margin:0 0 8px !important}
body .elementor-element-v00004d .elementor-post__title a{color:#FCFCFC !important}
body .elementor-element-v00004d .elementor-post__card:hover .elementor-post__title a{color:#F2B514 !important}
body .elementor-element-v00004d .elementor-post__excerpt{margin:0 !important}
body .elementor-element-v00004d .elementor-post__excerpt p{
  font-size:15px !important;line-height:1.65 !important;margin:0 !important;
}
body .elementor-element-v00004d .elementor-post__read-more{
  color:#F2B514 !important;display:inline-block !important;margin:16px 0 0 !important;
  text-decoration:none !important;
}
body .elementor-element-v00004d .elementor-post__meta-data{display:none !important}
body .elementor-element-v00004d .elementor-post__thumbnail img{
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1) !important;
}
body .elementor-element-v00004d .elementor-post__card:hover .elementor-post__thumbnail img{
  transform:translate(-50%,-50%) scale(1.08) !important;
}
@media(max-width:767px){
  body .elementor-element-v00004d .elementor-posts-container{grid-template-columns:minmax(0,1fr) !important}
}

/* Bloc Nos locations : plus de bleu. Le surtitre de la premiere carte passe
   au jaune comme celui de la seconde, et les puces carrees deviennent
   l eclair de marque, deja utilise dans le hero et dans Just rent and ride. */
body .elementor-element-v000020 .elementor-heading-title{color:#F2B514 !important}
body .elementor-element-v000022 li,
body .elementor-element-v000029 li{padding-left:18px !important}
body .elementor-element-v000022 li::before,
body .elementor-element-v000029 li::before{
  background-color:#F2B514 !important;height:13px !important;top:5px !important;width:9px !important;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M7.2 0 0 10.2h4.2L3.4 18 12 6.9H7.1z"/></svg>') no-repeat center/contain;
}

/* Bouton du bandeau de la FAQ : il heritait de Saira Semi Condensed par
   .elementor-kit-87 a, plus specifique que .vr-faq-cta__btn. Meme correctif
   que pour les boutons des pages velo, et meme gabarit de 48 px. */
body a.vr-faq-cta__btn{
  font-family:"Bebas Neue",sans-serif !important;font-size:20px;letter-spacing:1.2px;
  line-height:20px;min-height:48px;padding:0 30px;
}


/* Tarif dans le hero des pages velo et velo electrique. Le prix n existait
   que dans le module de reservation, donc en JavaScript : invisible pour
   Google et pour un visiteur qui survole la page. */
body .vr-bike-price{
  align-items:baseline;color:#D2D3D5;display:flex;font-size:15px;gap:9px;
  line-height:1.5;margin:0 0 20px;
}
body .vr-bike-price strong{
  color:#F2B514;font-family:"Bebas Neue",sans-serif;font-size:30px;font-weight:400;
  letter-spacing:.6px;line-height:1;
}
@media(max-width:767px){
  body .vr-bike-price{font-size:14.5px;margin:0 0 16px}
  body .vr-bike-price strong{font-size:26px}
}


/* La section vrcss01 des trois accueils ne porte qu un widget HTML qui
   contient la feuille de style de la refonte. Elle n a rien a afficher,
   mais elle occupait 20 px entre le bloc d appel et le pied de page.
   Un display:none n empeche pas une balise style de s appliquer. */
body .elementor-element-vrcss01{display:none !important}

/* ---------- Pages de mentions legales : document a sections ---------- */
/* Le CSS est porte par la colonne, pas par les widgets : un widget ajoute
   plus tard herite des memes regles. Le bandeau seul sort de la colonne.
   Rien ici ne vise le contenu des CGV, conserve tel quel. */
/* le bandeau colle au bas de l en-tete : la colonne Elementor porte un
   padding de 10px par defaut, on retire le haut et on garde les cotes. */
.vr-legal > .elementor-widget-wrap{padding-top:0 !important}
.vr-legal > .elementor-widget-wrap > .elementor-widget-html{margin-bottom:26px}
.vr-legal > .elementor-widget-wrap > .elementor-element{
  margin-left:auto !important;margin-right:auto !important;max-width:880px;width:100%}
.vr-legal > .elementor-widget-wrap > .elementor-widget-html{max-width:none !important}
.vr-legal .elementor-widget-heading{margin:42px 0 12px !important}
.vr-legal .elementor-widget-heading .elementor-heading-title{
  color:#FCFCFC;font-family:"Bebas Neue",sans-serif;font-size:34px;font-weight:400;
  letter-spacing:.9px;line-height:1.08;text-transform:uppercase}
.vr-legal .elementor-widget-text-editor{margin:0 0 4px !important}
.vr-legal .elementor-widget-text-editor ul{margin:0 0 20px;padding-left:20px}
.vr-legal .elementor-widget-text-editor li{margin:0 0 7px}
.vr-legal .elementor-widget-shortcode{margin:20px 0 30px !important}
@media(max-width:767px){
  .vr-legal .elementor-widget-heading{margin:32px 0 10px !important}
  .vr-legal .elementor-widget-heading .elementor-heading-title{font-size:27px}}

/* le panneau de consentement Complianz, accorde au fond sombre du site.
   Complianz pose ses couleurs sur un selecteur d identifiant : on reprend
   le meme point d ancrage plutot que de multiplier les !important. */
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{
  border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{
  background:#1E1E1E;border-bottom:1px solid rgba(255,255,255,.08)}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:last-child{
  border-bottom:0}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{
  background:#262626}
.vr-legal .cmplz-category-title{color:#FCFCFC;font-family:"Bebas Neue",sans-serif;font-size:19px;
  font-weight:400;letter-spacing:.7px;text-transform:uppercase}
.vr-legal .cmplz-always-active{color:#F2B514;font-size:13px}
.vr-legal .cmplz-description{color:#B9BBBE;font-size:14.5px;line-height:1.7;padding:0 18px 16px}
.vr-legal .cmplz-icon svg path,.vr-legal .cmplz-icon svg polyline,
.vr-legal .cmplz-icon svg line{stroke:#F2B514}

/* ---------- Menu principal, widget Menu d Elementor Pro ----------
   Bascule depuis Ultimate Addons. Les regles sont cadrees sur l identifiant
   du widget et non sur .elementor-nav-menu, sinon elles frapperaient aussi
   le selecteur de langue, qui utilise deja ce widget. */
/* le panneau s ancre sous l en-tete entier, pas sous sa section : la section
   du menu deborde l en-tete de quelques pixels. */
header.elementor-location-header{position:relative}
header .elementor-section:has(.elementor-element-a1b2c30),
header .elementor-section:has(.elementor-element-b2c3d40),
header .elementor-section:has(.elementor-element-c3d4e50),
header .elementor-container:has(.elementor-element-a1b2c30),
header .elementor-container:has(.elementor-element-b2c3d40),
header .elementor-container:has(.elementor-element-c3d4e50),
header .elementor-column:has(.elementor-element-a1b2c30),
header .elementor-column:has(.elementor-element-b2c3d40),
header .elementor-column:has(.elementor-element-c3d4e50),
header .elementor-widget-wrap:has(.elementor-element-a1b2c30),
header .elementor-widget-wrap:has(.elementor-element-b2c3d40),
header .elementor-widget-wrap:has(.elementor-element-c3d4e50),
header .elementor-element-a1b2c30,
header .elementor-element-b2c3d40,
header .elementor-element-c3d4e50{position:static !important}
/* Elementor pose 10px de marge haute sur le panneau : on la retire pour
   qu il colle au bas de l en-tete, comme le faisait Ultimate Addons. */
header .elementor-element-a1b2c30 nav.elementor-nav-menu--dropdown,
header .elementor-element-b2c3d40 nav.elementor-nav-menu--dropdown,
header .elementor-element-c3d4e50 nav.elementor-nav-menu--dropdown{
  left:0 !important;margin-top:0 !important;top:100% !important;width:100% !important}
header .elementor-element-a1b2c30 nav.elementor-nav-menu--main ul.sub-menu,
header .elementor-element-b2c3d40 nav.elementor-nav-menu--main ul.sub-menu,
header .elementor-element-c3d4e50 nav.elementor-nav-menu--main ul.sub-menu{min-width:220px}
header .elementor-element-a1b2c30 .elementor-menu-toggle,
header .elementor-element-b2c3d40 .elementor-menu-toggle,
header .elementor-element-c3d4e50 .elementor-menu-toggle{
  transform:translateX(14px)}
header .elementor-element-a1b2c30 .elementor-menu-toggle svg,
header .elementor-element-b2c3d40 .elementor-menu-toggle svg,
header .elementor-element-c3d4e50 .elementor-menu-toggle svg{fill:#F2B514}

/* ---------- Ordre de superposition dans l en-tete ----------
   La section du menu est en position:static pour que le panneau burger
   s ancre sous l en-tete. Elle se retrouve donc peinte apres la bande
   haute, et le deroulant du selecteur de langue passait dessous.
   On remet la bande haute devant, et on borne le menu en dessous. */
header .elementor-element-b788700,
header .elementor-element-8cfacd1,
header .elementor-element-087368d{position:relative;z-index:30}
header .elementor-element-84b3a6b ul.sub-menu,
header .elementor-element-8fca92a ul.sub-menu,
header .elementor-element-d553f3c ul.sub-menu{z-index:31}
header .elementor-element-a1b2c30 nav.elementor-nav-menu--dropdown,
header .elementor-element-b2c3d40 nav.elementor-nav-menu--dropdown,
header .elementor-element-c3d4e50 nav.elementor-nav-menu--dropdown,
header .elementor-element-a1b2c30 nav.elementor-nav-menu--main ul.sub-menu,
header .elementor-element-b2c3d40 nav.elementor-nav-menu--main ul.sub-menu,
header .elementor-element-c3d4e50 nav.elementor-nav-menu--main ul.sub-menu{z-index:20}

/* Le deroulant de langue sur ordinateur sortait en blanc, seul bloc clair
   de l en-tete. On lui donne les couleurs du sous-menu principal. */
header .elementor-element-84b3a6b nav.elementor-nav-menu--main ul.sub-menu,
header .elementor-element-8fca92a nav.elementor-nav-menu--main ul.sub-menu,
header .elementor-element-d553f3c nav.elementor-nav-menu--main ul.sub-menu{
  background-color:#1E1E1E !important;border:1px solid #2E2E2E;
  box-shadow:0 18px 40px rgba(0,0,0,.45)}
header .elementor-element-84b3a6b nav.elementor-nav-menu--main ul.sub-menu .elementor-sub-item,
header .elementor-element-8fca92a nav.elementor-nav-menu--main ul.sub-menu .elementor-sub-item,
header .elementor-element-d553f3c nav.elementor-nav-menu--main ul.sub-menu .elementor-sub-item{
  background-color:transparent !important;color:#FCFCFC !important}
header .elementor-element-84b3a6b nav.elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover,
header .elementor-element-8fca92a nav.elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover,
header .elementor-element-d553f3c nav.elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover{
  background-color:#191919 !important;color:#F2B514 !important}