/* GÉNÉRÉ par outils/extraire-dc.mjs depuis AccueilV2D.dc.html (sha256 f7f5920e45af737f) : <style> du <helmet>, ne pas éditer. */
body{margin:0}
@media (max-width: 640px){
.v2-racine{min-height:0 !important}
.v2-racine>div[aria-hidden="true"]{height:100% !important}
.v2-racine img[src*="e45467bd"]{height:100% !important;object-position:62% 30% !important}
.v2-racine img[src*="1a80cb0a"]{width:560px !important;height:560px !important;top:250px !important}
.v2-page{min-height:0 !important;padding:18px 16px 22px !important;gap:26px !important}
#haut h1{font-size:30px !important;letter-spacing:-0.5px !important}
#haut p{font-size:15px !important}
section[aria-label="Exemples des applications"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.v2-exemple{padding:8px !important;gap:8px !important;border-radius:12px !important}
.v2-exemple>span>span:nth-child(1){font-size:14px !important}
.v2-exemple>span>span:nth-child(2),.v2-exemple>span>span:nth-child(3){font-size:12px !important}
#connexion{padding:20px 14px 16px !important;gap:14px !important;border-radius:14px !important}
#connexion [role="group"]{gap:8px !important}
.v2-porte{padding:12px 6px !important;gap:6px !important}
.v2-porte span:nth-of-type(1){font-size:13.5px !important}
.v2-porte span:nth-of-type(2){font-size:11px !important}
footer{flex-direction:column !important;align-items:flex-start !important;gap:6px !important;font-size:12px !important}
section[role="dialog"]{top:64px !important;width:calc(100% - 24px) !important}
section[role="dialog"]>div:first-child{height:auto !important;min-height:55px !important;padding:10px 10px 10px 16px !important}
#titre-apercu,#titre-guide{font-size:16px !important}
section[aria-labelledby="titre-guide"]>div:nth-child(2){grid-template-columns:1fr !important}
}
.v2-exemple{transition:transform 160ms ease,box-shadow 160ms ease}
.v2-exemple:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,0.22),0 28px 60px rgba(0,0,0,0.32) !important}
.v2-porte{transition:transform 140ms ease,box-shadow 140ms ease}
.v2-porte:hover{transform:translateY(-3px);box-shadow:0 4px 14px rgba(37,41,44,0.12),0 12px 36px rgba(37,41,44,0.10)}
.v2-exemple:focus-visible,.v2-porte:focus-visible{outline:2px solid #ffffff;outline-offset:3px}