.mrdv {
--mrdv-c1: var(--mrdv-principal, #2A3691);
--mrdv-c2: var(--mrdv-accent, #C3A871);
--mrdv-c1-fonce: var(--mrdv-c1);
--mrdv-c1-pale: #f2f3f9;
--mrdv-c2-pale: #faf7f0;
--mrdv-encre: #1e2030;
--mrdv-gris: #5d6170;
--mrdv-trait: #e6e2d8;
--mrdv-champ: #8b8e9c;
--mrdv-rouge: #a3262d;
--mrdv-rayon: 5px;
box-sizing: border-box;
color: var(--mrdv-encre);
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
text-transform: none;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
} @supports (color: color-mix(in srgb, #000 50%, #fff)) {
.mrdv {
--mrdv-c1-fonce: color-mix(in srgb, var(--mrdv-c1) 84%, #000);
--mrdv-c1-pale: color-mix(in srgb, var(--mrdv-c1) 7%, #fff);
--mrdv-c2-pale: color-mix(in srgb, var(--mrdv-c2) 13%, #fff);
}
}
.mrdv *,
.mrdv *::before,
.mrdv *::after {
box-sizing: border-box;
}
.mrdv[hidden],
.mrdv [hidden] {
display: none !important;
} .mrdv .mrdv-encart__titre,
.mrdv .mrdv-encart__texte,
.mrdv .mrdv-encart__action,
.mrdv .mrdv-bandeau,
.mrdv .mrdv-avis__texte,
.mrdv .mrdv-texte,
.mrdv .mrdv-attente,
.mrdv .mrdv-noscript,
.mrdv .mrdv-surtitre,
.mrdv .mrdv-intro,
.mrdv .mrdv-mois__nom,
.mrdv .mrdv-legende,
.mrdv .mrdv-periode,
.mrdv .mrdv-note,
.mrdv .mrdv-aide,
.mrdv .mrdv-erreur,
.mrdv .mrdv-rgpd,
.mrdv .mrdv-actions,
.mrdv .mrdv-succes__quand {
margin: 0;
padding: 0;
color: var(--mrdv-encre);
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
text-indent: 0;
text-shadow: none;
text-transform: none;
} .mrdv .mrdv-sr {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}
.mrdv .mrdv-tel,
.mrdv .mrdv-lien-texte {
color: var(--mrdv-c1);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
.mrdv .mrdv-tel {
white-space: nowrap;
}
.mrdv .mrdv-tel:hover,
.mrdv .mrdv-tel:focus,
.mrdv .mrdv-lien-texte:hover,
.mrdv .mrdv-lien-texte:focus {
color: var(--mrdv-c1-fonce);
text-decoration: underline;
text-decoration-thickness: 2px;
}
.mrdv .mrdv-tel:focus-visible,
.mrdv .mrdv-lien-texte:focus-visible {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
}  .mrdv .mrdv-bouton {
display: inline-block;
width: auto;
max-width: 100%;
min-height: 48px;
margin: 0;
padding: 14px 25px;
border: 1px solid var(--mrdv-c1);
border-radius: var(--mrdv-rayon);
background: var(--mrdv-c1);
box-shadow: none;
color: #fff;
font: inherit;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.04em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-webkit-tap-highlight-color: transparent;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
} .mrdv a.mrdv-bouton.mrdv-bouton {
text-decoration: none;
} .mrdv .mrdv-mot {
color: inherit;
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
white-space: nowrap;
}
.mrdv .mrdv-bouton:hover,
.mrdv .mrdv-bouton:focus {
border-color: var(--mrdv-c1-fonce);
background: var(--mrdv-c1-fonce);
box-shadow: none;
color: #fff;
text-decoration: none;
}
.mrdv .mrdv-bouton:focus-visible {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
}
.mrdv .mrdv-bouton[aria-disabled="true"],
.mrdv .mrdv-bouton[aria-disabled="true"]:hover,
.mrdv .mrdv-bouton[aria-disabled="true"]:focus {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1);
color: #fff;
opacity: 0.6;
cursor: progress;
} .mrdv .mrdv-bouton--contour {
background: transparent;
color: var(--mrdv-c1);
}
.mrdv .mrdv-bouton--contour:hover,
.mrdv .mrdv-bouton--contour:focus {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1);
color: #fff;
} .mrdv .mrdv-jour,
.mrdv .mrdv-creneau,
.mrdv .mrdv-fleche,
.mrdv .mrdv-lien,
.mrdv .mrdv-modale__fermer {
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
color: inherit;
font: inherit;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
text-decoration: none;
text-transform: none;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-webkit-tap-highlight-color: transparent;
} .mrdv .mrdv-lien {
display: inline-flex;
align-items: center;
min-width: 44px;
min-height: 44px;
padding: 0 2px;
color: var(--mrdv-c1);
font-size: 14px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
.mrdv .mrdv-lien:hover,
.mrdv .mrdv-lien:focus {
background: none;
color: var(--mrdv-c1-fonce);
text-decoration: underline;
text-decoration-thickness: 2px;
}
.mrdv .mrdv-lien:focus-visible {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
} .mrdv[data-mrdv] {
display: block;
clear: both;
width: 100%;
max-width: 640px;
margin-right: auto;
margin-left: auto;
scroll-margin-top: 110px;
}
.mrdv .mrdv-cadre {
position: relative;
padding: 28px 28px 30px;
border: 1px solid var(--mrdv-c2);
border-radius: 6px;
background: #fff;
} .mrdv .mrdv-cadre--attente {
display: flex;
align-items: center;
justify-content: center;
min-height: 420px;
}
.mrdv .mrdv-noscript {
margin: 0;
color: var(--mrdv-gris);
font-size: 15px;
text-align: center;
} .mrdv.mrdv--sous-encart {
margin-top: 16px;
}
.mrdv .mrdv-bandeau {
margin: 0 0 18px;
padding: 10px 14px;
border: 1px dashed var(--mrdv-c2);
border-radius: var(--mrdv-rayon);
background: var(--mrdv-c2-pale);
color: var(--mrdv-encre);
font-size: 14px;
line-height: 1.45;
} .mrdv .mrdv-avis {
margin: 0 0 18px;
padding: 12px 14px;
border: 1px solid var(--mrdv-c2);
border-left-width: 3px;
border-radius: var(--mrdv-rayon);
background: var(--mrdv-c2-pale);
color: var(--mrdv-encre);
font-size: 15px;
line-height: 1.5;
}
.mrdv .mrdv-avis:empty {
margin: 0;
padding: 0;
border: 0;
background: none;
}
.mrdv .mrdv-avis--erreur {
border-color: var(--mrdv-rouge);
background: #fdf5f5;
color: #6f1a1f;
}
.mrdv .mrdv-avis__texte {
margin: 0;
padding: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
overflow-wrap: anywhere;
}
.mrdv .mrdv-texte {
margin: 0 0 18px;
padding: 0;
color: var(--mrdv-encre);
font-size: 16px;
line-height: 1.55;
overflow-wrap: anywhere;
}
.mrdv .mrdv-texte:focus,
.mrdv .mrdv-texte:focus-visible {
outline: none;
} .mrdv .mrdv-attente {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
min-height: 360px;
margin: 0;
padding: 0;
color: var(--mrdv-gris);
font-size: 15px;
text-align: center;
}
.mrdv .mrdv-attente::before {
content: "";
width: 26px;
height: 26px;
border: 2px solid var(--mrdv-trait);
border-top-color: var(--mrdv-c1);
border-radius: 50%;
animation: mrdv-rotation 0.9s linear infinite;
} .mrdv .mrdv-surtitre {
margin: 0 0 6px;
padding: 0;
color: var(--mrdv-gris);
font-size: 12px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.mrdv .mrdv-titre {
margin: 0 0 18px;
padding: 0;
border: 0;
color: var(--mrdv-c1);
font-family: inherit;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
text-transform: none;
scroll-margin-top: 110px;
} .mrdv .mrdv-titre::after {
content: "";
display: block;
width: 40px;
height: 1px;
margin-top: 12px;
background: var(--mrdv-c2);
} .mrdv .mrdv-titre:focus,
.mrdv .mrdv-titre:focus-visible {
outline: none;
}
.mrdv .mrdv-intro {
margin: -6px 0 18px;
padding: 0;
color: var(--mrdv-gris);
font-size: 15px;
line-height: 1.5;
} .mrdv .mrdv-mois {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 6px;
}
.mrdv .mrdv-mois__nom {
flex: 1 1 auto;
min-width: 0;
margin: 0;
padding: 0;
color: var(--mrdv-c1);
font-size: 18px;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-transform: capitalize;
}
.mrdv .mrdv-fleche {
display: inline-flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid var(--mrdv-trait);
border-radius: 50%;
background: #fff;
color: var(--mrdv-c1);
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
} .mrdv .mrdv-fleche::before {
content: "";
width: 9px;
height: 9px;
border-bottom: 2px solid currentColor;
border-left: 2px solid currentColor;
transform: translateX(2px) rotate(45deg);
}
.mrdv .mrdv-fleche--suivant::before {
transform: translateX(-2px) rotate(-135deg);
}
.mrdv .mrdv-fleche:hover,
.mrdv .mrdv-fleche:focus {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1-pale);
color: var(--mrdv-c1);
}
.mrdv .mrdv-fleche:focus-visible {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
}
.mrdv .mrdv-fleche[aria-disabled="true"],
.mrdv .mrdv-fleche[aria-disabled="true"]:hover,
.mrdv .mrdv-fleche[aria-disabled="true"]:focus {
border-color: var(--mrdv-trait);
background: #fff;
color: #c5c7d0;
cursor: default;
}
.mrdv .mrdv-grille {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-variant-numeric: lining-nums tabular-nums;
}
.mrdv .mrdv-grille__rang {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
margin: 0;
padding: 0;
}
.mrdv .mrdv-grille__tete {
display: flex;
align-items: center;
justify-content: center;
min-height: 32px;
color: var(--mrdv-gris);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.mrdv .mrdv-grille__case {
display: flex;
align-items: stretch;
justify-content: center;
min-width: 0;
min-height: 46px;
} .mrdv .mrdv-jour {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
}
.mrdv .mrdv-jour:hover,
.mrdv .mrdv-jour:focus {
background: none;
color: inherit;
}
.mrdv .mrdv-jour:focus-visible {
outline: none;
}
.mrdv .mrdv-jour__n {
display: flex;
position: relative;
align-items: center;
justify-content: center;
width: 40px;
max-width: 100%;
height: 40px;
border: 1px solid var(--mrdv-c2);
border-radius: 50%;
background: #fff;
color: var(--mrdv-c1);
font-size: 16px;
font-weight: 600;
line-height: 1;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
} @supports (aspect-ratio: 1 / 1) {
.mrdv .mrdv-jour__n {
width: min(40px, calc(100% - 6px));
height: auto;
aspect-ratio: 1 / 1;
}
}
.mrdv .mrdv-jour:hover .mrdv-jour__n,
.mrdv .mrdv-jour:focus-visible .mrdv-jour__n {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1-pale);
}
.mrdv .mrdv-jour:focus-visible .mrdv-jour__n {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
}
.mrdv .mrdv-jour--choisi .mrdv-jour__n,
.mrdv .mrdv-jour--choisi:hover .mrdv-jour__n,
.mrdv .mrdv-jour--choisi:focus-visible .mrdv-jour__n {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1);
color: #fff;
}
.mrdv .mrdv-jour[disabled],
.mrdv .mrdv-jour[disabled]:hover {
background: none;
cursor: default;
opacity: 1;
}
.mrdv .mrdv-jour[disabled] .mrdv-jour__n,
.mrdv .mrdv-jour[disabled]:hover .mrdv-jour__n {
border-color: transparent;
background: none;
color: #9a9daa;
font-weight: 400;
} .mrdv .mrdv-jour--aujourdhui .mrdv-jour__n::after {
content: "";
position: absolute;
bottom: 5px;
left: 50%;
width: 4px;
height: 4px;
margin-left: -2px;
border-radius: 50%;
background: var(--mrdv-c2);
}
.mrdv .mrdv-legende {
display: flex;
align-items: center;
gap: 8px;
margin: 14px 0 0;
padding: 0;
color: var(--mrdv-gris);
font-size: 14px;
line-height: 1.4;
}
.mrdv .mrdv-legende__pastille {
flex: 0 0 14px;
width: 14px;
height: 14px;
border: 1px solid var(--mrdv-c2);
border-radius: 50%;
} .mrdv .mrdv-periode {
margin: 0 0 8px;
padding: 0;
color: var(--mrdv-gris);
font-size: 12px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.mrdv .mrdv-creneaux {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
gap: 10px;
margin: 0 0 22px;
padding: 0;
}
.mrdv .mrdv-creneaux:last-child {
margin-bottom: 0;
}
.mrdv .mrdv-creneau {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 50px;
padding: 10px 12px;
border: 1px solid var(--mrdv-c1);
border-radius: var(--mrdv-rayon);
background: #fff;
color: var(--mrdv-c1);
font-size: 17px;
font-weight: 600;
font-variant-numeric: lining-nums;
white-space: nowrap;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.mrdv .mrdv-creneau:hover,
.mrdv .mrdv-creneau:focus,
.mrdv .mrdv-creneau--choisi {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1);
color: #fff;
}
.mrdv .mrdv-creneau:focus-visible {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
} .mrdv .mrdv-recap {
margin: 0 0 22px;
padding: 2px 14px;
border: 1px solid var(--mrdv-trait);
border-radius: var(--mrdv-rayon);
background: var(--mrdv-c2-pale);
}
.mrdv .mrdv-recap__ligne {
display: flex;
align-items: center;
gap: 12px;
min-height: 48px;
margin: 0;
padding: 6px 0;
border-top: 1px solid var(--mrdv-trait);
}
.mrdv .mrdv-recap__ligne:first-child {
border-top: 0;
}
.mrdv .mrdv-recap__texte {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
}
.mrdv .mrdv-recap__nom {
color: var(--mrdv-gris);
font-size: 12px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.mrdv .mrdv-recap__valeur {
display: block;
color: var(--mrdv-c1);
font-size: 16px;
font-weight: 600;
line-height: 1.35;
overflow-wrap: anywhere;
}
.mrdv .mrdv-recap__valeur::first-letter {
text-transform: uppercase;
} .mrdv .mrdv-recap__plus {
color: var(--mrdv-gris);
font-size: 14px;
font-weight: 400;
white-space: nowrap;
}
.mrdv .mrdv-recap .mrdv-lien {
flex: 0 0 auto;
} .mrdv .mrdv-formulaire {
position: relative;
margin: 0;
padding: 0;
}
.mrdv .mrdv-note {
margin: 0 0 16px;
padding: 0;
color: var(--mrdv-gris);
font-size: 14px;
line-height: 1.45;
}
.mrdv .mrdv-requis {
color: var(--mrdv-rouge);
font-weight: 600;
}
.mrdv .mrdv-champs {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin: 0 0 18px;
padding: 0;
}
.mrdv .mrdv-champ {
min-width: 0;
margin: 0;
padding: 0;
}
.mrdv .mrdv-label {
display: block;
margin: 0 0 6px;
padding: 0;
color: var(--mrdv-encre);
font-size: 14px;
font-weight: 600;
line-height: 1.3;
letter-spacing: normal;
text-transform: none;
}
.mrdv .mrdv-label__plus {
color: var(--mrdv-gris);
font-weight: 400;
} .mrdv .mrdv-formulaire .mrdv-champ .mrdv-saisie {
display: block;
width: 100%;
max-width: 100%;
height: auto;
min-height: 48px;
margin: 0;
padding: 10px 12px;
border: 1px solid var(--mrdv-champ);
border-radius: var(--mrdv-rayon);
background-color: #fff;
box-shadow: none;
color: var(--mrdv-encre);
font: inherit; font-size: 16px;
line-height: 1.3;
letter-spacing: normal;
text-transform: none;
-webkit-appearance: none;
appearance: none;
transition: border-color 0.15s ease;
}
.mrdv .mrdv-formulaire .mrdv-champ .mrdv-saisie:focus {
border-color: var(--mrdv-c1);
background-color: #fff;
box-shadow: none;
color: var(--mrdv-encre);
outline: 2px solid var(--mrdv-c1);
outline-offset: 0;
}
.mrdv .mrdv-formulaire .mrdv-champ .mrdv-saisie[aria-invalid="true"] {
border-color: var(--mrdv-rouge);
} .mrdv .mrdv-formulaire .mrdv-champ select.mrdv-saisie {
padding-right: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235d6170' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 12px 8px;
cursor: pointer;
text-overflow: ellipsis;
}
.mrdv .mrdv-aide {
margin: 6px 0 0;
padding: 0;
color: var(--mrdv-gris);
font-size: 13px;
line-height: 1.4;
}
.mrdv .mrdv-erreur {
margin: 6px 0 0;
padding: 0;
color: var(--mrdv-rouge);
font-size: 14px;
font-weight: 600;
line-height: 1.4;
} .mrdv .mrdv-piege {
position: absolute;
top: 0;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.mrdv .mrdv-rgpd {
margin: 0 0 18px;
padding: 0;
color: var(--mrdv-gris);
font-size: 13px;
line-height: 1.55;
white-space: pre-line;
}
.mrdv .mrdv-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 16px;
margin: 0;
padding: 0;
} .mrdv .mrdv-succes__coche {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin: 4px auto 16px;
border: 1px solid var(--mrdv-c2);
border-radius: 50%;
color: var(--mrdv-c1);
}
.mrdv .mrdv-succes__coche svg {
display: block;
width: 26px;
height: 26px;
}
.mrdv .mrdv-titre--centre {
text-align: center;
}
.mrdv .mrdv-titre--centre::after {
margin-right: auto;
margin-left: auto;
}
.mrdv .mrdv-succes__quand {
margin: 0 0 20px;
padding: 0;
color: var(--mrdv-c1);
font-size: 19px;
font-weight: 600;
line-height: 1.35;
text-align: center;
}
.mrdv .mrdv-succes__quand::first-letter {
text-transform: uppercase;
}
.mrdv .mrdv-details {
margin: 0 0 20px;
padding: 2px 14px;
border: 1px solid var(--mrdv-trait);
border-radius: var(--mrdv-rayon);
background: var(--mrdv-c2-pale);
}
.mrdv .mrdv-details__ligne {
display: flex;
flex-direction: column;
margin: 0;
padding: 9px 0;
border-top: 1px solid var(--mrdv-trait);
}
.mrdv .mrdv-details__ligne:first-child {
border-top: 0;
}
.mrdv .mrdv-details__valeur {
color: var(--mrdv-encre);
font-size: 16px;
font-weight: 600;
line-height: 1.4;
overflow-wrap: anywhere;
}
.mrdv .mrdv-details__reference {
font-variant-numeric: lining-nums;
letter-spacing: 0.06em;
}
.mrdv .mrdv-etape--confirmation .mrdv-actions {
justify-content: center;
margin-top: 22px;
} .mrdv.mrdv-encart {
display: block;
position: static;
float: none;
clear: both;
grid-column: 1 / -1;
align-self: stretch;
width: 100%;
max-width: 100%;
margin: 24px 0 0;
padding: 18px 20px 20px;
border: 1px solid var(--mrdv-c2);
border-radius: var(--mrdv-rayon);
background: #fff;
text-align: left;
} .mrdv.mrdv-encart:not(:last-child) {
margin-bottom: 20px;
}
.mrdv.mrdv-encart .mrdv-encart__titre {
margin: 0 0 6px;
padding: 0;
color: var(--mrdv-c1);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
}
.mrdv.mrdv-encart .mrdv-encart__texte {
margin: 0 0 14px;
padding: 0;
color: var(--mrdv-encre);
font-size: 15px;
font-weight: 400;
line-height: 1.55;
}
.mrdv.mrdv-encart .mrdv-encart__action {
margin: 0;
padding: 0;
color: var(--mrdv-encre);
font-size: 16px;
line-height: 1.25;
}
.mrdv.mrdv-encart .mrdv-encart__action .mrdv-bouton {
min-height: 44px;
padding: 13px 22px;
border: 1px solid var(--mrdv-c1);
background: transparent;
color: var(--mrdv-c1);
font-size: 14px;
}
.mrdv.mrdv-encart .mrdv-encart__action .mrdv-bouton:hover,
.mrdv.mrdv-encart .mrdv-encart__action .mrdv-bouton:focus {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1);
color: #fff;
text-decoration: none;
} .mrdv.mrdv-presentation {
display: block;
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 36px 32px 38px;
border: 1px solid var(--mrdv-c2);
border-radius: 6px;
background: #fff;
text-align: center;
}
.mrdv.mrdv-presentation .mrdv-presentation__titre {
position: relative;
margin: 0 0 16px;
padding: 0 0 15px;
border: 0;
background: none;
color: var(--mrdv-c1);
font-family: inherit;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 1.25;
letter-spacing: normal;
text-align: center;
text-transform: none;
} .mrdv.mrdv-presentation .mrdv-presentation__titre::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 44px;
height: 2px;
margin-left: -22px;
background: var(--mrdv-c2);
}
.mrdv.mrdv-presentation .mrdv-presentation__texte {
max-width: 500px;
margin: 0 auto 16px;
padding: 0;
color: var(--mrdv-encre);
font-size: 16px;
font-weight: 400;
line-height: 1.65;
text-align: center;
}
.mrdv.mrdv-presentation .mrdv-presentation__infos {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px 22px;
margin: 0 0 24px;
padding: 0;
list-style: none;
color: var(--mrdv-gris);
font-size: 15px;
line-height: 1.5;
}
.mrdv.mrdv-presentation .mrdv-presentation__infos li {
margin: 0;
padding: 0;
list-style: none;
}
.mrdv.mrdv-presentation .mrdv-presentation__infos li::before,
.mrdv.mrdv-presentation .mrdv-presentation__infos li::marker {
content: none;
}
.mrdv.mrdv-presentation .mrdv-presentation__action {
margin: 0;
padding: 0;
text-align: center;
}
.mrdv.mrdv-presentation .mrdv-presentation__action .mrdv-bouton {
min-width: 240px;
}
.mrdv.mrdv-presentation .mrdv-noscript {
margin: 16px 0 0;
color: var(--mrdv-gris);
font-size: 14px;
line-height: 1.5;
}
@media (max-width: 599px) {
.mrdv.mrdv-presentation {
padding: 26px 18px 28px;
}
.mrdv.mrdv-presentation .mrdv-presentation__titre {
font-size: 22px;
}
.mrdv.mrdv-presentation .mrdv-presentation__action .mrdv-bouton {
width: 100%;
min-width: 0;
}
} .mrdv.mrdv-appel {
display: inline-block;
max-width: 100%;
} .mrdv.mrdv-modale {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: calc(100% - 32px);
max-width: 640px; height: auto;
height: -webkit-fit-content;
height: fit-content;
min-height: min(580px, calc(100% - 48px));
max-height: calc(100% - 48px);
margin: auto;
padding: 0;
overflow: hidden;
border: 1px solid var(--mrdv-c2);
border-radius: 8px;
background: #fff;
color: var(--mrdv-encre);
} .mrdv.mrdv-modale[open] {
display: flex;
flex-direction: column;
}
.mrdv.mrdv-modale::backdrop {
background: rgba(22, 25, 48, 0.6);
}
.mrdv .mrdv-modale__entete {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px 10px 28px;
border-bottom: 1px solid var(--mrdv-trait);
background: #fff;
}
.mrdv .mrdv-modale__titre {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
color: var(--mrdv-c1);
font-family: inherit;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
letter-spacing: normal;
text-transform: none;
}
.mrdv .mrdv-modale__fermer {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 44px;
min-height: 44px;
padding: 0 14px;
border: 1px solid var(--mrdv-trait);
border-radius: var(--mrdv-rayon);
background: #fff;
color: var(--mrdv-c1);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.mrdv .mrdv-modale__fermer:hover,
.mrdv .mrdv-modale__fermer:focus {
border-color: var(--mrdv-c1);
background: var(--mrdv-c1-pale);
color: var(--mrdv-c1);
}
.mrdv .mrdv-modale__fermer:focus-visible {
outline: 2px solid var(--mrdv-c1);
outline-offset: 2px;
}
.mrdv .mrdv-modale__croix {
font-size: 22px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
}
.mrdv .mrdv-modale__corps {
flex: 1 1 auto;
min-height: 0;
padding: 24px 28px 28px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.mrdv.mrdv-modale .mrdv-cadre {
padding: 0;
border: 0;
border-radius: 0;
background: none;
}
.mrdv.mrdv-modale .mrdv-attente {
min-height: 300px;
} .mrdv-modale-ouverte {
overflow: hidden;
scrollbar-gutter: stable;
} @media (min-width: 600px) {
.mrdv .mrdv-champs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mrdv .mrdv-champ--large {
grid-column: 1 / -1;
}
} @media (max-width: 599px) {
.mrdv .mrdv-cadre {
padding: 22px 16px 24px;
}
.mrdv .mrdv-titre {
font-size: 20px;
}
.mrdv .mrdv-actions .mrdv-bouton,
.mrdv.mrdv-encart .mrdv-encart__action .mrdv-bouton {
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
.mrdv.mrdv-encart {
padding: 16px 16px 18px;
} .mrdv.mrdv-modale {
width: 100%;
max-width: 100%;
height: 100vh;
height: 100dvh;
min-height: 0;
max-height: none;
margin: 0;
border: 0;
border-radius: 0;
}
.mrdv .mrdv-modale__entete {
padding: 8px 8px 8px 16px;
padding-top: max(8px, env(safe-area-inset-top));
}
.mrdv .mrdv-modale__titre {
font-size: 16px;
}
.mrdv .mrdv-modale__fermer {
gap: 6px;
padding: 0 10px;
letter-spacing: 0.06em;
}
.mrdv .mrdv-modale__corps {
padding: 20px 16px 28px;
padding-bottom: calc(28px + env(safe-area-inset-bottom));
}
} @media (max-width: 420px) {
.mrdv .mrdv-cadre {
padding-right: 0;
padding-left: 0;
border-right: 0;
border-left: 0;
border-radius: 0;
}
} @media (max-width: 359px) {
.mrdv.mrdv-modale .mrdv-grille {
width: auto;
margin-right: -10px;
margin-left: -10px;
}
} @keyframes mrdv-rotation {
to {
transform: rotate(360deg);
}
}
@keyframes mrdv-apparition {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: none;
}
}
@media (prefers-reduced-motion: no-preference) {
.mrdv .mrdv-etape--entree {
animation: mrdv-apparition 0.22s ease both;
}
}
@media (prefers-reduced-motion: reduce) {
.mrdv,
.mrdv *,
.mrdv *::before,
.mrdv *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}