/**********ACTIF en prod :**********/

.field--name-field-image-club-variation.field--type-image.field--label-hidden.field__item .item-image, .icon-speed-box-cseei a.arrow, 
.layout-checkout-form .layout-region-checkout-secondary .checkout-pane-order-summary .checkout-order-summary>.field__item>.item-image img, .section-slideshow-mobile {
    display: none!important;
}
a.link-autresclubs {
    text-decoration: none;
    font-size: 16px;
    color: #131c6d;
}
a.link-autresclubs:focus, a.link-autresclubs:hover {
    text-decoration: underline;
    font-size: 16px;
    color: #1c4f91;
}

.portfolio-v1 .content-inner .adhesion-club-container {
    -webkit-transition: .4s ease-out 80ms;
    transition: .4s ease-out 80ms;
    line-height: 1.1;
    margin-bottom: 0;
    opacity: 0;
    bottom: -60px;
    order: 3;
    text-align: center;
    margin-top: 35px;
    position: relative;
}
.portfolio-v1:hover .adhesion-club-container {
    opacity: 1;
    bottom: 0;
}
.portfolio-v1 .content-inner .adhesion-club-container a {
    padding: 8px 10px;
    background: #8cc641;
    color: #fff;
    border: 1px solid #8cc641;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    transition: .2s;
}
.adhesion-club-container a:focus, .adhesion-club-container a:hover {
    background: #fff;
    color: #8cc641;
    font-size: 12px;
}
article.commerce_product_adhesion_club {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}
article.commerce_product_adhesion_club .content-variation-produit {
    display: flex;
    flex-direction:row;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}
article.commerce_product_adhesion_club .content-variation-produit .colonne_1, article.commerce_product_adhesion_club .content-variation-produit .colonne_2 {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
}
article.commerce_product_adhesion_club .content-variation-produit .colonne_1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    min-height: 195px;
    max-height: 215px;
    background: #e8f3e7;
    padding: 15px 0;
    border-radius: 15px;
}
article.commerce_product_adhesion_club .content-variation-produit .colonne_2 {
    justify-content: flex-start;
    flex-direction: column;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-field-club.field__item {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    font-size: 1.5em;
    align-content: flex-start;
    font-weight: 600;
    line-height:1.3em;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-field-image-club-variation.field--type-image.field__item {
    display: flex;
    width: 40%;
    justify-content: flex-end;
    height: 100%;
    align-items: center;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-field-image-club-variation.field--type-image.field__item .item-image {
    padding: 15px;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-price.field--type-commerce-price {
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: center;
    font-size: 1.2em;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-price.field--type-commerce-price .field__label {
    font-weight: 600;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-price.field--type-commerce-price .field__label::after {
    content: ":";
    padding-left: 5px;
    padding-right: 5px;
}
.layout-checkout-form, article.commerce_product_adhesion_club #commerce-product-add-to-cart-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
article.commerce_product_adhesion_club .commerce-order-item-add-to-cart-form-commerce-product-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 15px 0;
    width: 100%
}
article.commerce_product_adhesion_club .field--name-field-membre-famille, article.commerce_product_adhesion_club .field--name-field-prenom, article.commerce_product_adhesion_club .field--type-list-string.field--name-field-type.field--widget-options-select.js-form-wrapper.form-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%}
article.commerce_product_adhesion_club select#edit-field-type {
    padding: 13px 15px;
    text-transform: uppercase;
    font-weight: 300;
    display: flex;
    width: 100%;
    margin: 10px 0 15px;
}
article.commerce_product_adhesion_club .commerce-order-item-add-to-cart-form-commerce-product-1 label {
    font-size: 16px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    display: flex;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-variations.field__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 3em !important;
}
article.commerce_product_adhesion_club .content-variation-produit .field--name-variations.field__items .field__item {
    display: flex;
    width:100%;
}
article.commerce_product_adhesion_club .form-item-field-membre-famille-0-value, article.commerce_product_adhesion_club .form-item-field-prenom-0-value, article.commerce_product_adhesion_club .js-form-item.form-item.js-form-type-select.form-item-field-type.js-form-item-field-type {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
    justify-content: flex-start;
}
article.commerce_product_adhesion_club .js-form-item.form-item.js-form-type-select.form-item-field-type.js-form-item-field-type select {
    padding: 10px;
}
article.commerce_product_adhesion_club #edit-actions--2 {
    display: flex;
    width: 100%;
    padding-top: 15px;
}
article.commerce_product_adhesion_club input#edit-submit--2 {
    border: 1px solid #e43844;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 34px;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
}
article.commerce_product_adhesion_club .field--name-field-test3bouton-autre-adhesion {
    padding-left: 3em;
    margin: 15px 0 10vh;
}
.cart .form-actions #edit-checkout:focus, .cart .form-actions #edit-checkout:hover, .form-actions #edit-actions-next:focus, .form-actions #edit-actions-next:hover, article.commerce_product_adhesion_club input#edit-submit--2:focus, article.commerce_product_adhesion_club input#edit-submit--2:hover {
    background-color: #fff;
    color: #ae002b;
}
.messages.messages--status {
    text-align: center;
    box-shadow: 0 0;
    border: 0;
    margin-top: 20px;
}
.messages.messages--status a[href="/cart"]::before {
    content: "\f07a";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding-right: 5px;
    font-size: 1em;
    display: inline-block;
}
.messages.messages--status a[href="/cart"] {
    display: inline-block;
    background: #700d1e;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
}
.cart.cart-form {
    margin: 20px 0 45px;
}
.cart table tr td, .cart table tr th, .checkout-pane-order-summary table tr td {
    padding: 5px;
}
.cart table thead tr th {
    color: #fff;
    background: #93a5d4;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}
.views-field.views-field-purchased-entity {
    padding: 10px;
    line-height: 1.4em;
}
.views-field.views-field-purchased-entity .field__item {
    font-weight: 600;
    font-size: 1.2em;
}
.views-field.views-field-edit-quantity, .views-field.views-field-remove-button, .views-field.views-field-unit-price__number {
    text-align: center;
}
td.views-field.views-field-total-price__number {
    text-align: right;
    padding-right: 10px;
}
th.views-field.views-field-total-price__number {
    text-align: center;
    padding-right: 0;
}
.field.field--name-product-id.field--type-entity-reference.field--label-hidden.field__item {
    font-size: 14px;
    color: #262628;
    font-weight: 600;
}
.field.field--name-attribute-club.field--type-entity-reference.field--label-inline {
    display: flex;
    align-items: baseline;
}
.field.field--name-attribute-club.field--type-entity-reference.field--label-inline .field__label {
    color: #999;
    text-transform: uppercase;
    line-height: 1.1em;
    padding-top: 8px;
    font-weight: 300;
}
.field.field--name-attribute-club.field--type-entity-reference.field--label-inline .field__label::after {
    content: ":";
    padding-right: 4px;
    padding-left: 4px;
}
.cart.cart-form th#view-purchased-entity-table-column {
    width: 73%;
}

.cart.cart-form td.views-field.views-field-purchased-entity {
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    max-height: 130px;
    max-width: 100%;
}
.cart.cart-form .commerce_variation_adhesion_club {
    display: flex;
    flex-direction: row;
    width: 50%;
    justify-content: flex-start;
}
.cart.cart-form .content-variation-produit {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 100%;
}
.cart.cart-form .colonne_1 {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    width: 60%;
    height: 100%;
}
.cart.cart-form .field.field--name-field-image-club-variation.field--type-image.field--label-hidden.field__item {
    width: 30%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}
.cart.cart-form .item-image {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart.cart-form img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    display: flex;
}
.cart.cart-form .field.field--name-field-club.field--type-entity-reference.field--label-above {
    display: flex;
    flex-direction: column;
    width: 60%;
}
.cart.cart-form .colonne_2 {
    display: flex;
    align-items: flex-start;
    height: 100%;
    padding-right: 15px;
    width: 20%;
}
.cart.cart-form .ad_type::before {
    content: "Pour :";
    font-weight: 400;
    font-size: 14px;
    display: flex;
}
.cart.cart-form .ad_type {
    /* padding: 0 15px; */
    font-weight: 600;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    width: 25%;
}
.cart.cart-form .ad_nom_membre::before {
    content: "Nom & Prénom :";
    font-size: 14px;
    display: flex;
    font-weight: 400;
}
.cart.cart-form .ad_nom_membre {
    font-weight: 600;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    width: 25%;
}
.layout-checkout-form .order-total-line.order-total-line__total .order-total-line-label::after, .order-total-line.order-total-line__total .order-total-line-label::after {
    content: ":";
    padding-left: 5px;
}
.field.field--name-attribute-club.field--type-entity-reference.field--label-inline .field__item {
    font-weight: 600;
}
.field.field--name-attribute-appartenance.field--type-entity-reference.field--label-inline {
    display: flex;
    flex-direction: row;
}
.field.field--name-attribute-appartenance.field--type-entity-reference.field--label-inline .field__label {
    font-weight: 300;
}
.field.field--name-attribute-appartenance.field--type-entity-reference.field--label-inline .field__label::after {
    content: ":";
    padding-left: 5px;
    padding-right: 5px;
}
.delete-order-item.button {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    padding: 8px;
    line-height: 20px;
    color: #700d1e;
    background: #fff;
}
.field.field--name-total-price.field--type-commerce-price.field--label-hidden.field__item {
    margin-bottom: 20px;
}
.order-total-line.order-total-line__total {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    background: #fff;
    margin: 0;
    padding: 10px;
    color: #262626;
    border: 1px solid #ddd;
    border-top: 0;
}
.checkout-progress--step.checkout-progress--step__current::before, .checkout-progress--step::before {
    content: counter(checkout-progress) " ";
    counter-increment: checkout-progress;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    margin-right: 5px;
    font-weight: 600;
    background: #fff;
    text-align: center;
}
.order-total-line.order-total-line__total .order-total-line-value {
    font-weight: 600;
}
.cart .form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cart .form-actions #edit-checkout {
    background: #ae002b;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 15px;
    line-height: 34px;
    border-radius: 0;
    border: 1px solid #ae002b;
    transition: .2s;
}
.block-commerce-checkout-progress {
    display: block;
    margin-top: 20px!important;
}
.block-commerce-checkout-progress .content.block-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
ol.checkout-progress {
    display: flex;
    width: 100%;
    margin: 0;
    background: #f3f5fa;
    padding: 15px;
    line-height: 25px;
}
.checkout-progress--step::before {
    display: inline-block;
    border-radius: 25px;
    color: #666;
}
.checkout-progress--step.checkout-progress--step__current::before {
    display: inline-block;
    border-radius: 25px;
    color: #262628;
}
.checkout-progress--step {
    display: flex;
    width: 33.3%;
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 300;
}
.checkout-progress--step.checkout-progress--step__current {
    font-weight: 400;
    background: #93a5d4;
    border-radius: 25px;
    color: #fff;
}
.commerce-checkout-flow-multistep-default {
    margin: 0 auto;
    display: flex;
    width: 60%;
    justify-content: center;
}
.layout-region.layout-region-checkout-main {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 8px 0;
    order: 2;
}
.layout-checkout-form .layout-region-checkout-main .checkout-pane-review {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.layout-region.layout-region-checkout-secondary {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 8px;
    padding-right: 0!important;
    float: left;
    order: 1;
}
.layout-region.layout-region-checkout-footer {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 5rem auto;
    padding-right: 0;
    order: 3;
}
.checkout-pane.checkout-pane-payment-information {
    display: flex;
    flex-direction: column;
    width: 100%}
.checkout-pane-payment-information legend {
    font-weight: 600;
    color: #8cc641;
}
.checkout-pane-payment-information .fieldset-wrapper fieldset legend {
    font-weight: 400;
    background: #93a5d4;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    border: 1px solid #93a5d4;
}
#edit-payment-information-payment-method,
div[id*="edit-payment-information-payment-method"] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    border: 1px solid #ddd;
    padding: 10px 0;
}
.edit-payment-information-payment-method .form-item:first-child, .edit-payment-information-payment-method .form-item:nth-child(2) {
    display: flex;
    width: 40%;
    flex-wrap: nowrap;
    justify-content: center;
}
.edit-payment-information-payment-method .form-wrapper .fieldset-wrapper {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}
#edit-payment-information-payment-method .form-composite .fieldset-wrapper div:first-child,
div[id*="edit-payment-information-payment-method"] .form-composite .fieldset-wrapper div:first-child{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 0 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}
.form-item-payment-information-payment-method {
    display: flex;
    align-items: center;
    line-height: 40px;
    height: 40px;
}

.form-item-payment-information-payment-method input[type=radio] {
    margin: 5px;
    width: 1.15em;
    height: 1.15em;
    border: .15em solid #262628;
    border-radius: 50%;
    transform: translateY(.15em);
    display: grid;
    place-content: center;
}
/*METHODE DE PAIEMENT CHEQUE Desable*/
.form-item-payment-information-payment-method:nth-child(2) {
    display: none !important;
}
.edit-payment-information-payment-method .form-item:nth-child(2) {
    visibility:hidden !important;
}
/**/
.profile.profile--.profile--type--customer::before {
    content: "Vos coordonnées";
    font-size: 1.5rem;
    text-align: center;
    display: flex;
    background: #93A5D4;
    color: #fff;
    margin-top: 0px;
    font-weight: 400;
    width:100%;
    justify-content:center;
}
#edit-review-contact-information, #edit-review-payment-information {
    background: #fff;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-top: 0;
}
#edit-review-contact-information legend, #edit-review-payment-information legend {
    font-size: 1.5rem;
    text-align: center;
    display: block;
    background: #93a5d4;
    color: #fff;
    margin-top: 8px;
    font-weight: 300;
    border: 1px solid #93a5d4;
}
#edit-review-payment-information .fieldset-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #262626;
}
#edit-review-payment-information .fieldset-wrapper .field--name-address p span {
    text-transform: none;
}
.layout-region.layout-region-checkout-main>fieldset>.fieldset-wrapper>legend {
    display: block;
}
.field.field--name-address.field--type-address {
    padding: 20px;
    border: 1px solid #ddd;
}
.checkout-pane-review .field.field--name-address.field--type-address {
    border: none;
}
.profile.profile--type--customer {
    display: flex;
    width: 100%;
    padding: 0px;
    justify-content: center;
    background: #F1F1F1;
    margin-top: 8px;
    align-items: center;
    flex-direction:column;
}
.profile.profile--type--customer .field.field--name-address.field--type-address {
    padding: 8px 0;
    display: flex;
    justify-content: center;
    width: 80%;
    border:none !important;
}
.profile.profile--type--customer p.address {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.profile.profile--type--customer p.address span {
    text-transform: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 50%;
    justify-content: flex-start;
    padding-left: 0;
}
.profile.profile--type--customer .address .given-name::before,
.profile.profile--type--customer .address .family-name::before,
.profile.profile--type--customer .address .address-line1::before,
.profile.profile--type--customer .address .address-line2::before,
.profile.profile--type--customer .address .postal-code::before,
.profile.profile--type--customer .address .locality::before,
.profile.profile--type--customer .address .country::before{
    font-weight: 300;
    color: #777;
    padding-right: 5px;
    padding-left: 0;
    text-transform: uppercase;
}
.address .given-name::before {
    content: "Prénom :";}
.address .family-name::before {
    content: "Nom :";}
.address .address-line1::before {
    content: "Adresse(1) :"}
.address .address-line2::before {
    content: "Adresse(2) :"}
.address .postal-code::before {
    content: "Code postal :"}
.address .locality::before {
    content: "Ville :";}
.address .country::before {
    content: "Pays :";
}
.address .address-line1, .address .address-line2, .address .country, .address .family-name, .address .given-name, .address .locality, .address .postal-code {
    text-transform: none;

}
#edit-payment-information-add-payment-method-billing-information .address-book-edit-button, #edit-payment-information-billing-information .address-book-edit-button, #edit-payment-information-billing-information-edit-button {
    display: flex;
    justify-content:center;
    width: 25%;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    margin: -24px 10px auto auto;
    background-color: #b0b0b0;
    font-family: Lato!important;
    border-radius: 0;
    padding: 5px 10px;
    line-height: 34px;
    border: 1px solid #b0b0b0;
    transition: .2s;
}
#edit-payment-information-add-payment-method-billing-information .address-book-edit-button:focus, #edit-payment-information-add-payment-method-billing-information .address-book-edit-button:hover, #edit-payment-information-billing-information .address-book-edit-button:focus, #edit-payment-information-billing-information .address-book-edit-button:hover, #edit-payment-information-billing-information-edit-button:focus, #edit-payment-information-billing-information-edit-button:hover {
    background-color: #fff;
    color: #b0b0b0;
}
.form-actions #edit-actions-next {
    background: #ae002b;
    font-weight: 300;
    text-transform: uppercase;
    padding: 1em 6em;
    line-height: 34px;
    border-radius: 0;
    border: 1px solid #ae002b;
    transition: .2s;
}
.layout-checkout-form .order-total-line.order-total-line__total {
    font-size: 14px;
}
.layout-checkout-form .order-total-line.order-total-line__total .order-total-line-value {
    font-weight: 600;
}
.layout-region-checkout-secondary h3 {
    display: block;
    text-align: center;
    background: #93a5d4;
    font-weight: 300;
    padding: 9px;
    color: #fff;
    font-size: 1.7em;
}
#edit-review-contact-information .fieldset-wrapper {
    display: block;
    padding: 5px 0 20px;
    line-height: 1.1em;
    font-size: 16px;
    text-align: center;
}
#edit-review-payment-information legend a::before {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
    line-height: 1em;
    margin-bottom: 5px;
    display: inline-block;
}
#edit-review-payment-information legend a {
    display: inline-block;
    font-size: 16px;
    padding: 0 5px;
    color: #fff;
    transition: .2s;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 15px;
    margin-bottom: 9px;
}
#edit-review-payment-information legend a:hover {
    text-decoration: none;
    background: #fff;
    color: #605088;
}
.checkout-pane-agree-terms {
    display: block;
    background: #e6f2e6;
    padding: 20px 0 30px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    width: 100%}
.layout-region-checkout-footer .form-actions {
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.layout-region-checkout-footer .link--previous {
    background: #ee9fa6;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1em 6em;
    line-height: 34px;
    border-radius: 0;
    border: 1px solid #ee9fa6;
    margin-right: 15px;
    transition: .2s;
}
.layout-region-checkout-footer .link--previous:focus, .layout-region-checkout-footer .link--previous:hover {
    background: #fff;
    border: 1px solid #af0024;
    color: #af0024;
}

.checkout-pane.checkout-pane-completion-message {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vh;
}
.checkout-pane.checkout-pane-completion-message h4 {
    width: 100%;
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: #e8f3e7;
    text-transform: uppercase;
    font-weight: 400;
    margin: 50px 0 10px;
}
.checkout-pane.checkout-pane-completion-message .checkout-complete__payment-instructions{
    display:none;
}
/*recap de commande - compte - tableau*/
.bloc-adhesions-commandes table, .bloc-adhesions-en-cours table {
    font-size: 16px;
}
.bloc-adhesions-commandes table tr th,.bloc-adhesions-en-cours table tr th {
    padding: 8px 0;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
}
.bloc-adhesions-commandes table tr th{background: #E8F3E7;}
.bloc-adhesions-en-cours table tr th{background:#ee9fa6;}
.bloc-adhesions-commandes table tr td, .bloc-adhesions-en-cours table tr td {
    padding: 8px;
}
.bloc-adhesions-en-cours table tr td.views-field.views-field-order-number a::after {
    content: "Voir la commande";
    padding-left: 20px;
    display: inline;
    color: #AE002B;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: underline;
}
.bloc-adhesions-en-cours table tr td.views-field.views-field-order-number a::before {
    content: "\f06e";
    font-family: 'Font Awesome 5 Free';
    padding: 0px 15px 0px 8px;
}
/*bon de commande*/
.customer-information {
    background: #93A5D4;
    display: flex;
    flex-direction:row;
    width: 90%;
    margin: 0 auto;
}
.order-information .field--name-completed .field__label, .order-information .field--name-placed .field__label, .order-information .field--name-state .field__label {
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}
.order-information .field.field--name-order-items, .order-information .field.field--name-total-price {
    width: 100%
}
.customer-information .field.field--name-mail {
    display: flex;
    flex-direction: column;
    width: 40%;
    margin:10px;
}
.customer-information .customer-billing {
    width: 60%;
    display: flex;
    flex-direction: column;
    margin:10px;
}
.customer-information .customer-billing .field__label, .customer-information .field--name-mail .field__label {
    font-size: 18px;
    background: #234381;
    color: #fff;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 300;
}
.customer-information .field--name-mail .field__item {
    font-size: 16px;
    padding-left: 20px;
    margin-top: 5px;
    background: #fff;
    padding: 10px 0px 10px 20px;
}
.customer-information .profile.profile--type--customer {
    display: flex;
    width: 100%;
    padding: 15px 15px 5px;
    justify-content: center;
    background: #fff;
    margin-top: 5px;
    align-items: center;
}
.customer-information .profile.profile--type--customer .field.field--name-address.field--type-address {
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    border: 0;
}
.order-information {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
}
.order-information .field--name-completed, .order-information .field--name-placed, .order-information .field--name-state {
    width: 50%;
    margin-top: 25px;
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    font-size: 1.2em;
}
.order-information .field--name-state .field__item {
    color: #AE002B;
    text-transform: uppercase;
}
.order-information .field.field--name-order-items table {
    margin-bottom: 0;
    display:table;
}
.order-information .field.field--name-order-items table tr{
    display: table-row;
}
.order-information .field.field--name-order-items table thead{
    display: table-header-group;
}
.order-information .field.field--name-order-items table thead tr th {
    background: #93A5D4;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}
.order-information .field.field--name-order-items table thead tr th:first-child {
    width: 70%;
}
.order-information td.views-field.views-field-unit-price__number::before,
.order-information td.views-field.views-field-quantity::before,
.order-information td.views-field.views-field-total-price__number::before,
.order-information td.views-field.views-field-title::before {
    display:none;
}

.order-information table tr td.views-field.views-field-title {
    display: flex;
    padding: 15px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap:15px;
}
.order-information table tr td.views-field.views-field-title .ad_type {
    display: flex;
    width: 30%;
    flex-direction: column;
}
.order-information table tr td.views-field.views-field-title .ad_nom_membre {
    display: flex;
    width: 30%;
    flex-direction: column;
}
.order-information table tr td.views-field.views-field-quantity {
    vertical-align: middle;
    text-align: center;
}
.order-information .field.field--name-total-price.field--type-commerce-price.field--label-hidden.field__item {
    margin-bottom: 20vh;
}
/*remise en forme du cart et recap en tableau*/
.cart.cart-form .form-product-variation-club form table {
    display: table;}
.cart.cart-form .form-product-variation-club form table thead {
    display: table-head-group;}
.cart.cart-form .form-product-variation-club form table tr {
    display: table-row;}
.cart.cart-form td.views-field.views-field-unit-price__number::before,
.cart.cart-form td.views-field views-field-edit-quantity::before,
.cart.cart-form td.views-field views-field-total-price__number::before,
.cart.cart-form td.views-field.views-field-purchased-entity::before {
    display:none;}
.bloc-adhesions-commandes table{display:table;}
.bloc-adhesions-commandes table thead {display: table-head-group;}
.bloc-adhesions-commandes table tr {display:table-row;}
.bloc-adhesions-commandes td.views-field.views-field-title::before,
.bloc-adhesions-commandes td.views-field.views-field-placed::before,
.bloc-adhesions-commandes td.views-field.views-field-field-type::before{
    display:none;}

/*ajout FB et INSTA sur les pages Single CLUB et patch autres photos*/
.post-block.portfolio-single .post-content .node__content .field--name-field-club-images {
    display: inline-flex;
    gap: 8px;
    width: 100%;
    flex: 2 1 auto;
    flex-wrap: wrap;
    justify-content: center;
}
.field.field--name-field-lien-instagram.field--type-link.field--label-hidden.field__item,
.field.field--name-field-lien-facebook.field--type-link.field--label-hidden.field__item {
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 25px 0;
    justify-content: center;
    font-size: 19px;
}
.field.field--name-field-lien-instagram.field--type-link.field--label-hidden.field__item a::before {
    content: '\f16d';
    font-family: 'Font Awesome 5 Brands';
    font-weight: 900;
    color: inherit;
    display: inline-flex;
    padding-right: 8px;
}
.field.field--name-field-lien-facebook.field--type-link.field--label-hidden.field__item a::before{
    content: '\f09a';
    font-family: 'Font Awesome 5 Brands';
    font-weight: 900;
    color: inherit;
    display: inline-flex;
    padding-right: 8px;
}

/*ajustement de la page "Je souhaite " */
.listechoixapresachat{
    width:70%;
}
.listechoixapresachat a.link-autresclubs{
    font-size:1.2em;
    padding-top:25px;
}

/***PATCH LOGIN PAGE MOT DE PASSE OUBLIE***/
.page-user-login-cseei .lien-activation-compte a{
    font-weight :400;
    color: #414594;
    text-decoration:underline;
}







/*
______________________________________________________RESPONSIVE_______________________________________________
*/

@media (max-width:768px) {
 
    .webform-type-radiocercle .form-checkbox+label, .webform-type-radiocercle .form-radio+label {
        padding: 0 7px;
        line-height: 1.5em;
    }
    .webform-container-normal .webform-likert-table {
        display: flex;
        flex-direction: column;
        border: none;
    }
    .webform-container-normal .webform-likert-table thead {
        display: none;
    }
    .webform-container-normal .webform-likert-table tbody tr {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        border: 1px solid #dee2e6;
        margin: 5px;
    }
    .webform-container-normal .webform-likert-table tbody tr td {
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        border: none;
    }
    .webform-container-normal .webform-likert-table tbody tr td div.form-item {
        margin-bottom: 0!important;
    }
    .webform-container-normal .webform-likert-table tbody tr td input {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    .webform-container-normal .webform-likert-table tbody tr td div.form-item label {
        padding: 6px 0!important;
    }
    .webform-container-normal .form-checkboxes.webform-options-display-one-column div.form-item {
        white-space: nowrap;
    }
    .webform-container-normal .js-webform-checkboxes .form-checkbox {
        display: inline-block;
        vertical-align: top;
        margin-top: 6px;
    }
    .webform-container-normal .js-webform-checkboxes label.option {
        display: inline-block;
        white-space: normal;
        line-height: 1.4em;
        margin-top: 0;
    }

@media screen and (max-width :575px) {
 
    .views-field.views-field-purchased-entity {
        padding: 5px;
        text-align: center;
    }
    .field.field--name-attribute-club.field--type-entity-reference.field--label-inline {
        flex-direction: column;
        justify-content: center;
    }
    .field.field--name-attribute-appartenance.field--type-entity-reference.field--label-inline, .service-block-singe, ol.checkout-progress {
        flex-direction: column;
    }
    th.views-field-remove-button {
        font-size: .7em;
    }
    .delete-order-item.button {
        border-radius: 0;
        text-transform: uppercase;
        font-weight: 300;
        font-size: .7em;
        padding: 8px;
        line-height: 1em;
    }
    .order-total-line.order-total-line__total {
        font-size: 14px;
        padding: 10px 9px;
    }
    .cart .form-actions, .layout-checkout-form {
        justify-content: center;
        flex-direction: column;
    }
    .cart .form-actions #edit-submit {
        font-size: .9em;
        margin-bottom: 5px;
    }
    #edit-review-contact-information legend, #edit-review-payment-information legend {
        font-size: 1.2rem;
    }
    #edit-review-payment-information legend a {
        font-size: 13px;
    }
    .address {
        display: flex;
        flex-direction: column;
    }
    .address .family-name::before, .address .locality::before {
        padding-left: 0;
    }
    .layout-region.layout-region-checkout-footer {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 2rem auto 5rem;
        padding-right: 0;
    }
    .layout-region-checkout-footer .form-actions {
        flex-direction: row;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%}
    .form-actions #edit-actions-next {
        width: 100%;
        padding: 10px;
        white-space: normal;
    }
    .layout-region-checkout-footer .link--previous {
        width: auto;
        padding: 10px;
        margin-top: 5px;
    }
    .address-line1, .address-line2, .checkout-progress--step, .layout-region.layout-region-checkout-main, .layout-region.layout-region-checkout-secondary {
        width: 100%}
    .service-block-singe .post-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        font-size: 1.2em;
        padding: 2em 1em;
    }
    .service-block-singe .service-images-inner {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 2em 0 0;
    }
    /******COMMERCE****/
    article.commerce_product_adhesion_club .content-variation-produit {
        flex-direction:column;
    }
    article.commerce_product_adhesion_club .content-variation-produit .colonne_1, article.commerce_product_adhesion_club .content-variation-produit .colonne_2 {
        width: 100%;
    }
    article.commerce_product_adhesion_club .content-variation-produit .colonne_1{
        flex-direction:row;
        min-height:160px;
    }
    article.commerce_product_adhesion_club .content-variation-produit .field--name-field-club.field__item {
        width: 60%;
        font-size: 1.2em;
        line-height:1.1em;
    }
    article.commerce_product_adhesion_club .content-variation-produit .field--name-field-image-club-variation.field--type-image.field__item {
        width: 30%;
        justify-content: flex-start;
    }
    article.commerce_product_adhesion_club .content-variation-produit .field--name-field-image-club-variation.field--type-image.field__item .item-image {
        padding: 5px;
    }
    .layout-checkout-form, article.commerce_product_adhesion_club #commerce-product-add-to-cart-form {
        max-width: 100%;
    }
    article.commerce_product_adhesion_club .content-variation-produit .field--name-variations.field__items {
        padding-left: 0 !important;
        width:100%;
    }
    .customer-information {
        flex-direction: column;
        width:100%;
    }
    .customer-information .field.field--name-mail,
    .customer-information .customer-billing {
        width: 100%;
        margin:10px auto;
    }
    .customer-information .profile.profile--type--customer p.address span{
        flex-wrap:wrap;
        width:100%;
    }
    .order-information{
        width:100%;
    }
    .order-information .field.field--name-order-items table {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
    .order-information .field.field--name-order-items table thead {
        display: none;
    }
    .order-information .field.field--name-order-items table tbody tr {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .order-information .field.field--name-order-items td.views-field.views-field-unit-price__number,
    .order-information .field.field--name-order-items td.views-field.views-field-quantity,
    .order-information .field.field--name-order-items td.views-field.views-field-total-price__number {
        flex-direction: row;
        width: 100%;
        display: flex;
        justify-content:center;
    }
    .order-information .field.field--name-order-items table tbody tr td.views-field.views-field-title {
        display:flex;
        flex-direction: column;
        justify-content:flex-start;
        width:100%;
    }
    .order-information .field.field--name-order-items td.views-field.views-field-total-price__number {
        text-align: center;
    }
    .order-information .field.field--name-order-items td.views-field.views-field-title::before {
        content: 'NOM';
        background: #2A4583;
        color: #fff;
        font-weight: 300;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .order-information .field.field--name-order-items td.views-field.views-field-unit-price__number::before,
    .order-information .field.field--name-order-items td.views-field.views-field-quantity::before,
    .order-information .field.field--name-order-items td.views-field.views-field-total-price__number::before{
        color: #2A4583;
        padding-right: 15px;
        display:inline;
    }
    .order-information .field.field--name-order-items td.views-field.views-field-unit-price__number::before {
        content: 'Prix unitaire : ';
    }
    .order-information .field.field--name-order-items td.views-field.views-field-quantity::before{
        content: 'Quantité : ';
    }
    .order-information .field.field--name-order-items td.views-field.views-field-total-price__number::before{
        content: 'Prix total : ';
    }
    .cart.cart-form .form-product-variation-club form table {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .cart.cart-form .form-product-variation-club form table thead {
        display: none;
    }.cart.cart-form .form-product-variation-club form table tr {
         display: flex;
         flex-direction: column;
         width: 100%;
     }
    .cart.cart-form .form-product-variation-club form table tr td {
        display: flex;
        flex-direction:row;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .cart.cart-form td.views-field.views-field-purchased-entity {
        flex-direction: column;
        width: 100%;
        flex-wrap: wrap;
        height: auto;
        max-height: 100%;
    }
    .cart.cart-form .content-variation-produit {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        width: 100%;
    }
    .cart.cart-form .colonne_1 {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
    .cart.cart-form .colonne_2 {
        align-items: flex-start;
        height: auto;
        width: 100%;
        flex-direction: row;
    }
    .cart.cart-form .colonne_2 .field.field--name-attribute-appartenance.field--type-entity-reference.field--label-above {
        text-align: left;
        display:inline-flex;
    }
    .cart.cart-form .colonne_2 .field.field--name-attribute-appartenance.field--type-entity-reference.field--label-above .field__label {
        padding-right: 8px;
    }
    .cart.cart-form .ad_type::before, .cart.cart-form .ad_nom_membre::before {
        padding-right:8px;
    }

    .cart.cart-form .commerce_variation_adhesion_club {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
    }
    .cart.cart-form .ad_type {
        flex-direction: row;
        width: 100%;
    }
    .cart.cart-form .ad_nom_membre {
        flex-direction: row;
        width: 100%;
    }
    .cart.cart-form td.views-field.views-field-unit-price__number::before {
        content: 'Prix :';
        padding-right: 8px;
        color: #2A4583;
        display:inline;
    }
    .cart.cart-form td.views-field views-field-edit-quantity::before{
        content:'Quantité : ';
        padding-right: 8px;
        color: #2A4583;
        display:inline;
    }
    .cart.cart-form td.views-field views-field-total-price__number::before{
        content:'Total : ';
        padding-right: 8px;
        color: #2A4583;
        display:inline;
    }

    .cart.cart-form td.views-field.views-field-purchased-entity::before {
        display: flex;
        content: 'Produit';
        background: #2A4583;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        justify-content: center;
        margin-bottom: 8px;
        padding: 5px 0;
    }
    .commerce-checkout-flow-multistep-default {
        margin: 0 auto;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .commerce-checkout-flow-multistep-default .profile.profile--type--customer .field.field--name-address.field--type-address {
        width: 100%;
    }
    .commerce-checkout-flow-multistep-default .profile.profile--type--customer p.address {
        display: flex;
        width: 100%;
    }
    .commerce-checkout-flow-multistep-default .profile.profile--type--customer p.address span{
        width:100%;
    }
    .bloc-adhesions-commandes table {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        border:0;
    }
    .bloc-adhesions-commandes table thead {
        display: none;
    }
    .bloc-adhesions-commandes table tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
        border: 0;
    }
    .bloc-adhesions-commandes table tr td {
        width: 100%;
        border:1px solid #ddd;
    }
    .bloc-adhesions-commandes td.views-field.views-field-title::before {
        display: flex;
        content: 'NOM';
        background: #E8F3E7;
        justify-content: center;
    }
    .bloc-adhesions-commandes td.views-field.views-field-field-club {
        font-weight: 600;
    }
    .bloc-adhesions-commandes td.views-field.views-field-placed::before {
        content: 'Date de commande : ';
        padding-right: 8px;
        display:inline;
    }
    .bloc-adhesions-commandes td.views-field.views-field-field-type::before {
        content: 'Type : ';
        padding-right: 8px;
        display:inline;
    }
    /*ajustement de la page "Je souhaite " */
    .listechoixapresachat{
        width:100%;
    }
    .listechoixapresachat a.link-autresclubs{
        font-size:0.93em;
        padding-top:20px;
    }

}