:root {
    --font-family-archivo: 'Archivo', sans-serif;
    --font-family-work-sans: 'Work Sans', sans-serif;

    --color-link-red: rgb(238, 170, 45);
    --color-background-link-red: rgb(238, 170, 45);
    
    --color-link-red-hover: rgb(232, 160, 25);
    --color-background-link-red-hover: rgb(232, 160, 25);

    --color-link-red-pressed: rgb(227, 150, 15);
    --color-background-link-red-pressed: rgb(227, 150, 15);
}


.popup-wave, 
.slide__title-wave {
    display: none;
}


.menu-item.active {
    color: var(--color-link-red);
}


/*
.menu__buttons-item, 
.popup__button-red,
.fake-checkbox {
    border-radius: 2px;
}
*/

.popup__button-red {
    background-color: var(--color-background-link-red);
    border-color: var(--color-link-red);
    color: #FFFFFF;
}
.popup__button-red:hover {
    background-color: var(--color-background-link-red-hover);
    border-color: var(--color-link-red-hover);
    color: #FFFFFF;
}
.popup__button-red:active {
    background-color: var(--color-background-link-red-pressed);
    border-color: var(--color-link-red-pressed);
    color: #FFFFFF;
}


.aside__extra-content.valide.action-popup-validate {
    background-color: var(--color-background-link-red);
    border-color: var(--color-link-red);
    color: #FFFFFF;
}
.aside__extra-content.valide.action-popup-validate:hover {
    background-color: var(--color-background-link-red-hover);
    border-color: var(--color-link-red-hover);
    color: #FFFFFF;
}
    .aside__extra-content.valide.action-popup-validate:hover .aside__list-item-label,
    .aside__extra-content.valide.action-popup-validate:hover svg path {
        color: #FFFFFF;
        fill: #FFFFFF;
    }
.aside__extra-content.valide.action-popup-validate:active {
    background-color: var(--color-background-link-red-pressed);
    border-color: var(--color-link-red-pressed);
    color: #FFFFFF;
}
    .aside__extra-content.valide.action-popup-validate:active .aside__list-item-label,
    .aside__extra-content.valide.action-popup-validate:active svg path {
        color: #FFFFFF;
        fill: #FFFFFF;
    }


/*
.popup,
.toggle__tab,
.toggle__info,
.config-option-n,
.slide__image,
.aside__content {
    border-radius: 4px;    
}
*/

.popup-details__close {
    font-size: 14px;
}

.popup-imagesphotos__close {
    display: none;
}

.popup-title {
    margin-bottom: 15px;
}

.popup-buttons {
    margin-top: 15px;
}
.popup-open__form .popup-buttons {
    margin-top: 0;
}

.toggle__info-description {
    margin-bottom: 10px;
}


.toggle__info.check {
    background-color: #0B1D31;
}


.menu__buttons-item {
	padding: 6px 9px;
	text-decoration: none;
}




/* les polices utilisées */
.slide__title {
    font-family: var(--font-family-archivo);
    font-weight: 600;
    font-size: 40px;
    letter-spacing: normal;
    text-transform: uppercase;
}

body, 
.pageNumbers,
.pagination button,
.popup-title,
.popup-text,
.aside__list-item-label,
.aside__extra-content.valide.action-popup-validate .aside__list-item-label, 
.menu-item,
.menu__buttons-item,
.aside__list-item-text,
.popup__button-red,
.popup-details__subtitle,
.popup-subtitle,
.popup-validate__option,
.popup-input,
.popup-demande-devis__input > select.popup-input,
.popup-demande-devis__option,
.popup-details__price, 
.popup-details__place,
.popup-details__feature,
.popup-details__feature-masse,
.popup-details__feature-price,
.popup-close-save__strong,
.popup-close-save__label,
.popup-restart__text strong,
.toggle__title,
.toggle__tab-text,
.toggle__info-title {
    font-family: var(--font-family-archivo);
}

.toggle__tab-text {
	font-size: 16px;
	font-weight: bold;
}

.toggle__title {
	font-size: 24px;
}


.popup-restart__text strong {
    font-size: 17px;
    font-weight: 600;
}

.toggle__info-description,
.popup-place p,
.popup-charge p,
.popup-text {
    line-height: 1.30;
}

.popup-place p,
.popup-charge p {
    font-size: 14px;
    font-weight: 300;
}

.popup-validate__option,
.popup-details__feature {
    font-size: 13px;
}
.popup-details__feature-onglet {
    font-size: 13px;
}

h3.popup-subtitle {
    font-size: 14px;
}

.popup-details__content {
    margin-bottom: 15px;
}

.popup-details__price,
.popup-details__place {
    font-size: 15px;
    font-weight: 600;
}

.popup-details__item {
    padding-bottom: 7px;
}


/*
@media (min-width: 800px) {
    .toggle__title {
        font-size: 26px;
    }
}
*/


/* En mode salon, reserver la hauteur du bandeau et du recapitulatif. */
body[data-salon="bourget"] {
    display: flex;
    flex-direction: column;
}

body[data-salon="bourget"] > .choix-entete,
body[data-salon="bourget"] > .header,
body[data-salon="bourget"] > .aside {
    flex-shrink: 0;
}

body[data-salon="bourget"] > #fconfig {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
}

body[data-salon="bourget"] > #fconfig > .slide {
    overflow: auto!important;
}

.choix-entete {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 14px clamp(18px, 2vw, 48px);
    background: #fff;
    border-bottom: 1px solid #e5e5e2;
    font: 700 26px Archivo, Arial, sans-serif;
    letter-spacing: 2px;
}

/* Le bandeau tarifaire remonte sur la ligne du logo : garder le lien cliquable. */
.choix-entete > a {
    position: relative;
    z-index: 1;
}

.choix-entete img {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.choix-entete p.choix-entete-tarifs-salon {
    align-self: stretch;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-align: right;
    color: #5b5b5b;
    margin: 0;
    margin-top: -40px;
}

@media (max-width: 767px) {
    .choix-entete {
        padding: 18px;
    }
}