.merene-infos-pratiques {
background-size: cover;
background-repeat: no-repeat;
background-color: #005aa0;
background-blend-mode: difference; width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
color: #fff;
}
.mip__inner {
max-width: 1200px;
margin: 0 auto;
padding: 72px 24px;
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 56px;
align-items: center;
} .mip__titre {
position: relative;
margin: 0 0 28px;
padding-left: 8px;
color: #fff;
font-family: "UniformCondensed", sans-serif;
font-weight: 600;
font-size: 40px;
line-height: 1.05;
}
.mip__titre::before { display: block !important; } .mip__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.mip__list li {
position: relative;
padding-left: 24px;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.6;
}
.mip__list li::before {
content: '';
position: absolute;
left: 0;
top: .5em;
width: 8px;
height: 8px;
border-radius: 50%;
background: #F29BA1;
} .mip__media img { width: 100%; height: auto; display: block; border-radius: 10px; } @media (max-width: 860px) {
.mip__inner { grid-template-columns: 1fr; gap: 28px; padding: 48px 24px; }
.mip__titre { font-size: 30px; }
}