/* Bleu 2024-08-22 : 385cc7 */

/* MY ACCOUNT */
/* HEADER */
/* FILTER */
/* PAGE SALON */
/* PAGE AGENDA */
/* PAGE EVENT */
/* POPUP REGISTRATION */
/* REGISTRATION VALID */



.number-red-bubble {
    background-color: #f00;
    color: #fff;
    height: 1.3em;
    font-size: 1.1em;
    width: 1.3em;
    border-radius: 50%;
    margin-left: 0.5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header-menu > .menu-item.menu-item-salon7l .sub-menu-title .menu-button:hover,
.header-menu .menu-item.menu-item-salon7l a:hover,
.header-menu .menu-item.menu-item-salon7l button:hover {
    color: #fff;
    background-color: #385cc7;
}

.header-menu.header-mobile .menu-item.menu-item-salon7l .sub-menu {
    background-color: #385cc7;
    color: #fff;
}
.header-menu > .menu-item.menu-item-salon7l .sub-menu-title .menu-button {
    color: #fff;
}
.header-menu .menu-item-salon7l .sub-menu-title .menu-button::before,
.header-mobile .menu-item-salon7l li > button.has-submenu-link::before,
.header-menu .menu-item-salon7l .sub-menu-title .menu-button:hover::before,
.header-mobile .menu-item-salon7l a:first-child:last-child::before {
    border-color: #fff;
}
.loading-7l-salon7l::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.7;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/icon-loading-salon7l.gif);
    content: "";
    background-repeat: no-repeat;
    background-size: 200px 200px;
    background-position: center;
}
.theme-blue .popup-close-button::before,
.theme-blue .popup-close-button::after {
    background-color: #385cc7;
}



/* MY ACCOUNT */
.myaccount-salon7l {
    margin-top: 75px;
    position: relative;
}
.myaccount-salon7l-title {
    text-align: center;
    border: solid 1px #385cc7;
    color: #385cc7;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 0.4em 0;
}
.myaccount-salon7l a,
.myaccount-salon7l button {
    font-size: 1.2em;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 2em;
    padding-bottom: 15px;
}
.woocommerce-salon7l-agenda .article-myaccount .entry-header-myaccount {
    display: none;
}
.myaccount-salon7l .myaccount-salon7l-seasons-themes a,
.myaccount-salon7l .myaccount-salon7l-seasons-themes button {
    padding-right: 15px;
}
.myaccount-salon7l button::after {
    content: "";
    height: 0.7em;
    width: 0.7em;
    display: block;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transition: all .3s ease-in-out;
}
.myaccount-salon7l .woocommerce-MyAccount-navigation-link.open button::after,
.myaccount-salon7l .woocommerce-MyAccount-navigation-link:hover button::after {
    border-top-color: #385cc7;
    border-right-color: #385cc7;
}
.myaccount-salon7l-seasons > .woocommerce-MyAccount-navigation-link > button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0.208em;
    background-color: #385cc7;
    transition: width .3s ease-in-out;
}
.myaccount-salon7l-seasons > .woocommerce-MyAccount-navigation-link.open > button::before,
.myaccount-salon7l-seasons > .woocommerce-MyAccount-navigation-link:hover > button::before {
    width: 100%;
}

.myaccount-salon7l .myaccount-salon7l-seasons-themes-flex a::after,
.myaccount-salon7l .myaccount-salon7l-seasons-themes-flex button::after {
    display: none;
}
.myaccount-salon7l a:hover,
.myaccount-salon7l button:hover,
.myaccount-salon7l .sub-menu-title a:hover,
.myaccount-salon7l .sub-menu-title button:hover {
    color: #000;
    background-color: rgba(0,0,0,0.1);
}
.myaccount-salon7l a:hover::after,
.myaccount-salon7l button:hover::after {
    border-top-color: #000;
    border-right-color: #000;
}
.woocommerce-MyAccount-navigation .myaccount-salon7l-seasons-themes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f2f4f1;
    padding: 0;
    width: 45%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}
.woocommerce-MyAccount-navigation .myaccount-salon7l-seasons-themes.show {
    opacity: 1;
    visibility: visible;
}
.woocommerce-MyAccount-navigation-link.sub-menu-title {
    width: 100%;
    margin-right: 0;
    display: none;
}
.myaccount-salon7l .sub-menu-title a,
.myaccount-salon7l .sub-menu-title button {
    text-align: center;
    background-color: #dadcd9;
}
.myaccount-salon7l .sub-menu-title a::after,
.myaccount-salon7l .sub-menu-title button::after {
    right: 0;
    left: 1em;
    transform: translateY(-50%) rotate(-135deg);
}
.myaccount-salon7l-seasons-themes .woocommerce-MyAccount-navigation-link:nth-last-child(-n+2) {
    margin-right: 0;
}
.woocommerce-MyAccount-navigation .myaccount-salon7l-seasons {
    display: block;
    min-height: calc( ( 1.2em + 60px ) * 3 );
}

.myaccount-salon7l-portail-content {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}
.myaccount-salon7l-portail-content p {
    margin-bottom: 0.5em;
}
.myaccount-salon7l-portail-content + .myaccount-salon7l {
    margin-top: 100px;
}

.woocommerce-MyAccount-navigation.has-salon7l-navigation {
    display: flex;
    justify-content: space-between;
}
.woocommerce-MyAccount-navigation.has-salon7l-navigation ul {
    width: 45%;
}
.woocommerce-MyAccount-navigation.has-salon7l-navigation .woocommerce-MyAccount-navigation-link:nth-last-child( n ) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation-link.salon7l a:hover {
    background-color: #385cc7;
}

.myaccount-salon7l-seasons .woocommerce-MyAccount-navigation-link {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
.myaccount-salon7l-seasons {
    width: 45%;
}
.myaccount-salon7l-seasons .all-program a {
    border-bottom: solid 0.25em #385cc7;
}
/* MY ACCOUNT */



/* HEADER */
.header-mobile li.link-portail-salon7l {
    margin-top: 1em;
}
.wp-logged-in li.link-portail-salon7l {
    display: none;
}
.header-mobile li.link-portail-salon7l > a:first-child:last-child::before {
    display: none;
}
.header-nav-mobile .header-banner-bottom {
    position: relative;
    flex-flow: column-reverse;
    padding: 15px 25px;
    height: auto;
    align-items: flex-start;
}
.header-salon7l-nb-registrations {
    position: absolute;
    font-size: 0.8em;
    bottom: 0.5em;
}
.menu-mobile-bottom .widget_hemis-socials-networks-widget {
    padding-bottom: 15px;
}
.header-menu .menu-item.link-portail-salon7l > a {
    color: #9d9d9d;
    text-decoration: underline;
    text-transform: none;
    font-weight: 600;
}
/*body:not(.logged-in) .widget_hemis-login-widget a.header-login-button,
body.logged-in .widget_hemis-login-widget button.header-login-button {
    display: none;
}*/
.site-header .menu_salon7l .sub-menu {
    background-color: #385cc7;
    color: #fff;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}
body.friends-of-7l .site-header .menu_salon7l .sub-menu {
    min-height: 11em;
}
.salon7l-menu-item-season-theme-all {
    font-weight: 700;
}
.header-my-account-submenu {
    position: absolute;
    top: 100%;
    right: 15px;
    padding: 60px 0;
    width: 620px;
    list-style: none;
    text-align: center;
    background-color: #f2f4f1;
    font-size: 2.2rem;
    text-transform: none;
    font-weight: 300;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.header-my-account-submenu.show {
    opacity: 1;
    visibility: visible;
}
.header-my-account-submenu li {
    margin-bottom: 40px;
    line-height: 1.2;
}
.header-my-account-submenu li:last-child {
    margin-bottom: 0;
}
.header-my-account-submenu li a {
    text-decoration: none;
    font-size: inherit;
    text-transform: none;
    color: inherit;
    transition-property: color, background-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.header-my-account-submenu li a.color-site:hover {
    color: #e84190;
}
.header-my-account-submenu li a.color-salon7l:hover,
.header-menu .menu-item.menu_salon7l > button:hover {
    color: #385cc7;
}
.header-menu .menu-item.salon7l .sub-menu a:hover,
.header-menu .menu-item.menu_salon7l .sub-menu a:hover,
.header-menu .menu-item.menu_salon7l .sub-menu button:hover {
    color: #fff;
}
.menu_salon7l > button > .number-red-bubble {
    display: none;
}

.widget-salon7l-agenda-button svg {
    height: 1.5rem;
}
.widget-salon7l-agenda-button .to-stroke {
    stroke: #000;
}
.widget-salon7l-agenda-button .number-red-bubble {
    position: absolute;
    font-size: 0.8em;
    top: 0;
    right: 0;
}
/* HEADER */



/* FILTER */
.salon7l-filter-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 998;
    transition-property: opacity, visibility;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.salon7l-filter .salon7l-filter-shadow {
    opacity: 0.7;
    visibility: visible;
}
.salon7l-filter-fixed {
    top: 200px;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: #385cc7;
    margin-bottom: 0;
    width: 50%;
    opacity: 0;
    visibility: hidden;
    font-size: 1.4rem;
    transition-property: height, opacity, visibility;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
    z-index: 999;
}
.salon7l-filter .salon7l-filter-fixed {
    opacity: 1;
    visibility: visible;
}

.salon7l-filter-btn-container {
    height: 4.2em;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    transition: height .3s ease-in-out;
    display: none;
}
.salon7l-filter .salon7l-filter-btn-container {
    height: 0;
}
.salon7l-filter-btn {
    border: solid 1px #fff;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    margin: 0;
    padding: 0.7em 2.3em;
    letter-spacing: 0.1em;
    align-items: center;
}
.salon7l-filter-btn svg {
    width: 1em;
    stroke: #fff;
    margin-right: 0.5em;
}
.salon7l-filter-btn-listing {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 1.2rem;
    background-color: #385cc7;
    z-index: 1;
}
/** SI ON PASSE LE FILTRE EN FIXED **/
.salon7l-filter-btn-listing {
    position: fixed;
    transition-property: opacity, visibility;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    opacity: 0;
    visibility: hidden;
    top: calc( ( 100% - 200px ) / 2 + 200px ) !important;
    transform: translateY(-50%);
    right: 0;
}
.salon7l-page-result .salon7l-filter-btn-listing,
.salon7l-page-correspondances .no-events .salon7l-filter-btn-listing,
.salon7l-page-salon_de_lecture .no-events .salon7l-filter-btn-listing,
.salon7l-filter-btn-listing.reached {
    opacity: 1;
    visibility: visible;
}
.salon7l-page-result .no-events .salon7l-filter-btn-listing,
.salon7l-page-correspondances .no-events .salon7l-filter-btn-listing,
.salon7l-page-salon_de_lecture .no-events .salon7l-filter-btn-listing {
    position: static;
    margin-right: auto;
    margin-left: auto;
}
/** SI ON PASSE LE FILTRE EN FIXED **/

.salon7l-filter-container {
    height: 100%;
    overflow: auto;
}
.salon7l-filter-fields-container {
    color: #fff;
    max-width: 500px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    padding-top: 45px;
    padding-bottom: 45px;
    overflow: auto;
    margin: 0 auto 0;
    transition: height .3s ease-in-out;
}
.salon7l-filter-fixed .header-menu-button {
    left: auto;
    right: 5px;
    top: 5px;
    width: 50px;
    height: 50px;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.salon7l-filter .salon7l-filter-fixed .header-menu-button {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.salon7l-filter-fixed .header-menu-button::before,
.salon7l-filter-fixed .header-menu-button::after {
    opacity: 1;
    visibility: visible;
    background-color: #fff;
    width: 50%;
    height: 2px;
    left: calc( 25% );
}
.salon7l-filter-title {
    font-size: 1.3em;
    margin-bottom: 0.8em;
    position: relative;
    font-weight: 700;
}
.salon7l-filter-title span {
    position: relative;
    background-color: #385cc7;
    display: inline-block;
    padding-right: 0.7em;
    z-index: 2;
}
.salon7l-filter-title::after {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    width: 100%;
    background-color: #fff;
    left: 0;
    right: 0;
    z-index: 1;
}
.salon7l-filter-inputs-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 4px;
    margin-bottom: 15px;
    justify-content: space-between;
}
.salon7l-filter-checkbox-container {
    flex: auto;
}
.salon7l-filter-checkbox-container input {
    display: none;
}
.salon7l-filter-checkbox-container.salons-de-lecture {
    flex: none;
}
.salon7l-filter-checkbox-container span {
    font-size: 0.65em;
    text-transform: uppercase;
    display: inline-block;
    border: solid 1px #fff;
    padding: 1em 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.salon7l-filter-checkbox-container input:checked + span {
    background-color: #fff;
    color: #385cc7;
}
.salon7l-filter-checkbox-container.salons-de-lecture span {
    padding-left: 3em;
    padding-right: 3em;
}
.salon7l-filter-checkbox-container.month {
    flex: none;
    width: calc(25% - 3px);
}
.salon7l-filter-last {
    display: flex;
    justify-content: flex-end;
    margin-top: 2em;
    font-size: 0.8em;
}
.salon7l-filter-last .btn {
    font-size: 1em;
}

.salon7l-filter-links-list {
    font-size: 0.8rem;
    display: flex;
    list-style: none;
    padding: 0 11em 0 0;
    margin-bottom: 3em;
    flex-wrap: wrap;
}
.salon7l-filter-link {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}
.salon7l-filter-link a {
    display: block;
    background-color: #fff;
    color: #385cc7;
    text-decoration: none;
    padding: 1em 2.6em;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
}
.salon7l-filter-link a::before,
.salon7l-filter-link a::after {
    content: "";
    background-color: #385cc7;
    position: absolute;
    height: 1px;
    width: 1em;
    right: 0.7em;
    top: 1.65em;
    transform: rotate(45deg);
}
.salon7l-filter-link a::after {
    transform: rotate(-45deg);
}
/* FILTER */



/* PAGE SALON */
.page-template-template-salon7l #site-content {
    background-color: #f4f4f1;
}
.salon7l-no-events .edito-main-zone,
.salon7l-no-events #site-content {
    margin-bottom: 0;
    padding-bottom: 0;
}
.salon7l-listing {
    font-size: 0.8rem;
    padding-top: 5em;
}
.edito-main-zone-text.salon7l-edito-main-zone-text {
    font-size: 1.4rem;
}
.button-readmore {
    background: transparent;
    border: none;
    font-weight: 500;
    border-bottom: solid 1px #fff;
    padding: 0;
}
.site-content-hidden,
.button-readmore.show,
.edito-zone-btn {
    display: none;
}
.site-content-hidden.show {
    display: block;
}
.salon7l-edito-main-zone > .edito-zone-images-slideshow,
.edito-zone-images-slideshow .lslide {
    min-height: 117vh;
}
.salon7l-edito-main-zone .lSSlideOuter,
.salon7l-edito-main-zone > .edito-zone-images-slideshow {
    /*width: 48.8%;*/
    width: 50%;
}
.salon7l-edito-main-zone > .edito-zone-images-slideshow {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.salon7l-edito-main-zone > .edito-zone-images-slideshow::before {
    content: "";
    content: url(../images/icon-loading-salon7l.svg);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.9;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.salon7l-edito-main-zone > .edito-zone-images-slideshow > li:first-child {
    z-index: 1;
}
.edito-zone-images-slideshow {
    /*transition-duration: 0s !important;*/
}
.salon7l-edito-main-zone > .edito-zone-images-slideshow > li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.edito-zone-images-slideshow .lslide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.salon7l-edito-main-zone .edito-main-zone-text-container {
    width: 50%;
}
.salon7l-season-listing-header.container {
    /*max-width: 1690px;*/
    max-width: 1350px;
    margin-top: 4.05em;
    margin-bottom: 3.05em;
    /*font-size: 3.7rem;*/
    font-size: 3rem;
}
.salon7l-season-listing-header-title {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
}
.salon7l-listing > .container {
    /*max-width: 1710px;*/
    max-width: 1370px;
}
.salon7l-month-listing-container {
    margin-bottom: 50px;
}
.salon7l-month-listing-container:last-child {
    margin-bottom: 0;
}
.salon7l-month-listing-title {
    font-weight: 700;
    color: #385cc7;
    font-size: 3.51em;
    margin-bottom: 0.5em;
}
.salon7l-month-listing-title:first-letter {
    text-transform: capitalize;
}
.salon7l-month-listing {
    list-style: none;
    padding: 0;
}
.salon7l-month-listing-grid {
    display: grid;
    grid-gap: 0 30px;
    grid-template-columns: repeat(4, 1fr);
}
.salon7l-month-listing-event {
    margin-bottom: 30px;
    padding-bottom: 4.3em;
    position: relative;
}
.salon7l-month-listing-event.first {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    padding-bottom: 0;
}
.salon7l-month-listing-event a {
    text-decoration: none;
    display: block;
}
.salon7l-month-listing-event-image-container {
    height: 460px;
    position: relative;
    margin-bottom: 2.4em;
    background-size: cover;
    background-position: center;
}
.salon7l-month-listing-event-image-container::before {
    position: absolute;
    /*top: 0;*/
    bottom: 0;
    height: 10em;
    content: "";
    left: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#first-event-of-list {
    top: 33%;
    position: absolute;
}
.salon7l-month-listing-event-image-container.no-image {
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container,
.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container.no-image {
    height: 655px;
}
.salon7l-month-listing-event-image-container.no-image img {
    max-width: 80px;
}
.salon7l-title-borderleft {
    position: absolute;
    color: #fff;
    font-weight: 700;
    border-left: solid 1.3em #385cc7;
    /* top: 2%; */
    bottom: 4%;
    left: 0;
    font-size: 1.5em;
    padding-left: 0.9em;
    line-height: 1;
    letter-spacing: 0.02em;
    margin: 0;
    height: 1.9em;
    display: flex;
    align-items: center;
}
.salon7l-listing-see-hover {
    color: #385cc7;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 0.7em 2.5em 0.4em;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.salon7l-month-listing-event-image-container:hover .salon7l-listing-see-hover {
    opacity: 1;
    visibility: visible;
}
.salon7l-month-listing-event.first .salon7l-title-borderleft {
    border-left-width: 1.2em;
    font-size: 2.1em;
    padding-left: 0.7em;
    height: 1.7em;
}
.salon7l-month-listing-event-image-container img {
    display: block;
    width: 100%;
}
.salon7l-month-listing-event-date {
    font-size: 1.3em;
    font-weight: 700;
    color: #385cc7;
    margin-bottom: 0.25em;
}
.salon7l-month-listing-event-date:first-letter {
    text-transform: uppercase;
}
.salon7l-month-listing-event.first .salon7l-month-listing-event-date {
    font-size: 1.5em;
}
.salon7l-month-listing-event-title {
    font-weight: 700;
    font-size: 1.8em;
    line-height: 1.24;
    margin-bottom: 0.45em;
}
.salon7l-month-listing-event.first .salon7l-month-listing-event-title {
    font-size: 2.6em;
}
.salon7l-month-listing-event-title.salon7l-event-has-program {
    margin-bottom: 0.2em;
}
.salon7l-month-listing-event-subtitle {
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.24;
    /*margin-bottom: 0.8em;*/
    margin-bottom: 0.3em;
}
.salon7l-month-listing-event .btn {
    font-size: 1.3em;
    min-height: 3.3em;
    position: absolute;
    left: 0;
    bottom: 0;
    border-width: 1px;
    padding: 0.8em;
    min-width: 10em;
    background-color: transparent;
    border-color: rgba(59, 68, 232, 0.5);
}
.salon7l-month-listing-event .btn.loading-7l-salon7l::before {
    background-size: auto 100%;
}
.salon7l-month-listing-event.first .btn {
    position: relative;
}
.salon7l-month-listing-event-notice-noregistration {
    font-weight: 500;
    color: #3e3e3e;
    font-size: 1.1em;
}
.salon7l-page-salon_de_lecture .edito-main-zone-titles-container {
    margin-bottom: 50px;
}
.salon7l-page-salon_de_lecture .edito-main-zone-title,
.salon7l-page-correspondances .edito-main-zone-title {
    font-size: 3.6rem;
    margin-bottom: 0;
    line-height: 1;
}
.salon7l-page-salon_de_lecture .edito-main-zone-subtitle,
.salon7l-page-correspondances .edito-main-zone-subtitle {
    font-weight: 500;
    font-size: 2.4rem;
    margin-bottom: 0;
    line-height: 1.3;
}
.salon7l-message-noevents {
    font-size: 1.5em;
    text-align: center;
    padding: 2em 0;
}
.salon7l-edito-main-zone .edito-zone-image.no-image {
    background-size: auto;
}



/** Image non tronquée **/
/*.salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-grid {
    display: flex;
    flex-wrap: wrap;
}
.salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event {
    width: calc( ( 100% - 90px ) / 4 );
}
.salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event.first {
    width: 100%;
}
.salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event.first a {
    width: calc( 50% - 15px );
}
.salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event.first.paysage a {
    width: calc( ( 100% - 10px ) * 0.75 );
}
.salon7l-month-listing-event-image-container,
.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container {
    height: auto;
}
.salon7l-month-listing-event-image-container::before {
    display: none;
}
.salon7l-month-listing-event-theme-shadow {
    position: absolute;
    bottom: 0;
    height: 10em;
    content: "";
    left: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}*/
/** Image non tronquée **/

/** Image non tronquée avec fond **/
/*.salon7l-month-listing-event-image-container::before {
    display: none;
}
.salon7l-month-listing-event-theme-shadow {
    position: absolute;
    bottom: 0;
    height: 10em;
    content: "";
    left: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.salon7l-month-listing-event-image-container {
    padding: 25px;
    display: flex;
    background-color: #fff;
}
.salon7l-month-listing-event-image-container.portrait {
    justify-content: center;
}
.salon7l-month-listing-event-image-container {
    height: 460px;
    align-items: center;
    justify-content: center;
}
.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container {
    height: 655px;
    background-color: #b2b6b7;
}
.salon7l-month-listing-event-image-container img,
.salon7l-month-listing-event-image-container.portrait img {
    height: auto;
    width: auto;
}
.salon7l-month-listing-event-image-container.paysage {
    align-items: center;
}
.salon7l-month-listing-event-image-container.paysage img {
    height: auto;
    width: 100%;
}*/
/** Image non tronquée avec fond **/

/** Image non tronquée 2024-09-16 **/
.salon7l-month-listing-grid {
    grid-template-columns: repeat(8, 1fr);
}
.salon7l-month-listing-event {
    grid-column: span 2;
}
.salon7l-month-listing-event.first {
    grid-column: 1 / span 3;
    grid-row: -1 / 3;
}
.salon7l-month-listing-event:nth-child(n + 4) {
    grid-row-start: 3;
}
.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container {
    height: auto;
    min-height: 10em;
}
.salon7l-month-listing-event:nth-child(4),
.salon7l-month-listing-event:nth-child(5),
.salon7l-month-listing-event:nth-child(6),
.salon7l-month-listing-event:nth-child(7) {
    grid-row-start: 3;
}
.salon7l-month-listing-event:nth-child(8),
.salon7l-month-listing-event:nth-child(9),
.salon7l-month-listing-event:nth-child(10),
.salon7l-month-listing-event:nth-child(11) {
    grid-row-start: 4;
}
.salon7l-month-listing-event:nth-child(12),
.salon7l-month-listing-event:nth-child(13),
.salon7l-month-listing-event:nth-child(14),
.salon7l-month-listing-event:nth-child(15) {
    grid-row-start: 5;
}
.salon7l-month-listing-event:nth-child(16),
.salon7l-month-listing-event:nth-child(17),
.salon7l-month-listing-event:nth-child(18),
.salon7l-month-listing-event:nth-child(19) {
    grid-row-start: 6;
}
.salon7l-month-listing-event.first.paysage {
    grid-column: 1 / span 4;
    grid-row: 1 / 3;
}
.no-theme .salon7l-month-listing-event-image-container::before {
    display: none;
}
.salon7l-month-listing-event a {
    width: 100%;
}
/** Image non tronquée 2024-09-16 **/

/** Image non tronquée 2024-09-24 **/
.salon7l-month-listing-grid {
    display: flex;
    flex-wrap: wrap;
}
.salon7l-month-listing-event {
    width: calc( ( 100% - 90px ) / 4 );
}
.salon7l-month-listing-event.first {
    width: 100%;
}
.salon7l-month-listing-event.first a {
    width: 37.5%;
}
.salon7l-month-listing-event.first.paysage a {
    width: 50%;
}
/** Image non tronquée 2024-09-16 **/


/* PAGE SALON */



/* PAGE AGENDA */
.woocommerce-salon7l-agenda.woocommerce-account main {
    background-color: #fff;
}
.woocommerce-salon7l-agenda .container.myaccount-container {
    max-width: 1370px;
}
.entry-content-salon7l-agenda .woocommerce-MyAccount-content {
    padding: 0;
}
.my-account-salon7l-agenda-title {
    font-size: 4.3rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    /*padding-top: 0.35em;*/
    padding-top: 0.5em;
    /*margin-bottom: 2.7em;*/
    margin-bottom: 0.5em;
    
    padding-bottom: 1.4em;
    border-bottom: solid 0.07em #d2d1cc;
}
.my-account-salon7l-agenda-container .salon7l-month-listing-title {
    position: relative;
    margin-bottom: 0.55em;
    letter-spacing: -0.015em;
}
.my-account-salon7l-agenda-container .salon7l-month-listing-title span {
    background-color: #ffffff;
    display: inline-block;
    height: 100%;
    padding-right: 0.4em;
    position: relative;
}
.my-account-salon7l-agenda-container .salon7l-month-listing {
    display: flex;
    flex-wrap: wrap;
}
.my-account-salon7l-agenda-container .salon7l-month-listing-event {
    width: 30.8%;
    margin-right: 3.8%;
    padding-bottom: 65px;
    margin-bottom: 60px;
    position: relative;
}
.my-account-salon7l-agenda-container .salon7l-month-listing-event:nth-child(3n) {
    margin-right: 0;
}
.my-account-salon7l-agenda-container .salon7l-month-listing-event-image-container {
    height: 530px;
}
.my-account-salon7l-agenda-container .btn.btn-blue-border {
    font-size: 1.3em;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
}
.popup-salon7l-agenda-event-summary .popup-salon7l-step.step-2 {
    left: 0;
}
/* PAGE AGENDA */



/* PAGE EVENT */
.page-template-template-salon7l.salon7l-page-event #site-content {
    background-color: #fff;
}
.product-header.salon7l-event-header-salon7l {
    flex-flow: row-reverse;
}
.salon7l-event-header-salon7l .product-header-container {
    padding-left: 15px;
    padding-right: 15px;
}
.salon7l-event-header-image-theme {
    display: none;
}
.salon7l-event-header-salon7l .product-header-image {
    width: 50%;
    background-color: #b2b6b7;
    padding: 50px;
}
.product-header-image-imgcontainer {
    position: relative;
}
.product-header-image-imgcontainer::before {
    position: absolute;
    bottom: 0;
    height: 20%;
    content: "";
    left: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.product-header-image-imgcontainer img {
    display: block;
}
.salon7l-event-date {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 11px;
    color: #385cc7;
}
.salon7l-event-header-salon7l .product-header-h1 {
    padding-left: 0;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 0.3em;
}
.salon7l-event-header-salon7l .product-header-h1.salon7l-event-has-program {
    margin-bottom: 0;
}
.salon7l-event-subtitle {
    font-size: 1.7rem;
    margin-bottom: 11px;
    font-weight: 500;
}
.product-header-salon7l-btn-container .btn {
    background-color: transparent;
    padding-left: 2.7em;
    padding-right: 2.7em;
    position: relative;
    font-size: 1em;
    border-width: 1px;
    padding-top: 0.8em;
    padding-top: 0.8em;
}
.product-header-salon7l-btn-container .btn::before {
    z-index: 999;
    background-size: auto 100%;
}
.salon7l-event-side-att_to_cart .product-side-thumbnail-container {
    height: auto;
    background-size: cover;
    background-position: center;
    align-items: flex-end;
    position: relative;
}
.salon7l-event-header-image-theme {
    display: block;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: 0.7em;
    color: #fff;
    font-weight: 700;
    padding-top: 0.2em;
    padding-left: 0.6em;
    border-left: solid 1.1em #385cc7;
    font-size: 1.1em;
}
.product-header-image-imgcontainer .salon7l-event-header-image-theme {
    font-size: 1.8rem;
}
.salon7l-event-side-att_to_cart .product-side-thumbnail-container::before {
    content: "";
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    bottom: 0;
    left: 0;
    right: 0;
    height: 7em;
    position: absolute;
}
.salon7l-event-side-att_to_cart .event-date {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 0.7em;
    position: absolute;
    color: #fff;
    text-align: center;
}
.salon7l-event-side-att_to_cart .product-side-thumbnail-container img {
    width: 100%;
    max-width: 100%;
    max-height: none;
    box-shadow: none;
}
.product-side-att_to_cart.salon7l-event-side-att_to_cart {
    width: 280px;
    font-size: 0.9rem;
    top: calc( 50% + 100px )
}
.salon7l-event-side-att_to_cart .product-side-thumbnail-container.product-no-img {
    background-size: 80px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.salon7l-event-side-att_to_cart .event-btn-register {
    width: 100%;
    height: 4em;
    font-size: 1.3em;
    padding: 0.5em 1em;
    background-color: #385cc7;
    color: #fff;
    border-color: #385cc7;
}

.event-content-description {
    margin-bottom: 2em;
}
.event-content-bio {
    /*font-style: italic;*/
    font-size: 0.9em;
    margin-bottom: 2.22em;
}
.event-content-production {
    font-size: 0.9em;
    color: #385cc7;
    margin-bottom: 2.22em;
    /*padding: 2.22em 0 0;*/
    /*border-top: solid 1px #385cc7;*/
}
/* PAGE EVENT */



/* POPUP REGISTRATION */
.popup-salon7l-registration {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    padding: 50px;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    visibility: hidden;
    font-size: 1rem;
    transition-property: opacity, visibility;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.popup-salon7l-registration.show {
    opacity: 1;
    visibility: visible;
}
.popup-salon7l-content-container {
    height: 100%;
    background-color: #fff;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}
.popup-salon7l-header-btn-back {
    display: block;
    width: 100%;
    border: none;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 2.3em;
    height: 3.5em;
    text-align: left;
    background-color: #fff;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.popup-salon7l-header-btn-back::before {
    content: "";
    top: 50%;
    left: 1em;
    position: absolute;
    height: 1em;
    width: 1em;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    transform: translateY(-50%) rotate(45deg);
}
.popup-salon7l-header-btn-back::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    background-color: #f4f2f1;
    height: 1px;
}
.salon7l-form-registration {
    height: calc(100% - 3.5em);
    position: relative;
    overflow: hidden;
}
.popup-salon7l-step {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    bottom: 0;
    overflow: auto;
    background-color: #fff;
    transition-property: left, background-color, opacity, visibility;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.popup-salon7l-registration.step-1 .popup-salon7l-step.step-1,
.popup-salon7l-registration.step-2 .popup-salon7l-step.step-2,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-3,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-4 {
    left: 0;
}
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-1,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-1,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-2,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-2,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-3,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-3,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-4,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-4,
.popup-salon7l-registration.step-3 .popup-salon7l-header-btn-back,
.popup-salon7l-registration.step-4 .popup-salon7l-header-btn-back,
.popup-salon7l-registration.step-3 .popup-salon7l-content-container,
.popup-salon7l-registration.step-4 .popup-salon7l-content-container {
    background-color: #f2f4f1;
}
.popup-salon7l-registration.step-1 .popup-salon7l-step.step-2,
.popup-salon7l-registration.step-1 .popup-salon7l-step.step-3,
.popup-salon7l-registration.step-1 .popup-salon7l-step.step-4,
.popup-salon7l-registration.step-2 .popup-salon7l-step.step-1,
.popup-salon7l-registration.step-2 .popup-salon7l-step.step-3,
.popup-salon7l-registration.step-2 .popup-salon7l-step.step-4,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-1,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-2,
.popup-salon7l-registration.step-3 .popup-salon7l-step.step-4,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-1,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-2,
.popup-salon7l-registration.step-4 .popup-salon7l-step.step-3 {
    opacity: 0;
    visibility: hidden;
}
.popup-salon7l-step > .container {
    max-width: 480px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.salon7l-form-registration .fields-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2em;
}
.main-guest-inputs-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.salon7l-form-registration label {
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9em;
    color: #385cc7;
    margin-bottom: 0.5em;
}
.salon7l-form-registration input {
    border: none;
    border-bottom: solid 1px #000;
    outline: none;
}
.popup-salon7l-input1 {
    width: 40%;
    margin-top: 1.5em;
}
.popup-salon7l-input2 {
    width: 58%;
    margin-top: 1em;
}
.popup-salon7l-input1.first,
.popup-salon7l-input2.first {
    margin-top: 0;
}
.salon7l-form-registration input[readonly] {
    border-bottom: 0;
}
.salon7l-form-registration .has-remove-button input {
    width: calc( 40% - 1.2em );
}
.salon7l-form-registration .has-remove-button input + input {
    width: calc( 58% - 1.2em );
}
.salon7l-form-registration input.error {
    border-bottom: solid 1px #f00;
    color: #f00;
}
.additional-guest-btn-remove {
    padding: 0;
    border: 0;
    width: 1.2em;
    height: 1.2em;
    position: relative;
    border-radius: 50%;
    background-color: transparent;
}
.additional-guest-btn-remove::after,
.additional-guest-btn-remove::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 80%;
    background-color: #385cc7;
    top: 50%;
    left: 10%;
    transform: rotate(45deg);
}
.additional-guest-btn-remove::after {
    transform: rotate(-45deg);
}
.salon7l-form-registration input:focus
.salon7l-form-registration input:focus-visible {
    border-color: #385cc7;
}
.additional-guests-container {
    display: flex;
    flex-flow: column-reverse;
}
.additional-guests-container.revert {
    flex-flow: column;
    /*padding-top: 3.6em;*/
}
.popup-salon7l-btn-valid {
    border: none;
    background: #385cc7;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.7em 0;
    border-radius: 3px;
    margin-bottom: 1em;
}
.additional-guests-buttons {
    display: flex;
    justify-content: space-between;
    padding: 0.4em 0.8em;
    border: solid 1px #385cc7;
    color: #385cc7;
    font-weight: 500;
    border-radius: 3px;
    align-items: center;
    margin-bottom: 1.5em;
}
.additional-guests-plus-minus-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.additional-guests-plus-minus-container span {
    margin: 0 0.5em;
    min-width: 1em;
    text-align: center;
}
.additional-guests-plus-minus-container button {
    border: none;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    padding: 0;
    background-color: #f4f2f1;
    position: relative;
}
.additional-guests-plus-minus-container .minus::before,
.additional-guests-plus-minus-container .plus::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 60%;
    left: 20%;
    top: calc( 50% - 1px );
    background-color: #385cc7;
}
.additional-guests-plus-minus-container .plus::after {
    content: "";
    position: absolute;
    content: "";
    height: 60%;
    width: 2px;
    left: calc( 50% - 1px );
    top: 20%;
    background-color: #385cc7;
}
.popup-salon7l-event-header-salon7l .product-header-image.no-image {
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-color: #fff;
}
.popup-salon7l-event-header-salon7l .product-header-image {
    width: 100%;
    /*height: 420px;*/
    height: auto;
    min-height: 0;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.popup-salon7l-event-header-salon7l .product-header-image img {
    display: block;
    width: 100%;
}
.popup-salon7l-event-header-salon7l .product-header-image::before {
    position: absolute;
    bottom: 0;
    height: 20%;
    content: "";
    left: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.popup-salon7l-event-header-salon7l .salon7l-event-header-image-theme {
    display: block;
}
.popup-salon7l-event-header-salon7l .product-header-container {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}
.popup-salon7l-event-header-salon7l .salon7l-event-date {
    font-size: 1em;
}
.popup-salon7l-event-header-salon7l .product-header-h1 {
    font-size: 1.8em;
    font-weight: 700;
}
.popup-salon7l-step2-registrations {
    padding-top: 2em;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin-bottom: 2em;
}
.popup-salon7l-step2-registrations-title {
    color: #385cc7;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.25em;
}
.popup-salon7l-step2-registrations-list {
    margin-bottom: 2em;
    list-style: none;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.popup-salon7l-step2-registrations-notice {
    color: #888;
    margin-bottom: 1.5em;
    display: block;
}
.popup-salon7l-registration:not(.has-guest) .popup-salon7l-step2-registrations-title.step2-guests-title,
.popup-salon7l-registration:not(.has-guest) .popup-salon7l-step2-registrations-notice.without-additional-guests,
.popup-salon7l-registration.has-guest.has-additional-guests .popup-salon7l-step2-registrations-notice.without-additional-guests,
.popup-salon7l-registration:not(.has-additional-guests) .popup-salon7l-step2-registrations-notice.with-additional-guests,
.popup-salon7l-registration:not(.has-additional-guests) .step2-additional-guests-title,
.popup-salon7l-registration:not(.has-additional-guests) .popup-salon7l-step2-registrations-list-additional-guests {
    display: none;
}
.popup-salon7l-registration.has-guest:not(.has-additional-guests) .popup-salon7l-step2-registrations-notice.without-additional-guests,
.popup-salon7l-registration.has-additional-guests .popup-salon7l-step2-registrations-notice.with-additional-guests,
.popup-salon7l-registration.has-additional-guests .step2-additional-guests-title,
.popup-salon7l-registration.has-additional-guests .popup-salon7l-step2-registrations-list-additional-guests {
    display: block;
}
.popup-salon7l-step.step-2 .popup-salon7l-btn-valid {
    width: 100%;
}

.popup-salon7l-step-title {
    text-align: center;
    font-size: 1.7em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0em;
    padding-bottom: 0.45em;
    border-bottom: solid 1px #000;
}
.step-1 .popup-salon7l-step-title,
.step-2 .popup-salon7l-step-title {
    margin-bottom: 50px;
    border-bottom: 0;
    padding: 0;
}
.popup-salon7l-step-3-listing {
    padding: 0;
    list-style: none;
}
.popup-salon7l-step-3-listing {
    padding: 0;
    list-style: none;
    padding-top: 1.7em;
    margin-bottom: 1.4em;
}
.popup-salon7l-step-3-listing > li {
    display: flex;
    align-items: flex-end;
    padding-bottom: 1.6em;
    border-bottom: solid 1px #000;
}
.popup-salon7l-step-3-listing > li > div:first-child {
    width: calc(100% - 4em);
}
.popup-salon7l-step-3-listing > li > div:last-child {
    width: 4em;
    text-align: right;
}
.popup-salon7l-step-3-listing-registrations {
    margin-bottom: 0.8em;
}
.popup-salon7l-step-3-listing-date::first-letter {
    text-transform: uppercase;
}
.popup-salon7l-step-3-listing-date {
    font-weight: 700;
    font-size: 0.85em;
    letter-spacing: -0.02em;
    margin-bottom: 0;
}
.popup-salon7l-step-3-listing-title {
    margin-bottom: 0;
}
.popup-salon7l-step-3-listing .woocommerce-Price-amount {
    font-weight: 700;
}

.popup-salon7l-step-3-total-container {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    margin-bottom: 1.2em;
}
.popup-salon7l-step-3-total-container p {
    margin-bottom: 0;
}
.popup-salon7l-step-3-total-container > p:first-child > span + span {
    font-weight: 400;
    font-size: 0.8em;
}
.popup-salon7l-step.step-3 .popup-salon7l-btn-valid {
    width: 100%;
    margin-bottom: 0;
}

.popup-salon7l-step.step-4 > .container {
    padding-bottom: 15px;
    height: 100%;
}
.popup-salon7l-step-4-creditcart-container {
    margin-top: 1.3em;
    color: #01112a;
    font-weight: 500;
    background-color: #f8f8fa;
    padding: 1.8em 1em 1em;
    margin-bottom: 1.6em;
    /*margin-bottom: 0;*/
    height: auto;
}
.popup-salon7l-step-4-creditcart-container.use-iframe {
    height: calc( 100% - 5em );
}
.popup-salon7l-step-4-creditcart-container > div {
    height: 100%;
}
.popup-salon7l-step-4-creditcart-container iframe {
    width: 100%;
    height: 100%;
}
.popup-salon7l-step-4-creditcart-container span iframe {
    height: 1.9em;
    border: solid 1px #ceced0;
    background: #fff;
}
.popup-salon7l-step-4-creditcart-title i {
    border: solid 1px #e0e0e0;
    border-radius: 2px;
    padding: 0.2em 0.4em;
    background-color: #fff;
}
.popup-salon7l-step-4-creditcart-title span {
    font-size: 0.85em;
}
.popup-salon7l-step-4-creditcart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.popup-salon7l-step-4-creditcart .full-width {
    width: 100%;
    margin-bottom: 0.9em;
}
.popup-salon7l-step-4-creditcart .half-width {
    width: 47.5%;
}
.popup-salon7l-step-4-creditcart p {
    font-size: 0.65em;
    margin-bottom: 0.1em;
}
.salon7l-form-registration .popup-salon7l-step-4-creditcart input {
    width: 100%;
    border: solid 1px #ceced0;
    border-radius: 0.3em;
    padding: 0.55em 0.7em;
    font-size: 0.8em;
    letter-spacing: 0.1em;
}
.popup-salon7l-step.step-4 .popup-salon7l-btn-valid {
    display: flex;
    width: 100%;
    color: #fff;
    fill: #fff;
    background-color: #01112a;
    align-items: flex-end;
    justify-content: center;
    font-weight: 400;
    line-height: 0.7;
    padding-top: 0.9em;
    padding-bottom: 0.9em;
}
.popup-salon7l-step.step-4 .popup-salon7l-btn-valid svg {
    height: 1.1em;
}
.popup-salon7l-step.step-4 .popup-salon7l-btn-valid svg + span {
    margin-left: 0.5em;
    margin-right: 0.3em;
}
/* POPUP REGISTRATION */



/* REGISTRATION VALID */
.salon7l-registration-valid-container {
    text-align: center;
    padding-top: 5em;
    font-size: 1.2rem;
    color: #999;
    background-color: #f4f4f4;
    padding-bottom: 5em;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}
.salon7l-registration-valid-container .btn {
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.salon7l-registration-valid-container a:not(.btn) {
    color: #000;
}
/* REGISTRATION VALID */



@media screen and (max-width: 1550px) {
    
    /* MY ACCOUNT 1550px */
    
    
    
    /* HEADER 1550px */
    .header-my-account-submenu {
        padding: 30px 0;
        width: 480px;
        font-size: 1.2rem;
    }
    .header-my-account-submenu li {
        margin-bottom: 20px;
    }
    .widget-salon7l-agenda-button svg {
        height: 1.3125rem;
    }
    /* HEADER 1550px */
    
    
    
    /* FILTER 1550px */
    .salon7l-filter-fixed {
        font-size: 1.3rem;
    }
    .salon7l-filter-fields-container {
        max-width: 480px;
    }
    /* FILTER 1550px */
    
    
    
    /* PAGE SALON 1550px */
    .salon7l-listing {
        font-size: 0.7rem;
    }
    .salon7l-filter-btn-listing {
        font-size: 1.05rem;
    }
    .salon7l-listing > .container {
        max-width: 1200px;
    }
    .edito-main-zone-text.salon7l-edito-main-zone-text {
        font-size: 1.2rem;
    }
    /*.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container,*/
    .salon7l-month-listing-event.first .salon7l-month-listing-event-image-container.no-image {
        height: 615px;
    }
    .salon7l-month-listing-event-image-container {
        height: 400px;
    }
    .salon7l-edito-main-zone > .edito-zone-images-slideshow,
    .edito-zone-images-slideshow .lslide {
        min-height: calc( 100vh - 180px );
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-titles-container {
        margin-bottom: 25px;
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-title,
    .salon7l-page-correspondances .edito-main-zone-title {
        font-size: 2.8rem;
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-subtitle,
    .salon7l-page-correspondances .edito-main-zone-subtitle {
        font-size: 1.8rem;
    }
    /* PAGE SALON 1550px */
    
    
    
    /* PAGE AGENDA 1550px */
    .woocommerce-salon7l-agenda .container.myaccount-container {
        max-width: 1210px;
    }
    .my-account-salon7l-agenda-title {
        font-size: 3.76rem;
    }
    /* PAGE AGENDA 1550px */

    
    
    /* PAGE EVENT 1550px */
    .salon7l-event-header-salon7l .product-header-container > * {
        max-width: 640px;
    }
    .salon7l-event-subtitle {
        font-size: 1.3rem;
    }
    .product-side-att_to_cart.salon7l-event-side-att_to_cart {
        width: 255px;
        font-size: 0.75rem;
    }
    .salon7l-event-side-att_to_cart .product-side-thumbnail-container {
        /*height: 305px;*/
        min-height: 8em;
    }
    .salon7l-event-side-att_to_cart .event-btn-register {
        font-size: 0.9rem;
    }
    .product-header-image-imgcontainer .salon7l-event-header-image-theme {
        font-size: 1.6rem;
    }
    /* PAGE EVENT 1550px */
    
    
    
    /* POPUP REGISTRATION 1550px */
    
    
    
    /* REGISTRATION VALID 1550px */
    .salon7l-registration-valid-container {
        font-size: 1rem;
    }
    /* REGISTRATION VALID 1550px */
}



@media screen and (max-width: 1380px) {
    
    /* MY ACCOUNT 1380px */
    .myaccount-salon7l-title {
        font-size: 1.2rem;
    }
    .myaccount-salon7l-portail-content {
        font-size: 1.3rem;
    }
    .myaccount-salon7l-portail-content + .myaccount-salon7l {
        margin-top: 60px;
    }
    /* MY ACCOUNT 1380px */
    
    /* HEADER 1380px */
    .header-my-account-submenu {
        padding: 20px 0;
        width: 380px;
        font-size: 1.2rem;
    }
    .widget-salon7l-agenda-button svg {
        height: 1.2rem;
    }
    /* HEADER 1380px */
    
    /* FILTER 1380px */
    .salon7l-filter-fixed {
        top: 120px;
        font-size: 1.1rem;
    }
    .salon7l-filter-fields-container {
        max-width: 380px;
    }
    /* FILTER 1380px */
    
    /* PAGE SALON 1380px */
    .salon7l-listing {
        font-size: 0.6rem;
    }
    .salon7l-listing > .container {
        max-width: 1040px;
    }
    .edito-main-zone-text.salon7l-edito-main-zone-text {
        font-size: 1rem;
    }
    .salon7l-filter-btn-listing {
        font-size: 0.9rem;
    }
    /*.salon7l-month-listing-event.first .salon7l-month-listing-event-image-container,*/
    .salon7l-month-listing-event.first .salon7l-month-listing-event-image-container.no-image {
        height: 535px;
    }
    .salon7l-month-listing-event-image-container {
        height: 340px;
    }
    .salon7l-edito-main-zone > .edito-zone-images-slideshow,
    .edito-zone-images-slideshow .lslide {
        min-height: calc( 100vh - 120px );
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-title,
    .salon7l-page-correspondances .edito-main-zone-title {
        font-size: 2.2rem;
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-subtitle,
    .salon7l-page-correspondances .edito-main-zone-subtitle {
        font-size: 1.4rem;
    }
    /* PAGE SALON 1380px */
    
    /* PAGE AGENDA 1380px */
    .woocommerce-salon7l-agenda .container.myaccount-container {
        max-width: 1040px;
    }
    .my-account-salon7l-agenda-container .salon7l-month-listing-event-image-container {
        height: 455px;
    }
    .my-account-salon7l-agenda-title {
        font-size: 2.83rem;
    }
    /* PAGE AGENDA 1380px */

    /* PAGE EVENT 1380px */
    .salon7l-event-header-salon7l .product-header-container > * {
        max-width: 540px;
    }
    .product-side-att_to_cart.salon7l-event-side-att_to_cart {
        width: 200px;
        font-size: 0.65rem;
        top: calc( 50% + 60px );
    }
    .salon7l-event-side-att_to_cart .product-side-thumbnail-container {
        /*height: 240px;*/
    }
    .salon7l-event-side-att_to_cart .event-btn-register {
        font-size: 0.75rem;
    }
    .product-header-image-imgcontainer .salon7l-event-header-image-theme {
        font-size: 1.4rem;
    }
    /* PAGE EVENT 1380px */
    
    /* POPUP REGISTRATION 1380px */
    
    /* REGISTRATION VALID 1380px */
    .salon7l-registration-valid-container {
        font-size: 0.9rem;
    }
    /* REGISTRATION VALID 1380px */
}



@media screen and (max-width: 999px) {
    
    .page-template-template-salon7l #site-footer {
        padding-bottom: 100px;
    }
    
    
    
    /* MY ACCOUNT 999px */
    .myaccount-salon7l-title {
        font-size: 1rem;
    }
    .woocommerce-MyAccount-navigation .myaccount-salon7l-seasons {
        min-height: calc( ( 1em + 60px ) * 3 );
    }
    .myaccount-salon7l a,
    .myaccount-salon7l button {
        font-size: 1em;
    }
    .myaccount-salon7l-portail-content + .myaccount-salon7l {
        margin-top: 35px;
    }
    .myaccount-salon7l {
        margin-top: 40px;
    }
    /* MY ACCOUNT 999px */
    
    
    
    /* HEADER 999px */
    .menu_salon7l > button > .number-red-bubble {
        display: inline-flex;
    }
    .header-salon7l-nb-registrations {
        bottom: 0.25em;
        line-height: 1;
    }
    .widget_hemis-login-widget a.header-login-button {
        display: flex;
    }
    .widget_hemis-login-widget button.header-login-button,
    .widget_hemis-login-widget .header-my-account-submenu {
        /*display: none;*/
    }
    .header-menu .menu-item.menu_salon7l > button,
    .header-menu.header-mobile .menu-item.menu_salon7l .sub-menu {
        background-color: #385cc7;
    }
    .menu_salon7l,
    .header-menu .menu-item.menu_salon7l > button:hover,
    .header-menu > .menu-item.menu_salon7l .sub-menu-title .menu-button {
        color: #fff;
    }
    .header-menu .menu_salon7l .sub-menu .sub-menu .sub-menu-title button::before,
    .header-mobile li.menu_salon7l a:first-child:last-child::before,
    .header-mobile li.menu_salon7l button.has-submenu-link::before,
    .header-menu .menu-item.menu_salon7l .menu-button::before,
    .header-menu > .menu-item.menu_salon7l .sub-menu-title .menu-button:hover::before {
        border-color: #fff;
    }
    .widget_hemis-salon7l-agenda-widget {
        position: absolute;
        left: 85px;
        top: 25px;
    }
    .widget-salon7l-agenda-button {
        width: auto;
        height: auto;
        margin-left: 0;
        overflow: visible;
    }
    .widget-salon7l-agenda-button svg {
        height: 1.6rem;
        transition: height .5s ease-in-out;
    }
    .widget-salon7l-agenda-button .number-red-bubble {
        font-size: 0.7em;
        top: -0.3em;
        right: -0.4em;
    }
    .widget_hemis-salon7l-agenda-widget {
        position: absolute;
        left: 85px;
        top: 25px;
        transition-property: top, left;
        transition-duration: .5s;
        transition-timing-function: ease-in-out;
    }
    /* HEADER 999px */
    
    
    
    /* FILTER 999px */
    body.salon7l-filter {
        overflow: hidden;
    }
    .salon7l-filter-btn-listing {
        display: none;
    }
    .salon7l-filter-shadow {
        z-index: 90;
    }
    .salon7l-filter .salon7l-filter-shadow {
        z-index: 1010;
    }
    .salon7l-filter-fixed {
        top: auto;
        left: 0;
        width: 100%;
        height: 4.2em;
        /*font-size: 0.84rem;*/
        font-size: 0.9rem;
        border-radius: 1em 1em 0 0;
        opacity: 0;
        visibility: hidden;
        z-index: 91;
    }
    .salon7l-filter .salon7l-filter-fixed {
        bottom: 0;
        position: fixed;
        background-color: #385cc7;
        /*height: 100vh;*/
        /*height: calc( 100vh - 105px );*/
        height: calc(100vh - 25px);
        max-height: calc(100vh - 25px);
        overflow: auto;
        z-index: 1011;
    }
    body.salon7l-show-filter .salon7l-filter-fixed,
    body.salon7l-filter .salon7l-filter-fixed,
    .salon7l-page-result .no-events .salon7l-filter-fixed,
    .salon7l-page-correspondances .no-events .salon7l-filter-fixed,
    .salon7l-page-salon_de_lecture .no-events .salon7l-filter-fixed {
        opacity: 1;
        visibility: visible;
    }
    .salon7l-filter-btn-container {
        display: flex;
    }
    .salon7l-filter-fields-container {
        height: 0;
        max-width: 375px;
        transition-property: height, padding;
        padding: 0;
    }
    .salon7l-filter .salon7l-filter-fields-container {
        height: calc( 100vh - 25px );
        padding: 30px 15px;
    }
    .salon7l-filter-checkbox-container.month {
        width: calc(33% - 3px);
    }
    .salon7l-filter-links-list {
        font-size: 0.6rem;
        padding-right: 0;
        flex-wrap: wrap;
    }
    /* FILTER 999px */
    
    
    
    /* PAGE SALON 999px */
    .edito-main-zone.salon7l-edito-main-zone {
        flex-flow: row;
        margin-bottom: 60px;
    }
    .salon7l-edito-main-zone .edito-zone-image {
        width: 50%;
    }
    .salon7l-edito-main-zone > .edito-zone-images-slideshow,
    .edito-zone-images-slideshow .lslide,
    .salon7l-edito-main-zone .edito-main-zone-text-container {
        align-items: flex-start;
        min-height: calc( 100vh - 90px - 3.5rem );
    }
    .salon7l-edito-main-zone .edito-main-zone-title {
        font-size: 1.6rem;
    }
    .edito-main-zone.salon7l-edito-main-zone .edito-main-zone-text {
        font-size: 0.8rem;
    }
    .salon7l-listing {
        padding-top: 4em;
        font-size: 0.5rem;
        background-color: #f4f4f1;
    }
    .salon7l-month-listing-container {
        /*max-width: 480px;*/
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    .entry-content-salon7l-agenda .salon7l-listing {
        font-size: 0.6rem;
    }
    .salon7l-month-listing-title {
        margin-bottom: 0.7em;
    }
    .salon7l-month-listing-grid {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 0;
        justify-content: space-between;
    }
    .salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event,
    .salon7l-month-listing-event {
        width: 46%;
        margin-bottom: 50px;
        /*padding-bottom: 5em;*/
        padding-bottom: 8em;
    }
    .salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event.first,
    .salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event.first a,
    .salon7l-month-listing-event.first,
    .salon7l-month-listing-container.next-events-aligned-under .salon7l-month-listing-event.first.paysage a {
        width: 100%;
        padding-bottom: 0;
    }
    .salon7l-month-listing-event-image-container,
    .salon7l-month-listing-event-image-container.no-image {
        height: 405px;
        margin-bottom: 0.9em;
    }
    .salon7l-month-listing-event.first .salon7l-month-listing-event-image-container {
        /*height: 690px;*/
        margin-bottom: 2.2em;
    }
    .salon7l-month-listing-event.first .salon7l-month-listing-event-image-container.no-image {
        height: 690px;
    }
    .salon7l-month-listing-event.first .salon7l-month-listing-event-date {
        font-size: 1.5em;
        letter-spacing: 0.06em;
    }
    .salon7l-month-listing-event.first .salon7l-month-listing-event-title {
        font-size: 3.2em;
    }
    .salon7l-month-listing-event.first .salon7l-month-listing-event-date .hide-desktop {
        display: none;
    }
    .salon7l-month-listing-event.first a {
        width: 100%;
        max-width: 380px;
    }
    .salon7l-month-listing-event.first.paysage a {
        max-width: 100%;
    }
    .salon7l-month-listing-event-date {
        margin-bottom: 0.5em;
    }
    .salon7l-month-listing-event .btn {
        border-width: 1px;
        font-size: 1.5em;
        min-height: 2.85em;
    }
    .salon7l-month-listing-event + .salon7l-month-listing-event .btn {
        font-size: 1.5em;
    }
    /* PAGE SALON 999px */
    
    
    
    /* PAGE AGENDA 999px */
    .my-account-salon7l-agenda-title {
        font-size: 2.35rem;
        text-align: left;
        margin-bottom: 1.4em;
        border-bottom: solid 0.05em #d2d1cc;
        padding-bottom: 0.5em;
    }
    .my-account-salon7l-agenda-container .salon7l-listing {
        background-color: transparent;
        padding-top: 0;
    }
    .my-account-salon7l-agenda-container .salon7l-month-listing-title {
        font-size: 2.8em;
    }
    .my-account-salon7l-agenda-container .salon7l-month-listing-event {
        width: 100%;
        padding-bottom: 0;
        display: flex;
        margin-right: 0;
        margin-bottom: 2.3em;
    }
    .my-account-salon7l-agenda-container .salon7l-month-listing-event-image-container {
        /*height: 215px;*/
        height: 415px;
        margin-bottom: 0;
        margin-right: 4%;
    }
    .my-account-salon7l-agenda-container .salon7l-month-listing-event > a:first-child,
    .my-account-salon7l-agenda-container .salon7l-month-listing-event > .salon7l-month-listing-event-image-container {
        width: 47%;
    }
    .salon7l-month-listing-event-content-container {
        width: 49%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }
    .salon7l-month-listing-event-content-container .salon7l-month-listing-event-title {
        font-size: 1.6em;
    }
    .my-account-salon7l-agenda-container .btn.btn-blue-border {
        position: static;
        font-size: 1.1em;
        padding: 1em 2.7em;
        height: auto;
    }
    /* PAGE AGENDA 999px */
    

    
    /* PAGE EVENT 999px */
    .salon7l-event-header-salon7l .product-header-container {
        width: 50%;
    }
    .salon7l-event-header-salon7l .product-header-container > * {
        text-align: left;
    }
    .salon7l-event-subtitle {
        font-size: 0.9rem;
    }
    .salon7l-event-header-salon7l .product-header-image.product-header-image-with-background {
        padding: 50px;
    }
    .salon7l-event-date {
        font-size: 1rem;
    }
    .product-header-salon7l-btn-container .btn {
        font-size: 0.8rem;
        border-width: 1px;
    }
    .product-header-image-imgcontainer .salon7l-event-header-image-theme {
        font-size: 1rem;
    }
    /* PAGE EVENT 999px */
    
    
    
    /* POPUP REGISTRATION 999px */
    .popup-salon7l-registration {
        padding: 0;
    }
    .popup-salon7l-content-container {
        max-width: 100%;
    }
    .salon7l-form-registration {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 480px;
        padding-top: 30px;
        padding-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    /* POPUP REGISTRATION 999px */
    
    
    
    /* REGISTRATION VALID 999px */
    .salon7l-registration-valid-container {
        font-size: 0.8rem;
    }
    /* REGISTRATION VALID 999px */
}



@media screen and (max-width: 768px) {
    
    .page-template-template-salon7l #site-footer {
        padding-bottom: 80px;
    }
    
    
    
    /* MY ACCOUNT 768px */
    .myaccount-salon7l-seasons-themes .woocommerce-MyAccount-navigation-link:nth-child(2n+2) {
        margin-right: 0;
    }
    .myaccount-salon7l-seasons,
    .woocommerce-MyAccount-navigation .myaccount-salon7l-seasons-themes,
    .woocommerce-MyAccount-navigation.has-salon7l-navigation ul {
        width: 48%;
    }
    .woocommerce-MyAccount-navigation.has-salon7l-navigation .woocommerce-MyAccount-navigation-link.salon7l:nth-last-child(n) {
        margin-bottom: 0;
    }
    .woocommerce-MyAccount-navigation .myaccount-salon7l-seasons {
        min-height: calc( ( 1em + 50px ) * 3 );
    }
    .myaccount-salon7l a,
    .myaccount-salon7l button {
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }
    .myaccount-salon7l .myaccount-salon7l-seasons-themes a,
    .myaccount-salon7l .myaccount-salon7l-seasons-themes button {
        padding-right: 10px;
    }
    /* MY ACCOUNT 768px */
    
    
    
    /* HEADER 768px */
    .header-salon7l-nb-registrations {
        bottom: 0.1em;
    }
    .widget_hemis-salon7l-agenda-widget {
        left: 60px;
        top: 27px;
    }
    .widget-salon7l-agenda-button svg {
        height: 1.3rem;
    }
    .widget-salon7l-agenda-button .number-red-bubble {
        font-size: 0.55em;
    }
    .header-nav-mobile .header-banner-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* HEADER 768px */
    
    
    
    /* FILTER 768px */
    /* FILTER 768px */
    
    
    
    /* PAGE SALON 768px */
    .edito-main-zone.salon7l-edito-main-zone {
        flex-flow: column;
        margin-bottom: 0;
    }
    .salon7l-edito-main-zone .edito-zone-image,
    .salon7l-edito-main-zone .edito-main-zone-text-container {
        width: 100%;
        position: relative;
    }
    .salon7l-edito-main-zone .edito-zone-image::after,
    .salon7l-edito-main-zone .lSSlideWrapper::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 20em;
        z-index: 10;
        background: rgb(0, 0, 0);
        background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }
    .salon7l-edito-main-zone .edito-zone-image img {
        display: block;
    }
    .edito-zone-btn {
        display: block;
        color: #fff;
        position: absolute;
        left: calc(50% - 120px);
        bottom: 4em;
        padding: 1.4em 0;
        z-index: 11;
        border: solid 1px #fff;
        background: transparent;
        font-size: 0.6rem;
        letter-spacing: 0.11em;
        text-align: center;
        width: 240px;
        font-weight: 500;
    }
    .salon7l-month-listing-event-image-container.no-image img {
        max-width: 50px;
    }
    .edito-main-zone-titles-container {
        max-width: 100%;
        position: absolute;
        top: -4.7em;
        margin: 0;
        border-left: solid 24px #385cc7;
        padding-left: 0.4em;
        font-size: 2.5rem;
        line-height: 1;
        color: #fff;
        left: 0;
        z-index: 10;
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-titles-container,
    .salon7l-page-correspondances .edito-main-zone-titles-container {
        top: -6em;
        font-size: 1.85rem;
    }
    .salon7l-edito-main-zone .edito-main-zone-title {
        font-size: 1em;
        margin-bottom: 0;
    }
    .salon7l-page-salon_de_lecture .edito-main-zone-subtitle,
    .salon7l-page-correspondances .edito-main-zone-subtitle {
        font-size: 0.75em;
        line-height: 1.4;
    }
    .theme-blue .salon7l-edito-main-zone .edito-main-zone-text-container {
        background-color: #fff;
        color: #000;
        padding: 80px 15px;
        min-height: 0;
    }
    .theme-blue .salon7l-edito-main-zone .edito-main-zone-text-container.no-desc {
        padding: 0;
    }
    .edito-main-zone.salon7l-edito-main-zone .edito-main-zone-text {
        font-size: 1rem;
        line-height: 1.45;
    }
    .edito-main-zone.salon7l-edito-main-zone .edito-main-zone-text p {
        margin-bottom: 1.5em;
    }
    .button-readmore {
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.8em;
        font-weight: 700;
        text-decoration: underline;
    }
    .salon7l-listing {
        font-size: 0.45rem;
    }
    
    .salon7l-edito-main-zone .lSSlideOuter,
    .salon7l-edito-main-zone > .edito-zone-images-slideshow {
        width: 100%;
    }
    /* PAGE SALON 768px */
    
    
    
    /* PAGE AGENDA 768px */
    /* PAGE AGENDA 768px */
    
    
    
    /* PAGE EVENT 768px */
    .product-header.salon7l-event-header-salon7l {
        flex-flow: column-reverse;
        background: transparent;
        margin-bottom: 0;
        font-size: 1.4rem;
    }
    .salon7l-event-header-salon7l .product-header-image.product-header-image {
        width: 100%;
        height: auto;
        max-height: none;
        min-height: 0;
        position: relative;
        padding: 0;
    }
    .salon7l-event-header-salon7l .product-header-image.product-header-image img {
        max-height: none;
        max-width: 100%;
        width: 100%;
    }
    .product-header.salon7l-event-header-salon7l {
        font-size: 1.2rem;
    }
    .salon7l-event-header-image-theme {
        display: block;
    }
    .product-header-image-imgcontainer .salon7l-event-header-image-theme {
        font-size: 1.4rem;
    }
    .product-header .product-header-container > .product-header-salon7l-btn-container {
        max-width: 100%;
    }
    .salon7l-event-header-salon7l .product-header-container {
        padding-top: 2em;
        padding-bottom: 0;
        width: 100%;
    }
    .salon7l-event-header-image-theme {
        display: block;
    }
    .salon7l-event-header-salon7l .product-header-container > * {
        text-align: center;
    }
    .product-header .product-header-container > .salon7l-event-date {
        font-size: 0.6em;
        letter-spacing: 0.05em;
        margin-bottom: 0.3em;
        padding-left: 0;
        padding-right: 0;
    }
    .product-header .product-header-container > .product-header-h1 {
        font-size: 1.2em;
        padding-right: 0;
        margin-bottom: 1.5em;
        text-transform: none;
    }
    .product-header .product-header-container > .product-header-h1.salon7l-event-has-program {
        margin-bottom: 0;
    }
    .salon7l-event-subtitle {
        font-size: 0.7em;
        margin-bottom: 0.3em;
    }
    .product-header-salon7l-btn-container .btn {
        color: #fff;
        border-color: #fff;
        border-width: 1px;
        font-size: 0.8rem;
        padding-top: 0.8em;
        padding-bottom: 0.7em;
    }
    .product-header-salon7l-btn-container {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #385cc7;
        z-index: 999;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 15px 15px 0 0;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-content.product-content-event {
        font-size: 0.9rem;
        margin-bottom: 25px;
        line-height: 1.5;
        max-width: 450px;
    }
    /* PAGE EVENT 768px */
    
    
    
    /* POPUP REGISTRATION 768px */
    .popup-salon7l-registration {
        font-size: 0.9rem;
    }
    /* POPUP REGISTRATION 768px */
    
    
    
    /* REGISTRATION VALID 768px */
}



@media screen and (max-width: 630px) {
    
    /* MY ACCOUNT 630px */
    
    /* HEADER 630px */
    
    /* FILTER 630px */
    
    /* PAGE SALON 630px */
    
    /* PAGE AGENDA 630px */
    .my-account-salon7l-agenda-container .salon7l-month-listing-event-image-container {
        height: 66vw;
    }
    /* PAGE AGENDA 630px */
    
    /* PAGE EVENT 630px */
    .product-header-image-imgcontainer .salon7l-event-header-image-theme {
        font-size: 1.2rem;
    }
    /* PAGE EVENT 630px */
    
    /* POPUP REGISTRATION 630px */
    
    /* REGISTRATION VALID 630px */
}



@media screen and (max-width: 550px) {
    
    /* MY ACCOUNT 550px */
    .woocommerce-MyAccount-navigation.has-salon7l-navigation {
        display: block;
    }
    .woocommerce-MyAccount-navigation.has-salon7l-navigation ul {
        width: 100%;
    }
    .woocommerce-MyAccount-navigation.has-salon7l-navigation .woocommerce-MyAccount-navigation-link:nth-last-child(n) {
        margin-bottom: 15px;
    }
/*    #myaccount-salon7l-navigation {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        font-size: 0.8rem;
    }*/
    .myaccount-salon7l-seasons,
    .woocommerce-MyAccount-navigation .myaccount-salon7l-seasons-themes {
        width: 100%;
    }
    .woocommerce-MyAccount-navigation-link.sub-menu-title {
        height: auto;
        display: block;
    }
    .myaccount-salon7l .myaccount-salon7l-seasons-themes-flex a::after,
    .myaccount-salon7l .myaccount-salon7l-seasons-themes-flex button::after {
        display: block;
    }
    .woocommerce-MyAccount-navigation .myaccount-salon7l-seasons {
        min-height: calc( ( 1.2em + 45px ) * 4 );
    }
    .myaccount-salon7l-seasons .woocommerce-MyAccount-navigation-link {
        margin-bottom: 15px;
    }
    .myaccount-salon7l a,
    .myaccount-salon7l button {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
    }
    /* MY ACCOUNT 550px */
    
    
    
    /* HEADER 550px */
    .header-my-account-submenu {
        width: 100%;
        right: 0;
        margin: 0;
        font-size: 1em;
        padding: 10px 0;
    }
    /* HEADER 550px */
    
    
    
    /* FILTER 550px */
     .salon7l-filter-links-list {
        font-size: 0.5rem;
    }
    /* FILTER 550px */
    
    
    
    /* PAGE SALON 550px */
    .salon7l-month-listing-event.first .salon7l-month-listing-event-image-container.no-image {
        height: 420px;
    }
    .salon7l-month-listing-event-image-container,
    .salon7l-month-listing-event-image-container.no-image {
        height: 63.7vw;
    }
    /* PAGE SALON 550px */
    
    
    
    /* PAGE AGENDA 550px */
    .my-account-salon7l-agenda-title {
        font-size: 1.6rem;
        margin-bottom: 1.4em;
    }
    .entry-content-salon7l-agenda .salon7l-month-listing-container {
        max-width: 100%;
    }
    .salon7l-month-listing-event-image-container.no-image {
        background-size: 40px auto;
    }
    .entry-content-salon7l-agenda .salon7l-listing {
        font-size: 0.5rem;
    }
    /* PAGE AGENDA 550px */
    
    
    
    /* PAGE EVENT 550px */
    .product-header.salon7l-event-header-salon7l {
        /*font-size: 1rem;*/
    }
    /* PAGE EVENT 550px */
    
    
    
    /* POPUP REGISTRATION 550px */
    .popup-salon7l-event-header-salon7l .product-header-h1 {
        font-size: 1.4em;
        padding-left: 0;
        padding-right: 0;
    }
    /* POPUP REGISTRATION 550px */
    
    
    
    /* PAGE REGISTRATION 550px */
    .popup-salon7l-step-4-creditcart-container {
        padding: 0;
    }
    /* PAGE REGISTRATION 550px */
}