.bm-bandeau[hidden] { display: none; }
.bm-bandeau {
position: relative;
z-index: 100;
padding: 10px 0;
font-size: 1.4rem;
line-height: 1.5;
background: #00428F;
color: #FFFFFF;
}
.bm-bandeau--travaux { background: #FFDD00; color: #00428F; }
.bm-bandeau--alerte { background: #C4161C; color: #FFFFFF; } .bm-bandeau__container {
box-sizing: border-box;
width: 100%;
margin: 0 auto;
padding: 0 16px;
}
.bm-bandeau__body {
display: flex;
align-items: flex-start;
justify-content: space-between;
} .bm-bandeau__icon {
flex: 0 0 auto;
display: block;
width: 1.5em;
height: 1.5em;
margin: 0 0.6em 0 0;
fill: currentColor;
}
.bm-bandeau__text {
flex: 1 1 auto;
min-width: 0;
margin: 0 16px 0 0;
padding: 0;
font-size: inherit;
line-height: 1.5;
position: relative;
top: 0.185em; }
.bm-bandeau__title { font-weight: 700; }
.bm-bandeau__desc { font-weight: 400; }
.bm-bandeau__link {
margin-left: 6px;
color: inherit;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 0.25em;
}
.bm-bandeau__link:hover { text-decoration-thickness: 2px; } .bm-bandeau__external {
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.25em;
vertical-align: -0.125em;
fill: currentColor;
}
.bm-bandeau__close {
position: relative;
flex-shrink: 0;
width: 30px;
height: 30px;
margin: -4px -5px -4px 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
} .bm-bandeau__close::before {
content: "";
position: absolute;
top: -7px;
right: -7px;
bottom: -7px;
left: -7px;
}
.bm-bandeau__close svg { width: 20px; height: 20px; }
.bm-bandeau__close:hover { background: rgba(255, 255, 255, 0.18); }
.bm-bandeau--travaux .bm-bandeau__close:hover { background: rgba(0, 66, 143, 0.12); } .bm-bandeau__close-label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
.bm-bandeau a:focus-visible,
.bm-bandeau__close:focus-visible {
outline: 3px solid #FFDD00;
outline-offset: 2px;
box-shadow: 0 0 0 5px #00428F;
}
@media (min-width: 1025px) {
.bm-bandeau__container { width: 1024px; padding: 0; }
}
@media (min-width: 1400px) {
.bm-bandeau__container { width: 1200px; }
}