/*--------------------------------------------------------------
# WONDER.LEGAL - 2024 
# Commande 
--------------------------------------------------------------*/

/*FORMULAIRE D'ACHAT - CHOIX DU PRICING*/
.formulaire_commande_abo_seul table#orderSummary {
  margin-bottom: 1.5em;
}

.formulaire_commande_abo h1,
.formulaire_commande_abo_seul h1,
.formulaire_commande_signature h1,
.formulaire_commande h1,
.compte_aide_avocat h1,
.paiement_direct_stripe h1 {
  padding-left: 0;
  width: 68.1%;
}
.formulaire_commande_abo .standard-form,
.formulaire_commande_abo_seul .standard-form,
.formulaire_commande_signature .standard-form,
.formulaire_commande .standard-form,
.compte_aide_avocat .standard-form,
.paiement_direct_stripe .standard-form {
  margin-top: 1.5em;
}
.formulaire_commande_abo .standard-form > .message_erreur_champ,
.formulaire_commande_abo_seul .standard-form > .message_erreur_champ,
.formulaire_commande_signature .standard-form > .message_erreur_champ,
.formulaire_commande .standard-form > .message_erreur_champ,
.compte_aide_avocat .standard-form > .message_erreur_champ,
.paiement_direct_stripe .standard-form > .message_erreur_champ {
  max-width: 490px;
  margin: 0 auto 0.5em auto;
}
.formulaire_commande_abo .standard-form .pseudo-radio-field label,
.formulaire_commande_abo_seul .standard-form .pseudo-radio-field label,
.formulaire_commande_signature .standard-form .pseudo-radio-field label,
.formulaire_commande .standard-form .pseudo-radio-field label,
.compte_aide_avocat .standard-form .pseudo-radio-field label,
.paiement_direct_stripe .standard-form .pseudo-radio-field label {
  font-size: 14px;
}
.formulaire_commande_abo .standard-form #champ_telephone input,
.formulaire_commande_abo_seul .standard-form #champ_telephone input,
.formulaire_commande_signature .standard-form #champ_telephone input,
.formulaire_commande .standard-form #champ_telephone input,
.compte_aide_avocat .standard-form #champ_telephone input,
.paiement_direct_stripe .standard-form #champ_telephone input {
  height: auto;
}
.formulaire_commande_abo .standard-form .block-captcha,
.formulaire_commande_abo_seul .standard-form .block-captcha,
.formulaire_commande_signature .standard-form .block-captcha,
.formulaire_commande .standard-form .block-captcha,
.compte_aide_avocat .standard-form .block-captcha,
.paiement_direct_stripe .standard-form .block-captcha {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.formulaire_commande_abo .standard-form .block-captcha label,
.formulaire_commande_abo_seul .standard-form .block-captcha label,
.formulaire_commande_signature .standard-form .block-captcha label,
.formulaire_commande .standard-form .block-captcha label,
.compte_aide_avocat .standard-form .block-captcha label,
.paiement_direct_stripe .standard-form .block-captcha label {
  width: 100%;
}
.formulaire_commande_abo .standard-form .block-captcha input,
.formulaire_commande_abo_seul .standard-form .block-captcha input,
.formulaire_commande_signature .standard-form .block-captcha input,
.formulaire_commande .standard-form .block-captcha input,
.compte_aide_avocat .standard-form .block-captcha input,
.paiement_direct_stripe .standard-form .block-captcha input {
  width: 172px !important;
}
.formulaire_commande_abo .standard-form .cb-fields,
.formulaire_commande_abo_seul .standard-form .cb-fields,
.formulaire_commande_signature .standard-form .cb-fields,
.formulaire_commande .standard-form .cb-fields,
.compte_aide_avocat .standard-form .cb-fields,
.paiement_direct_stripe .standard-form .cb-fields {
  display: flex;
  max-width: 490px;
  margin: 0 auto 0.8em auto;
  position: relative;
}
.formulaire_commande_abo .standard-form .cb-fields .item,
.formulaire_commande_abo_seul .standard-form .cb-fields .item,
.formulaire_commande_signature .standard-form .cb-fields .item,
.formulaire_commande .standard-form .cb-fields .item,
.compte_aide_avocat .standard-form .cb-fields .item,
.paiement_direct_stripe .standard-form .cb-fields .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: auto;
  margin-right: 20px;
  margin-left: 0;
}
.formulaire_commande_abo .standard-form .cb-fields .item:last-child,
.formulaire_commande_abo_seul .standard-form .cb-fields .item:last-child,
.formulaire_commande_signature .standard-form .cb-fields .item:last-child,
.formulaire_commande .standard-form .cb-fields .item:last-child,
.compte_aide_avocat .standard-form .cb-fields .item:last-child,
.paiement_direct_stripe .standard-form .cb-fields .item:last-child {
  margin-right: 0;
}
.formulaire_commande_abo .standard-form .cb-fields .item input,
.formulaire_commande_abo_seul .standard-form .cb-fields .item input,
.formulaire_commande_signature .standard-form .cb-fields .item input,
.formulaire_commande .standard-form .cb-fields .item input,
.compte_aide_avocat .standard-form .cb-fields .item input,
.paiement_direct_stripe .standard-form .cb-fields .item input {
  text-indent: 0;
}
.formulaire_commande_abo .standard-form .cb-fields .item .message_erreur_champ,
.formulaire_commande_abo_seul
  .standard-form
  .cb-fields
  .item
  .message_erreur_champ,
.formulaire_commande_signature
  .standard-form
  .cb-fields
  .item
  .message_erreur_champ,
.formulaire_commande .standard-form .cb-fields .item .message_erreur_champ,
.compte_aide_avocat .standard-form .cb-fields .item .message_erreur_champ,
.paiement_direct_stripe .standard-form .cb-fields .item .message_erreur_champ {
  position: absolute;
  left: 0;
  width: max-content;
}
.formulaire_commande_abo .standard-form .cb-fields .item .picto_cb_general,
.formulaire_commande_abo_seul .standard-form .cb-fields .item .picto_cb_general,
.formulaire_commande_signature
  .standard-form
  .cb-fields
  .item
  .picto_cb_general,
.formulaire_commande .standard-form .cb-fields .item .picto_cb_general,
.compte_aide_avocat .standard-form .cb-fields .item .picto_cb_general,
.paiement_direct_stripe .standard-form .cb-fields .item .picto_cb_general {
  position: absolute;
  width: 21px;
  left: 161px;
  transform: translate(7px, -7px);
}
.formulaire_commande_abo
  .standard-form
  .cb-fields#formulaire_sips
  .item
  .picto_cb_general,
.formulaire_commande_abo_seul
  .standard-form
  .cb-fields#formulaire_sips
  .item
  .picto_cb_general,
.formulaire_commande_signature
  .standard-form
  .cb-fields#formulaire_sips
  .item
  .picto_cb_general,
.formulaire_commande
  .standard-form
  .cb-fields#formulaire_sips
  .item
  .picto_cb_general,
.compte_aide_avocat
  .standard-form
  .cb-fields#formulaire_sips
  .item
  .picto_cb_general,
.paiement_direct_stripe
  .standard-form
  .cb-fields#formulaire_sips
  .item
  .picto_cb_general {
  transform: translate(7px, 7px);
}
.formulaire_commande_abo .standard-form .cb-fields .message_erreur_champ,
.formulaire_commande_abo_seul .standard-form .cb-fields .message_erreur_champ,
.formulaire_commande_signature .standard-form .cb-fields .message_erreur_champ,
.formulaire_commande .standard-form .cb-fields .message_erreur_champ,
.compte_aide_avocat .standard-form .cb-fields .message_erreur_champ,
.paiement_direct_stripe .standard-form .cb-fields .message_erreur_champ {
  bottom: 0;
}
.formulaire_commande_abo .standard-form .cb-fields.one-error,
.formulaire_commande_abo_seul .standard-form .cb-fields.one-error,
.formulaire_commande_signature .standard-form .cb-fields.one-error,
.formulaire_commande .standard-form .cb-fields.one-error,
.compte_aide_avocat .standard-form .cb-fields.one-error,
.paiement_direct_stripe .standard-form .cb-fields.one-error {
  padding-bottom: 12px;
}
.formulaire_commande_abo .standard-form .cb-fields.two-error,
.formulaire_commande_abo_seul .standard-form .cb-fields.two-error,
.formulaire_commande_signature .standard-form .cb-fields.two-error,
.formulaire_commande .standard-form .cb-fields.two-error,
.compte_aide_avocat .standard-form .cb-fields.two-error,
.paiement_direct_stripe .standard-form .cb-fields.two-error {
  padding-bottom: 36px;
}
.formulaire_commande_abo
  .standard-form
  .cb-fields.two-error
  > .has-error
  .message_erreur_champ,
.formulaire_commande_abo_seul
  .standard-form
  .cb-fields.two-error
  > .has-error
  .message_erreur_champ,
.formulaire_commande_signature
  .standard-form
  .cb-fields.two-error
  > .has-error
  .message_erreur_champ,
.formulaire_commande
  .standard-form
  .cb-fields.two-error
  > .has-error
  .message_erreur_champ,
.compte_aide_avocat
  .standard-form
  .cb-fields.two-error
  > .has-error
  .message_erreur_champ,
.paiement_direct_stripe
  .standard-form
  .cb-fields.two-error
  > .has-error
  .message_erreur_champ {
  bottom: 24px;
}
.formulaire_commande_abo
  .standard-form
  .cb-fields.two-error
  > .has-error
  ~ .has-error
  .message_erreur_champ,
.formulaire_commande_abo_seul
  .standard-form
  .cb-fields.two-error
  > .has-error
  ~ .has-error
  .message_erreur_champ,
.formulaire_commande_signature
  .standard-form
  .cb-fields.two-error
  > .has-error
  ~ .has-error
  .message_erreur_champ,
.formulaire_commande
  .standard-form
  .cb-fields.two-error
  > .has-error
  ~ .has-error
  .message_erreur_champ,
.compte_aide_avocat
  .standard-form
  .cb-fields.two-error
  > .has-error
  ~ .has-error
  .message_erreur_champ,
.paiement_direct_stripe
  .standard-form
  .cb-fields.two-error
  > .has-error
  ~ .has-error
  .message_erreur_champ {
  bottom: 0;
}
.formulaire_commande_abo .standard-form .cb-fields.three-error,
.formulaire_commande_abo_seul .standard-form .cb-fields.three-error,
.formulaire_commande_signature .standard-form .cb-fields.three-error,
.formulaire_commande .standard-form .cb-fields.three-error,
.compte_aide_avocat .standard-form .cb-fields.three-error,
.paiement_direct_stripe .standard-form .cb-fields.three-error {
  padding-bottom: 60px;
}
.formulaire_commande_abo
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(1)
  .message_erreur_champ,
.formulaire_commande_abo_seul
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(1)
  .message_erreur_champ,
.formulaire_commande_signature
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(1)
  .message_erreur_champ,
.formulaire_commande
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(1)
  .message_erreur_champ,
.compte_aide_avocat
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(1)
  .message_erreur_champ,
.paiement_direct_stripe
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(1)
  .message_erreur_champ {
  bottom: 48px;
}
.formulaire_commande_abo
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(2)
  .message_erreur_champ,
.formulaire_commande_abo_seul
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(2)
  .message_erreur_champ,
.formulaire_commande_signature
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(2)
  .message_erreur_champ,
.formulaire_commande
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(2)
  .message_erreur_champ,
.compte_aide_avocat
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(2)
  .message_erreur_champ,
.paiement_direct_stripe
  .standard-form
  .cb-fields.three-error
  .has-error:nth-child(2)
  .message_erreur_champ {
  bottom: 24px;
}
.formulaire_commande_abo .standard-form .item,
.formulaire_commande_abo_seul .standard-form .item,
.formulaire_commande_signature .standard-form .item,
.formulaire_commande .standard-form .item,
.compte_aide_avocat .standard-form .item,
.paiement_direct_stripe .standard-form .item {
  max-width: 490px;
  margin: 0 auto;
  padding: 1em 0 0.8em 0;
}
.formulaire_commande_abo .standard-form .item > label,
.formulaire_commande_abo_seul .standard-form .item > label,
.formulaire_commande_signature .standard-form .item > label,
.formulaire_commande .standard-form .item > label,
.compte_aide_avocat .standard-form .item > label,
.paiement_direct_stripe .standard-form .item > label {
  font-size: 15px;
  height: auto;
}
.formulaire_commande_abo .standard-form .item.checkbox,
.formulaire_commande_abo_seul .standard-form .item.checkbox,
.formulaire_commande_signature .standard-form .item.checkbox,
.formulaire_commande .standard-form .item.checkbox,
.compte_aide_avocat .standard-form .item.checkbox,
.paiement_direct_stripe .standard-form .item.checkbox {
  padding-bottom: 1.2em;
  padding-top: 1em;
}
.formulaire_commande_abo
  .standard-form
  .item.checkbox
  #checkbox_cgv.erreur_champ:not(.checked)
  .check,
.formulaire_commande_abo_seul
  .standard-form
  .item.checkbox
  #checkbox_cgv.erreur_champ:not(.checked)
  .check,
.formulaire_commande_signature
  .standard-form
  .item.checkbox
  #checkbox_cgv.erreur_champ:not(.checked)
  .check,
.formulaire_commande
  .standard-form
  .item.checkbox
  #checkbox_cgv.erreur_champ:not(.checked)
  .check,
.compte_aide_avocat
  .standard-form
  .item.checkbox
  #checkbox_cgv.erreur_champ:not(.checked)
  .check,
.paiement_direct_stripe
  .standard-form
  .item.checkbox
  #checkbox_cgv.erreur_champ:not(.checked)
  .check {
  display: none;
}
.formulaire_commande_abo .standard-form .item input,
.formulaire_commande_abo_seul .standard-form .item input,
.formulaire_commande_signature .standard-form .item input,
.formulaire_commande .standard-form .item input,
.compte_aide_avocat .standard-form .item input,
.paiement_direct_stripe .standard-form .item input {
  height: 30px;
  line-height: 28px !important;
  font-size: 14px !important;
  max-width: 430px;
}
.formulaire_commande_abo .standard-form .item .password .oeil_mot_de_passe,
.formulaire_commande_abo_seul .standard-form .item .password .oeil_mot_de_passe,
.formulaire_commande_signature
  .standard-form
  .item
  .password
  .oeil_mot_de_passe,
.formulaire_commande .standard-form .item .password .oeil_mot_de_passe,
.compte_aide_avocat .standard-form .item .password .oeil_mot_de_passe,
.paiement_direct_stripe .standard-form .item .password .oeil_mot_de_passe {
  height: 30px;
}
.formulaire_commande_abo .standard-form .message_erreur_champ,
.formulaire_commande_abo_seul .standard-form .message_erreur_champ,
.formulaire_commande_signature .standard-form .message_erreur_champ,
.formulaire_commande .standard-form .message_erreur_champ,
.compte_aide_avocat .standard-form .message_erreur_champ,
.paiement_direct_stripe .standard-form .message_erreur_champ {
  margin-top: 10px;
}
.formulaire_commande_abo #orderSummary tr.small td,
.formulaire_commande_abo_seul #orderSummary tr.small td,
.formulaire_commande_signature #orderSummary tr.small td,
.formulaire_commande #orderSummary tr.small td,
.compte_aide_avocat #orderSummary tr.small td,
.paiement_direct_stripe #orderSummary tr.small td {
  padding: 10px 10px 0 10px;
}
.formulaire_commande_abo #orderSummary tr.small td:not(.prix),
.formulaire_commande_abo_seul #orderSummary tr.small td:not(.prix),
.formulaire_commande_signature #orderSummary tr.small td:not(.prix),
.formulaire_commande #orderSummary tr.small td:not(.prix),
.compte_aide_avocat #orderSummary tr.small td:not(.prix),
.paiement_direct_stripe #orderSummary tr.small td:not(.prix) {
  font-weight: 500;
}
.formulaire_commande_abo #orderSummary tr.small:last-child td,
.formulaire_commande_abo_seul #orderSummary tr.small:last-child td,
.formulaire_commande_signature #orderSummary tr.small:last-child td,
.formulaire_commande #orderSummary tr.small:last-child td,
.compte_aide_avocat #orderSummary tr.small:last-child td,
.paiement_direct_stripe #orderSummary tr.small:last-child td {
  padding: 10px;
}
.formulaire_commande_abo #orderSummary tr.small:last-child td.prix,
.formulaire_commande_abo_seul #orderSummary tr.small:last-child td.prix,
.formulaire_commande_signature #orderSummary tr.small:last-child td.prix,
.formulaire_commande #orderSummary tr.small:last-child td.prix,
.compte_aide_avocat #orderSummary tr.small:last-child td.prix,
.paiement_direct_stripe #orderSummary tr.small:last-child td.prix {
  padding-right: 15px;
}
.formulaire_commande_abo #orderSummary .demande_avocat.standard-form,
.formulaire_commande_abo_seul #orderSummary .demande_avocat.standard-form,
.formulaire_commande_signature #orderSummary .demande_avocat.standard-form,
.formulaire_commande #orderSummary .demande_avocat.standard-form,
.compte_aide_avocat #orderSummary .demande_avocat.standard-form,
.paiement_direct_stripe #orderSummary .demande_avocat.standard-form {
  padding-bottom: 19px;
}
.formulaire_commande_abo
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox,
.formulaire_commande_abo_seul
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox,
.formulaire_commande_signature
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox,
.formulaire_commande #orderSummary .demande_avocat.standard-form .item.checkbox,
.compte_aide_avocat #orderSummary .demande_avocat.standard-form .item.checkbox,
.paiement_direct_stripe
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox {
  max-width: 100% !important;
  height: auto;
  line-height: 1em;
  display: flex;
}
.formulaire_commande_abo
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  label,
.formulaire_commande_abo_seul
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  label,
.formulaire_commande_signature
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  label,
.formulaire_commande
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  label,
.compte_aide_avocat
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  label,
.paiement_direct_stripe
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  label {
  font-weight: 500;
  font-size: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}
.formulaire_commande_abo
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .pseudo-checkbox,
.formulaire_commande_abo_seul
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .pseudo-checkbox,
.formulaire_commande_signature
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .pseudo-checkbox,
.formulaire_commande
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .pseudo-checkbox,
.compte_aide_avocat
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .pseudo-checkbox,
.paiement_direct_stripe
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .pseudo-checkbox {
  margin-bottom: 0;
  position: relative;
  top: 2px;
}
.formulaire_commande_abo
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .open-dialog.pseudo-a,
.formulaire_commande_abo_seul
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .open-dialog.pseudo-a,
.formulaire_commande_signature
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .open-dialog.pseudo-a,
.formulaire_commande
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .open-dialog.pseudo-a,
.compte_aide_avocat
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .open-dialog.pseudo-a,
.paiement_direct_stripe
  #orderSummary
  .demande_avocat.standard-form
  .item.checkbox
  .label-content
  .open-dialog.pseudo-a {
  padding-top: 10px;
  display: inline-block;
  border-bottom: none;
  text-decoration: underline;
}
.formulaire_commande_abo #checkoutPricingChoice .col-left,
.formulaire_commande_abo_seul #checkoutPricingChoice .col-left,
.formulaire_commande_signature #checkoutPricingChoice .col-left,
.formulaire_commande #checkoutPricingChoice .col-left,
.compte_aide_avocat #checkoutPricingChoice .col-left,
.paiement_direct_stripe #checkoutPricingChoice .col-left {
  width: 47%;
  float: left;
}
.formulaire_commande_abo #checkoutPricingChoice .col-right,
.formulaire_commande_abo_seul #checkoutPricingChoice .col-right,
.formulaire_commande_signature #checkoutPricingChoice .col-right,
.formulaire_commande #checkoutPricingChoice .col-right,
.compte_aide_avocat #checkoutPricingChoice .col-right,
.paiement_direct_stripe #checkoutPricingChoice .col-right {
  width: 47%;
  float: right;
}
.formulaire_commande_abo #checkoutPricingChoice .selectable-block,
.formulaire_commande_abo_seul #checkoutPricingChoice .selectable-block,
.formulaire_commande_signature #checkoutPricingChoice .selectable-block,
.formulaire_commande #checkoutPricingChoice .selectable-block,
.compte_aide_avocat #checkoutPricingChoice .selectable-block,
.paiement_direct_stripe #checkoutPricingChoice .selectable-block {
  border: #eeeeee 5px solid;
  border-radius: 3px;
  transition: all 0.5s;
}
.formulaire_commande_abo #checkoutPricingChoice .selectable-block .padding,
.formulaire_commande_abo_seul #checkoutPricingChoice .selectable-block .padding,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding,
.formulaire_commande #checkoutPricingChoice .selectable-block .padding,
.compte_aide_avocat #checkoutPricingChoice .selectable-block .padding,
.paiement_direct_stripe #checkoutPricingChoice .selectable-block .padding {
  padding: 1em 1.5em;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  input.choose-pricing,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  input.choose-pricing,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  input.choose-pricing,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block
  .padding
  input.choose-pricing,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block
  .padding
  input.choose-pricing,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  input.choose-pricing {
  opacity: 0;
  display: block;
  margin: 0 auto;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  ul.component-check-list,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  ul.component-check-list,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  ul.component-check-list,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block
  .padding
  ul.component-check-list,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block
  .padding
  ul.component-check-list,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  ul.component-check-list {
  font-size: 92%;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title {
  font-size: 1.7em;
  font-weight: 500;
  display: block;
  margin: 0 auto;
  text-align: center;
  float: none;
  transition: all 0.5s;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title::before,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title::before,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title::before,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title::before,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title::before,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  label.title::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 16px;
  border: 2px solid #b1b1b1;
  margin: auto;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  input[type="radio"]:checked
  + label.title::before,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  input[type="radio"]:checked
  + label.title::before,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  input[type="radio"]:checked
  + label.title::before,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block
  .padding
  input[type="radio"]:checked
  + label.title::before,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block
  .padding
  input[type="radio"]:checked
  + label.title::before,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  input[type="radio"]:checked
  + label.title::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 17px;
  border: 2px solid #b1b1b1;
  box-shadow: 0px 0px 0px 3px inset #fff;
  margin: auto;
  background: var(--color-navy-blue);
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  .price,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  .price,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  .price,
.formulaire_commande #checkoutPricingChoice .selectable-block .padding .price,
.compte_aide_avocat #checkoutPricingChoice .selectable-block .padding .price,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  .price {
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  transition: all 0.5s;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block
  .padding
  .component-check-list,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block
  .padding
  .component-check-list,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block
  .padding
  .component-check-list,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block
  .padding
  .component-check-list,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block
  .padding
  .component-check-list,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block
  .padding
  .component-check-list {
  margin: 1em 0 0.5em 0;
}
.formulaire_commande_abo #checkoutPricingChoice .selectable-block:hover,
.formulaire_commande_abo_seul #checkoutPricingChoice .selectable-block:hover,
.formulaire_commande_signature #checkoutPricingChoice .selectable-block:hover,
.formulaire_commande #checkoutPricingChoice .selectable-block:hover,
.compte_aide_avocat #checkoutPricingChoice .selectable-block:hover,
.paiement_direct_stripe #checkoutPricingChoice .selectable-block:hover {
  cursor: pointer;
}
.formulaire_commande_abo #checkoutPricingChoice .selectable-block.selected,
.formulaire_commande_abo_seul #checkoutPricingChoice .selectable-block.selected,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block.selected,
.formulaire_commande #checkoutPricingChoice .selectable-block.selected,
.compte_aide_avocat #checkoutPricingChoice .selectable-block.selected,
.paiement_direct_stripe #checkoutPricingChoice .selectable-block.selected {
  border: var(--color-teal-green) 5px solid;
  background-color: #f7f5f5;
  text-shadow: 1px 1px 1px var(--color-white);
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block.selected
  .price,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block.selected
  .price,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block.selected
  .price,
.formulaire_commande #checkoutPricingChoice .selectable-block.selected .price,
.compte_aide_avocat #checkoutPricingChoice .selectable-block.selected .price,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block.selected
  .price {
  color: var(--color-teal-green);
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .selectable-block.selected
  label.title,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .selectable-block.selected
  label.title,
.formulaire_commande_signature
  #checkoutPricingChoice
  .selectable-block.selected
  label.title,
.formulaire_commande
  #checkoutPricingChoice
  .selectable-block.selected
  label.title,
.compte_aide_avocat
  #checkoutPricingChoice
  .selectable-block.selected
  label.title,
.paiement_direct_stripe
  #checkoutPricingChoice
  .selectable-block.selected
  label.title {
  color: var(--color-teal-green);
}
.formulaire_commande_abo #checkoutPricingChoice .price,
.formulaire_commande_abo_seul #checkoutPricingChoice .price,
.formulaire_commande_signature #checkoutPricingChoice .price,
.formulaire_commande #checkoutPricingChoice .price,
.compte_aide_avocat #checkoutPricingChoice .price,
.paiement_direct_stripe #checkoutPricingChoice .price {
  position: relative;
  top: 2px;
}
.formulaire_commande_abo #checkoutPricingChoice .price .decimal,
.formulaire_commande_abo_seul #checkoutPricingChoice .price .decimal,
.formulaire_commande_signature #checkoutPricingChoice .price .decimal,
.formulaire_commande #checkoutPricingChoice .price .decimal,
.compte_aide_avocat #checkoutPricingChoice .price .decimal,
.paiement_direct_stripe #checkoutPricingChoice .price .decimal {
  font-size: 17px;
  line-height: 28px;
  vertical-align: text-top;
}
.formulaire_commande_abo #checkoutPricingChoice .price .prix_affiche_grand,
.formulaire_commande_abo_seul #checkoutPricingChoice .price .prix_affiche_grand,
.formulaire_commande_signature
  #checkoutPricingChoice
  .price
  .prix_affiche_grand,
.formulaire_commande #checkoutPricingChoice .price .prix_affiche_grand,
.compte_aide_avocat #checkoutPricingChoice .price .prix_affiche_grand,
.paiement_direct_stripe #checkoutPricingChoice .price .prix_affiche_grand {
  font-size: 30px;
}
.formulaire_commande_abo
  #checkoutPricingChoice
  .price
  .prix_affiche_grand
  .decimal,
.formulaire_commande_abo_seul
  #checkoutPricingChoice
  .price
  .prix_affiche_grand
  .decimal,
.formulaire_commande_signature
  #checkoutPricingChoice
  .price
  .prix_affiche_grand
  .decimal,
.formulaire_commande #checkoutPricingChoice .price .prix_affiche_grand .decimal,
.compte_aide_avocat #checkoutPricingChoice .price .prix_affiche_grand .decimal,
.paiement_direct_stripe
  #checkoutPricingChoice
  .price
  .prix_affiche_grand
  .decimal {
  font-size: 17px;
}
.formulaire_commande_abo #checkoutPricingChoice .tabs,
.formulaire_commande_abo_seul #checkoutPricingChoice .tabs,
.formulaire_commande_signature #checkoutPricingChoice .tabs,
.formulaire_commande #checkoutPricingChoice .tabs,
.compte_aide_avocat #checkoutPricingChoice .tabs,
.paiement_direct_stripe #checkoutPricingChoice .tabs {
  display: none;
}
.formulaire_commande_abo #checkoutPricingChoice:after,
.formulaire_commande_abo_seul #checkoutPricingChoice:after,
.formulaire_commande_signature #checkoutPricingChoice:after,
.formulaire_commande #checkoutPricingChoice:after,
.compte_aide_avocat #checkoutPricingChoice:after,
.paiement_direct_stripe #checkoutPricingChoice:after {
  clear: both;
  content: "";
  display: block;
}
.formulaire_commande_abo .sidebar-paiement h2,
.formulaire_commande_abo_seul .sidebar-paiement h2,
.formulaire_commande_signature .sidebar-paiement h2,
.formulaire_commande .sidebar-paiement h2,
.compte_aide_avocat .sidebar-paiement h2,
.paiement_direct_stripe .sidebar-paiement h2 {
  margin-top: 0;
  background-image: url("../img/svg/lock.svg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 2px 0 0 25px;
}
.formulaire_commande_abo .sidebar-paiement .secure-payment-icon,
.formulaire_commande_abo_seul .sidebar-paiement .secure-payment-icon,
.formulaire_commande_signature .sidebar-paiement .secure-payment-icon,
.formulaire_commande .sidebar-paiement .secure-payment-icon,
.compte_aide_avocat .sidebar-paiement .secure-payment-icon,
.paiement_direct_stripe .sidebar-paiement .secure-payment-icon {
  width: 200px;
  display: block;
  margin: 1em auto 0 auto;
}
.formulaire_commande_abo .sidebar-paiement .secure-payment-mercanet,
.formulaire_commande_abo_seul .sidebar-paiement .secure-payment-mercanet,
.formulaire_commande_signature .sidebar-paiement .secure-payment-mercanet,
.formulaire_commande .sidebar-paiement .secure-payment-mercanet,
.compte_aide_avocat .sidebar-paiement .secure-payment-mercanet,
.paiement_direct_stripe .sidebar-paiement .secure-payment-mercanet {
  width: 90%;
  max-width: 265px;
  display: block;
  margin: 1em auto 0 auto;
}
.formulaire_commande_abo table#orderSummary,
.formulaire_commande_abo_seul table#orderSummary,
.formulaire_commande_signature table#orderSummary,
.formulaire_commande table#orderSummary,
.compte_aide_avocat table#orderSummary,
.paiement_direct_stripe table#orderSummary {
  margin-top: 1.5em;
  overflow: hidden;
}
.formulaire_commande_abo table#orderSummary tr td.demande_avocat label,
.formulaire_commande_abo_seul table#orderSummary tr td.demande_avocat label,
.formulaire_commande_signature table#orderSummary tr td.demande_avocat label,
.formulaire_commande table#orderSummary tr td.demande_avocat label,
.compte_aide_avocat table#orderSummary tr td.demande_avocat label,
.paiement_direct_stripe table#orderSummary tr td.demande_avocat label {
  display: block;
  line-height: 1.2em;
}
.formulaire_commande_abo table#orderSummary tr td.prix,
.formulaire_commande_abo_seul table#orderSummary tr td.prix,
.formulaire_commande_signature table#orderSummary tr td.prix,
.formulaire_commande table#orderSummary tr td.prix,
.compte_aide_avocat table#orderSummary tr td.prix,
.paiement_direct_stripe table#orderSummary tr td.prix {
  text-align: right;
  width: 77px;
  padding-right: 15px;
}
.formulaire_commande_abo table#orderSummary tr td.prix .prix_global,
.formulaire_commande_abo_seul table#orderSummary tr td.prix .prix_global,
.formulaire_commande_signature table#orderSummary tr td.prix .prix_global,
.formulaire_commande table#orderSummary tr td.prix .prix_global,
.compte_aide_avocat table#orderSummary tr td.prix .prix_global,
.paiement_direct_stripe table#orderSummary tr td.prix .prix_global {
  position: relative;
}
.formulaire_commande_abo table#orderSummary tr td.prix .prix_global sup,
.formulaire_commande_abo_seul table#orderSummary tr td.prix .prix_global sup,
.formulaire_commande_signature table#orderSummary tr td.prix .prix_global sup,
.formulaire_commande table#orderSummary tr td.prix .prix_global sup,
.compte_aide_avocat table#orderSummary tr td.prix .prix_global sup,
.paiement_direct_stripe table#orderSummary tr td.prix .prix_global sup {
  position: absolute;
  right: -8px;
  top: -8px;
  color: var(--color-gray);
}
.formulaire_commande_abo table#orderSummary tr#ligne_document td,
.formulaire_commande_abo table#orderSummary tr#ligne_abonnement td,
.formulaire_commande_abo_seul table#orderSummary tr#ligne_document td,
.formulaire_commande_abo_seul table#orderSummary tr#ligne_abonnement td,
.formulaire_commande_signature table#orderSummary tr#ligne_document td,
.formulaire_commande_signature table#orderSummary tr#ligne_abonnement td,
.formulaire_commande table#orderSummary tr#ligne_document td,
.formulaire_commande table#orderSummary tr#ligne_abonnement td,
.compte_aide_avocat table#orderSummary tr#ligne_document td,
.compte_aide_avocat table#orderSummary tr#ligne_abonnement td,
.paiement_direct_stripe table#orderSummary tr#ligne_document td,
.paiement_direct_stripe table#orderSummary tr#ligne_abonnement td {
  background: var(--color-dark-gray);
  font-weight: 500;
}
.formulaire_commande_abo table#orderSummary td.demande_avocat,
.formulaire_commande_abo table#orderSummary td.demande_signature,
.formulaire_commande_abo table#orderSummary td#prix_avocat30,
.formulaire_commande_abo table#orderSummary td#prix_signature,
.formulaire_commande_abo_seul table#orderSummary td.demande_avocat,
.formulaire_commande_abo_seul table#orderSummary td.demande_signature,
.formulaire_commande_abo_seul table#orderSummary td#prix_avocat30,
.formulaire_commande_abo_seul table#orderSummary td#prix_signature,
.formulaire_commande_signature table#orderSummary td.demande_avocat,
.formulaire_commande_signature table#orderSummary td.demande_signature,
.formulaire_commande_signature table#orderSummary td#prix_avocat30,
.formulaire_commande_signature table#orderSummary td#prix_signature,
.formulaire_commande table#orderSummary td.demande_avocat,
.formulaire_commande table#orderSummary td.demande_signature,
.formulaire_commande table#orderSummary td#prix_avocat30,
.formulaire_commande table#orderSummary td#prix_signature,
.compte_aide_avocat table#orderSummary td.demande_avocat,
.compte_aide_avocat table#orderSummary td.demande_signature,
.compte_aide_avocat table#orderSummary td#prix_avocat30,
.compte_aide_avocat table#orderSummary td#prix_signature,
.paiement_direct_stripe table#orderSummary td.demande_avocat,
.paiement_direct_stripe table#orderSummary td.demande_signature,
.paiement_direct_stripe table#orderSummary td#prix_avocat30,
.paiement_direct_stripe table#orderSummary td#prix_signature {
  background: #f8f8f8;
  font-weight: 500;
}
.formulaire_commande_abo .pseudo-a,
.formulaire_commande_abo_seul .pseudo-a,
.formulaire_commande_signature .pseudo-a,
.formulaire_commande .pseudo-a,
.compte_aide_avocat .pseudo-a,
.paiement_direct_stripe .pseudo-a {
  padding-bottom: 0 !important;
  font-weight: 700;
}
.formulaire_commande_abo table#orderSummary tr td .titre_encart_orderSummary,
.formulaire_commande_abo_seul
  table#orderSummary
  tr
  td
  .titre_encart_orderSummary,
.formulaire_commande_signature
  table#orderSummary
  tr
  td
  .titre_encart_orderSummary,
.formulaire_commande table#orderSummary tr td .titre_encart_orderSummary,
.compte_aide_avocat table#orderSummary tr td .titre_encart_orderSummary,
.paiement_direct_stripe table#orderSummary tr td .titre_encart_orderSummary {
  display: block;
  font-weight: 500;
}
.formulaire_commande_abo table#orderSummary tr td .mise_en_retrait,
.formulaire_commande_abo_seul table#orderSummary tr td .mise_en_retrait,
.formulaire_commande_signature table#orderSummary tr td .mise_en_retrait,
.formulaire_commande table#orderSummary tr td .mise_en_retrait,
.compte_aide_avocat table#orderSummary tr td .mise_en_retrait,
.paiement_direct_stripe table#orderSummary tr td .mise_en_retrait {
  color: #6b6868;
  margin-bottom: 0;
  margin-top: 0.5em;
}
.formulaire_commande_abo table#orderSummary tr td.standard-form .item,
.formulaire_commande_abo_seul table#orderSummary tr td.standard-form .item,
.formulaire_commande_signature table#orderSummary tr td.standard-form .item,
.formulaire_commande table#orderSummary tr td.standard-form .item,
.compte_aide_avocat table#orderSummary tr td.standard-form .item,
.paiement_direct_stripe table#orderSummary tr td.standard-form .item {
  margin: 0 !important;
  padding: 0 !important;
}
.formulaire_commande_abo .block-hidden,
.formulaire_commande_abo_seul .block-hidden,
.formulaire_commande_signature .block-hidden,
.formulaire_commande .block-hidden,
.compte_aide_avocat .block-hidden,
.paiement_direct_stripe .block-hidden {
  display: none;
}
.formulaire_commande_abo .block-visible,
.formulaire_commande_abo_seul .block-visible,
.formulaire_commande_signature .block-visible,
.formulaire_commande .block-visible,
.compte_aide_avocat .block-visible,
.paiement_direct_stripe .block-visible {
  display: block;
}

.formulaire_commande_signature #orderSummary {
  margin-top: 0 !important;
}

/*END FORMULAIRE CHOIX DU PRICING*/
/*TELECHARGEMENT DE DOC*/
body.doc_telechargement h2,
body.signature_externe_confirmation h2,
body.confirmation_commande h2 {
  padding-bottom: 0.5em;
  margin-bottom: 0;
}
body.doc_telechargement .block_centre,
body.signature_externe_confirmation .block_centre,
body.confirmation_commande .block_centre {
  border-bottom: #6b6868 1px dotted;
  padding-bottom: 1em;
}
body.doc_telechargement .block_centre a.choix_telechargement,
body.signature_externe_confirmation .block_centre a.choix_telechargement,
body.confirmation_commande .block_centre a.choix_telechargement {
  display: block;
  text-align: left;
  background-color: var(--color-dark-gray);
  background-repeat: no-repeat;
  background-position: 1em center;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  padding: 1.5em 1.5em 1.5em 2.5em;
  font-size: 114%;
  margin: 0 auto 1em auto;
  max-width: 460px;
  line-height: 1.3;
}
body.doc_telechargement .block_centre a.choix_telechargement.word,
body.signature_externe_confirmation .block_centre a.choix_telechargement.word,
body.confirmation_commande .block_centre a.choix_telechargement.word {
  background-image: url("../img/svg/word.svg");
}
body.doc_telechargement .block_centre a.choix_telechargement.pdf,
body.signature_externe_confirmation .block_centre a.choix_telechargement.pdf,
body.confirmation_commande .block_centre a.choix_telechargement.pdf {
  background-image: url("../img/svg/pdf.svg");
}
body.doc_telechargement .download-list .btn,
body.signature_externe_confirmation .download-list .btn,
body.confirmation_commande .download-list .btn {
  margin: 0.5em 0;
}

/*END TELECHARGEMENT DOC*/
/* CONFIRMATION SIGNATURE (SPÉCIFICITÉ) */
body.signature_externe_confirmation .block_centre,
body.confirmation_commande .block_centre {
  padding-bottom: 0;
  border: none;
}

/*CONFIRMATION COMMANDE*/
body.confirmation_commande .bottom {
  border-top: #6b6868 1px dotted;
  padding-bottom: 1em;
  margin-top: 1em;
}

/*STRIPE*/
body.paiement_direct_stripe h1,
body.formulaire_commande h1,
body.formulaire_commande_abo h1,
body.formulaire_commande_signature h1,
body.compte_aide_avocat h1 {
  padding-left: 0 !important;
  width: 100% !important;
}
body.paiement_direct_stripe .double-title,
body.formulaire_commande .double-title,
body.formulaire_commande_abo .double-title,
body.formulaire_commande_signature .double-title,
body.compte_aide_avocat .double-title {
  text-align: center;
}
body.paiement_direct_stripe .double-title h2:before,
body.formulaire_commande .double-title h2:before,
body.formulaire_commande_abo .double-title h2:before,
body.formulaire_commande_signature .double-title h2:before,
body.compte_aide_avocat .double-title h2:before {
  content: "";
  background: transparent url("../img/svg/lock.svg") 0 0 no-repeat;
  background-size: 16px;
  height: 19px;
  width: 26px;
  display: inline-block;
}

body.paiement_direct_stripe .double-title h3,
body.formulaire_commande .double-title h3,
body.formulaire_commande_abo .double-title h3,
body.formulaire_commande_signature .double-title h3,
body.compte_aide_avocat .double-title h3 {
  padding-top: 0;
  display: inline-block;
  width: 100%;
  line-height: 1.3;
}
body.paiement_direct_stripe .standard-form .item.form-row,
body.formulaire_commande .standard-form .item.form-row,
body.formulaire_commande_abo .standard-form .item.form-row,
body.formulaire_commande_signature .standard-form .item.form-row,
body.compte_aide_avocat .standard-form .item.form-row {
  /* specifique sur le formulaire_latam */
}
body.paiement_direct_stripe .standard-form .item.form-row label,
body.formulaire_commande .standard-form .item.form-row label,
body.formulaire_commande_abo .standard-form .item.form-row label,
body.formulaire_commande_signature .standard-form .item.form-row label,
body.compte_aide_avocat .standard-form .item.form-row label {
  width: 100%;
  height: auto;
  line-height: 1.2em;
  padding-bottom: 0.5em;
}
body.paiement_direct_stripe .standard-form .item.form-row label .detail,
body.formulaire_commande .standard-form .item.form-row label .detail,
body.formulaire_commande_abo .standard-form .item.form-row label .detail,
body.formulaire_commande_signature .standard-form .item.form-row label .detail,
body.compte_aide_avocat .standard-form .item.form-row label .detail {
  color: gray;
  font-size: 90%;
}
body.paiement_direct_stripe .standard-form .item.form-row.price label,
body.formulaire_commande .standard-form .item.form-row.price label,
body.formulaire_commande_abo .standard-form .item.form-row.price label,
body.formulaire_commande_signature .standard-form .item.form-row.price label,
body.compte_aide_avocat .standard-form .item.form-row.price label {
  padding-bottom: 0.28em;
}
body.paiement_direct_stripe .standard-form .item.form-row.price label .detail,
body.formulaire_commande .standard-form .item.form-row.price label .detail,
body.formulaire_commande_abo .standard-form .item.form-row.price label .detail,
body.formulaire_commande_signature
  .standard-form
  .item.form-row.price
  label
  .detail,
body.compte_aide_avocat .standard-form .item.form-row.price label .detail {
  font-size: 77%;
}
body.paiement_direct_stripe .standard-form .item.form-row .StripeElement,
body.formulaire_commande .standard-form .item.form-row .StripeElement,
body.formulaire_commande_abo .standard-form .item.form-row .StripeElement,
body.formulaire_commande_signature .standard-form .item.form-row .StripeElement,
body.compte_aide_avocat .standard-form .item.form-row .StripeElement {
  border-radius: 3px;
  padding: 0 6px;
  border: #d3d3d3 1px solid;
  height: 30px;
  float: left;
  transition: border 0.5s;
  box-sizing: border-box;
}
body.paiement_direct_stripe .standard-form .item.form-row .StripeElement--focus,
body.formulaire_commande .standard-form .item.form-row .StripeElement--focus,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .StripeElement--focus,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .StripeElement--focus,
body.compte_aide_avocat .standard-form .item.form-row .StripeElement--focus {
  border: var(--color-light-gray) 1px solid;
}
body.paiement_direct_stripe
  .standard-form
  .item.form-row
  .StripeElement--invalid,
body.formulaire_commande .standard-form .item.form-row .StripeElement--invalid,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .StripeElement--invalid,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .StripeElement--invalid,
body.compte_aide_avocat .standard-form .item.form-row .StripeElement--invalid {
  border: var(--color-coral-red) 1px solid;
}
body.paiement_direct_stripe .standard-form .item.form-row .field-cb,
body.formulaire_commande .standard-form .item.form-row .field-cb,
body.formulaire_commande_abo .standard-form .item.form-row .field-cb,
body.formulaire_commande_signature .standard-form .item.form-row .field-cb,
body.compte_aide_avocat .standard-form .item.form-row .field-cb {
  width: 196px;
  float: left;
}
body.paiement_direct_stripe
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber::placeholder,
body.formulaire_commande
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber::placeholder,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber::placeholder,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber::placeholder,
body.compte_aide_avocat
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber::placeholder {
  font-size: 15px;
}
body.paiement_direct_stripe .standard-form .item.form-row .field-cb #cardNumber,
body.paiement_direct_stripe
  .standard-form
  .item.form-row
  .field-cb.StripeElement,
body.formulaire_commande .standard-form .item.form-row .field-cb #cardNumber,
body.formulaire_commande .standard-form .item.form-row .field-cb.StripeElement,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .field-cb.StripeElement,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .field-cb.StripeElement,
body.compte_aide_avocat .standard-form .item.form-row .field-cb #cardNumber,
body.compte_aide_avocat .standard-form .item.form-row .field-cb.StripeElement {
  width: 196px;
  padding: 0 6px;
}
body.paiement_direct_stripe .standard-form .item.form-row .cb_exp_date,
body.formulaire_commande .standard-form .item.form-row .cb_exp_date,
body.formulaire_commande_abo .standard-form .item.form-row .cb_exp_date,
body.formulaire_commande_signature .standard-form .item.form-row .cb_exp_date,
body.compte_aide_avocat .standard-form .item.form-row .cb_exp_date {
  width: 72px;
}
body.paiement_direct_stripe .standard-form .item.form-row .cb_exp_date.latam,
body.formulaire_commande .standard-form .item.form-row .cb_exp_date.latam,
body.formulaire_commande_abo .standard-form .item.form-row .cb_exp_date.latam,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .cb_exp_date.latam,
body.compte_aide_avocat .standard-form .item.form-row .cb_exp_date.latam {
  width: 121px;
  display: flex;
  align-items: center;
}
body.paiement_direct_stripe .standard-form .item.form-row .cb_exp_date input,
body.formulaire_commande .standard-form .item.form-row .cb_exp_date input,
body.formulaire_commande_abo .standard-form .item.form-row .cb_exp_date input,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .cb_exp_date
  input,
body.compte_aide_avocat .standard-form .item.form-row .cb_exp_date input {
  width: 72px;
  padding: 0 6px;
  text-align: center;
}
body.paiement_direct_stripe .standard-form .item.form-row .cb_exp_date span.sep,
body.formulaire_commande .standard-form .item.form-row .cb_exp_date span.sep,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .cb_exp_date
  span.sep,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .cb_exp_date
  span.sep,
body.compte_aide_avocat .standard-form .item.form-row .cb_exp_date span.sep {
  float: left;
  margin: 0 0.5em;
  line-height: 30px;
}
body.paiement_direct_stripe .standard-form .item.form-row .cvc,
body.formulaire_commande .standard-form .item.form-row .cvc,
body.formulaire_commande_abo .standard-form .item.form-row .cvc,
body.formulaire_commande_signature .standard-form .item.form-row .cvc,
body.compte_aide_avocat .standard-form .item.form-row .cvc {
  width: 62px;
  float: left;
}
body.paiement_direct_stripe .standard-form .item.form-row .cvc #cardCvc,
body.formulaire_commande .standard-form .item.form-row .cvc #cardCvc,
body.formulaire_commande_abo .standard-form .item.form-row .cvc #cardCvc,
body.formulaire_commande_signature .standard-form .item.form-row .cvc #cardCvc,
body.compte_aide_avocat .standard-form .item.form-row .cvc #cardCvc {
  text-align: center;
  width: 62px;
  padding: 0 6px;
}
body.paiement_direct_stripe .standard-form .item.form-row .field-cb,
body.formulaire_commande .standard-form .item.form-row .field-cb,
body.formulaire_commande_abo .standard-form .item.form-row .field-cb,
body.formulaire_commande_signature .standard-form .item.form-row .field-cb,
body.compte_aide_avocat .standard-form .item.form-row .field-cb {
  width: 196px;
}
body.paiement_direct_stripe .standard-form .item.form-row .field-cb #cardNumber,
body.formulaire_commande .standard-form .item.form-row .field-cb #cardNumber,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .field-cb
  #cardNumber,
body.compte_aide_avocat .standard-form .item.form-row .field-cb #cardNumber {
  width: 196px;
  padding: 0 6px;
}
body.compte_aide_avocat .standard-form .item.form-row input[type="text"] {
  height: 30px;
}
body.paiement_direct_stripe .standard-form .item.form-row img.cb_image,
body.formulaire_commande .standard-form .item.form-row img.cb_image,
body.formulaire_commande_abo .standard-form .item.form-row img.cb_image,
body.formulaire_commande_signature .standard-form .item.form-row img.cb_image,
body.compte_aide_avocat .standard-form .item.form-row img.cb_image {
  float: left;
  margin-left: 1em;
  height: 27px;
}
body.paiement_direct_stripe .standard-form .item.form-row img.cb_image_right,
body.formulaire_commande .standard-form .item.form-row img.cb_image_right,
body.formulaire_commande_abo .standard-form .item.form-row img.cb_image_right,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  img.cb_image_right,
body.compte_aide_avocat .standard-form .item.form-row img.cb_image_right {
  height: 33px;
  padding-left: 1em;
  position: relative;
  top: -3px;
}
body.paiement_direct_stripe .standard-form .item.form-row .debit_ou_credit,
body.formulaire_commande .standard-form .item.form-row .debit_ou_credit,
body.formulaire_commande_abo .standard-form .item.form-row .debit_ou_credit,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .debit_ou_credit,
body.compte_aide_avocat .standard-form .item.form-row .debit_ou_credit {
  float: left;
  clear: both;
}
body.paiement_direct_stripe
  .standard-form
  .item.form-row
  .debit_ou_credit_label,
body.formulaire_commande .standard-form .item.form-row .debit_ou_credit_label,
body.formulaire_commande_abo
  .standard-form
  .item.form-row
  .debit_ou_credit_label,
body.formulaire_commande_signature
  .standard-form
  .item.form-row
  .debit_ou_credit_label,
body.compte_aide_avocat .standard-form .item.form-row .debit_ou_credit_label {
  width: auto;
  margin: 1px 0 0 0.5em;
}
body.paiement_direct_stripe .standard-form .item.form-row.price,
body.formulaire_commande .standard-form .item.form-row.price,
body.formulaire_commande_abo .standard-form .item.form-row.price,
body.formulaire_commande_signature .standard-form .item.form-row.price,
body.compte_aide_avocat .standard-form .item.form-row.price {
  margin-top: 1em;
  border-top: #dedede 1px solid;
  border-bottom: #dedede 1px solid;
  padding: 0.7em 0 0.4em 0;
  font-size: 115%;
}
body.paiement_direct_stripe .standard-form .item.form-row.price .table_tva,
body.formulaire_commande .standard-form .item.form-row.price .table_tva,
body.formulaire_commande_abo .standard-form .item.form-row.price .table_tva,
body.formulaire_commande_signature
  .standard-form
  .item.form-row.price
  .table_tva,
body.compte_aide_avocat .standard-form .item.form-row.price .table_tva {
  width: 200px;
  margin: 0em auto 0.2em auto;
}
body.paiement_direct_stripe .standard-form .item.form-row.price .table_tva tr,
body.formulaire_commande .standard-form .item.form-row.price .table_tva tr,
body.formulaire_commande_abo .standard-form .item.form-row.price .table_tva tr,
body.formulaire_commande_signature
  .standard-form
  .item.form-row.price
  .table_tva
  tr,
body.compte_aide_avocat .standard-form .item.form-row.price .table_tva tr {
  border-top: 5px solid;
  border-bottom: 4px solid;
  border-color: #fff;
}
body.paiement_direct_stripe
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:first-child,
body.formulaire_commande
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:first-child,
body.formulaire_commande_abo
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:first-child,
body.formulaire_commande_signature
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:first-child,
body.compte_aide_avocat
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:first-child {
  font-weight: bold;
}
body.paiement_direct_stripe
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:last-child,
body.formulaire_commande
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:last-child,
body.formulaire_commande_abo
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:last-child,
body.formulaire_commande_signature
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:last-child,
body.compte_aide_avocat
  .standard-form
  .item.form-row.price
  .table_tva
  tr
  td:last-child {
  text-align: right;
}
body.paiement_direct_stripe .standard-form .item.form-row.info-cb,
body.formulaire_commande .standard-form .item.form-row.info-cb,
body.formulaire_commande_abo .standard-form .item.form-row.info-cb,
body.formulaire_commande_signature .standard-form .item.form-row.info-cb,
body.compte_aide_avocat .standard-form .item.form-row.info-cb {
  margin-top: 1em;
  border-top: #dedede 1px solid;
  padding: 0.7em 0 0.4em 0;
  /* border-bottom: #dedede 1px solid; */
}
body.paiement_direct_stripe .standard-form .item.form-row.info-cb label,
body.formulaire_commande .standard-form .item.form-row.info-cb label,
body.formulaire_commande_abo .standard-form .item.form-row.info-cb label,
body.formulaire_commande_signature .standard-form .item.form-row.info-cb label,
body.compte_aide_avocat .standard-form .item.form-row.info-cb label {
  font-weight: 400;
}
body.paiement_direct_stripe .standard-form .submit,
body.formulaire_commande .standard-form .submit,
body.formulaire_commande_abo .standard-form .submit,
body.formulaire_commande_signature .standard-form .submit,
body.compte_aide_avocat .standard-form .submit {
  width: auto !important;
}

@media screen and (max-width: 497px) {
  body.paiement_direct_stripe .standard-form .item.form-row img.cb_image {
    padding: 0.5em 0;
    margin-left: 0.5em;
    width: calc(100% - 206px);
    height: auto;
    max-width: 70px;
  }
}
/* PAIEMENT SEPA */
body.paiement_direct_stripe .double-title .sepa-form-title {
  margin-top: 0;
  margin-bottom: 19px;
}
body.paiement_direct_stripe .double-title .sepa-form-subtitle {
  padding-bottom: 6px;
  text-align: center;
  line-height: normal;
  font-weight: normal;
}
body.paiement_direct_stripe .sepa-form-mentions {
  margin: 0 0 20px 0;
  color: #848484;
  font-size: 13px;
}

/*TAILLE PRIX*/
.price_size_95 {
  font-size: 90%;
}

.price_size_97 {
  font-size: 92%;
}

.price_size_98 {
  font-size: 93%;
}
/*END TAILLE PRIX*/

.message_erreur_champ {
  color: var(--color-coral-red);
  font-size: 14px;
}

#formulaire_stripe.erreur_champ {
  outline: var(--color-coral-red) 1px solid;
  padding: 0px 20px;
  border-radius: 4px;
  margin-bottom: 0;
}

#cardCvc-element.erreur_champ {
  border: var(--color-coral-red) 1px solid;
}

#bouton_soumission:disabled {
  background-color: var(--color-gray);
  cursor: default;
}

/*--------------------------------------------------------------
# RESPONSIVE
--------------------------------------------------------------*/
@media all and (max-width: 1024px) {
  .formulaire_commande_abo h1,
  .formulaire_commande_abo_seul h1,
  .formulaire_commande_signature h1,
  .formulaire_commande h1 {
    width: 100%;
  }
  .formulaire_commande_abo .col,
  .formulaire_commande_abo_seul .col,
  .formulaire_commande_signature .col,
  .formulaire_commande .col {
    width: 100%;
  }
  .formulaire_commande_abo .sidebar-paiement,
  .formulaire_commande_abo_seul .sidebar-paiement,
  .formulaire_commande_signature .sidebar-paiement,
  .formulaire_commande .sidebar-paiement {
    margin-top: 25px;
  }
}
@media all and (max-width: 767px) {
  .formulaire_commande_abo .sidebar-paiement,
  .formulaire_commande_abo_seul .sidebar-paiement,
  .formulaire_commande_signature .sidebar-paiement,
  .formulaire_commande .sidebar-paiement,
  .compte_aide_avocat .sidebar-paiement,
  .paiement_direct_stripe .sidebar-paiement {
    display: none;
  }
  .formulaire_commande_abo .standard-form .cb-fields,
  .formulaire_commande_abo_seul .standard-form .cb-fields,
  .formulaire_commande_signature .standard-form .cb-fields,
  .formulaire_commande .standard-form .cb-fields,
  .compte_aide_avocat .standard-form .cb-fields,
  .paiement_direct_stripe .standard-form .cb-fields {
    flex-direction: column;
    padding-bottom: 0 !important;
  }
  .formulaire_commande_abo
    .standard-form
    .cb-fields
    .item
    .message_erreur_champ,
  .formulaire_commande_abo_seul
    .standard-form
    .cb-fields
    .item
    .message_erreur_champ,
  .formulaire_commande_signature
    .standard-form
    .cb-fields
    .item
    .message_erreur_champ,
  .formulaire_commande .standard-form .cb-fields .item .message_erreur_champ,
  .compte_aide_avocat .standard-form .cb-fields .item .message_erreur_champ,
  .paiement_direct_stripe
    .standard-form
    .cb-fields
    .item
    .message_erreur_champ {
    position: relative;
    float: left;
    width: 100%;
    bottom: auto !important;
  }
  .formulaire_commande_abo .standard-form .cb-fields .item,
  .formulaire_commande_abo_seul .standard-form .cb-fields .item,
  .formulaire_commande_signature .standard-form .cb-fields .item,
  .formulaire_commande .standard-form .cb-fields .item,
  .compte_aide_avocat .standard-form .cb-fields .item,
  .paiement_direct_stripe .standard-form .cb-fields .item {
    padding-top: 0;
  }
  .formulaire_commande_abo .standard-form #formulaire_sips .item .field-cb,
  .formulaire_commande_abo .standard-form #formulaire_sips .item .cb_exp_date,
  .formulaire_commande_abo .standard-form #formulaire_sips .item .cvc,
  .formulaire_commande_abo_seul .standard-form #formulaire_sips .item .field-cb,
  .formulaire_commande_abo_seul
    .standard-form
    #formulaire_sips
    .item
    .cb_exp_date,
  .formulaire_commande_abo_seul .standard-form #formulaire_sips .item .cvc,
  .formulaire_commande_signature
    .standard-form
    #formulaire_sips
    .item
    .field-cb,
  .formulaire_commande_signature
    .standard-form
    #formulaire_sips
    .item
    .cb_exp_date,
  .formulaire_commande_signature .standard-form #formulaire_sips .item .cvc,
  .formulaire_commande .standard-form #formulaire_sips .item .field-cb,
  .formulaire_commande .standard-form #formulaire_sips .item .cb_exp_date,
  .formulaire_commande .standard-form #formulaire_sips .item .cvc,
  .compte_aide_avocat .standard-form #formulaire_sips .item .field-cb,
  .compte_aide_avocat .standard-form #formulaire_sips .item .cb_exp_date,
  .compte_aide_avocat .standard-form #formulaire_sips .item .cvc,
  .paiement_direct_stripe .standard-form #formulaire_sips .item .field-cb,
  .paiement_direct_stripe .standard-form #formulaire_sips .item .cb_exp_date,
  .paiement_direct_stripe .standard-form #formulaire_sips .item .cvc {
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.formulaire_commande_abo table#orderSummary,
  body.formulaire_commande_abo_seul table#orderSummary,
  body.formulaire_commande table#orderSummary,
  body.formulaire_commande_signature table#orderSummary {
    margin: 0;
  }
  body.formulaire_commande_abo table#orderSummary td.demande_avocat,
  body.formulaire_commande_abo table#orderSummary td.demande_avocat label,
  body.formulaire_commande_abo_seul table#orderSummary td.demande_avocat,
  body.formulaire_commande_abo_seul table#orderSummary td.demande_avocat label,
  body.formulaire_commande table#orderSummary td.demande_avocat,
  body.formulaire_commande table#orderSummary td.demande_avocat label,
  body.formulaire_commande_signature table#orderSummary td.demande_avocat,
  body.formulaire_commande_signature
    table#orderSummary
    td.demande_avocat
    label {
    font-weight: bold !important;
  }
  body.formulaire_commande_abo table#orderSummary td.demande_avocat .pseudo-a,
  body.formulaire_commande_abo_seul table#orderSummary td.demande_avocat .pseudo-a,
  body.formulaire_commande table#orderSummary td.demande_avocat .pseudo-a,
  body.formulaire_commande_signature
    table#orderSummary
    td.demande_avocat
    .pseudo-a {
    font-size: 13px;
  }
  body.formulaire_commande_abo table#orderSummary tr.sep,
  body.formulaire_commande_abo_seul table#orderSummary tr.sep,
  body.formulaire_commande table#orderSummary tr.sep,
  body.formulaire_commande_signature table#orderSummary tr.sep {
    box-shadow: 0px -1px 0px 0px #c6c6c6;
  }
  body.formulaire_commande_abo table#orderSummary tr.small:last-child td.prix,
  body.formulaire_commande_abo table#orderSummary td.prix,
  body.formulaire_commande_abo_seul
    table#orderSummary
    tr.small:last-child
    td.prix,
  body.formulaire_commande_abo_seul table#orderSummary td.prix,
  body.formulaire_commande table#orderSummary tr.small:last-child td.prix,
  body.formulaire_commande table#orderSummary td.prix,
  body.formulaire_commande_signature
    table#orderSummary
    tr.small:last-child
    td.prix,
  body.formulaire_commande_signature table#orderSummary td.prix {
    padding-right: 10px;
    width: 70px;
    border-left: 1px solid #c6c6c6;
  }
  body.formulaire_commande_abo table#orderSummary tr td .mise_en_retrait,
  body.formulaire_commande_abo_seul table#orderSummary tr td .mise_en_retrait,
  body.formulaire_commande table#orderSummary tr td .mise_en_retrait,
  body.formulaire_commande_signature table#orderSummary tr td .mise_en_retrait {
    margin-top: 0;
    font-size: 13px;
  }
  .formulaire_commande_abo #checkoutPricingChoice,
  .formulaire_commande_abo_seul #checkoutPricingChoice,
  .formulaire_commande_signature #checkoutPricingChoice,
  .formulaire_commande #checkoutPricingChoice {
    position: relative;
    height: 350px;
  }
  .formulaire_commande_abo #checkoutPricingChoice .col-left,
  .formulaire_commande_abo_seul #checkoutPricingChoice .col-left,
  .formulaire_commande_signature #checkoutPricingChoice .col-left,
  .formulaire_commande #checkoutPricingChoice .col-left {
    width: auto;
    float: none;
    position: absolute;
    top: 60px;
    left: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .formulaire_commande_abo #checkoutPricingChoice .col-right,
  .formulaire_commande_abo_seul #checkoutPricingChoice .col-right,
  .formulaire_commande_signature #checkoutPricingChoice .col-right,
  .formulaire_commande #checkoutPricingChoice .col-right {
    width: auto;
    float: none;
    position: absolute;
    top: 60px;
    left: 0;
    background: var(--color-white);
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .formulaire_commande_abo #checkoutPricingChoice .selectable-block,
  .formulaire_commande_abo_seul #checkoutPricingChoice .selectable-block,
  .formulaire_commande_signature #checkoutPricingChoice .selectable-block,
  .formulaire_commande #checkoutPricingChoice .selectable-block {
    border-radius: 0 0 3px 3px;
    display: none;
  }
  .formulaire_commande_abo #checkoutPricingChoice .selectable-block label.title,
  .formulaire_commande_abo_seul
    #checkoutPricingChoice
    .selectable-block
    label.title,
  .formulaire_commande_signature
    #checkoutPricingChoice
    .selectable-block
    label.title,
  .formulaire_commande #checkoutPricingChoice .selectable-block label.title {
    font-size: 1.3em;
    font-weight: bold;
  }
  .formulaire_commande_abo
    #checkoutPricingChoice
    .selectable-block
    label.title::before,
  .formulaire_commande_abo_seul
    #checkoutPricingChoice
    .selectable-block
    label.title::before,
  .formulaire_commande_signature
    #checkoutPricingChoice
    .selectable-block
    label.title::before,
  .formulaire_commande
    #checkoutPricingChoice
    .selectable-block
    label.title::before {
    display: none !important;
  }
  .formulaire_commande_abo
    #checkoutPricingChoice
    .selectable-block
    input.choose-pricing,
  .formulaire_commande_abo_seul
    #checkoutPricingChoice
    .selectable-block
    input.choose-pricing,
  .formulaire_commande_signature
    #checkoutPricingChoice
    .selectable-block
    input.choose-pricing,
  .formulaire_commande
    #checkoutPricingChoice
    .selectable-block
    input.choose-pricing {
    display: none;
    margin: 0 auto;
  }
  .formulaire_commande_abo #checkoutPricingChoice .selectable-block.selected,
  .formulaire_commande_abo_seul
    #checkoutPricingChoice
    .selectable-block.selected,
  .formulaire_commande_signature
    #checkoutPricingChoice
    .selectable-block.selected,
  .formulaire_commande #checkoutPricingChoice .selectable-block.selected {
    display: block;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs,
  .formulaire_commande_signature #checkoutPricingChoice .tabs,
  .formulaire_commande #checkoutPricingChoice .tabs {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    background: var(--color-gray);
    width: 100%;
    display: block;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab,
  .formulaire_commande #checkoutPricingChoice .tabs .tab {
    float: left;
    width: 50%;
    cursor: pointer;
    height: 60px;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab .label,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab .label,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab .label,
  .formulaire_commande #checkoutPricingChoice .tabs .tab .label {
    width: 80%;
    margin-left: 10%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
    line-height: 1.3em;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab .label.left,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab .label.left,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab .label.left,
  .formulaire_commande #checkoutPricingChoice .tabs .tab .label.left {
    padding-top: 1em;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab .label.right,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab .label.right,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab .label.right,
  .formulaire_commande #checkoutPricingChoice .tabs .tab .label.right {
    padding-top: 1em;
    font-size: 90%;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab .prix,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab .prix,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab .prix,
  .formulaire_commande #checkoutPricingChoice .tabs .tab .prix {
    float: left;
    width: 40%;
    margin-left: 10%;
    display: none;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab .prix .price,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab .prix .price,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab .prix .price,
  .formulaire_commande #checkoutPricingChoice .tabs .tab .prix .price {
    font-size: 85%;
    line-height: 1em;
  }
  .formulaire_commande_abo
    #checkoutPricingChoice
    .tabs
    .tab
    .prix
    .price
    .duration,
  .formulaire_commande_abo_seul
    #checkoutPricingChoice
    .tabs
    .tab
    .prix
    .price
    .duration,
  .formulaire_commande_signature
    #checkoutPricingChoice
    .tabs
    .tab
    .prix
    .price
    .duration,
  .formulaire_commande
    #checkoutPricingChoice
    .tabs
    .tab
    .prix
    .price
    .duration {
    display: block;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab.selected,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab.selected,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab.selected,
  .formulaire_commande #checkoutPricingChoice .tabs .tab.selected {
    background-color: var(--color-teal-green);
    color: var(--color-white);
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs .tab:after,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs .tab:after,
  .formulaire_commande_signature #checkoutPricingChoice .tabs .tab:after,
  .formulaire_commande #checkoutPricingChoice .tabs .tab:after {
    clear: both;
    content: "";
    display: block;
  }
  .formulaire_commande_abo #checkoutPricingChoice .tabs:after,
  .formulaire_commande_abo_seul #checkoutPricingChoice .tabs:after,
  .formulaire_commande_signature #checkoutPricingChoice .tabs:after,
  .formulaire_commande #checkoutPricingChoice .tabs:after {
    clear: both;
    content: "";
    display: block;
  }
  table#recap-abo {
    width: 100%;
    margin: 0 auto 1.9em auto;
  }
  table#recap-abo tbody tr td {
    height: auto;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    line-height: 1em;
  }
  .formulaire_commande_abo h1 {
    width: 100%;
    text-align: left;
    font-size: 128%;
  }
  body.formulaire_commande_abo_seul h1,
  body.formulaire_commande_abo h1,
  body.formulaire_commande_signature h1,
  body.formulaire_commande h1 {
    text-align: center;
  }
  #checkoutPricingChoice .tabs .tab .label.right.fontsize87,
  #checkoutPricingChoice .tabs .tab .label.right.fontsize87 {
    font-size: 90%;
    padding-top: 1.1em;
  }
  #section_de_paiement.item.xl-centered.section_de_paiement
    div.pseudo-radio-group
    div.pseudo-radio-field.champ_radio_formulaire_principal
    label {
    font-size: 95%;
  }
  body.paiement_direct_stripe .standard-form button.submit {
    margin-top: 1em;
  }
  body.paiement_direct_stripe .standard-form .item.form-row {
    padding-top: 1.5em;
  }
  body.paiement_direct_stripe .standard-form .item.form-row label i {
    color: gray;
    font-style: normal;
    font-weight: 400;
  }
  body.paiement_direct_stripe .standard-form .item.form-row .cb_exp_date input {
    float: left;
  }
}
@media all and (min-width: 321px) and (max-width: 767px) {
  body #checkoutPricingChoice .tabs .tab .label.left.fontsize87 {
    font-size: 87% !important;
    padding-top: 1.5em;
  }
  body #checkoutPricingChoice .tabs .tab .label.right.fontsize87 {
    font-size: 87% !important;
    padding-top: 1.2em !important;
  }
}
@media all and (max-width: 370px) {
  #checkoutPricingChoice {
    height: 395px !important;
  }
}
@media all and (max-width: 320px) {
  #checkoutPricingChoice .tabs .tab .label {
    font-size: 83%;
  }
  #checkoutPricingChoice .tabs .tab .label.right.fontsize87 {
    font-size: 83%;
    padding-top: 0.5em;
  }
}