/* Barre de navigation fix */
header.navbar.clearfix {
    z-index: 999;
}

/* Boutons pour la gestion des cookies */
body:not(.printempsEspritCritique25) #orejimeButtonGesture,
body:not(.printempsEspritCritique25) #atInternetButtonOptOut {
	-webkit-box-shadow: inset 0px 0px 0px 1px #000;
	-moz-box-shadow: inset 0px 0px 0px 1px #000;
	box-shadow: inset 0px 0px 0px 1px #000;
	padding: 15px 20px;
	min-width: 185px;
	border: 1px solid #000;
	background-color: #000;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	cursor: pointer;
}

body:not(.printempsEspritCritique25) #orejimeButtonGesture:hover,
body:not(.printempsEspritCritique25) #orejimeButtonGesture:focus,
body:not(.printempsEspritCritique25) #atInternetButtonOptOut:not([disabled]):hover,
body:not(.printempsEspritCritique25) #atInternetButtonOptOut:not([disabled]):focus {
	background-color: #FFF;
	color: #000;
}

#atInternetButtonOptOut[disabled] {
	opacity: .35;
	cursor: auto !important;
}

/* Orejime CSS v3 - Surcharge Universcience */
.orejime-Env {
    --spacer: 8px;
	--orejime-color-background: #000;
	--orejime-color-text: #FFF;
	--orejime-color-interactive: #FFF;
	--orejime-color-on-interactive: #000;
    --orejime-border: 1px;
    --orejime-modal-max-width: 720px;
}

.orejime-Banner {
    top: 0;
    justify-content: center;
    align-items: center;
}

.orejime-Banner-body {
    padding: calc(var(--spacer) * 2);
}

.orejime-Env a,
.orejime-Env a:visited,
.orejime-Env a:hover,
.orejime-Env a:focus {
    color: var(--orejime-color-text);
}

.orejime-Banner-text {
    margin-bottom: calc(var(--spacer) * 2);
}

.orejime-ButtonList {
    gap: var(--spacer);
}

.orejime-Banner-actionItem--info button {
    background-color: var(--orejime-color-background);
    color: var(--orejime-color-text);
    border: var(--orejime-border) solid var(--orejime-color-text);
}

.orejime-Button:is([disabled],
.orejime-Env [aria-disabled=true]) {
    color: var(--orejime-color-text);
    background: #747474;
}

.orejime-CloseIcon,
.orejime-Purpose-input:not([disabled]) {
    cursor: pointer;
}

.orejime-Purpose-input[disabled] {
    cursor: not-allowed;
}

.orejime-ModalWrapper {
    max-height: calc(100% - calc(var(--spacer) * 16));
}

@media screen and (max-width: 450px) {
    .orejime-ModalWrapper {
        max-height: 100%;
    }
}

.orejime-Modal {
    padding: calc(var(--spacer) * 5);
}

@media screen and (max-width: 450px) {
    .orejime-Modal {
       padding: calc(var(--spacer) * 3);
    }
}

.orejime-Banner-purposes {
    font-style: normal;
}

.orejime-Modal-title {
    margin-bottom: calc(var(--spacer) * 2);
    font-size: 2.5rem;
}

@media screen and (max-width: 450px) {
    .orejime-Modal-title {
        font-size: 1.75rem;
    }
}

.orejime-Modal-description {
    font-size: 1.25rem;
}

@media screen and (max-width: 450px) {
    .orejime-Modal-description {
        font-size: 1.125em;
    }
}

.orejime-Purpose-description,
.orejime-Purpose-attribute {
    color: var(--orejime-color-text);
}

.orejime-Modal-header {
    margin-bottom: calc(var(--spacer) * 4);
}

.orejime-Modal-body > ul > .orejime-PurposeList-item {
    margin-bottom: 2em;
}

.orejime-Purpose {
    gap: 0 calc(var(--spacer) * 4);
}

.orejime-Purpose-title {
    font-size: 1.25rem;
}

@media screen and (max-width: 450px) {
    .orejime-Purpose-title {
        font-size: 1.125em;
    }
}

/* Consent Contextual */
.containerIframeDailymotion .orejime-ContextualNotice {
    aspect-ratio: 16 / 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Surcouche sdl_expositions - consent contextual */
.sdl-expositions .ratio-16x9 .orejime-Env {
    position: absolute;
    inset: 0;
}

.sdl-expositions .ratio-16x9 .orejime-ContextualNotice {
    aspect-ratio: 16 / 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Surcouche Palais */
.palais .orejime-Env,
.orejime-Env {
    --orejime-font-family: "Museo Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Surcouche CSI */
.csi .orejime-Env {
    --orejime-font-family: 'A2 Regular Regular', sans-serif;
}

/* Surcouche Universcience */
.universcience .orejime-Env {
    --orejime-font-family: "Lato", "Trebuchet MS", Helvetica, sans-serif;
}

/* Surcouche billetterie */
[data-site-identifier*="billetterie-"] .orejime-Env {
    --orejime-font-family: Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

[data-site-identifier*="billetterie-"] .orejime-Env label {
    text-transform: none;
}

[data-site-identifier*="billetterie-"] .orejime-BannerOverlay,
[data-site-identifier*="billetterie-"] .orejime-ModalOverlay {
    z-index: 1040;
}
