:root {
--ac-max: 1240px;
--ac-gouttiere: 16px;
--ac-papier: #F7F5F0;
--ac-encre: var(--ly-ink);
--ac-encre-2: var(--ly-ink-2);
--ac-lagon: var(--sy-accent);
--ac-lagon-texte: #05606F;
--ac-lagon-pale: #E3F4F7;
--ac-trait: rgba(14, 30, 51, .10);
--ac-trait-fort: rgba(14, 30, 51, .18);
--ac-texte: var(--sy-text-main);
--ac-texte-2: var(--sy-text-secondary);
--ac-texte-3: var(--sy-text-muted);
--ac-rayon: 18px;
--ac-rayon-sm: 12px;
--ac-ombre: 0 1px 2px rgba(14, 30, 51, .06), 0 28px 64px -28px rgba(14, 30, 51, .38);
--ac-ombre-douce: 0 1px 2px rgba(14, 30, 51, .05), 0 12px 32px -18px rgba(14, 30, 51, .28);
}
.ac-wrap {
width: min(var(--ac-max), 100% - 2 * var(--ac-gouttiere));
margin-inline: auto;
}
@media (min-width: 768px) {
:root { --ac-gouttiere: 32px; }
}
.ac-section { padding: 104px 0; }
.ac-section--papier { background: var(--ac-papier); }
.ac-section--encre { background: var(--ac-encre); color: #fff; }
.ac-hero, .ac-section--encre, article.ac-offre--equipe, .ac-entete__encart, figure.ac-video, .ac-barre {
--ly-focus: var(--sy-shell-accent);
}
.ly-form-wrap.ac-demo__carte { --ly-focus: #05606F; }
.ac-section--serre { padding: 72px 0; }
@media (max-width: 767px) {
.ac-section { padding: 64px 0; }
.ac-section--serre { padding: 48px 0; }
}
.ac-surtitre {
margin: 0 0 14px;
font-family: var(--sy-font-mono);
font-size: 13px; font-weight: 600;
letter-spacing: .14em; text-transform: uppercase;
color: var(--ac-lagon-texte);
}
.ac-section--encre .ac-surtitre { color: var(--sy-shell-accent); }
.ac-h2 {
margin: 0;
font-family: var(--ly-serif);
font-weight: 400;
font-size: clamp(32px, 3.4vw, 50px);
line-height: 1.08;
letter-spacing: -.018em;
color: var(--ac-encre);
text-wrap: balance;
}
.ac-section--encre .ac-h2 { color: #fff; }
.ac-chapo {
margin: 18px 0 0;
max-width: 680px;
font-size: 19px; line-height: 1.6;
color: var(--ac-texte-2);
}
.ac-section--encre .ac-chapo { color: #C4D0DF; }
.ac-tete { margin-bottom: 56px; }
.ac-tete--centre { text-align: center; }
.ac-tete--centre .ac-chapo { margin-inline: auto; }
.ac-surtitre, p.ac-decomptes__titre, h3.ac-veille__titre, h3.ac-tache__titre, .ac-video__titre,
h3.ac-offre__nom, h3.ac-pack__nom, h3.ac-support__titre, article.ac-fondateur p.ac-fondateur__role {
text-wrap: balance;
}
.ac-chapo, p.ac-hero__chapo, p.ac-tache__preuve, p.ac-veille__chapo { text-wrap: pretty; }
@media (max-width: 767px) {
.ac-tete { margin-bottom: 36px; }
.ac-chapo { font-size: 17px; }
.ac-tete--centre { text-align: left; }
.ac-tete--centre .ac-chapo { margin-inline: 0; }
}
.ac-cadre {
margin: 0;
border-radius: var(--ac-rayon-sm);
background: #fff;
border: 1px solid var(--ac-trait-fort);
box-shadow: var(--ac-ombre);
overflow: hidden;
}
.ac-cadre__barre {
display: flex; align-items: center; gap: 7px;
height: 34px; padding: 0 14px;
background: #F3F5F8;
border-bottom: 1px solid var(--ac-trait);
}
.ac-cadre__barre i {
width: 10px; height: 10px; border-radius: 50%;
background: #D5DBE3;
}
.ac-cadre__barre span {
margin-left: 10px;
font-size: 12px; font-weight: 500;
color: var(--ac-texte-3);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ac-cadre picture { display: block; }
.ac-cadre img { display: block; width: 100%; height: auto; }
.ac-mention {
margin: 12px 2px 0;
font-family: var(--sy-font-mono);
font-size: 11.5px; font-weight: 600;
letter-spacing: .08em; text-transform: uppercase;
color: var(--ac-texte-3);
}
.ac-section--encre .ac-mention { color: #8EA0B6; }
.ac-etat {
display: inline-flex; align-items: center; gap: 6px;
padding: 4px 10px;
border-radius: 100px;
font-size: 12.5px; font-weight: 600; line-height: 1.3;
white-space: nowrap;
}
.ac-etat::before {
content: ""; width: 7px; height: 7px; border-radius: 50%;
background: currentColor;
}
.ac-etat--service { background: var(--sy-success-soft); color: var(--sy-success-dark); }
.ac-etat--activer { background: var(--sy-warning-soft); color: var(--sy-warning-dark); }
.ac-etat--dev { background: var(--ac-lagon-pale); color: var(--ac-lagon-texte); }
.ac-etat--preparation { background: var(--ac-lagon-pale); color: var(--ac-lagon-texte); }
article.ac-pack--preparation { background: transparent; border-style: dashed; box-shadow: none; }
p.ac-pack__etat { margin: 0 0 14px; }
.ac-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 0; }
.ac-actions--centre { justify-content: center; }
@media (max-width: 479px) {
.ac-actions .ly-btn { width: 100%; }
}
.ac-h1 {
margin: 0;
font-family: var(--ly-serif);
font-weight: 400;
font-size: clamp(36px, 4.2vw, 60px);
line-height: 1.05;
letter-spacing: -.02em;
color: var(--ac-encre);
text-wrap: balance;
}
.ac-entete { padding: 72px 0 88px; }
.ac-entete__grille {
display: grid; gap: 48px; align-items: center;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-entete__grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; }
}
.ac-entete__encart {
padding: 32px;
border-radius: var(--ac-rayon);
background: var(--ac-encre);
color: #fff;
box-shadow: var(--ac-ombre-douce);
}
p.ac-encart__titre {
margin: 0 0 18px;
font-family: var(--ly-serif);
font-size: 23px; line-height: 1.25;
}
ol.ac-encart__liste {
margin: 0; padding: 0; list-style: none;
counter-reset: ac-encart;
display: grid; gap: 16px;
}
ol.ac-encart__liste li {
position: relative; padding-left: 44px;
font-size: 16px; line-height: 1.55; color: #C4D0DF;
counter-increment: ac-encart;
}
ol.ac-encart__liste li strong { color: #fff; font-weight: 600; }
ol.ac-encart__liste li::before {
content: counter(ac-encart);
position: absolute; left: 0; top: 0;
width: 30px; height: 30px; border-radius: 9px;
display: grid; place-items: center;
font-family: var(--sy-font-mono); font-size: 13px; font-weight: 600;
color: var(--ac-encre); background: var(--sy-shell-accent);
}
p.ac-encart__note {
margin: 22px 0 0; padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, .14);
font-size: 14.5px; line-height: 1.55; color: #9FB0C5;
}
.ac-packs {
display: grid; gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
.ac-pack {
min-width: 0;
padding: 32px 30px 30px;
border-radius: var(--ac-rayon);
background: #fff;
border: 1px solid var(--ac-trait);
box-shadow: var(--ac-ombre-douce);
}
p.ac-pack__numero {
margin: 0 0 18px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; color: var(--ac-lagon-texte);
}
h3.ac-pack__nom {
margin: 0 0 10px;
font-family: var(--ly-serif); font-weight: 400;
font-size: 23px; line-height: 1.2; color: var(--ac-encre);
}
p.ac-pack__resume { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: var(--ac-texte-2); }
ul.ac-coches { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
ul.ac-coches li {
position: relative; padding-left: 30px;
font-size: 15.5px; line-height: 1.5; color: var(--ac-texte);
}
ul.ac-coches li::before {
content: ""; position: absolute; left: 0; top: 3px;
width: 18px; height: 18px; border-radius: 6px;
background: var(--ac-lagon-pale);
}
ul.ac-coches li::after {
content: ""; position: absolute; left: 6px; top: 6px;
width: 5px; height: 9px;
border: solid var(--ac-lagon-texte); border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.ac-section--encre ul.ac-coches li { color: #DCE4EE; }
.ac-section--encre ul.ac-coches li::before { background: rgba(67, 199, 218, .16); }
.ac-section--encre ul.ac-coches li::after { border-color: var(--sy-shell-accent); }
.ac-deux {
display: grid; gap: 40px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-deux { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; }
}
ul.ac-garanties {
margin: 0; padding: 0; list-style: none;
display: grid; gap: 0;
border-top: 1px solid var(--ac-trait);
}
ul.ac-garanties li { padding: 24px 0; border-bottom: 1px solid var(--ac-trait); }
ul.ac-garanties h3 {
margin: 0 0 6px;
font-size: 19px; font-weight: 600; line-height: 1.35; color: var(--ac-encre);
}
ul.ac-garanties p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--ac-texte-2); }
ol.ac-etapes {
margin: 0; padding: 0; list-style: none;
counter-reset: ac-etape;
display: grid; gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
}
ol.ac-etapes li {
min-width: 0;
padding: 28px 26px;
border-radius: var(--ac-rayon-sm);
background: #fff;
border: 1px solid var(--ac-trait);
counter-increment: ac-etape;
}
ol.ac-etapes li::before {
content: counter(ac-etape, decimal-leading-zero);
display: block; margin-bottom: 16px;
font-family: var(--ly-serif); font-size: 34px; line-height: 1;
color: var(--ac-lagon-texte);
}
ol.ac-etapes h3 { margin: 0 0 8px; font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--ac-encre); }
ol.ac-etapes p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
.ac-appel .ac-chapo { margin-inline: auto; }
@media (min-width: 1024px) {
.ac-deux > :first-child { position: sticky; top: 112px; }
}
.ac-taches__liste[hidden], .ac-tache[hidden], .ac-barre[hidden] { display: none; }
a.ac-lien {
display: inline-flex; align-items: center; gap: 8px;
font-size: 15.5px; font-weight: 600; color: var(--ac-lagon-texte);
}
a.ac-lien::after {
content: ""; width: 7px; height: 7px;
border: solid currentColor; border-width: 2px 2px 0 0;
transform: rotate(45deg);
transition: transform .18s var(--ly-ease);
}
a.ac-lien:hover { text-decoration: none; }
a.ac-lien:hover::after { transform: translateX(3px) rotate(45deg); }
a.ac-lien--clair { color: var(--sy-shell-accent); }
.ac-hero {
position: relative;
padding: 56px 0 0;
background: var(--ac-encre);
color: #fff;
overflow-x: clip;
}
.ac-hero__grille {
display: grid; gap: 48px; align-items: center;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-hero__grille { grid-template-columns: minmax(0, 11fr) minmax(0, 13fr); gap: 56px; }
}
h1.ac-hero__titre { margin: 0; font-weight: 400; }
.ac-hero__sur {
display: block;
font-family: var(--sy-font-mono);
font-size: 13px; font-weight: 600;
letter-spacing: .14em; text-transform: uppercase;
color: var(--sy-shell-accent);
}
.ac-hero__ligne {
display: block; margin-top: 18px;
font-family: var(--ly-serif);
font-size: clamp(40px, 4vw, 58px);
line-height: 1.04; letter-spacing: -.022em;
color: #fff;
text-wrap: balance;
}
.ac-hero__ligne em { font-style: italic; color: var(--sy-shell-accent); }
p.ac-hero__chapo {
margin: 24px 0 0; max-width: 560px;
font-size: 19px; line-height: 1.6; color: #C4D0DF;
}
p.ac-hero__note { margin: 14px 0 0; font-size: 14px; color: #9FB0C5; }
p.ac-hero__fondateurs {
margin: 30px 0 0; padding-top: 18px; max-width: 560px;
border-top: 1px solid rgba(255, 255, 255, .14);
font-size: 14.5px; line-height: 1.6; color: #C4D0DF;
}
p.ac-hero__fondateurs strong { color: #fff; font-weight: 600; }
p.ac-hero__fondateurs a { margin-left: 6px; color: var(--sy-shell-accent); font-weight: 600; }
p.ac-hero__fondateurs a, li.ac-role ul.ac-coches a, p.ac-faq__autre a, label.ly-consent a, .ac-support a {
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.ac-hero .ac-hero__ecran { border-color: rgba(255, 255, 255, .16); box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7); }
@media (min-width: 1024px) {
.ac-hero .ac-hero__ecran {
width: min(116%, calc(100% + max(0px, (100vw - var(--ac-max)) / 2 - 24px)),
calc((100svh - 200px) * 1.262));
}
}
.ac-hero .ac-cadre__barre { background: #1D3350; border-bottom-color: rgba(255, 255, 255, .08); }
.ac-hero .ac-cadre__barre i { background: rgba(255, 255, 255, .22); }
.ac-hero .ac-cadre__barre span { color: #9FB0C5; }
.ac-hero .ac-mention { color: #8EA0B6; margin: 0; padding: 10px 14px 12px; background: #13253D; }
p.ac-decomptes__titre {
margin: 64px 0 0; padding-top: 26px;
border-top: 1px solid rgba(255, 255, 255, .12);
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: #8EA0B6;
}
ul.ac-decomptes {
margin: 18px 0 0; padding: 0 0 48px; list-style: none;
display: grid; gap: 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1024px) {
ul.ac-decomptes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
ul.ac-decomptes a { display: flex; flex-direction: column; gap: 6px; color: inherit; }
ul.ac-decomptes a:hover { text-decoration: none; }
.ac-decomptes__n {
font-family: var(--ly-serif); font-size: 48px; line-height: 1;
color: var(--sy-shell-accent);
}
.ac-decomptes__l { font-size: 15px; line-height: 1.45; color: #C4D0DF; }
ul.ac-decomptes a:hover .ac-decomptes__l { color: #fff; text-decoration: underline; }
ul.ac-roles {
margin: 0; padding: 0; list-style: none;
display: grid; gap: 24px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
ul.ac-roles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
li.ac-role {
min-width: 0;
display: flex; flex-direction: column;
padding: 30px 30px 26px;
border-radius: var(--ac-rayon);
background: #fff;
border: 1px solid var(--ac-trait);
}
li.ac-role--equipe {
background: var(--ac-papier);
border-top: 3px solid var(--ac-lagon);
}
p.ac-role__qui {
margin: 0;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--ac-lagon-texte);
}
h3.ac-role__verbe {
margin: 8px 0 18px;
font-family: var(--ly-serif); font-weight: 400; font-size: 28px; line-height: 1.15;
color: var(--ac-encre);
}
li.ac-role ul.ac-coches { margin-bottom: 22px; }
li.ac-role ul.ac-coches a { color: var(--ac-lagon-texte); font-weight: 600; }
p.ac-role__pied {
box-sizing: border-box; min-height: calc(2lh + 17px);
margin: auto 0 0; padding-top: 16px;
border-top: 1px solid var(--ac-trait);
font-size: 15px; font-style: italic; color: var(--ac-texte-2);
}
.ac-taches, .ac-hero__texte { min-width: 0; }
.ac-taches__panneaux { display: grid; gap: 40px; min-width: 0; }
.ac-taches--onglets .ac-taches__panneaux { display: block; }
@media (min-width: 1024px) {
.ac-taches--onglets {
display: grid; gap: 36px; align-items: start;
grid-template-columns: 300px minmax(0, 1fr);
}
.ac-taches--onglets .ac-taches__liste { position: sticky; top: 92px; }
}
@media (min-width: 1024px) and (max-height: 1010px) {
button.ac-onglet:not([aria-selected="true"]) .ac-onglet__change { display: none; }
}
.ac-taches__liste { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
p.ac-taches__groupe {
margin: 18px 0 6px 16px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--ac-texte-3);
}
p.ac-taches__groupe:first-child { margin-top: 0; }
button.ac-onglet {
display: flex; flex-direction: column; gap: 2px;
width: 100%; margin: 0; padding: 12px 16px;
text-align: left; font: inherit; color: inherit;
background: transparent;
border: 0; border-left: 3px solid transparent;
border-radius: var(--ac-rayon-sm);
cursor: pointer;
transition: background .15s, box-shadow .15s;
}
button.ac-onglet:hover { background: rgba(255, 255, 255, .7); }
button.ac-onglet[aria-selected="true"] {
background: #fff;
border-left-color: var(--ac-lagon);
box-shadow: var(--ac-ombre-douce);
}
.ac-onglet__nom { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--ac-encre); }
.ac-onglet__change { font-size: 13.5px; line-height: 1.45; color: var(--ac-texte-3); }
article.ac-tache {
min-width: 0;
padding: 28px;
border-radius: var(--ac-rayon);
background: #fff;
border: 1px solid var(--ac-trait);
box-shadow: var(--ac-ombre-douce);
}
article.ac-tache:focus-visible { outline: 3px solid var(--ly-focus); outline-offset: 3px; }
h3.ac-tache__titre {
margin: 0 0 12px;
font-family: var(--ly-serif); font-weight: 400;
font-size: clamp(24px, 2.2vw, 28px); line-height: 1.2;
color: var(--ac-encre);
}
p.ac-tache__preuve {
margin: 0 0 20px;
font-size: 17px; line-height: 1.55; color: var(--ac-texte-2);
}
p.ac-tache__mesure { margin: -12px 0 20px; font-size: 14.5px; color: var(--ac-texte-2); }
figure.ac-tache__capture { margin: 0 0 24px; box-shadow: var(--ac-ombre-douce); }
figure.ac-tache__capture img { max-height: 440px; object-fit: cover; object-position: top left; }
.ac-tache .ac-mention { padding: 10px 14px 12px; margin: 0; border-top: 1px solid var(--ac-trait); }
.ac-mention__legende {
display: block; margin-bottom: 3px;
font-family: var(--sy-font-sans); font-size: 14px; font-weight: 500;
letter-spacing: 0; text-transform: none; color: var(--ac-texte-2);
}
.ac-tache__trois {
display: grid; gap: 16px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 900px) {
.ac-tache__trois {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas: 'avant prepare' 'reste prepare';
}
.ac-tache__avant { grid-area: avant; }
.ac-tache__prepare { grid-area: prepare; }
.ac-tache__reste { grid-area: reste; }
}
.ac-tache__trois > div { min-width: 0; padding: 16px 18px; border-radius: var(--ac-rayon-sm); }
.ac-tache__trois p { margin: 0; font-size: 15px; line-height: 1.6; }
.ac-tache__avant { background: var(--ac-papier); }
.ac-tache__avant p { color: var(--ac-texte-3); }
.ac-tache__prepare { background: var(--ac-lagon-pale); }
.ac-tache__prepare ul.ac-coches li { font-size: 15px; }
.ac-tache__prepare ul.ac-coches li::before { background: #fff; }
.ac-tache__reste { border: 1px solid var(--ac-trait-fort); }
.ac-tache__reste p { color: var(--ac-encre); font-weight: 500; }
p.ac-tache__etiquette {
margin: 0 0 8px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase;
}
.ac-tache__avant p.ac-tache__etiquette { color: var(--ac-texte-3); }
.ac-tache__prepare p.ac-tache__etiquette { color: var(--ac-lagon-texte); }
.ac-tache__reste p.ac-tache__etiquette { color: var(--ac-encre); }
p.ac-tache__note { margin: 16px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--ac-texte-2); }
ul.ac-veille__liste .ac-etat, p.ac-tache__note .ac-etat { display: flex; width: fit-content; margin: 0 0 6px; }
p.ac-tache__suite {
display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px;
margin: 20px 0 0;
}
a.ac-confiable {
display: inline-flex; align-items: center;
padding: 6px 13px;
border: 1px solid var(--ac-lagon-texte);
border-radius: 100px;
font-size: 13px; font-weight: 600; color: var(--ac-lagon-texte);
}
a.ac-confiable:hover { background: var(--ac-lagon-pale); text-decoration: none; }
@media (max-width: 1023px) {
.ac-taches--onglets .ac-taches__liste {
flex-direction: row; flex-wrap: wrap; gap: 8px;
margin: 0 0 18px;
}
p.ac-taches__groupe, .ac-onglet__change { display: none; }
button.ac-onglet {
flex: 0 0 auto; width: auto;
padding: 9px 15px;
border: 1px solid var(--ac-trait-fort); border-radius: 100px;
background: #fff;
}
button.ac-onglet[aria-selected="true"] {
background: var(--ac-encre); border-color: var(--ac-encre); box-shadow: none;
}
button.ac-onglet[aria-selected="true"] .ac-onglet__nom { color: #fff; }
.ac-onglet__nom { font-size: 14.5px; white-space: nowrap; }
article.ac-tache { padding: 20px 18px; }
figure.ac-tache__capture img { max-height: 300px; }
}
.ac-veille {
display: grid; gap: 28px;
grid-template-columns: minmax(0, 1fr);
margin-top: 48px; padding: 32px;
border-radius: var(--ac-rayon);
background: #fff;
border: 1px solid var(--ac-trait);
}
@media (min-width: 1024px) {
.ac-veille { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 48px; }
}
h3.ac-veille__titre {
margin: 0 0 12px;
font-family: var(--ly-serif); font-weight: 400; font-size: 28px; line-height: 1.2;
color: var(--ac-encre);
}
p.ac-veille__chapo { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
ul.ac-veille__liste { margin: 0; padding: 0; list-style: none; }
ul.ac-veille__liste li {
padding: 12px 0; border-bottom: 1px solid var(--ac-trait);
font-size: 15.5px; line-height: 1.6; color: var(--ac-texte);
}
ul.ac-veille__liste li:first-child { padding-top: 0; }
ul.ac-veille__liste li:last-child { border-bottom: 0; padding-bottom: 0; }
.ac-journee__grille {
display: grid; gap: 36px; align-items: center;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-journee__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; }
}
ol.ac-journee__heures {
display: flex; flex-wrap: wrap; gap: 10px;
margin: 30px 0 34px; padding: 0; list-style: none;
}
ol.ac-journee__heures a {
display: inline-flex; align-items: baseline; gap: 9px;
padding: 9px 15px; border-radius: 999px;
border: 1px solid rgba(255, 255, 255, .24);
color: #fff; font-size: 15px; line-height: 1.3;
transition: border-color .15s, background-color .15s;
}
ol.ac-journee__heures a:hover {
border-color: var(--sy-shell-accent); background: rgba(255, 255, 255, .06);
text-decoration: none;
}
span.ac-journee__heure {
font-family: var(--sy-font-mono); font-size: 13px; font-weight: 600;
color: var(--sy-shell-accent); white-space: nowrap;
}
p.ac-journee__bouton { margin: 0; }
figure.ac-journee__image { margin: 0; }
figure.ac-journee__image img {
width: 100%; height: auto;
border-radius: var(--ac-rayon);
box-shadow: 0 28px 64px -28px rgba(0, 0, 0, .7);
}
figure.ac-journee__image figcaption { margin-top: 12px; }
@media (max-width: 1023px) {
figure.ac-journee__image { order: -1; }
}
.ac-offres {
display: grid; gap: 24px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-offres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
article.ac-offre {
min-width: 0;
display: flex; flex-direction: column;
padding: 36px 34px 32px;
border-radius: var(--ac-rayon);
background: var(--ac-papier);
border: 1px solid var(--ac-trait);
}
article.ac-offre--equipe { background: var(--ac-encre-2); border-color: var(--ac-encre-2); color: #DCE4EE; }
h3.ac-offre__nom {
margin: 0;
font-family: var(--ly-serif); font-weight: 400; font-size: 28px; line-height: 1.15;
color: var(--ac-encre);
}
article.ac-offre--equipe h3.ac-offre__nom { color: #fff; }
p.ac-offre__sous { margin: 6px 0 8px; font-size: 16px; font-weight: 600; color: var(--ac-texte-2); }
article.ac-offre--equipe p.ac-offre__sous { color: #AFC0D4; }
dl.ac-offre__rangs { margin: 0; }
dl.ac-offre__rangs dt {
margin: 20px 0 4px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--ac-lagon-texte);
}
article.ac-offre--equipe dl.ac-offre__rangs dt { color: var(--sy-shell-accent); }
dl.ac-offre__rangs dd { margin: 0; font-size: 15.5px; line-height: 1.6; }
article.ac-offre--equipe ul.ac-coches li { color: #DCE4EE; }
article.ac-offre--equipe ul.ac-coches li::before { background: rgba(67, 199, 218, .16); }
article.ac-offre--equipe ul.ac-coches li::after { border-color: var(--sy-shell-accent); }
article.ac-offre--equipe ul.ac-coches strong { color: #fff; }
p.ac-offre__bouton { margin: auto 0 0; padding-top: 30px; }
@media (min-width: 1024px) {
.ac-offres { grid-template-rows: repeat(11, auto); row-gap: 0; }
article.ac-offre { display: grid; grid-row: span 11; grid-template-rows: subgrid; row-gap: 0; }
article.ac-offre dl.ac-offre__rangs { display: contents; }
p.ac-offre__bouton { align-self: end; }
}
.ac-tarif {
display: grid; gap: 16px 28px; align-items: center;
grid-template-columns: minmax(0, 1fr);
margin-top: 28px; padding: 24px 28px;
border-radius: var(--ac-rayon-sm);
border: 1px solid var(--ac-trait-fort);
}
@media (min-width: 1024px) {
.ac-tarif { grid-template-columns: auto minmax(0, 1fr) auto; }
}
p.ac-tarif__etiquette {
margin: 0;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--ac-lagon-texte);
}
p.ac-tarif__texte { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
.ac-garanties__grille {
display: grid; gap: 48px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-garanties__grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: start; }
}
ul.ac-engagements { margin: 36px 0 0; padding: 0; list-style: none; }
ul.ac-engagements li { padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .12); }
ul.ac-engagements h3 { margin: 0 0 6px; font-size: 18px; font-weight: 600; color: #fff; }
ul.ac-engagements p { margin: 0; font-size: 15.5px; line-height: 1.6; color: #C4D0DF; }
.ac-chiffres {
padding: 32px;
border-radius: var(--ac-rayon);
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .12);
}
@media (min-width: 1024px) {
.ac-chiffres { position: sticky; top: 112px; }
}
ul.ac-chiffres__liste {
margin: 0; padding: 0; list-style: none;
display: grid; gap: 28px 24px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
ul.ac-chiffres__liste li { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ac-chiffres__n {
font-family: var(--ly-serif); font-size: 50px; line-height: 1;
color: var(--sy-shell-accent); white-space: nowrap;
}
.ac-chiffres__l { font-size: 14.5px; line-height: 1.45; color: #C4D0DF; }
p.ac-chiffres__date { margin: 26px 0 18px; font-size: 13px; font-style: italic; color: #8EA0B6; }
.ac-reprise__grille {
display: grid; gap: 48px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-reprise__grille { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 56px; align-items: start; }
}
ol.ac-pas { margin: 32px 0 0; padding: 0; list-style: none; counter-reset: ac-pas; }
ol.ac-pas li {
position: relative; padding: 0 0 22px 46px;
counter-increment: ac-pas;
}
ol.ac-pas li::before {
content: counter(ac-pas);
position: absolute; left: 0; top: 3px;
width: 30px; height: 30px; border-radius: 9px;
display: grid; place-items: center;
font-family: var(--sy-font-mono); font-size: 13px; font-weight: 600;
color: var(--ac-lagon-texte); background: var(--ac-lagon-pale);
}
ol.ac-pas h3 { margin: 6px 0 6px; font-size: 18px; font-weight: 600; color: var(--ac-encre); }
ol.ac-pas p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
p.ac-encadre {
margin: 6px 0 0; padding: 14px 18px;
border-left: 3px solid var(--ac-lagon);
border-radius: 0 var(--ac-rayon-sm) var(--ac-rayon-sm) 0;
background: #fff;
font-size: 15.5px; color: var(--ac-texte);
}
.ac-reprise__grille .ac-actions { align-items: center; }
figure.ac-video {
margin: 0;
border-radius: var(--ac-rayon);
background: var(--ac-encre);
color: #fff;
overflow: hidden;
box-shadow: var(--ac-ombre);
}
p.ac-video__etiquette {
margin: 0; padding: 18px 24px 14px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--sy-shell-accent);
}
a.ac-video__lancer { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
a.ac-video__lancer img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ly-ease); }
a.ac-video__lancer:hover img { transform: scale(1.02); }
a.ac-video__lancer:focus-visible { outline: 3px solid var(--ly-focus); outline-offset: -3px; }
.ac-video__bouton {
position: absolute; left: 74%; top: 50%;
width: 84px; height: 84px; margin: -42px 0 0 -42px;
border-radius: 50%;
background: var(--ac-lagon);
box-shadow: 0 0 0 12px rgba(0, 169, 193, .18), 0 12px 40px rgba(0, 0, 0, .4);
transition: transform .2s var(--ly-ease);
}
.ac-video__bouton::before {
content: ""; position: absolute; left: 33px; top: 26px;
border-style: solid; border-width: 16px 0 16px 26px;
border-color: transparent transparent transparent var(--ac-encre);
}
a.ac-video__lancer:hover .ac-video__bouton { transform: scale(1.06); }
figure.ac-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
figure.ac-video figcaption { padding: 20px 24px 24px; }
figure.ac-video figcaption > span { display: block; }
.ac-video__titre { font-family: var(--ly-serif); font-size: 23px; line-height: 1.25; color: #fff; }
.ac-video__chapo { margin-top: 10px; font-size: 14.5px; line-height: 1.6; color: #C4D0DF; }
.ac-video__mesure {
margin-top: 16px; padding-left: 14px;
border-left: 3px solid var(--ac-lagon);
font-size: 14.5px; line-height: 1.6; color: #fff;
}
.ac-video__mention { margin-top: 16px; font-size: 12.5px; line-height: 1.5; color: #8EA0B6; }
.ac-equipe {
display: grid; gap: 24px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-equipe { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
article.ac-fondateur {
min-width: 0;
padding: 30px;
border-radius: var(--ac-rayon);
background: #fff;
border: 1px solid var(--ac-trait);
}
article.ac-fondateur p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
article.ac-fondateur p + p { margin-top: 14px; }
article.ac-fondateur--donnees { background: var(--ac-papier); }
.ac-fondateur__monogramme {
display: grid; place-items: center;
width: 64px; height: 64px; margin-bottom: 18px;
border-radius: 50%;
border: 1.5px solid var(--ac-lagon);
font-family: var(--ly-serif); font-size: 23px; color: var(--ac-encre);
}
h3.ac-fondateur__nom {
margin: 0;
font-family: var(--ly-serif); font-weight: 400; font-size: 23px; line-height: 1.2;
color: var(--ac-encre);
}
article.ac-fondateur--donnees h3.ac-fondateur__nom { margin-bottom: 14px; }
article.ac-fondateur p.ac-fondateur__role {
min-height: 2lh;
margin: 6px 0 14px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--ac-lagon-texte);
}
.ac-support {
display: grid; gap: 8px 40px; align-items: baseline;
grid-template-columns: minmax(0, 1fr);
margin-top: 28px; padding: 26px 30px;
border-radius: var(--ac-rayon);
border: 1px solid var(--ac-trait-fort);
}
@media (min-width: 1024px) {
.ac-support { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
}
h3.ac-support__titre {
margin: 0;
font-family: var(--ly-serif); font-weight: 400; font-size: 23px; line-height: 1.25;
color: var(--ac-encre);
}
.ac-support p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
.ac-support a { color: var(--ac-lagon-texte); font-weight: 600; }
ul.ac-modules {
margin: 0; padding: 0; list-style: none;
display: grid; gap: 12px;
grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
}
ul.ac-modules a {
display: flex; flex-direction: column; gap: 4px; height: 100%;
padding: 18px 20px;
border-radius: var(--ac-rayon-sm);
background: #fff;
border: 1px solid var(--ac-trait);
transition: border-color .15s, box-shadow .15s;
}
ul.ac-modules a:hover { text-decoration: none; border-color: var(--ac-lagon); box-shadow: var(--ac-ombre-douce); }
.ac-modules__nom { font-size: 16.5px; font-weight: 600; color: var(--ac-encre); }
.ac-modules__ligne { font-size: 14px; line-height: 1.5; color: var(--ac-texte-3); }
@media (min-width: 1024px) {
ul.ac-modules { grid-template-columns: repeat(4, minmax(0, 1fr)); }
ul.ac-modules.ac-modules--engager { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
p.ac-modules__avant {
margin: 34px 0 12px;
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase; color: var(--ac-texte-3);
}
p.ac-developpement { margin: 30px 0 0; text-align: center; font-size: 16px; color: var(--ac-texte); }
p.ac-developpement .ac-etat { margin-right: 8px; }
ul.ac-reperes {
margin: 30px 0 0; padding: 0; list-style: none;
display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 28px;
}
ul.ac-reperes li {
padding-top: 8px;
border-top: 2px solid var(--ac-lagon);
font-family: var(--sy-font-mono); font-size: 12px; font-weight: 600;
letter-spacing: .08em; text-transform: uppercase; color: var(--ac-texte-2);
}
@media (min-width: 1024px) {
ul.ac-reperes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
ul.ac-reperes li { text-align: center; }
}
@media (max-width: 767px) {
ul.ac-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
ul.ac-modules a { padding: 14px; }
ul.ac-modules:not(.ac-modules--engager) .ac-modules__ligne { display: none; }
ul.ac-modules.ac-modules--engager { grid-template-columns: minmax(0, 1fr); }
p.ac-developpement { text-align: left; }
ul.ac-reperes { justify-content: flex-start; }
}
.ac-faq__grille {
display: grid; gap: 40px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-faq__grille { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 56px; align-items: start; }
.ac-faq__grille > :first-child { position: sticky; top: 112px; }
}
.ac-faq__grille .ly-faq.ac-faq { max-width: none; margin: 0; }
p.ac-faq__autre { margin: 24px 0 0; font-size: 15.5px; line-height: 1.6; color: var(--ac-texte-2); }
.ac-demo__grille {
display: grid; gap: 40px;
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
.ac-demo__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: start; }
}
ol.ac-ensuite { margin: 30px 0 0; padding: 0; list-style: none; counter-reset: ac-ensuite; }
ol.ac-ensuite li {
position: relative; padding: 0 0 16px 44px;
font-size: 16px; line-height: 1.55; color: #DCE4EE;
counter-increment: ac-ensuite;
}
ol.ac-ensuite li::before {
content: counter(ac-ensuite);
position: absolute; left: 0; top: -2px;
width: 30px; height: 30px; border-radius: 9px;
display: grid; place-items: center;
font-family: var(--sy-font-mono); font-size: 13px; font-weight: 600;
color: var(--ac-encre); background: var(--sy-shell-accent);
}
.ly-form-wrap.ac-demo__carte {
margin: 0; max-width: none;
padding: 32px;
border-radius: var(--ac-rayon);
background: #fff;
color: var(--ac-texte);
box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .55);
}
.ac-barre { display: none; }
@media (max-width: 767px) {
.ac-barre {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 19;
display: flex;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
background: var(--ac-encre);
box-shadow: 0 -10px 30px rgba(14, 30, 51, .25);
}
.ac-barre .ly-btn { width: 100%; }
html:has(body.ac-accueil) { scroll-padding-bottom: 80px; }
}
@media (max-width: 767px) {
.ac-hero { padding-top: 44px; }
p.ac-hero__chapo { font-size: 17px; }
p.ac-decomptes__titre { margin-top: 44px; }
.ac-decomptes__n { font-size: 40px; }
li.ac-role, article.ac-offre, article.ac-fondateur, .ac-veille, .ac-chiffres, .ac-support { padding: 24px 20px; }
.ly-form-wrap.ac-demo__carte { padding: 22px 18px; }
.ac-chiffres__n { font-size: 42px; }
}
.ac-masque {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.ac-tache__reste p.ac-geste {
display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
margin: 12px 0 0;
font-size: 13.5px; font-weight: 500; color: var(--ac-texte-2);
}
p.ac-geste span {
display: inline-block; padding: 4px 11px;
border: 1.5px solid var(--ac-encre); border-radius: 8px;
font-size: 13.5px; font-weight: 600; color: var(--ac-encre);
background: #fff;
}
.ac-etat--boite, .ac-etat--essai { background: var(--sy-warning-soft); color: var(--sy-warning-dark); }
.ac-section--demo { background: var(--ac-encre-2); }
.ac-nom { white-space: nowrap; }
li.ac-role ul.ac-coches li.ac-a-venir::before, li.ac-role ul.ac-coches li.ac-a-venir::after,
article.ac-offre ul.ac-coches li.ac-a-venir::before, article.ac-offre ul.ac-coches li.ac-a-venir::after {
content: none;
}