/* ==========================================================
FORME Annecy – style complet des nouvelles pages
À coller dans : JS/CSS personnalisé > zone CSS
EN REMPLAÇANT tout le contenu précédent (Ctrl+A puis coller).
Ne touche que les pages dont le premier bloc a la classe « forme-page ».
========================================================== */
.forme-page {
–forme-marine: #001C54;
–forme-peche: #FFEDE8;
–forme-gris: #434F58;
–forme-trait: #E8E8E8;
font-family: Inter, system-ui, sans-serif;
color: #10203F;
font-size: 16px;
line-height: 1.65;
}
.forme-page * { box-sizing: border-box; }
/* Sections pleine largeur, contenu centré */
.forme-page .forme-section { padding: 72px 24px; margin: 0; }
.forme-page .forme-section > * { max-width: 1200px; margin-left: auto; margin-right: auto; }
.forme-page .forme-etroit > * { max-width: 900px; }
.forme-page .forme-peche { background: var(–forme-peche); }
.forme-page .forme-marine { background: var(–forme-marine); color: #FFFFFF; }
.forme-page .forme-marine h2,
.forme-page .forme-marine h3,
.forme-page .forme-marine a { color: #FFFFFF; }
.forme-page .forme-marine p { color: #D5DBE6; }
/* Titres */
.forme-page h1, .forme-page h2, .forme-page h3 {
font-family: Inter, system-ui, sans-serif;
color: var(–forme-marine);
margin-top: 0;
}
.forme-page h1 { font-size: clamp(30px, 3.6vw, 42px); font-weight: 700; line-height: 1.15; letter-spacing: -0.015em; margin-bottom: 18px; }
.forme-page h2 { font-size: clamp(24px, 2.6vw, 30px); font-weight: 600; line-height: 1.25; margin-bottom: 12px; }
.forme-page h3 { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
.forme-page p { margin: 0 0 14px; }
.forme-page a { color: var(–forme-marine); }
.forme-page .forme-surtitre {
font-size: 13px; font-weight: 600; letter-spacing: 0.1em;
text-transform: uppercase; color: var(–forme-marine); margin-bottom: 10px;
}
.forme-page .forme-intro { font-size: 17px; color: var(–forme-gris); max-width: 720px; }
.forme-page .forme-gris { color: var(–forme-gris); }
.forme-page .forme-petit { font-size: 15px; line-height: 1.55; color: var(–forme-gris); }
/* Boutons : marine sur fond clair, pêche sur fond marine */
.forme-page .wp-block-buttons { gap: 14px; margin: 24px 0 18px; }
.forme-page .wp-block-button__link {
background: var(–forme-marine); color: #FFFFFF;
border: 2px solid var(–forme-marine); border-radius: 999px;
padding: 12px 22px; font-weight: 500; font-size: 15px; text-decoration: none;
}
.forme-page .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent; color: var(–forme-marine);
}
.forme-page .forme-marine .wp-block-button__link {
background: var(–forme-peche); color: var(–forme-marine); border-color: var(–forme-peche);
}
.forme-page .wp-block-button__link:hover { opacity: 0.88; }
/* Colonnes et cartes */
.forme-page .wp-block-columns { gap: 24px; margin-bottom: 0; }
.forme-page .forme-cartes .wp-block-column {
background: #FFFFFF; border: 1px solid var(–forme-trait);
border-radius: 18px; padding: 28px;
}
.forme-page .forme-cartes-peche .wp-block-column {
background: var(–forme-peche); border-radius: 18px; padding: 32px;
}
.forme-page .forme-peche .forme-cartes .wp-block-column { border-color: #F3D9D0; }
.forme-page .forme-lien { font-weight: 500; margin-top: 12px; }
.forme-page .forme-lien a { text-decoration: none; }
.forme-page .forme-lien a:hover { text-decoration: underline; }
/* Étapes numérotées du parcours */
.forme-page .forme-numero {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: 50%;
background: var(–forme-marine); color: #FFFFFF !important; font-weight: 700; margin-bottom: 14px;
}
/* Images */
.forme-page .forme-photo img { width: 100%; height: 320px; object-fit: cover; border-radius: 24px; }
.forme-page .forme-photo { max-width: 540px; margin-left: auto !important; margin-right: auto !important; }
/* Liste des examens */
.forme-page .forme-liste { list-style: none; padding: 0; margin: 18px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 24px; }
.forme-page .forme-liste li { padding-left: 22px; position: relative; font-size: 15px; }
.forme-page .forme-liste li::before { content: « »; position: absolute; left: 0; top: 0.6em; width: 9px; height: 9px; border-radius: 50%; background: var(–forme-marine); }
/* Chiffres */
.forme-page .forme-chiffre { font-size: 36px; font-weight: 700; line-height: 1; color: #FFFFFF !important; margin-bottom: 6px; }
/* Questions pratiques (accordéon) */
.forme-page .wp-block-details { border-top: 1px solid var(–forme-trait); padding: 20px 0; margin: 0; }
.forme-page .wp-block-details:last-of-type { border-bottom: 1px solid var(–forme-trait); }
.forme-page .wp-block-details summary { font-size: 17px; font-weight: 600; color: var(–forme-marine); cursor: pointer; }
.forme-page .wp-block-details p { margin-top: 10px; color: var(–forme-gris); }
/* Frise (page Qui sommes-nous) */
.forme-page .forme-frise .wp-block-column:first-child { flex-basis: 140px !important; flex-grow: 0; }
.forme-page .forme-frise { border-top: 1px solid #F3CDBE; padding: 22px 0; }
.forme-page .forme-annee { font-size: 20px; font-weight: 700; color: var(–forme-marine); }
/* Téléphone */
@media (max-width: 781px) {
.forme-page .forme-section { padding: 60px 20px; }
.forme-page .forme-photo img { height: 240px; }
}
/* — Ajout du 12/11 (v2) : portraits, cadres aux couleurs FORME, boutons sans jaune — */
/* 1. Images : plus de cadre jaune ; ombre douce et diffuse (relief sans aplat) */
.forme-page .wp-block-image,
.forme-page .wp-block-image img {
border: 0 !important; outline: 0 !important;
padding: 0 !important; background: none !important;
}
.forme-page .wp-block-image img {
border-radius: 22px;
box-shadow:
0 1px 2px rgba(0, 28, 84, 0.06),
0 10px 24px -6px rgba(0, 28, 84, 0.16),
0 30px 60px -20px rgba(0, 28, 84, 0.28) !important;
}
/* halo pêche flou derrière les grandes photos (fond blanc) */
.forme-page .forme-photo { position: relative; }
.forme-page .forme-photo::before {
content: « »; position: absolute; inset: 8% -4% -6% 10%;
background: #FFEDE8; border-radius: 32px; filter: blur(28px);
z-index: 0; opacity: 0.9;
}
.forme-page .forme-peche .forme-photo::before { background: #FFFFFF; }
.forme-page .forme-photo img { position: relative; z-index: 1; }
.forme-page .wp-block-image { margin-bottom: 28px !important; }
/* 2. Équipe : 3 portraits verticaux + photo de groupe, même hauteur */
.forme-page .forme-equipe { margin-top: 32px; }
.forme-page .forme-portrait img {
width: 100% !important; height: 300px !important;
object-fit: cover !important; object-position: 50% 40%;
}
.forme-page .forme-groupe img { object-position: 50% 50% !important; }
.forme-page .forme-equipe h3 { margin-bottom: 4px; }
.forme-page .forme-equipe h3 a { text-decoration: none; color: #001C54; }
@media (max-width: 781px) {
.forme-page .forme-portrait img { height: auto !important; aspect-ratio: 4 / 5; }
.forme-page .forme-groupe img { aspect-ratio: 4 / 3; }
}
/* Public accompagné (haut de page) */
.forme-page .forme-pour-qui-titre { font-weight: 500; font-size: 15px; color: #001C54; margin: 8px 0 10px; }
.forme-page .forme-pour-qui { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.forme-page .forme-pour-qui li {
background: #FFFFFF; color: #001C54; border-radius: 999px;
padding: 7px 14px; font-size: 14px; font-weight: 400; line-height: 1.3;
box-shadow: 0 1px 2px rgba(0, 28, 84, 0.08);
}
/* 3. Boutons : marine (ou pêche sur fond marine) dans tous les états, jamais de jaune */
.forme-page .wp-block-button__link,
.forme-page .wp-block-button__link:hover,
.forme-page .wp-block-button__link:focus,
.forme-page .wp-block-button__link:active,
.forme-page .wp-block-button__link:visited {
background: #001C54 !important; color: #FFFFFF !important;
border: 2px solid #001C54 !important; box-shadow: none !important;
outline: none !important; text-decoration: none !important;
}
.forme-page .wp-block-button.is-style-outline .wp-block-button__link,
.forme-page .wp-block-button.is-style-outline .wp-block-button__link:visited {
background: transparent !important; color: #001C54 !important;
}
.forme-page .wp-block-button.is-style-outline .wp-block-button__link:hover {
background: #001C54 !important; color: #FFFFFF !important;
}
.forme-page .wp-block-button__link:hover { opacity: 0.9; }
.forme-page .forme-marine .wp-block-button__link,
.forme-page .forme-marine .wp-block-button__link:hover,
.forme-page .forme-marine .wp-block-button__link:focus,
.forme-page .forme-marine .wp-block-button__link:visited {
background: #FFEDE8 !important; color: #001C54 !important; border-color: #FFEDE8 !important;
}
/* 4. Contour de navigation au clavier : marine au lieu de jaune (accessibilité conservée) */
.forme-page a:focus-visible,
.forme-page .wp-block-button__link:focus-visible {
outline: 3px solid #001C54 !important; outline-offset: 3px;
}
.forme-page .forme-marine a:focus-visible { outline-color: #FFEDE8 !important; }
/* — Page Kinésithérapie — */
.forme-page .forme-kines { margin-top: 28px; }
.forme-page .forme-kines .wp-block-column {
background: #FFFFFF; border: 1px solid var(–forme-trait);
border-radius: 20px; padding: 18px 18px 22px;
display: flex; flex-direction: column;
}
.forme-page .forme-portrait-kine { margin: 0 0 16px !important; }
.forme-page .forme-portrait-kine img {
width: 100% !important; height: auto !important;
aspect-ratio: 4 / 5; object-fit: cover; border-radius: 14px;
}
.forme-page .forme-kines h3 { margin-bottom: 2px; }
.forme-page .forme-role { font-size: 14px; color: var(–forme-gris); font-weight: 500; margin-bottom: 10px; }
.forme-page .forme-mention { font-size: 12px; color: var(–forme-gris); margin: 4px 0 0; }
.forme-page .forme-kines .wp-block-buttons { margin: 14px 0 6px; }
.forme-page .forme-kines .forme-lien { margin-top: 4px; font-size: 15px; }
.forme-page .forme-kines .forme-carte-info {
background: var(–forme-peche); border-color: var(–forme-peche);
justify-content: center; padding: 28px;
}
/* Bandeau « Nous trouver » : 4 colonnes homogènes */
.forme-page .forme-acces .wp-block-column { display: flex; flex-direction: column; }
.forme-page .forme-acces h3 { font-size: 17px; min-height: 2.6em; }
.forme-page .forme-acces p { font-size: 15px; }
.forme-page .forme-acces .wp-block-buttons { margin: 6px 0 10px; }
.forme-page .forme-acces .forme-petit { font-size: 14px; color: #C9D0DE; }
.forme-page .forme-marine .forme-petit a { color: #FFFFFF; }
/* — Page Consultation MPR — */
.forme-page .forme-portrait-mpr img {
width: 100% !important; max-width: 260px; height: auto !important;
aspect-ratio: 4 / 5; object-fit: cover; margin: 0 auto; display: block;
}
/* CV académique : date à gauche, intitulé à droite */
.forme-page .forme-cv-titre { font-size: 15px; text-transform: uppercase; letter-spacing: 0.06em; margin: 36px 0 8px; padding-bottom: 8px; border-bottom: 2px solid #001C54; }
.forme-page .forme-cv { list-style: none; padding: 0; margin: 0; }
.forme-page .forme-cv li { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 16px; padding: 10px 0; border-bottom: 1px solid var(–forme-trait); font-size: 15px; line-height: 1.5; }
.forme-page .forme-cv-date { font-weight: 600; color: #001C54; }
.forme-page .forme-cv-texte { color: #10203F; }
@media (max-width: 600px) { .forme-page .forme-cv li { grid-template-columns: 1fr; gap: 2px; } }
.forme-page .forme-liste-parcours { list-style: none; padding: 0; margin: 0; }
.forme-page .forme-liste-parcours li { padding: 10px 0; border-bottom: 1px solid #F3D9D0; font-size: 15px; color: var(–forme-gris); }
.forme-page .forme-cv-detail { display: block; margin-top: 4px; font-size: 14px; color: var(–forme-gris); line-height: 1.55; }
/* Petits portraits (page Laboratoire) */
.forme-page .forme-portrait-petit { margin: 0 0 14px !important; }
.forme-page .forme-portrait-petit img {
width: 180px !important; max-width: 100%; height: auto !important;
aspect-ratio: 4 / 5; object-fit: cover; border-radius: 16px;
}
/* Étapes illustrées (page Laboratoire) */
.forme-page .forme-etapes { margin-top: 28px; }
.forme-page .forme-etape-img { margin: 0 0 16px !important; }
.forme-page .forme-etape-img img {
width: 100% !important; height: auto !important;
aspect-ratio: 4 / 3; object-fit: cover; border-radius: 18px; background: #000;
}
/* Vidéos (page Laboratoire) */
.forme-page .forme-videos { margin-top: 24px; }
.forme-page .forme-video { margin: 0 0 10px !important; text-align: center; }
.forme-page .forme-video video {
display: block; margin: 0 auto; width: auto; max-width: 100%; max-height: 520px;
border-radius: 18px; background: #000;
box-shadow: 0 10px 24px -6px rgba(0, 28, 84, 0.16), 0 30px 60px -20px rgba(0, 28, 84, 0.28);
}
.forme-page .forme-centre { text-align: center; }
.forme-page .forme-video-duo { max-width: 920px; margin: 32px auto 0 !important; gap: 64px !important; }
.forme-page .forme-video-carte { text-align: center; }
.forme-page .forme-video-carte .forme-video video { height: 440px; max-height: none; width: auto; }
.forme-page .forme-video-carte h3 { margin: 18px 0 6px; }
.forme-page .forme-video-carte p { max-width: 380px; margin: 0 auto; font-size: 15px; }
@media (max-width: 781px) { .forme-page .forme-video-duo { gap: 40px !important; } .forme-page .forme-video-carte .forme-video video { height: auto; max-height: 420px; } }
/* Page kinésithérapie : nos espaces */
.forme-page .forme-espaces { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 28px; }
.forme-page .forme-espaces > .wp-block-column { flex-basis: auto !important; margin: 0 !important; }
.forme-page .forme-espace { margin: 0; }
.forme-page .forme-espace img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; box-shadow: 0 2px 6px rgba(0,28,84,.06), 0 10px 24px rgba(0,28,84,.10); }
.forme-page .forme-espace figcaption { margin-top: 8px; font-size: 13px; color: var(–forme-gris); text-align: left; }
@media (max-width: 781px) { .forme-page .forme-espaces { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
/* ===== En-tête (menu OceanWP) ===== */
#site-header { background: #001C54 !important; }
#site-navigation-wrap .dropdown-menu > li > a { font-family: ‘Inter’, sans-serif; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff !important; }
#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a,
#site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a { color: #FFEDE8 !important; opacity: .85; }
#site-navigation-wrap .dropdown-menu .sub-menu { background: #fff !important; border: 0 !important; border-radius: 12px; padding: 8px 0; box-shadow: 0 12px 30px rgba(0,28,84,.18); }
#site-navigation-wrap .dropdown-menu .sub-menu a { font-size: 14px !important; font-weight: 400 !important; text-transform: none !important; color: #001C54 !important; padding: 8px 18px !important; }
#site-navigation-wrap .dropdown-menu .sub-menu a:hover { background: #FFEDE8 !important; }
/* Bouton dans le menu : ajouter la classe CSS « forme-menu-bouton » à l’élément de menu */
#site-navigation-wrap .dropdown-menu > li.forme-menu-bouton > a { display: flex; align-items: center; }
#site-navigation-wrap .dropdown-menu > li.forme-menu-bouton > a .text-wrap { background: #FFEDE8; color: #001C54 !important; padding: 7px 16px; border-radius: 999px; line-height: 1.2; }
#site-navigation-wrap .dropdown-menu > li.forme-menu-bouton > a:hover { opacity: 1; }
#site-navigation-wrap .dropdown-menu > li.forme-menu-bouton > a:hover .text-wrap { background: #fff; }
/* ===== Pied de page ===== */
.forme-footer { background: #001C54; color: rgba(255,255,255,.82); font-family: ‘Inter’, sans-serif; font-size: 14px; line-height: 1.6; }
.forme-footer-inner { max-width: 1200px; margin: 0 auto; padding: 56px 24px 36px; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 40px; }
.forme-footer h4 { color: #fff; font-size: 15px; font-weight: 600; margin: 0 0 14px; letter-spacing: 0; text-transform: none; }
.forme-footer p { margin: 0 0 12px; color: rgba(255,255,255,.82); }
.forme-footer strong { color: #fff; font-weight: 500; }
.forme-footer a { color: #FFEDE8; text-decoration: none; }
.forme-footer a:hover { color: #fff; text-decoration: underline; }
.forme-footer ul { list-style: none; margin: 0; padding: 0; }
.forme-footer li { margin: 0 0 8px; }
.forme-footer-marque img { width: 160px; height: auto; margin-bottom: 16px; display: block; }
.forme-footer-reseaux a { display: inline-block; margin: 0 16px 6px 0; }
.forme-footer .forme-footer-discret { color: rgba(255,255,255,.6); font-size: 13px; }
.forme-footer-bas { border-top: 1px solid rgba(255,255,255,.14); max-width: 1200px; margin: 0 auto; padding: 18px 24px 26px; display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; color: rgba(255,255,255,.6); }
.forme-footer-bas a { color: rgba(255,255,255,.75); }
@media (max-width: 960px) { .forme-footer-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .forme-footer-inner { grid-template-columns: 1fr; gap: 28px; padding-top: 40px; } }
/* Logo sans cadre (pied de page et en-tête) */
.forme-footer-marque > a, .forme-footer-marque img,
#site-logo a, #site-logo img, .custom-logo-link, .custom-logo-link img {
border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important;
}
.forme-footer-marque a:focus-visible { outline: 2px solid #FFEDE8 !important; outline-offset: 4px; }
/* ===== Pages CV (cofondatrices, kinésithérapeutes, formateurs) ===== */
.forme-page .forme-cv li.forme-cv-plein { grid-template-columns: minmax(0, 1fr); }
.forme-page .forme-cv-intro .forme-cv-titre:first-child { margin-top: 0; }
.forme-page .forme-cv-intro p { font-size: 16px; line-height: 1.7; color: #10203F; }
.forme-page .forme-liste-formations { margin: 0 0 8px; padding-left: 20px; font-size: 15px; line-height: 1.6; }
.forme-page .forme-liste-formations li { margin-bottom: 4px; }
.forme-page .forme-cv-retour { padding-top: 0 !important; }
/* Page Nos formateurs : 4 par ligne, dernière ligne alignée à gauche */
.forme-page .forme-formateurs { justify-content: flex-start; }
.forme-page .forme-formateurs > .wp-block-column { flex: 0 0 calc((100% – 3 * 2em) / 4) !important; max-width: calc((100% – 3 * 2em) / 4); }
@media (max-width: 781px) { .forme-page .forme-formateurs { flex-wrap: wrap !important; gap: 24px 16px; } .forme-page .forme-formateurs > .wp-block-column { flex-basis: calc(50% – 8px) !important; max-width: calc(50% – 8px); } }
/* Icônes LinkedIn / Instagram / site dans les CV */
.forme-page .forme-cv-liens { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.forme-page .forme-cv-liens a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #001C54; font-size: 0 !important; color: transparent !important; text-decoration: none !important; transition: background .2s, transform .2s; }
.forme-page .forme-cv-liens a::before { content: « »; width: 18px; height: 18px; background: #FFEDE8; -webkit-mask: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M3%2012h18M12%203c2.5%202.6%203.8%205.6%203.8%209s-1.3%206.4-3.8%209c-2.5-2.6-3.8-5.6-3.8-9S9.5%205.6%2012%203z%22/%3E%3C/svg%3E ») center / contain no-repeat; mask: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M3%2012h18M12%203c2.5%202.6%203.8%205.6%203.8%209s-1.3%206.4-3.8%209c-2.5-2.6-3.8-5.6-3.8-9S9.5%205.6%2012%203z%22/%3E%3C/svg%3E ») center / contain no-repeat; }
.forme-page .forme-cv-liens a[href*= »linkedin.com »]::before { -webkit-mask-image: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.45%2020.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86%200-2.14%201.45-2.14%202.94v5.67H9.35V9h3.41v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.12%202.06%202.06%200%200%201%200%204.12zM7.12%2020.45H3.56V9h3.56v11.45z%22/%3E%3C/svg%3E »); mask-image: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.45%2020.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86%200-2.14%201.45-2.14%202.94v5.67H9.35V9h3.41v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.12%202.06%202.06%200%200%201%200%204.12zM7.12%2020.45H3.56V9h3.56v11.45z%22/%3E%3C/svg%3E »); }
.forme-page .forme-cv-liens a[href*= »instagram.com »]::before { -webkit-mask-image: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.2%22/%3E%3Ccircle%20cx%3D%2217.4%22%20cy%3D%226.6%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22/%3E%3C/svg%3E »); mask-image: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.2%22/%3E%3Ccircle%20cx%3D%2217.4%22%20cy%3D%226.6%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22/%3E%3C/svg%3E »); }
.forme-page .forme-cv-liens a:hover { background: #2A4A8A; transform: translateY(-2px); }
.forme-page .forme-cv-liens a:focus-visible { outline: 2px solid #001C54; outline-offset: 3px; }
/* Icônes réseaux dans le pied de page */
.forme-footer .forme-footer-reseaux { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.forme-footer .forme-footer-reseaux a:not(.forme-footer-discret) { display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 !important; border-radius: 50%; background: #FFEDE8; font-size: 0 !important; color: transparent !important; text-decoration: none !important; transition: background .2s, transform .2s; }
.forme-footer .forme-footer-reseaux a:not(.forme-footer-discret)::before { content: « »; width: 17px; height: 17px; background: #001C54; }
.forme-footer .forme-footer-reseaux a[href*= »linkedin.com »]::before { -webkit-mask: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.45%2020.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86%200-2.14%201.45-2.14%202.94v5.67H9.35V9h3.41v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.12%202.06%202.06%200%200%201%200%204.12zM7.12%2020.45H3.56V9h3.56v11.45z%22/%3E%3C/svg%3E ») center / contain no-repeat; mask: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.45%2020.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86%200-2.14%201.45-2.14%202.94v5.67H9.35V9h3.41v1.56h.05c.48-.9%201.64-1.85%203.37-1.85%203.6%200%204.27%202.37%204.27%205.46v6.28zM5.34%207.43a2.06%202.06%200%201%201%200-4.12%202.06%202.06%200%200%201%200%204.12zM7.12%2020.45H3.56V9h3.56v11.45z%22/%3E%3C/svg%3E ») center / contain no-repeat; }
.forme-footer .forme-footer-reseaux a[href*= »instagram.com/formeannecy »]::before { -webkit-mask: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.2%22/%3E%3Ccircle%20cx%3D%2217.4%22%20cy%3D%226.6%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22/%3E%3C/svg%3E ») center / contain no-repeat; mask: url(« data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.2%22/%3E%3Ccircle%20cx%3D%2217.4%22%20cy%3D%226.6%22%20r%3D%221%22%20fill%3D%22black%22%20stroke%3D%22none%22/%3E%3C/svg%3E ») center / contain no-repeat; }
.forme-footer .forme-footer-reseaux a:not(.forme-footer-discret):hover { background: #fff; transform: translateY(-2px); }
.forme-footer .forme-footer-reseaux .forme-footer-discret { margin: 0 0 0 4px !important; }
/* CV : listes longues repliables (publications, conférences, congrès) */
.forme-page .forme-cv-plus { margin: 0; border: 0; padding: 0; }
.forme-page .forme-cv-plus > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; margin: 14px 0 6px; padding: 8px 16px; border: 1.5px solid #001C54; border-radius: 999px; font-size: 14px; font-weight: 500; color: #001C54; background: transparent; }
.forme-page .forme-cv-plus > summary::-webkit-details-marker { display: none; }
.forme-page .forme-cv-plus > summary::after { content: « + »; font-size: 16px; line-height: 1; }
.forme-page .forme-cv-plus[open] > summary::after { content: « – »; }
.forme-page .forme-cv-plus > summary:hover { background: #001C54; color: #fff; }
.forme-page .forme-cv-plus[open] > summary { margin-bottom: 0; }
.forme-page .forme-cv-plus > .forme-cv { margin-top: 0; }
/* Bouton contour sur fond bleu marine : texte et bordure pêche */
.forme-page .forme-marine .wp-block-button.is-style-outline .wp-block-button__link,
.forme-page .forme-marine .wp-block-button.is-style-outline .wp-block-button__link:visited {
background: transparent !important; color: #FFEDE8 !important; border: 1.5px solid #FFEDE8 !important;
}
.forme-page .forme-marine .wp-block-button.is-style-outline .wp-block-button__link:hover,
.forme-page .forme-marine .wp-block-button.is-style-outline .wp-block-button__link:focus {
background: #FFEDE8 !important; color: #001C54 !important;
}
/* Encart d’information (page de demande d’analyse) */
.forme-page .forme-encart { background: #FFEDE8; border-radius: 20px; padding: 28px 28px 20px !important; align-self: flex-start; }
.forme-page .forme-encart h3 { margin-top: 0; }
.forme-page .forme-liste-encart { list-style: none; padding: 0; margin: 0 0 14px; }
.forme-page .forme-liste-encart li { position: relative; padding: 10px 0 10px 22px; border-bottom: 1px solid #F3D9D0; font-size: 15px; line-height: 1.55; color: #10203F; }
.forme-page .forme-liste-encart li::before { content: « »; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: #001C54; }
/* Formulaires Formidable aux couleurs FORME */
.forme-page .frm_forms .frm_primary_label { font-weight: 500; color: #001C54; font-size: 15px; }
.forme-page .frm_forms input[type=text], .forme-page .frm_forms input[type=email], .forme-page .frm_forms input[type=tel], .forme-page .frm_forms input[type=number], .forme-page .frm_forms select, .forme-page .frm_forms textarea { border: 1px solid #D5DAE3 !important; border-radius: 10px !important; padding: 10px 12px !important; font-size: 15px !important; background: #fff !important; box-shadow: none !important; }
.forme-page .frm_forms input:focus, .forme-page .frm_forms textarea:focus, .forme-page .frm_forms select:focus { border-color: #001C54 !important; outline: 2px solid rgba(0,28,84,.15) !important; }
.forme-page .frm_forms .frm_button_submit, .forme-page .frm_forms button[type=submit] { background: #001C54 !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 500 !important; text-transform: none !important; }
.forme-page .frm_forms .frm_button_submit:hover { background: #2A4A8A !important; }
.forme-page .forme-encart h3 + .forme-pour-qui, .forme-page .forme-encart .forme-pour-qui { margin-bottom: 14px; }
.forme-page .forme-encart .forme-liste-encart + h3 { margin-top: 22px; }