@charset "UTF-8";
/* CSS Document */

.hp-cp.bandeau-message .bloc-col{width:100%;height:var(--preheader-height);scroll-snap-align:unset;text-align:center;border-bottom:1px solid #000; background: #000;}
.hp-cp.bandeau-message a {color: #FFF;}
.hp-cp.bandeau-message a.cta-shop {white-space: nowrap;}
.hp-cp.bandeau-message .bloc-messages{width:100%;height:100%;position:relative}
.hp-cp.bandeau-message .bloc-messages .bloc-message{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 min(4vw,64px);transform:translateY(-100%);background: var(--preheader-bg); color: var(--preheader-color);transition:transform 2s; line-height: 1.4; font-size: 0.75rem;}
.hp-cp.bandeau-message .bloc-messages .bloc-message.message-active{transform:translateY(100%);z-index:0}
.hp-cp.bandeau-message .bloc-messages .bloc-message.message-next{transform:translateY(0);z-index:1}
	br.mob {display: none;}
@media screen and (max-width: 768px){.hp-cp.bandeau-message .bloc-messages .bloc-message {font-size: .6875rem;} br.mob {display: block;}}


.cp-countdown .timer-days:after{content:'D'}
.cp-countdown .timer-hours:after{content:'H'}
.cp-countdown .timer-minutes:after{content:'M'}
.cp-countdown .timer-seconds:after{content:'S'}
.cp-countdown .timer-days:after{content:'D'}
html[lang="fr"] .cp-countdown .timer-days:after{content:'J'}