.article-inline .article-inline__container {
  padding: 0 !important;
} 
.globalFormSubmit .webform-button--submit {
  font-family: var(--v-heading-font) !important;
}

.webform-submission-form {
  margin: 0 auto !important;
  letter-spacing: 0 !important;
}

div[id*=edit-title] {
  color: #FF1F8F !important;
  text-align: center !important;
  max-width: 77.6rem !important;
}

div[id*=edit-title] h1.text-align-center {
  font-size: 9.5rem !important;
  margin: 100px 0 57px 0 !important;
  font-weight: 400 !important;
  line-height: 100px !important;
  font-family: var(--v-heading-font) !important;
  color: #FF1F8F !important; 
}

div[id*=edit-title] h2.text-align-center {
  font-size: 4.8rem !important;
  margin: 57px 0 27px 0 !important;
  font-weight: 400 !important;
  line-height: 50px !important;
  font-family: var(--v-heading-font) !important;
  color: #FF1F8F !important;
  /* text-align: center !important; */
}

div[id*=edit-title] p.text-align-center {
  font-size: 2rem !important;
  margin: 27px 0 63px 0 !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  font-family: var(--v-secondary-font) !important;
  color: #01016E !important;
  /* text-align: center !important; */
}

@media screen and (min-width: 426px) and (max-width: 1023px) {
  div[id*=edit-title] h1.text-align-center {
       font-size: 9.2rem !important;
       line-height: 1 !important;
  }
  div[id*=edit-title] h2.text-align-center {
     font-size: 3.1rem !important;
     line-height: 1 !important;
  }
  div[id*=edit-title] p.text-align-center {
     font-size: 1.6rem !important;
     line-height: 20px !important;
  }
}

.globalClass.first,
.globalClass.last {
  width: 100% !important;
  float: left !important;
  position: relative !important;
  max-width: 32.8rem !important;
  left: 6rem !important;
}

.globalClass.email {
  max-width: 64.8rem !important;
}

input[id*=edit-first-name],
input[id*=edit-last-name],
input[id*=edit-email] {
  color: var(--c-footer_newsletter_input_text_color) !important;
  font-family: var(--v-secondary-font) !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 1.2rem !important;
  margin-bottom: 2.2rem !important;
  border-radius: 10px !important;
  border: 1px solid #BDBDBD !important;
}

input[id*=edit-first-name],
input[id*=edit-last-name] {
  max-width: 31.7rem !important;
}

input[id*=edit-email] {
  max-width: 64.8rem !important;
  width: 100% !important;
}

[id*=edit-processed-text-02] h2 {
  font-family: var(--v-secondary-font) !important;
  font-size: 10px !important;
  line-height: 15px !important;
  margin-bottom: 15px !important;
  color: #01016E !important;
}

[id*=edit-processed-text-02] h2.mandatory {
  color: #FF1F8F !important;
  font-family: var(--v-primary-font) !important;
  font-size: 12px !important;
  line-height: 2 !important;
}
@media (max-width: 768px) {
   [id*=edit-actions] [id*=edit-actions-submit] {
   font-family: var(--v-heading-font) !important;
   text-align: center !important;
   text-transform: lowercase !important;
   color: #fff !important;
   display: block !important;
   position: relative !important;
   font-style: normal !important;
   background-color: #01016E !important;
   white-space: normal !important;
   border: 1px solid #01016E !important;
   margin: 0 auto !important;
   cursor: pointer !important;
   }
   fieldset.captcha {
        max-width: 31rem !important;
        margin: 0 auto !important;
        display: block !important;
    }
}
@media (min-width: 768px) {
   [id*=edit-actions] [id*=edit-actions-submit] {
   font-family: var(--v-heading-font) !important;
   text-align: center !important;
   text-transform: lowercase !important;
   color: #fff !important;
   display: block !important;
   position: relative !important;
   padding: 20px 40px !important;
   min-width: 29.5rem !important;
   font-size: 20px !important;
   font-style: normal !important;
   font-weight: 500 !important;
   line-height: 1.1 !important;
   letter-spacing: 0 !important;
   background-color: #01016E !important;
   white-space: normal !important;
   border: 1px solid #01016E !important;
   border-radius: 50px !important;
   margin: 0 auto !important;
   min-height: 6rem !important;
   cursor: pointer !important;
    }
  fieldset.captcha {
      max-width: 32rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  input[id*=edit-first-name] {
    margin-left: 0 !important;
  }

  input[id*=edit-last-name] {
    margin-right: 0 !important;
  }
  .globalClass.first, .globalClass.last {
    left: 6rem !important;
  }
}

@media (max-width: 767px) {
  div[id*=edit-title] {
 max-width: 31.7rem !important;
}
  div[id*=edit-title] h1.text-align-center {
    font-size: 5rem !important;
    margin: 29px 0 18px 0 !important;
    line-height: 50px !important;
  }

  div[id*=edit-title] h2.text-align-center {
    font-size: 2.8rem !important;
    margin: 15px 0 18px 0 !important;
    line-height: 30px !important;
  }

  div[id*=edit-title] p.text-align-center {
    font-size: 1.6rem !important;
    margin: 15px 0 46px 0 !important;
    line-height: 20px !important;
  }

  .globalClass.first,
  .globalClass.last,
  .globalClass.email {
    width: 100% !important;
    float: unset !important;
    max-width: 31.7rem !important;
    left: 0 !important;
  }

  .globalClass {
    max-width: 31.7rem !important;
    width: 100% !important;
  }

  input[id*=edit-first-name],
  input[id*=edit-last-name],
  input[id*=edit-email] {
    margin-bottom: 24px !important;
  }
  
     [id*=edit-actions] [id*=edit-actions-submit]  {
     min-width: 21.1rem !important;
     line-height: 1 !important;
     font-size: 16px !important;
       text-transform: lowercase !important;
   }
}
@media only screen and (min-width: 275px) and (max-width: 767px){
.desktop_img{
display: none !important;
}
.tablet_img{
display: none !important;
}
.mobile_img{
margin: 0 !important;
}
.form-fieldset {
max-width: 31.6rem !important;
}
.globalClass .globalElement{
 width: 31rem !important; 
}
}
@media only screen and  (min-width: 768px) and (max-width: 1220px){
.desktop_img{
display: none !important;
}
.mobile_img{
display: none !important;
}
.tablet_img{
margin: 0 !important;
}
.form-fieldset {
max-width: 77.6rem !important;
}
}
@media only screen and (min-width: 1221px) {
.mobile_img{
display: none !important;
}
.tablet_img{
display: none !important;
}
.desktop_img {
margin: 0 !important;
}
.form-fieldset {
max-width: 77.6rem !important;
}
}
.form-fieldset .form-item {
    margin-left: 0em !important;
    max-width: 33rem !important;
}
.webform-type-fieldset legend.h2 {
    display: none !important;
}
.form-fieldset {
    margin-left: auto !important;
    margin-bottom: unset !important;
    margin-right: auto !important;
}
.webform-submission-form {
    width: 100% !important;
    max-width: 77rem !important;
    margin: 0 auto !important;
}
span.validation-error {
    display: none !important;
}
div#edit-email--description {
    display: none !important;
}
span.validation-error {
    display: none;
}
.webform-submission-form .first.form-item.error::after {
    content: "Veuillez saisir un nom de famille valide.";
    color: #d12e26;
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.webform-submission-form .last.form-item.error::after {
    content: "Veuillez saisir un prénom valide.";
    color: #d12e26;
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.webform-submission-form .email.form-item.error::after {
    content: "L'adresse mail est incorrecte.";
    color: #d12e26;
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: 10px;
}