{"id":2779,"date":"2026-09-12T06:18:30","date_gmt":"2026-09-12T06:18:30","guid":{"rendered":"https:\/\/quadrosysteme.fr\/?post_type=product&p=2779"},"modified":"2026-10-05T14:52:42","modified_gmt":"2026-10-05T14:52:42","slug":"guide-strategique-vers-le-million","status":"publish","type":"product","link":"https:\/\/quadrosysteme.fr\/en\/product\/guide-strategique-vers-le-million\/","title":{"rendered":"Guide strat\u00e9gique vers le million (French edition)"},"content":{"rendered":"
\n.gsm { –bleu: #0B1F3A; –bleu2: #13305A; –dore: #C9A227; –dore2: #F1D27A; –gris: #4E5866; –blanc: #fff; font-family: Georgia, \u00ab\u00a0Times New Roman\u00a0\u00bb, serif; color: var(–bleu); box-sizing: border-box; } .gsm *, .gsm *::before, .gsm *::after { box-sizing: inherit; } .gsm-sans { font-family: Montserrat, \u00ab\u00a0Segoe UI\u00a0\u00bb, Arial, sans-serif; } .gsm-produit { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(280px, 1.1fr); gap: 2.5rem; align-items: center; max-width: 1100px; margin: 0 auto; padding: 2rem 1.25rem; } .gsm-scene { background: radial-gradient(ellipse at 50% 35%, #1a3a66 0%, #0b1f3a 62%, #06152b 100%); border-radius: 14px; padding: 3rem 1.5rem 2.6rem; display: flex; justify-content: center; align-items: center; min-height: 480px; perspective: 1600px; overflow: hidden; } .gsm-livre { position: relative; width: min(280px, 60vw); aspect-ratio: 864 \/ 1296; transform-style: preserve-3d; transform: rotateY(-26deg) rotateX(4deg); transition: transform .8s cubic-bezier(.2,.7,.2,1); –ep: 22px; } .gsm-scene:hover .gsm-livre { transform: rotateY(-16deg) rotateX(3deg); } .gsm-livre > div { position: absolute; inset: 0; backface-visibility: hidden; } .gsm-livre .face { background: #0b1f3a center\/cover no-repeat; border-radius: 2px 6px 6px 2px; box-shadow: inset 6px 0 14px -8px rgba(0,0,0,.55), 0 30px 60px -20px rgba(0,0,0,.75); transform: translateZ(calc(var(–ep) \/ 2)); } .gsm-livre .dos { background: #0b1f3a center\/cover no-repeat; border-radius: 6px 2px 2px 6px; transform: rotateY(180deg) translateZ(calc(var(–ep) \/ 2)); } .gsm-livre .tranche { width: var(–ep); left: 0; background: #102a4c center\/cover no-repeat; transform: rotateY(-90deg) translateZ(calc(var(–ep) \/ 2)); transform-origin: left center; left: calc(var(–ep) \/ 2); } .gsm-livre .pages { width: var(–ep); right: 0; left: auto; top: 3px; bottom: 3px; background: repeating-linear-gradient(90deg, #f3f1ec 0 1px, #d9d5cc 1px 2px); transform: rotateY(90deg) translateZ(calc(var(–ep) \/ 2)); transform-origin: right center; right: calc(var(–ep) \/ 2); } .gsm-livre .haut { height: var(–ep); top: 0; bottom: auto; background: repeating-linear-gradient(0deg, #f3f1ec 0 1px, #d9d5cc 1px 2px); transform: rotateX(90deg) translateZ(calc(var(–ep) \/ 2)); transform-origin: center top; top: calc(var(–ep) \/ 2); left: 2px; right: 2px; } .gsm-ombre { position: absolute; left: 50%; bottom: 1.4rem; width: 60%; height: 22px; transform: translateX(-46%); background: radial-gradient(ellipse, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 70%); filter: blur(4px); pointer-events: none; } .gsm-infos h1 { font-family: Montserrat, \u00ab\u00a0Segoe UI\u00a0\u00bb, Arial, sans-serif; font-weight: 800; font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.1; margin: 0 0 .4rem; } .gsm-infos h1 span { color: var(–dore); display: block; } .gsm-infos .sous { font-style: italic; color: var(–gris); margin: 0 0 1.2rem; line-height: 1.45; } .gsm-infos ul { padding-left: 1.1rem; margin: 0 0 1.4rem; line-height: 1.55; } .gsm-infos li::marker { color: var(–dore); } .gsm-actions { display: flex; flex-wrap: wrap; gap: .8rem; } .gsm-btn { font-family: Montserrat, \u00ab\u00a0Segoe UI\u00a0\u00bb, Arial, sans-serif; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .82rem; padding: .95rem 1.4rem; border-radius: 6px; border: 2px solid var(–bleu); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: .55rem; line-height: 1; min-height: 48px; transition: transform .15s, box-shadow .15s; } .gsm-btn:hover, .gsm-btn:focus-visible { transform: translateY(-1px); box-shadow: 0 6px 18px -8px rgba(11,31,58,.6); outline: none; } .gsm-btn:focus-visible { outline: 3px solid var(–dore); outline-offset: 2px; } .gsm-btn-primaire { background: var(–bleu); color: #fff; } .gsm-btn-or { background: var(–dore); color: var(–bleu); border-color: var(–dore); } .gsm-btn-second { background: transparent; color: var(–bleu); } .gsm-mention { font-size: .8rem; color: var(–gris); margin-top: 1rem; line-height: 1.45; } .gsm-lecteur { position: fixed; inset: 0; z-index: 9999; background: radial-gradient(ellipse at 50% 40%, #16345c 0%, #0b1f3a 55%, #050f20 100%); display: none; flex-direction: column; color: #fff; } .gsm-lecteur[open] { display: flex; } .gsm-lecteur.gsm-ouvre { animation: gsm-fondu .35s ease both; } @keyframes gsm-fondu { from { opacity: 0 } to { opacity: 1 } } .gsm-barre { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .7rem 1rem; background: rgba(0,0,0,.25); font-family: Montserrat, \u00ab\u00a0Segoe UI\u00a0\u00bb, Arial, sans-serif; font-size: .8rem; } .gsm-barre .titre { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(–dore2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gsm-barre .compteur { color: #cfd6e2; white-space: nowrap; } .gsm-fermer { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.5); border-radius: 6px; width: 44px; height: 44px; font-size: 1.4rem; line-height: 1; cursor: pointer; flex: none; } .gsm-fermer:hover, .gsm-fermer:focus-visible { border-color: var(–dore); color: var(–dore2); outline: none; } .gsm-zone { flex: 1; display: grid; grid-template-columns: 56px minmax(0, 1fr) 56px; grid-template-areas: \u00ab\u00a0prev cadre next\u00a0\u00bb; align-items: center; gap: .3rem; padding: .4rem .3rem; min-height: 0; } .gsm-zone > [data-gsm-prev] { grid-area: prev; } .gsm-zone > [data-gsm-next] { grid-area: next; } .gsm-zone > .gsm-cadre { grid-area: cadre; } .gsm-zone > .gsm-nav-mobile { grid-area: nav; } .gsm p:empty { display: none !important; } .gsm-cadre { width: 100%; } .gsm-lecteur.gsm-zoom .gsm-zone { overflow: auto; align-items: start; } .gsm-lecteur.gsm-zoom .gsm-cadre { transform: scale(1.35); transform-origin: top center; margin-bottom: 36%; } .gsm-barre .gsm-outils { display: flex; gap: .4rem; } .gsm-outil { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.5); border-radius: 6px; min-width: 44px; height: 44px; font-size: 1.1rem; line-height: 1; cursor: pointer; padding: 0 .5rem; font-family: Montserrat, Arial, sans-serif; } .gsm-outil:hover, .gsm-outil:focus-visible { border-color: var(–dore); color: var(–dore2); outline: none; } .gsm-lecteur:fullscreen { width: 100vw; height: 100vh; } .gsm-fleche { width: 48px; height: 64px; border-radius: 8px; border: 0; background: rgba(255,255,255,.12); color: #fff; font-size: 1.6rem; cursor: pointer; justify-self: center; } .gsm-fleche:hover, .gsm-fleche:focus-visible { background: var(–dore); color: var(–bleu); outline: none; } .gsm-fleche[disabled] { opacity: .25; cursor: default; } .gsm-cadre { position: relative; height: 100%; min-height: 0; display: flex; align-items: center; justify-content: center; } .gsm-livre-ouvert { width: 100%; height: 100%; } .gsm-page { background: #fff; overflow: hidden; height: 100%; box-shadow: inset 0 0 30px -18px rgba(0,0,0,.4); } .gsm-page.gsm-cta { font-size: clamp(11px, 2.35vh, 22px); } .gsm-page img { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; } .gsm-page.gsm-couv { background: #0b1f3a; } .gsm-page.gsm-couv img { object-fit: cover; } .gsm-page.gsm-cta { background: var(–bleu); text-align: center; } .gsm-page.gsm-cta .cta-wrap { display: flex; align-items: center; justify-content: center; height: 100%; padding: 6%; } .gsm-page.gsm-cta .cta { color: #fff; max-width: 100%; } .gsm-page.gsm-cta .cta .fin { font-family: Montserrat, Arial, sans-serif; font-size: .62em; letter-spacing: .22em; color: var(–dore2); } .gsm-page.gsm-cta .cta h2 { font-family: Montserrat, Arial, sans-serif; margin: .8em 0 .2em; font-size: 1.05em; letter-spacing: .1em; } .gsm-page.gsm-cta .cta h2 span { display: block; color: var(–dore); font-size: 1.7em; font-weight: 800; letter-spacing: 0; } .gsm-page.gsm-cta .cta p { margin: .6em 0; line-height: 1.4; font-size: .85em; } .gsm-page.gsm-cta .cta .liste { font-family: Montserrat, Arial, sans-serif; font-weight: 700; color: var(–dore2); font-size: .7em; letter-spacing: .08em; line-height: 2; } .gsm-page.gsm-cta .cta .achat { display: inline-block; margin: .9em 0 .5em; } .gsm-page.gsm-cta .cta small { display: block; font-size: .6em; color: rgba(255,255,255,.6); font-style: italic; line-height: 1.4; margin-top: 1em; } .gsm-page.gsm-cta .cta a.gsm-btn { font-size: .68em; padding: .75em 1.2em; min-height: 0; } .gsm-page.gsm-cta .cta a.lien { color: var(–dore2); font-family: Montserrat, Arial, sans-serif; font-size: .6em; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; display: block; margin-top: .6em; } .gsm-reste { position: absolute; right: -6px; top: 8%; bottom: 8%; width: 34px; pointer-events: none; opacity: .9; transition: opacity .3s, transform .3s; } .gsm-reste .feuilles { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, #f6f4ef 0 2px, #cfcac0 2px 3px); border-radius: 0 4px 4px 0; box-shadow: 6px 0 16px -6px rgba(0,0,0,.6); } .gsm-reste .cadenas { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; background: var(–dore); display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(0,0,0,.5); } .gsm-reste .cadenas svg { width: 16px; height: 16px; fill: var(–bleu); } .gsm-verrou-texte { position: absolute; right: 0; bottom: -2px; transform: translateY(100%); font-family: Montserrat, Arial, sans-serif; font-size: .68rem; letter-spacing: .04em; color: #cfd6e2; text-align: right; padding-top: .4rem; width: 100%; } .gsm-verrou-texte strong { color: var(–dore2); } .gsm-lecteur.gsm-fin .gsm-reste { opacity: 1; transform: translateX(6px); } .gsm-lecteur.gsm-fin .gsm-verrou-texte { color: #fff; } .gsm-pied { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .6rem 1rem; padding: .7rem 1rem; background: rgba(0,0,0,.28); font-family: Montserrat, Arial, sans-serif; font-size: .78rem; } .gsm-pied .msg { color: #cfd6e2; } .gsm-pied .msg strong { color: var(–dore2); } .gsm-lecteur.gsm-fin .gsm-pied .msg { color: #fff; } @media (max-width: 720px) { .gsm-produit { grid-template-columns: 1fr; gap: 1.4rem; padding: 1.2rem .9rem; } .gsm-scene { min-height: 380px; padding: 2.2rem 1rem 2rem; } .gsm-zone { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto; grid-template-areas: \u00ab\u00a0cadre\u00a0\u00bb \u00ab\u00a0nav\u00a0\u00bb; } .gsm-barre .gsm-outils .gsm-outil-zoom { display: none; } .gsm-fleche { display: none; } .gsm-nav-mobile { display: flex; justify-content: center; gap: 1rem; padding: .3rem 0 .1rem; } .gsm-nav-mobile .gsm-fleche { display: block; height: 48px; width: 96px; font-size: 1.3rem; } .gsm-reste { width: 18px; right: -2px; } .gsm-reste .cadenas { width: 24px; height: 24px; } .gsm-verrou-texte { font-size: .62rem; } .gsm-barre .titre { font-size: .7rem; } .gsm-pied { padding: .5rem .8rem; gap: .4rem .8rem; } .gsm-pied .gsm-btn-second { display: none; } .gsm-pied .gsm-btn { padding: .7rem 1rem; min-height: 44px; } } @media (min-width: 721px) { .gsm-nav-mobile { display: none; } } @media (prefers-reduced-motion: reduce) { .gsm-lecteur.gsm-ouvre { animation: none; } .gsm-livre, .gsm-btn { transition: none; } }<\/p>\n
\n
\n
\n
\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n<\/p>\n<\/div>\n
<\/div>\n<\/p>\n<\/div>\n
\n