.elementor-1765 .elementor-element.elementor-element-0ccc0ac > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-1765 .elementor-element.elementor-element-0ccc0ac > .elementor-background-overlay{background-color:#122223;opacity:0.54;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1765 .elementor-element.elementor-element-0ccc0ac > .elementor-container{min-height:100vh;}.elementor-1765 .elementor-element.elementor-element-0ccc0ac{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-10%;margin-bottom:0%;}.elementor-1765 .elementor-element.elementor-element-0ccc0ac:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-0ccc0ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://www.fortdevaise.fr/wp-content/uploads/2025/11/ff4150bc-fa95-4ad8-b0a4-b4f9fe3d6178.jpg") 50% 50%;background-size:cover;}.elementor-bc-flex-widget .elementor-1765 .elementor-element.elementor-element-252a07f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1765 .elementor-element.elementor-element-252a07f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1765 .elementor-element.elementor-element-252a07f > .elementor-element-populated{padding:20% 20% 20% 20%;}.elementor-1765 .elementor-element.elementor-element-26fb059{text-align:center;}.elementor-1765 .elementor-element.elementor-element-26fb059 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:17px;text-transform:uppercase;letter-spacing:1px;color:#CBA285;}.elementor-1765 .elementor-element.elementor-element-6b02c1a{text-align:center;}.elementor-1765 .elementor-element.elementor-element-6b02c1a .elementor-heading-title{font-size:50px;color:#FFFFFF;}.elementor-1765 .elementor-element.elementor-element-4216366:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-4216366 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F5F0;}.elementor-1765 .elementor-element.elementor-element-4216366{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6% 6% 6% 6%;}.elementor-1765 .elementor-element.elementor-element-4216366 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1765 .elementor-element.elementor-element-6b13302 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:64px;}.elementor-1765 .elementor-element.elementor-element-6b13302 > .elementor-element-populated{padding:0% 20% 0% 20%;}.elementor-1765 .elementor-element.elementor-element-75f6272{--grid-row-gap:38px;--grid-column-gap:48px;}.elementor-1765 .elementor-element.elementor-element-75f6272 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1765 .elementor-element.elementor-element-75f6272:after{content:"0.66";}.elementor-1765 .elementor-element.elementor-element-75f6272 .elementor-post__thumbnail__link{width:100%;}.elementor-1765 .elementor-element.elementor-element-75f6272 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1765 .elementor-element.elementor-element-75f6272 .elementor-post__text{margin-top:20px;}.elementor-1765 .elementor-element.elementor-element-c9af4da:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-c9af4da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F5F0;}.elementor-1765 .elementor-element.elementor-element-c9af4da{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6% 6% 6% 6%;}.elementor-1765 .elementor-element.elementor-element-c9af4da > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1765 .elementor-element.elementor-element-41e818a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1765 .elementor-element.elementor-element-bbaa141{--iteration-count:infinite;}.elementor-1765 .elementor-element.elementor-element-bbaa141 .elementor-headline{text-align:left;font-size:1.1em;}.elementor-1765 .elementor-element.elementor-element-48da95d .elementor-heading-title{font-size:2em;}.elementor-1765 .elementor-element.elementor-element-2c782fc:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-2c782fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#122223;}.elementor-1765 .elementor-element.elementor-element-2c782fc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-1765 .elementor-element.elementor-element-2c782fc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1765 .elementor-element.elementor-element-d9c3739:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1765 .elementor-element.elementor-element-d9c3739 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.fortdevaise.fr/wp-content/uploads/2020/04/maps.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-bc-flex-widget .elementor-1765 .elementor-element.elementor-element-d9c3739.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1765 .elementor-element.elementor-element-d9c3739.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1765 .elementor-element.elementor-element-d9c3739 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1765 .elementor-element.elementor-element-d9c3739 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1765 .elementor-element.elementor-element-1a798e8 .elementor-button{background-color:#CBA285;fill:#122223;color:#122223;border-style:solid;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-1765 .elementor-element.elementor-element-1a798e8 .elementor-button:hover, .elementor-1765 .elementor-element.elementor-element-1a798e8 .elementor-button:focus{background-color:#926545;}.elementor-1765 .elementor-element.elementor-element-1a798e8 > .elementor-widget-container{padding:30px 30px 30px 30px;}.elementor-1765 .elementor-element.elementor-element-8cbeae6 > .elementor-element-populated{padding:60px 60px 60px 60px;}.elementor-1765 .elementor-element.elementor-element-b252c37 .elementor-heading-title{font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-1765 .elementor-element.elementor-element-5e99d80{color:var( --e-global-color-3c9b5800 );}.elementor-1765 .elementor-element.elementor-element-ecd81ff .elementor-heading-title{font-size:25px;font-weight:700;color:#FFFFFF;}.elementor-1765 .elementor-element.elementor-element-478ec66{color:var( --e-global-color-3c9b5800 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1765 .elementor-element.elementor-element-0ccc0ac > .elementor-container{min-height:100vh;}.elementor-1765 .elementor-element.elementor-element-252a07f > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-1765 .elementor-element.elementor-element-6b02c1a .elementor-heading-title{font-size:32px;}.elementor-1765 .elementor-element.elementor-element-4216366{padding:60px 22px 60px 22px;}.elementor-1765 .elementor-element.elementor-element-6b13302 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1765 .elementor-element.elementor-element-75f6272 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1765 .elementor-element.elementor-element-75f6272:after{content:"0.5";}.elementor-1765 .elementor-element.elementor-element-75f6272 .elementor-post__thumbnail__link{width:100%;}.elementor-1765 .elementor-element.elementor-element-c9af4da{padding:60px 22px 60px 22px;}.elementor-1765 .elementor-element.elementor-element-8cbeae6 > .elementor-element-populated{padding:33px 33px 33px 33px;}}@media(min-width:768px){.elementor-1765 .elementor-element.elementor-element-252a07f{width:100%;}.elementor-1765 .elementor-element.elementor-element-6b13302{width:100%;}.elementor-1765 .elementor-element.elementor-element-d9c3739{width:60%;}.elementor-1765 .elementor-element.elementor-element-8cbeae6{width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1765 .elementor-element.elementor-element-d9c3739{width:100%;}.elementor-1765 .elementor-element.elementor-element-8cbeae6{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-a7da277 *//* Cible toutes les variantes probables du bouton d'envoi */ #form-fdv form button[type="submit"], #form-fdv form input[type="submit"], #form-fdv form .submit input[type="submit"], #form-fdv form .form-actions button, #form-fdv form .form-actions input[type="submit"], #form-fdv form [class*="button"], #form-fdv form [class*="btn"] { background-color: #001D20 !important; /* FOND du bouton */ color: #ffffff !important; /* COULEUR DU TEXTE (blanc) */ border: none !important; border-radius: 6px !important; padding: 12px 22px !important; font-weight: 600 !important; line-height: 1.2 !important; display: inline-block !important; width: auto !important; } /* Hover */ #form-fdv form button[type="submit"]:hover, #form-fdv form input[type="submit"]:hover, #form-fdv form .form-actions button:hover, #form-fdv form .form-actions input[type="submit"]:hover, #form-fdv form [class*="button"]:hover, #form-fdv form [class*="btn"]:hover { filter: brightness(1.06) !important; } /* État désactivé (si le plugin l’utilise) */ #form-fdv form button[disabled], #form-fdv form input[disabled] { opacity: .6 !important; cursor: not-allowed !important; } /* Police sans-serif "système" pour tout le formulaire */ #form-fdv form, #form-fdv form * { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; } /* ===== Réglages rapides ===== */ #form-fdv{ --fdv-label-color: #cfcfcf; /* gris clair comme la capture */ --fdv-label-size: 14px; /* ajuste 18/20/24/28px selon rendu souhaité */ --fdv-label-weight: 700; /* 600/700 selon le “gras” voulu */ --fdv-label-tracking: 0.02em; /* léger espacement */ } /* Application aux libellés */ #form-fdv form label{ color: var(--fdv-label-color) !important; font-size: var(--fdv-label-size) !important; font-weight: var(--fdv-label-weight) !important; letter-spacing: var(--fdv-label-tracking) !important; text-transform: lowercase !important; /* “société” en minuscules */ line-height: 1.2 !important; margin-bottom: 8px !important; } /* Si certains thèmes forcent la casse sur la première lettre */ #form-fdv form label::first-letter{ text-transform: lowercase !important; } /* Un peu de cohérence visuelle (optionnel) */ #form-fdv form label { font-weight: 600 !important; } #form-fdv form input, #form-fdv form select, #form-fdv form textarea { font-weight: 400 !important; } #form-fdv form button { font-weight: 600 !important; } /* (ANCIENNE RÈGLE SUPPRIMÉE) #form-fdv form .form-actions input[type="submit"]{ position: relative !important; top: 48px !important; display: inline-block !important; width: auto !important; } */ /* Ajoute de l’espace sous le champ de date (avant le bouton) */ #form-fdv form input[type="date"] { margin-bottom: 56px !important; /* augmente si tu veux plus d’espace */ display: block !important; } #form-fdv form input:not([type="checkbox"]):not([type="radio"]), #form-fdv form select, #form-fdv form textarea { border: none !important; outline: none !important; box-shadow: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-bottom: 1px solid #c9c9c9 !important; background: transparent !important; padding: 8px 0 !important; } #form-fdv form input:focus, #form-fdv form select:focus, #form-fdv form textarea:focus { border-bottom-color: #8a98b3 !important; box-shadow: none !important; } /* ====== Mise en page 2 colonnes alignées (NOUVELLE VERSION) ====== Rang 1 : société | nom Rang 2 : email | téléphone Rang 3 : message | participants */ #form-fdv form#form_contact{ display: grid !important; grid-template-columns: 1fr 1fr !important; /* deux colonnes égales */ column-gap: 48px !important; /* espace horizontal entre colonnes */ row-gap: 24px !important; /* espace vertical entre rangées */ align-items: start !important; } /* Libellés juste au-dessus de leurs champs */ #form-fdv form#form_contact label{ display: block !important; margin: 0 0 6px !important; } /* Champs largeur 100% */ #form-fdv form#form_contact input:not([type="submit"]), #form-fdv form#form_contact select, #form-fdv form#form_contact textarea{ width: 100% !important; } /* === ALIGNEMENT PAR RANGÉES === */ /* Rangée 1 — Société / Nom */ #form-fdv form#form_contact label:nth-of-type(1), #form-fdv form#form_contact label:nth-of-type(1)+input{ grid-column: 1; grid-row: 1; } #form-fdv form#form_contact label:nth-of-type(2), #form-fdv form#form_contact label:nth-of-type(2)+input{ grid-column: 2; grid-row: 1; } /* Rangée 2 — Email / Téléphone */ #form-fdv form#form_contact label:nth-of-type(3), #form-fdv form#form_contact label:nth-of-type(3)+input{ grid-column: 1; grid-row: 2; } #form-fdv form#form_contact label:nth-of-type(4), #form-fdv form#form_contact label:nth-of-type(4)+input{ grid-column: 2; grid-row: 2; } /* Rangée 3 — Message / Participants */ #form-fdv form#form_contact label:nth-of-type(5), #form-fdv form#form_contact label:nth-of-type(5)+textarea{ grid-column: 1; grid-row: 3; } #form-fdv form#form_contact label:nth-of-type(6), #form-fdv form#form_contact label:nth-of-type(6)+input[type="number"]{ grid-column: 2; grid-row: 3; } /* (Optionnel) Si tu veux la date seule sur une ligne complète sous les 2 colonnes #form-fdv form#form_contact label:nth-of-type(7), #form-fdv form#form_contact label:nth-of-type(7)+input[type="date"]{ grid-column: 1 / -1; grid-row: 4; } */ /* Bouton envoyer centré sous la grille */ #form-fdv form#form_contact input[type="submit"], #form-fdv form#form_contact button[type="submit"]{ grid-column: 1 / -1 !important; justify-self: center !important; width: auto !important; margin-top: 12px !important; } /* Mobile : une seule colonne verticale */ @media (max-width: 780px){ #form-fdv form#form_contact{ grid-template-columns: 1fr !important; } #form-fdv form#form_contact > *{ grid-column: 1 !important; grid-row: auto !important; } } /* Conteneur du bouton : centre le contenu */ #form-fdv form .form-actions, #form-fdv form .submit, #form-fdv form p.submit, #form-fdv form .actions, #form-fdv form .buttons { text-align: center !important; } /* Bouton : largeur fixe/maximum + centré */ #form-fdv form button[type="submit"], #form-fdv form input[type="submit"], #form-fdv form .form-actions button, #form-fdv form .form-actions input[type="submit"], #form-fdv form [class*="button"], #form-fdv form [class*="btn"] { display: inline-block !important; width: auto !important; /* évite de prendre toute la ligne */ max-width: 320px !important; /* limite la largeur */ padding: 12px 22px !important; /* tu peux réduire si besoin */ margin: 32px auto 0 !important; /* espace au-dessus + centrage */ } /* Optionnel : sur mobile on peut autoriser plus large */ @media (max-width: 480px){ #form-fdv form button[type="submit"], #form-fdv form input[type="submit"]{ max-width: 100% !important; /* plein écran sur très petit viewport */ } } /* Corrige l'espace sous le champ Date (c'était 56px) */ #form-fdv form input[type="date"]{ margin-bottom: 8px !important; /* mets 0–12px selon ton goût */ } /* Annule tout décalage résiduel et remonte le bouton */ #form-fdv form .form-actions, #form-fdv form .submit, #form-fdv form p.submit, #form-fdv form .actions, #form-fdv form .buttons{ margin-top: 0 !important; /* pas d'espace ajouté par le wrapper */ padding-top: 0 !important; } #form-fdv form button[type="submit"], #form-fdv form input[type="submit"]{ position: static !important; /* au cas où un 'top' traîne */ transform: none !important; /* au cas où un translateY traîne */ margin-top: 12px !important; /* ajuste 8/10/14 si besoin */ } /* Forcer la DATE en colonne de gauche (même rang que son label) */ #form-fdv form#form_contact label:nth-of-type(7), #form-fdv form#form_contact label:nth-of-type(7) + input[type="date"]{ grid-column: 1 !important; /* gauche */ grid-row: 4 !important; /* rang 4 */ } /* + Espace sous les libellés "participants" (6) et "date" (7) */ #form-fdv form#form_contact label:nth-of-type(6), #form-fdv form#form_contact label:nth-of-type(7){ margin-bottom: 12px !important; /* 10–14px si besoin */ } /* + Si un wrapper/élément suit le label, donne un léger margin-top au champ */ #form-fdv form#form_contact label:nth-of-type(6) + *, #form-fdv form#form_contact label:nth-of-type(7) + *{ margin-top: 24px !important; /* ajuste 2–6px si besoin */ } /* (tu peux monter/descendre ces valeurs si tu veux encore plus/moins d’espace) */ /* ➤ Plus d’espace entre le libellé et le texte saisi */ #form-fdv form#form_contact label { margin-bottom: 12px !important; /* espace sous le titre */ line-height: 1.25 !important; /* rend le texte du label un peu plus lisible */ } /* ➤ Ajoute un peu d’air à l’intérieur des champs (en haut du texte) */ #form-fdv form#form_contact input:not([type="submit"]), #form-fdv form#form_contact select, #form-fdv form#form_contact textarea { padding-top: 20px !important; /* espace entre la ligne et le texte */ } /* ➤ Optionnel : encore un peu plus d’espace sur mobile */ @media (max-width: 640px) { #form-fdv form#form_contact label { margin-bottom: 14px !important; } #form-fdv form#form_contact input:not([type="submit"]), #form-fdv form#form_contact select, #form-fdv form#form_contact textarea { padding-top: 12px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-d9c3739 */.elementor-1765 .elementor-element.elementor-element-d9c3739 { min-height: 400px }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-478ec66 */.elementor-1765 .elementor-element.elementor-element-478ec66 ul { list-style: none; /* Remove default bullets */ } .elementor-1765 .elementor-element.elementor-element-478ec66 ul li::before { content: "\2022"; color: #CBA285; font-weight: bold; display: inline-block; width: 1em; } .elementor-1765 .elementor-element.elementor-element-478ec66 ul li { margin-left: -3em; }/* End custom CSS */