.elementor-5988 .elementor-element.elementor-element-6f1ff8f .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-a203b6a > .elementor-element-populated{padding:170px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-81c5031{--iteration-count:infinite;}.elementor-5988 .elementor-element.elementor-element-81c5031 .elementor-headline{text-align:start;font-size:1.1em;}.elementor-5988 .elementor-element.elementor-element-c6a0821{--spacer-size:25px;}.elementor-5988 .elementor-element.elementor-element-8c6f97f .elementor-heading-title{font-size:2.2em;}.elementor-5988 .elementor-element.elementor-element-aec812e{--spacer-size:31px;}.elementor-5988 .elementor-element.elementor-element-78b657e .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-4ae8c12{--spacer-size:70px;}.elementor-5988 .elementor-element.elementor-element-8b8f083{--divider-border-style:solid;--divider-color:#172243;--divider-border-width:1px;}.elementor-5988 .elementor-element.elementor-element-8b8f083 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-5988 .elementor-element.elementor-element-8b8f083 .elementor-divider-separator{width:100%;}.elementor-5988 .elementor-element.elementor-element-8b8f083 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5988 .elementor-element.elementor-element-bba136b > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-5988 .elementor-element.elementor-element-bba136b{text-align:start;}.elementor-5988 .elementor-element.elementor-element-bba136b .elementor-heading-title{font-size:33px;}.elementor-5988 .elementor-element.elementor-element-a85f226{--spacer-size:19px;}.elementor-5988 .elementor-element.elementor-element-6e37e90 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-4fccbe1 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-f6d7be2 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-f725456 > .elementor-element-populated{margin:0px 0px 0px 6px;--e-column-margin-right:0px;--e-column-margin-left:6px;padding:10px 10px 10px 10px;}.elementor-5988 .elementor-element.elementor-element-de578d3 > .elementor-widget-container{margin:40px 0px 5px 0px;}.elementor-5988 .elementor-element.elementor-element-de578d3 .elementor-heading-title{font-size:30px;line-height:37px;}.elementor-5988 .elementor-element.elementor-element-245c4bc .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-3686d41 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-5988 .elementor-element.elementor-element-5d143c7 > .elementor-widget-container{margin:15px 0px 10px 0px;}.elementor-5988 .elementor-element.elementor-element-5d143c7 .elementor-heading-title{font-size:30px;}.elementor-5988 .elementor-element.elementor-element-5a9f4e5{--spacer-size:50px;}.elementor-5988 .elementor-element.elementor-element-649df4b .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-f561821 > .elementor-widget-container{margin:0px 0px 20px 17px;}.elementor-5988 .elementor-element.elementor-element-f561821 .elementor-heading-title{font-size:33px;}.elementor-5988 .elementor-element.elementor-element-0511165 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-e69f8a1 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-5988 .elementor-element.elementor-element-e69f8a1 img{width:98%;}.elementor-5988 .elementor-element.elementor-element-6a20ae0 > .elementor-widget-container{margin:11px 0px 5px 0px;padding:3px 3px 3px 10px;}.elementor-5988 .elementor-element.elementor-element-6a20ae0 .elementor-heading-title{font-size:25px;}.elementor-5988 .elementor-element.elementor-element-d23a029 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:3px 3px 3px 10px;}.elementor-5988 .elementor-element.elementor-element-f857102{--spacer-size:50px;}.elementor-5988 .elementor-element.elementor-element-4249e10 > .elementor-element-populated, .elementor-5988 .elementor-element.elementor-element-4249e10 > .elementor-element-populated > .elementor-background-overlay, .elementor-5988 .elementor-element.elementor-element-4249e10 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-4249e10 > .elementor-element-populated{padding:3px 3px 3px 3px;}.elementor-5988 .elementor-element.elementor-element-bed7ad1 img{width:98%;}.elementor-5988 .elementor-element.elementor-element-a9dcd47 > .elementor-widget-container{margin:11px 0px 5px 0px;padding:3px 3px 3px 10px;}.elementor-5988 .elementor-element.elementor-element-a9dcd47 .elementor-heading-title{font-size:24px;}.elementor-5988 .elementor-element.elementor-element-714643e > .elementor-widget-container{padding:3px 3px 3px 10px;}.elementor-5988 .elementor-element.elementor-element-9beba51 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-3ac7a45 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-5988 .elementor-element.elementor-element-3ac7a45 img{width:98%;}.elementor-5988 .elementor-element.elementor-element-45c5a1e > .elementor-widget-container{margin:11px 0px 5px 0px;padding:3px 3px 3px 12px;}.elementor-5988 .elementor-element.elementor-element-45c5a1e .elementor-heading-title{font-size:25px;}.elementor-5988 .elementor-element.elementor-element-d186115 > .elementor-widget-container{padding:3px 3px 3px 12px;}.elementor-5988 .elementor-element.elementor-element-3835f09 > .elementor-widget-container{padding:3px 3px 3px 3px;}.elementor-5988 .elementor-element.elementor-element-3835f09 img{width:98%;}.elementor-5988 .elementor-element.elementor-element-3ffe6f4 > .elementor-widget-container{margin:11px 0px 5px 0px;padding:3px 3px 3px 12px;}.elementor-5988 .elementor-element.elementor-element-3ffe6f4 .elementor-heading-title{font-size:24px;}.elementor-5988 .elementor-element.elementor-element-44c3568 > .elementor-widget-container{padding:3px 3px 3px 12px;}.elementor-5988 .elementor-element.elementor-element-600eaab:not(.elementor-motion-effects-element-type-background), .elementor-5988 .elementor-element.elementor-element-600eaab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FD00;}.elementor-5988 .elementor-element.elementor-element-600eaab .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-600eaab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5988 .elementor-element.elementor-element-600eaab > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5988 .elementor-element.elementor-element-67dcc19{--spacer-size:70px;}.elementor-5988 .elementor-element.elementor-element-5b92443 > .elementor-widget-container{padding:0px 0px 0px 6px;}.elementor-5988 .elementor-element.elementor-element-5b92443 .elementor-heading-title{font-size:30px;}.elementor-5988 .elementor-element.elementor-element-c447b41 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 6px;}.elementor-5988 .elementor-element.elementor-element-4f44ea0{--spacer-size:20px;}.elementor-5988 .elementor-element.elementor-element-0bd8f58 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-0bd8f58{border-style:solid;border-width:3px 3px 3px 3px;border-color:#172243;}.elementor-5988 .elementor-element.elementor-element-0bd8f58, .elementor-5988 .elementor-element.elementor-element-0bd8f58 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-5988 .elementor-element.elementor-element-54cebfb > .elementor-widget-container{margin:40px 0px 0px 17px;}.elementor-5988 .elementor-element.elementor-element-54cebfb{font-size:20px;}.elementor-5988 .elementor-element.elementor-element-f1074ee > .elementor-widget-container{margin:50px 0px 0px 17px;}.elementor-5988 .elementor-element.elementor-element-c635fe9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-c635fe9 img{width:99%;border-radius:5px 5px 5px 5px;}.elementor-5988 .elementor-element.elementor-element-3d90180 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-e9f7b95{--spacer-size:50px;}.elementor-5988 .elementor-element.elementor-element-6be6ea4 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-6be6ea4{border-style:solid;border-width:3px 3px 3px 3px;border-color:#172243;}.elementor-5988 .elementor-element.elementor-element-6be6ea4, .elementor-5988 .elementor-element.elementor-element-6be6ea4 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-5988 .elementor-element.elementor-element-1fd0d0a > .elementor-widget-container{margin:40px 0px 0px 17px;}.elementor-5988 .elementor-element.elementor-element-1fd0d0a{font-size:20px;}.elementor-5988 .elementor-element.elementor-element-3f62e36 > .elementor-widget-container{margin:50px 0px 0px 17px;}.elementor-5988 .elementor-element.elementor-element-90b9976 img{border-radius:5px 5px 5px 5px;}.elementor-5988 .elementor-element.elementor-element-d8dd269 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-8855777{--spacer-size:50px;}.elementor-5988 .elementor-element.elementor-element-db17170 .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-c0a82b9 > .elementor-element-populated{padding:0px 0px 0px 6px;}.elementor-5988 .elementor-element.elementor-element-e809144 > .elementor-widget-container{margin:120px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-e809144 .elementor-heading-title{font-size:30px;line-height:37px;}.elementor-5988 .elementor-element.elementor-element-473f8be > .elementor-widget-container{margin:13px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-473f8be{text-align:start;}.elementor-bc-flex-widget .elementor-5988 .elementor-element.elementor-element-cadd54d.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-5988 .elementor-element.elementor-element-cadd54d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-5988 .elementor-element.elementor-element-cadd54d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5988 .elementor-element.elementor-element-cadd54d > .elementor-element-populated{padding:0px 15px 0px 70px;}.elementor-5988 .elementor-element.elementor-element-31d91ba > .elementor-widget-container{--e-transform-translateX:37px;margin:0px 0px -130px 0px;padding:0px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-31d91ba{text-align:end;}.elementor-5988 .elementor-element.elementor-element-31d91ba img{width:231px;height:190px;}.elementor-5988 .elementor-element.elementor-element-d7296a5{width:auto;max-width:auto;text-align:start;}.elementor-5988 .elementor-element.elementor-element-d7296a5 > .elementor-widget-container{--e-transform-translateX:-73px;padding:0px 137px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-d7296a5 img{width:406px;height:507px;}.elementor-5988 .elementor-element.elementor-element-ae81229{width:auto;max-width:auto;}.elementor-5988 .elementor-element.elementor-element-ae81229 > .elementor-widget-container{--e-transform-translateY:-329px;margin:0px -50px -281px 0px;}.elementor-5988 .elementor-element.elementor-element-ae81229 img{width:214px;height:285px;}.elementor-5988 .elementor-element.elementor-element-f899e4c .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-dc8d536{--spacer-size:50px;}.elementor-5988 .elementor-element.elementor-element-4b0d7a0{text-align:center;}.elementor-5988 .elementor-element.elementor-element-4b0d7a0 .elementor-heading-title{font-size:30px;}.elementor-5988 .elementor-element.elementor-element-b9abec5 > .elementor-widget-container{margin:13px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-b9abec5{text-align:center;}.elementor-5988 .elementor-element.elementor-element-23ce98c .elementor-container{justify-content:flex-start;}.elementor-5988 .elementor-element.elementor-element-7f3814c{text-align:center;font-size:25px;}@media(max-width:1024px) and (min-width:768px){.elementor-5988 .elementor-element.elementor-element-cadd54d{width:90%;}}@media(max-width:1200px){.elementor-5988 .elementor-element.elementor-element-cadd54d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5988 .elementor-element.elementor-element-cadd54d > .elementor-element-populated{padding:0px 15px 0px 40px;}.elementor-5988 .elementor-element.elementor-element-31d91ba > .elementor-widget-container{margin:0px 50px -40px 0px;}.elementor-5988 .elementor-element.elementor-element-d7296a5 > .elementor-widget-container{padding:0px 120px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-ae81229 > .elementor-widget-container{margin:-100px 0px 0px 0px;}}@media(max-width:1024px){.elementor-5988 .elementor-element.elementor-element-cadd54d > .elementor-element-populated{margin:0px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-5988 .elementor-element.elementor-element-31d91ba > .elementor-widget-container{margin:0px 50px -120px 0px;}.elementor-5988 .elementor-element.elementor-element-d7296a5 > .elementor-widget-container{padding:0px 30px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-ae81229 > .elementor-widget-container{margin:0px 0px 50px 0px;}}@media(max-width:767px){.elementor-5988 .elementor-element.elementor-element-6f1ff8f{margin-top:-247px;margin-bottom:0px;}.elementor-5988 .elementor-element.elementor-element-81c5031 .elementor-headline{font-size:0.8em;}.elementor-5988 .elementor-element.elementor-element-8c6f97f{width:var( --container-widget-width, 367px );max-width:367px;--container-widget-width:367px;--container-widget-flex-grow:0;}.elementor-5988 .elementor-element.elementor-element-8c6f97f .elementor-heading-title{font-size:1.6em;}.elementor-5988 .elementor-element.elementor-element-aec812e{--spacer-size:35px;}.elementor-5988 .elementor-element.elementor-element-c9587ff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-e809144 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-cadd54d.elementor-column{-webkit-box-ordinal-group:calc(2 + 1 );-ms-flex-order:2;order:2;}.elementor-5988 .elementor-element.elementor-element-31d91ba > .elementor-widget-container{margin:0px 30px -90px 0px;}.elementor-5988 .elementor-element.elementor-element-d7296a5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-ae81229 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-5988 .elementor-element.elementor-element-ae81229 img{max-width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-c9587ff *//* 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: #172243 !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 #172243 !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: #172243 !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; } } /* ===== CORRECTION MOBILE — Affichage propre sur téléphone ===== */ @media (max-width: 640px){ /* Une seule colonne propre avec des espacements réguliers */ #form-fdv form#form_contact{ grid-template-columns: 1fr !important; row-gap: 16px !important; } /* Tous les éléments occupent la même colonne */ #form-fdv form#form_contact > *{ grid-column: 1 !important; } /* On annule les positions forcées du mode bureau */ #form-fdv form#form_contact label, #form-fdv form#form_contact input, #form-fdv form#form_contact select, #form-fdv form#form_contact textarea{ grid-row: auto !important; } /* Ordre logique des champs sur mobile : 1. société 2. nom 3. email 4. téléphone 5. date de l’évènement 6. nombre de participants 7. message 8. bouton d’envoi */ /* 1 — Société */ #form-fdv form#form_contact label:nth-of-type(1), #form-fdv form#form_contact label:nth-of-type(1) + input{ grid-row: 1 !important; } /* 2 — Nom */ #form-fdv form#form_contact label:nth-of-type(2), #form-fdv form#form_contact label:nth-of-type(2) + input{ grid-row: 2 !important; } /* 3 — Email */ #form-fdv form#form_contact label:nth-of-type(3), #form-fdv form#form_contact label:nth-of-type(3) + input{ grid-row: 3 !important; } /* 4 — Téléphone */ #form-fdv form#form_contact label:nth-of-type(4), #form-fdv form#form_contact label:nth-of-type(4) + input{ grid-row: 4 !important; } /* 5 — Date de l’évènement */ #form-fdv form#form_contact label:nth-of-type(7), #form-fdv form#form_contact label:nth-of-type(7) + input[type="date"]{ grid-row: 5 !important; margin-bottom: 8px !important; /* évite le grand espace sous la date */ } /* 6 — Nombre de participants */ #form-fdv form#form_contact label:nth-of-type(6), #form-fdv form#form_contact label:nth-of-type(6) + input[type="number"]{ grid-row: 6 !important; } /* 7 — Message */ #form-fdv form#form_contact label:nth-of-type(5), #form-fdv form#form_contact label:nth-of-type(5) + textarea{ grid-row: 7 !important; } /* 8 — Bouton d’envoi */ #form-fdv form#form_contact :is(.form-actions, .submit, p.submit, .actions, .buttons){ grid-row: 8 !important; justify-content: center !important; } /* Si le bouton est un enfant direct du formulaire */ #form-fdv form#form_contact > :is(input[type="submit"], button[type="submit"]){ grid-row: 8 !important; justify-self: center !important; } } /* ========================= 2) MOBILE : BOUTON SOUS "MESSAGE" ========================= */ @media (max-width: 640px){ /* IMPORTANT : Tes nth-of-type sont fragiles si le plugin rajoute des labels cachés. Ici on force "message" + "submit" avec des sélecteurs plus robustes. -> Tu dois adapter l'ID/NAME du textarea si besoin (voir note juste dessous). */ /* --- Message (textarea) en dessous des autres --- */ #form-fdv form#form_contact textarea{ grid-row: 7 !important; } #form-fdv form#form_contact textarea + *{ /* au cas où un élément se colle juste après le textarea */ grid-row: 8 !important; } /* --- Bouton (ou wrapper) tout en bas --- */ #form-fdv form#form_contact :is( input[type="submit"], button[type="submit"], .form-actions, .submit, p.submit, .actions, .buttons ){ grid-row: 99 !important; justify-self: center !important; margin-top: 12px !important; } } /* Sellsy ajoute un submit caché : on le laisse caché (sinon double bouton) */ #form-fdv form#form_contact button.sellsy-hidden, #form-fdv form#form_contact button.sellsy-hidden *{ display: none !important; visibility: hidden !important; } #form-fdv form button[type="submit"]:not(.sellsy-hidden), #form-fdv form input[type="submit"], #form-fdv form .submit input[type="submit"], #form-fdv form .form-actions button:not(.sellsy-hidden), #form-fdv form .form-actions input[type="submit"], #form-fdv form [class*="button"], #form-fdv form [class*="btn"] { background-color: #172243 !important; color: #ffffff !important; 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; }/* End custom CSS */