.elementor-109 .elementor-element.elementor-element-6faf028{--display:flex;--min-height:580px;--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;--justify-content:flex-end;--overlay-opacity:0.18;}.elementor-109 .elementor-element.elementor-element-6faf028:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-6faf028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.technosoluce.net/wp-content/uploads/2026/02/Contactez-nous.jpeg");background-position:center right;background-size:cover;}.elementor-109 .elementor-element.elementor-element-6faf028::before, .elementor-109 .elementor-element.elementor-element-6faf028 > .elementor-background-video-container::before, .elementor-109 .elementor-element.elementor-element-6faf028 > .e-con-inner > .elementor-background-video-container::before, .elementor-109 .elementor-element.elementor-element-6faf028 > .elementor-background-slideshow::before, .elementor-109 .elementor-element.elementor-element-6faf028 > .e-con-inner > .elementor-background-slideshow::before, .elementor-109 .elementor-element.elementor-element-6faf028 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-109 .elementor-element.elementor-element-6293bfd{width:var( --container-widget-width, 52% );max-width:52%;padding:69px 0px 79px 0px;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-109 .elementor-element.elementor-element-6293bfd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:57px;font-weight:600;color:var( --e-global-color-06fef82 );}.elementor-109 .elementor-element.elementor-element-af372dd{--display:flex;--min-height:590px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-109 .elementor-element.elementor-element-4b0a7bb{--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;--gap:33px 0px;--row-gap:33px;--column-gap:0px;--padding-top:37px;--padding-bottom:0px;--padding-left:18px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-4b0a7bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-6675385 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-a3ea174{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-2db9b27 );}.elementor-109 .elementor-element.elementor-element-5a059f2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-b39cf68{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-2db9b27 );}.elementor-109 .elementor-element.elementor-element-8b1aff9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-109 .elementor-element.elementor-element-953c7fa .elementor-icon-wrapper{text-align:center;}.elementor-109 .elementor-element.elementor-element-953c7fa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-953c7fa.elementor-view-framed .elementor-icon, .elementor-109 .elementor-element.elementor-element-953c7fa.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-953c7fa.elementor-view-framed .elementor-icon, .elementor-109 .elementor-element.elementor-element-953c7fa.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-3de7635 .elementor-icon-wrapper{text-align:center;}.elementor-109 .elementor-element.elementor-element-3de7635.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-3de7635.elementor-view-framed .elementor-icon, .elementor-109 .elementor-element.elementor-element-3de7635.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-3de7635.elementor-view-framed .elementor-icon, .elementor-109 .elementor-element.elementor-element-3de7635.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-92a9609 .elementor-icon-wrapper{text-align:center;}.elementor-109 .elementor-element.elementor-element-92a9609.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-92a9609.elementor-view-framed .elementor-icon, .elementor-109 .elementor-element.elementor-element-92a9609.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-92a9609.elementor-view-framed .elementor-icon, .elementor-109 .elementor-element.elementor-element-92a9609.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-a0aae70{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:21px 21px 21px 21px;--padding-top:22px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-109 .elementor-element.elementor-element-a0aae70:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-a0aae70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01D2FB1A;}.elementor-109 .elementor-element.elementor-element-e81cdfd{padding:13px 0px 30px 0px;text-align:center;}.elementor-109 .elementor-element.elementor-element-e81cdfd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:37px;font-weight:700;color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group{padding-right:calc( 36px/2 );padding-left:calc( 36px/2 );margin-bottom:25px;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-form-fields-wrapper{margin-left:calc( -36px/2 );margin-right:calc( -36px/2 );margin-bottom:-25px;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group > label, .elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:600;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-type-html{padding-bottom:0px;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-primary );border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-primary );border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-a7f8a8d .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-button[type="submit"]{color:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-109 .elementor-element.elementor-element-a7f8a8d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-4b0a7bb{--width:41.166%;}}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-6293bfd{padding:31px 0px 31px 20px;--container-widget-width:69%;--container-widget-flex-grow:0;width:var( --container-widget-width, 69% );max-width:69%;}.elementor-109 .elementor-element.elementor-element-6293bfd .elementor-heading-title{font-size:49px;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-6faf028{--min-height:195px;}.elementor-109 .elementor-element.elementor-element-6faf028:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-6faf028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:contain;}.elementor-109 .elementor-element.elementor-element-6293bfd{padding:0px 0px 16px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-109 .elementor-element.elementor-element-6293bfd .elementor-heading-title{font-size:30px;}}/* Start custom CSS for container, class: .elementor-element-af372dd *//* =========================
   PAGE CONTACT - TECHNOSOLUCE
   Classe à mettre sur le container parent : ts-contact
========================= */

.ts-contact{
  --blue:#0b2a63;          /* bleu TechnoSoluce */
  --blue2:#0d3b9e;
  --soft:#f2f7ff;          /* fond bleu clair */
  --text:#0f172a;
  --muted:#64748b;
  --radius:22px;
}

/* ---------- HERO ---------- */
.ts-contact .ts-contact-hero{
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  min-height: 260px;
  display:flex;
  align-items:center;
  padding: 28px 34px;
  background-size: cover;
  background-position: center;
}

.ts-contact .ts-contact-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35); /* overlay */
}

.ts-contact .ts-contact-hero .elementor-heading-title{
  position: relative;
  color:#fff !important;
  font-weight: 800;
  font-size: clamp(28px, 4vw, 44px);
  margin:0;
}

/* ---------- COLONNES ---------- */
.ts-contact .ts-contact-grid{
  margin-top: 28px;
}

/* colonne droite (form) = carte bleue claire */
.ts-contact .ts-contact-card{
  background: var(--soft);
  border-radius: var(--radius);
  padding: 28px;
}

/* titres */
.ts-contact .ts-title{
  color: var(--blue) !important;
  font-weight: 800;
  margin-bottom: 14px;
}

/* bloc infos à gauche */
.ts-contact .ts-info h4,
.ts-contact .ts-info .elementor-heading-title{
  color: var(--blue) !important;
  font-weight: 800;
  margin-bottom: 10px;
}

.ts-contact .ts-info p,
.ts-contact .ts-info{
  color: var(--muted);
  line-height: 1.6;
}

/* espacements des items (adresse/téléphone/email) */
.ts-contact .ts-info .ts-item{
  margin-top: 18px;
}
.ts-contact .ts-info .ts-item strong{
  display:block;
  color: var(--blue);
  margin-bottom: 6px;
}

/* icônes sociales en bas à gauche */
.ts-contact .ts-social a{
  display:inline-flex;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  align-items:center;
  justify-content:center;
  background:#ff7a00;
  color:#fff !important;
  margin-right:10px;
  transition:.25s ease;
}
.ts-contact .ts-social a:hover{
  transform: translateY(-3px);
  filter: brightness(.95);
}

/* ---------- FORMULAIRE ---------- */
/* champs */
.ts-contact .elementor-form input[type="text"],
.ts-contact .elementor-form input[type="email"],
.ts-contact .elementor-form input[type="tel"],
.ts-contact .elementor-form textarea,
.ts-contact .elementor-form select{
  border: 1.5px solid rgba(11,42,99,.22) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  outline: none !important;
}

/* focus */
.ts-contact .elementor-form input:focus,
.ts-contact .elementor-form textarea:focus,
.ts-contact .elementor-form select:focus{
  border-color: rgba(11,42,99,.55) !important;
  box-shadow: 0 0 0 4px rgba(11,42,99,.10) !important;
}

/* bouton envoyer */
.ts-contact .elementor-form .elementor-button{
  background: var(--blue) !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 30px rgba(11,42,99,.18);
}
.ts-contact .elementor-form .elementor-button:hover{
  background: var(--blue2) !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 767px){
  .ts-contact .ts-contact-hero{
    min-height: 210px;
    padding: 22px;
  }
  .ts-contact .ts-contact-card{
    padding: 18px;
  }
}/* End custom CSS */