/**
 * GATARD Pro Pages v1.12.47
 * Contact — typographie et alignements finaux.
 * La disposition 1.12.46 reste inchangée.
 */

html body.cms-id-11 #gatard-contact-page.gatard-contact-page--v3,
html body.cms-id-11 #gatard-contact-page.gatard-contact-page--v3 *{
  font-family:"GatardContactPoppins","Poppins",Arial,Helvetica,sans-serif!important;
}

/* Header du formulaire : centre réellement titre ET sous-titre. */
html body.cms-id-11 #gatard-contact-page
.gatard-contact-form-card--v3
.gatard-contact-section-title{
  align-items:start!important;
  justify-items:center!important;
}
html body.cms-id-11 #gatard-contact-page
.gatard-contact-form-card--v3
.gatard-contact-section-title>div{
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  justify-self:center!important;
  text-align:center!important;
}
html body.cms-id-11 #gatard-contact-page
.gatard-contact-form-card--v3
.gatard-contact-form-title{
  width:100%!important;
  margin:0 auto!important;
  color:#2B251E!important;
  font-size:clamp(28px,1.85vw,35px)!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
}
html body.cms-id-11 #gatard-contact-page
.gatard-contact-form-card--v3
.gatard-contact-section-title>div>p{
  display:block!important;
  width:100%!important;
  max-width:620px!important;
  margin:9px auto 0!important;
  padding:0!important;
  color:#7C7165!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-transform:none!important;
}

/* Onglets — même hiérarchie typographique. */
html body.cms-id-11 #gatard-contact-page .gatard-contact-tabs b{
  color:#332C24!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.005em!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-tabs small{
  color:#8A8074!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.4!important;
}

/* Labels / contenu du formulaire */
html body.cms-id-11 #gatard-contact-page .gatard-contact-field>span{
  color:#655B50!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-panel>legend{
  color:#3B332A!important;
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body.cms-id-11 #gatard-contact-page .gatard-contact-field select,
html body.cms-id-11 #gatard-contact-page .gatard-contact-field textarea{
  color:#332C24!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-advanced summary{
  color:#51483F!important;
  font-size:11.5px!important;
  font-weight:600!important;
}

/* SIDEBAR — augmentation demandée. */
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar-title{
  color:#2B251E!important;
  font-size:clamp(25px,1.55vw,30px)!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card b{
  display:block!important;
  color:#9A7947!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card strong{
  display:block!important;
  margin-top:6px!important;
  color:#302920!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card small{
  display:block!important;
  margin-top:5px!important;
  color:#71675C!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card>a{
  margin-top:11px!important;
  color:#A16E28!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.055em!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card--response b{
  font-size:11px!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card--response small{
  font-size:12px!important;
}

/* Les trois informations sous le hero suivent la même échelle. */
html body.cms-id-11 #gatard-contact-page .gatard-contact-proof strong{
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
html body.cms-id-11 #gatard-contact-page .gatard-contact-proof small{
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.5!important;
}

/* Tablette */
@media (min-width:768px) and (max-width:1199.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-form-card--v3
  .gatard-contact-form-title{
    font-size:clamp(27px,3.5vw,32px)!important;
  }
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-form-card--v3
  .gatard-contact-section-title>div>p{
    max-width:560px!important;
    font-size:12.5px!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card b{
    font-size:11px!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card strong{
    font-size:13.5px!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card small{
    font-size:11.75px!important;
  }
}

/* Mobile */
@media (max-width:767.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-form-card--v3
  .gatard-contact-section-title>div{
    max-width:100%!important;
  }
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-form-card--v3
  .gatard-contact-form-title{
    font-size:clamp(24px,7vw,29px)!important;
  }
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-form-card--v3
  .gatard-contact-section-title>div>p{
    width:min(100%,330px)!important;
    max-width:330px!important;
    font-size:11.75px!important;
    line-height:1.55!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar-title{
    font-size:25px!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card b{
    font-size:11px!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card strong{
    font-size:13.5px!important;
  }
  html body.cms-id-11 #gatard-contact-page .gatard-contact-sidebar__card small{
    font-size:11.75px!important;
  }
}
