.elementor-1234 .elementor-element.elementor-element-70e9c85f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-70e9c85f:not(.elementor-motion-effects-element-type-background), .elementor-1234 .elementor-element.elementor-element-70e9c85f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0d1213;}.elementor-1234 .elementor-element.elementor-element-39ed8599{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1234 .elementor-element.elementor-element-316cf654{text-align:start;}.elementor-1234 .elementor-element.elementor-element-316cf654 img{width:230px;}.elementor-1234 .elementor-element.elementor-element-e6468fa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger:hover{background-color:var( --e-global-color-secondary );}.elementor-1234 .elementor-element.elementor-element-647e7699{z-index:15;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-container{height:70px;border-radius:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;color:var( --e-global-color-secondary );padding:0px 15px 0px 15px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a:hover{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a:focus{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a:active{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li:hover > a{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#5CB3E9;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li.current-menu-item > a{color:#FE0467;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#FE0467;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#FE0467;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#273171;fill:#273171;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#273171;fill:#273171;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;padding:6px 0px 7px 0px;color:#000000;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#121147;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#121147;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#121147;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#121147;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-submenu-panel{padding:15px 15px 15px 25px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.12);}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger{float:right;border-style:solid;border-color:var( --e-global-color-secondary );}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-text );}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger > .ekit-menu-icon{color:var( --e-global-color-text );}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(255,255,255,0.5);}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(255,255,255,0.5);}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-close{color:#FFFFFF;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-1234 .elementor-element.elementor-element-524e7ae5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:033px;--padding-bottom:82px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-title{color:#041A57;text-shadow:0px 0px 0px rgba(0,0,0,0.3);margin:0px 0px 20px 0px;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;line-height:65px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#E54220;font-family:"Archivo", Sans-serif;font-size:32px;font-weight:600;line-height:34px;margin:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-45d42d9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1234 .elementor-element.elementor-element-b81090a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-b81090a .elementskit-section-title-wraper .elementskit-section-title{color:#041A57;margin:10px 0px 19px 0px;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;line-height:65px;}.elementor-1234 .elementor-element.elementor-element-b81090a .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-b81090a .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-b81090a .elementskit-section-title-wraper p{color:#000000;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:28px;margin:0px 0px 15px 0px;}.elementor-1234 .elementor-element.elementor-element-1ceee341{padding:0px 0px 44px 0px;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .ekit-heading__description{max-width:80%;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .elementskit-section-title-wraper .elementskit-section-title{color:#041A57;margin:0px 0px 1px 0px;font-family:"Archivo", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;line-height:49px;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .elementskit-section-title-wraper p{color:#414244;font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-nav .elementkit-nav-link{background-color:#ffffff;padding:15px 25px 15px 25px;color:#041A57;border-style:none;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper.vertical .elementkit-tab-nav{flex-basis:100%;margin-right:10px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper .elementkit-nav-link.bottom-pos .elementskit-tab-icon{margin-top:0%;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper .elementkit-nav-link.bottom-pos .ekit-icon-image{margin-top:0%;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper .elementkit-nav-link{justify-content:flex-start;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-nav{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link{font-family:"Roboto", Sans-serif;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper:not(.vertical) .elementkit-nav-item:not(:last-child){margin-right:10px;}.rtl .elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper:not(.vertical) .elementkit-nav-item:not(:last-child){margin-left:10px;margin-right:0;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper.vertical .elementkit-nav-item:not(:last-child){margin-bottom:10px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-wraper:not(.vertical) .elementkit-tab-nav{margin-bottom:10px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-nav .elementkit-nav-link.active{color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-1234 .elementor-element.elementor-element-784e67fe .tab-content .tab-pane{color:#414244;padding:10px 0px 20px 0px;}.elementor-1234 .elementor-element.elementor-element-c684da5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:033px;--padding-bottom:82px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 26px) 0px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-title{color:#041A57;text-shadow:0px 0px 0px rgba(0,0,0,0.3);margin:0px 0px 20px 0px;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;line-height:65px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-subtitle{color:#E54220;font-family:"Archivo", Sans-serif;font-size:32px;font-weight:600;line-height:34px;margin:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-b65221a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-b65221a .elementskit-section-title-wraper .elementskit-section-title{color:#041A57;margin:10px 0px 19px 0px;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;line-height:65px;}.elementor-1234 .elementor-element.elementor-element-b65221a .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-b65221a .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-b65221a .elementskit-section-title-wraper p{color:#000000;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:28px;margin:0px 0px 15px 0px;}.elementor-1234 .elementor-element.elementor-element-14ef531{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-14ef531 .elementskit-section-title-wraper .elementskit-section-title{color:#041A57;margin:10px 0px 19px 0px;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;line-height:65px;}.elementor-1234 .elementor-element.elementor-element-14ef531 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-14ef531 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-1234 .elementor-element.elementor-element-14ef531 .elementskit-section-title-wraper p{color:#000000;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:28px;margin:0px 0px 15px 0px;}.elementor-1234 .elementor-element.elementor-element-63c91ed5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-1234:not(.elementor-motion-effects-element-type-background), body.elementor-page-1234 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1234 .elementor-element.elementor-element-70e9c85f{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;line-height:42px;}.elementor-1234 .elementor-element.elementor-element-45d42d9{--grid-auto-flow:row;}.elementor-1234 .elementor-element.elementor-element-b81090a .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;line-height:42px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-nav .elementkit-nav-link{padding:15px 15px 15px 15px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;line-height:42px;}.elementor-1234 .elementor-element.elementor-element-b65221a .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;line-height:42px;}.elementor-1234 .elementor-element.elementor-element-14ef531 .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;line-height:42px;}}@media(max-width:767px){.elementor-1234 .elementor-element.elementor-element-70e9c85f{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-1234 .elementor-element.elementor-element-39ed8599{--width:100%;}.elementor-1234 .elementor-element.elementor-element-316cf654 img{width:1000px;}.elementor-1234 .elementor-element.elementor-element-e6468fa{--width:50%;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-menu-hamburger{border-width:1px 1px 1px 1px;}.elementor-1234 .elementor-element.elementor-element-647e7699 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-1234 .elementor-element.elementor-element-524e7ae5{--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-title{font-size:37px;line-height:38px;}.elementor-1234 .elementor-element.elementor-element-2ac49de5 .elementskit-section-title-wraper .elementskit-section-subtitle{font-size:23px;}.elementor-1234 .elementor-element.elementor-element-45d42d9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1234 .elementor-element.elementor-element-b81090a .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 14px 0px;font-size:23px;line-height:31px;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .ekit-heading__description{max-width:100%;}.elementor-1234 .elementor-element.elementor-element-1ceee341 .elementskit-section-title-wraper .elementskit-section-title{font-size:36px;}.elementor-1234 .elementor-element.elementor-element-784e67fe .elementkit-tab-nav .elementkit-nav-link{padding:10px 10px 10px 10px;}.elementor-1234 .elementor-element.elementor-element-c684da5{--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-title{font-size:37px;line-height:38px;}.elementor-1234 .elementor-element.elementor-element-a5f2dae .elementskit-section-title-wraper .elementskit-section-subtitle{font-size:23px;}.elementor-1234 .elementor-element.elementor-element-b65221a .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 14px 0px;font-size:23px;line-height:31px;}.elementor-1234 .elementor-element.elementor-element-14ef531 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 14px 0px;font-size:23px;line-height:31px;}.elementor-1234 .elementor-element.elementor-element-63c91ed5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1234 .elementor-element.elementor-element-39ed8599{--width:20%;}.elementor-1234 .elementor-element.elementor-element-e6468fa{--width:67.664%;}.elementor-1234 .elementor-element.elementor-element-524e7ae5{--content-width:1140px;}.elementor-1234 .elementor-element.elementor-element-c684da5{--content-width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1234 .elementor-element.elementor-element-39ed8599{--width:50%;}.elementor-1234 .elementor-element.elementor-element-e6468fa{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-5266afba *//* --- Variables de Couleurs (Optionnel, mais recommandé) --- */
:root {
    --brand-dark: #1f2733; /* Fond du conteneur de formulaire */
    --brand-gray: #1a1e27; /* Fond de la section */
    --brand-blue: #007bff; /* Bleu CTA et focus */
    --gray-400: #9ca3af; /* Texte d'aide léger */
    --gray-500: #6b7280; /* Texte des labels */
    --gray-700: #374151; /* Bordure du champ */
    --gray-800: #1f2937; /* Fond des champs de saisie */
    --white: #ffffff;
}

/* --- Style de la Section et du Conteneur Principal --- */
#contact {
    padding-top: 2rem; /* py-16 */
    padding-bottom: 2rem; /* py-16 */
    background-color: var(--brand-gray);
    position: relative;
}
@media (min-width: 640px) { /* sm:py-20 */
    #contact {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}
#contact > div {
    max-width: 48rem; /* max-w-3xl (ajusté pour coller au rendu) */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    z-index: 10;
}

/* --- Style du Cadre du Formulaire --- */
#contact .bg-brand-dark {
    background-color: var(--brand-dark);
    border-radius: 1rem; /* rounded-2xl */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
    padding: 2rem; /* p-8 */
    text-align: center;
    color: var(--white);
}
@media (min-width: 768px) { /* md:p-12 */
    #contact .bg-brand-dark {
        padding: 3rem;
    }
}

/* --- Style de l'En-tête --- */
#contact h2 {
    color: white;
    font-size: 2rem; /* text-3xl */
    font-weight: 700; /* font-bold */
    margin-bottom: 1rem; /* mb-4 */
}
#contact p {
    color: var(--gray-400); /* text-gray-400 */
    margin-bottom: 2rem; /* mb-8 */
}

/* (J'ai exclu l'icône dans ce CSS, car elle nécessite un outil d'icônes, mais le reste est là.) */


/* --- Style du Formulaire et des Champs --- */
#contact form {
    margin-top: 1rem; /* space-y-4 */
    text-align: left;
}

#contact form > div {
    margin-bottom: 1rem; /* simule le space-y-4 */
}

/* Conteneur des champs Nom et Email (grille 2 colonnes) */
#contact .grid-cols-2 {
    display: grid;
    grid-template-columns: 1fr; /* Par défaut 1 colonne sur mobile */
    gap: 1rem; /* gap-4 */
}
@media (min-width: 768px) { /* md:grid-cols-2 */
    #contact .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Labels */
#contact label {
    color: white;
    display: block;
    font-size: 0.75rem; /* text-xs */
    font-weight: 700; /* font-bold */
    color: var(--gray-500); /* text-gray-500 */
    text-transform: uppercase;
    margin-bottom: 0.25rem; /* mb-1 */
}

/* Inputs, Select et Textarea (Champs de saisie) */
#contact input,
#contact select,
#contact textarea {
    width: 100%;
    padding: 0.75rem 1rem; /* px-4 py-3 */
    border-radius: 0.5rem; /* rounded-lg */
    background-color: var(--gray-800); /* bg-gray-800 */
    border: 1px solid var(--gray-700); /* border border-gray-700 */
    color: var(--white);
    font-size: 0.875rem; /* text-sm */
    outline: none;
    transition: border-color 0.15s ease-in-out; /* transition */
    -webkit-appearance: none; /* Pour masquer les styles par défaut du select */
    -moz-appearance: none;
    appearance: none;
}

/* Focus sur les champs */
#contact input:focus,
#contact select:focus,
#contact textarea:focus {
    border-color: var(--brand-blue); /* focus:border-brand-blue */
    box-shadow: 0 0 0 1px var(--brand-blue);
}

/* Style spécifique du Select (pour la flèche) */
#contact select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 10.98l3.71-3.75a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.23 8.27a.75.75 0 010-1.06z" clip-rule="evenodd" /></svg>');
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25rem 1.25rem;
    padding-right: 2.5rem;
}

/* --- Bouton d'envoi (CTA) --- */
#contact button[type="submit"] {
    width: 100%;
    background-color: var(--brand-blue); /* bg-brand-blue */
    color: var(--white);
    font-weight: 700; /* font-bold */
    padding-top: 0.75rem; /* py-3 */
    padding-bottom: 0.75rem; /* py-3 */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
    border: none;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

#contact button[type="submit"]:hover {
    background-color: #0056b3; /* hover:bg-blue-600 */
}/* End custom CSS */