Arts Divinatoires 

.arts-root {
--bg: #faf8f5 !important; --fg: #2a2a2a !important; --fg-muted: #5f5a55 !important; --gold: #c9a96e !important; --gold-light: #e8d5a8 !important; --copper: #b87333 !important; --night: #0a0a2e !important; --night-mid: #1a0a2e !important; --night-light: #2a1a3e !important; --card: #ffffff !important; --border: #e8e2d8 !important; --band-sand: #f3eee6 !important; --band-rose: #fbf1ec !important; --band-sage: #eef3ee !important; --band-sky: #eef1f7 !important; --text-on-dark: #f0e8d8 !important; --radius: 14px !important; --shadow: 0 6px 28px rgba(42,26,10,0.08) !important;
}
.arts-root {
background: var(--bg) !important; color: var(--fg) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; line-height: 1.75 !important; margin: 0 !important;
}
@media (max-width: 768px) {
.arts-root {
font-size: 15px !important;
}
.arts-root .fam-card p, .arts-root .step p, .arts-root .new-body p, .arts-root .wheel-result p {
font-size: 15px !important;
}
}
.arts-root .gutter {
padding-left: max(16px, env(safe-area-inset-left, 0px)) !important; padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
}
.arts-root .inner {
max-width: 1080px !important; margin: 0 auto !important;
}
.arts-root .narrow {
max-width: 820px !important; margin: 0 auto !important;
}
.arts-root h1 {
font-family: 'El Messiri', serif !important; font-weight: 700 !important; font-size: clamp(34px, 5vw, 52.7px) !important; line-height: 1.15 !important; text-wrap: balance !important; margin: 0 !important;
}
.arts-root h2 {
font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; font-size: 24px !important; line-height: 1.3 !important; text-wrap: balance !important; margin: 0 0 22px !important; color: var(--fg) !important;
}
@media (max-width: 768px) {
.arts-root h2 {
font-size: 28px !important;
}
}
.arts-root h3 {
font-family: Arial, Helvetica, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; line-height: 1.4 !important; margin: 0 0 10px !important; color: var(--fg) !important;
}
@media (max-width: 768px) {
.arts-root h3 {
font-size: 18px !important;
}
}
.arts-root p {
margin: 0 auto 18px !important; max-width: 75ch !important;
}
.arts-root a {
color: var(--copper) !important;
}
.arts-root .sr-only {
position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
.arts-root .section {
padding-block: 64px !important;
}
.arts-root .section h2 {
text-align: center !important;
}
.arts-root .section .lead {
text-align: center !important; color: var(--fg-muted) !important; margin-bottom: 36px !important;
}
.arts-root .band-sand {
background: var(--band-sand) !important;
}
.arts-root .band-rose {
background: var(--band-rose) !important;
}
.arts-root .band-sage {
background: var(--band-sage) !important;
}
.arts-root .band-sky {
background: var(--band-sky) !important;
}
.arts-root .ornament {
text-align: center !important; margin: 0 auto 26px !important; color: var(--gold) !important; font-size: 22.1px !important; opacity: 0.6; letter-spacing: 0.5em !important;
}
.arts-root .hero {
background: linear-gradient(170deg, #0a0a2e 0%, #1a0a2e 45%, #2a1a3e 100%) !important; color: var(--text-on-dark) !important; position: relative !important; overflow: hidden !important; padding-block: 56px 70px !important; text-align: center !important;
}
.arts-root .hero::before {
content: '' !important; position: absolute !important; inset: 0 !important; background: radial-gradient(ellipse 700px 420px at 50% 55%, rgba(201,169,110,0.10) 0%, transparent 70%) !important; pointer-events: none !important;
}
.arts-root #stars {
position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important;
}
.arts-root .hero .inner {
position: relative !important; z-index: 1 !important;
}
.arts-root .hero-breadcrumb {
font-size: 14.4px !important; color: rgba(240,232,216,0.55) !important; margin-bottom: 22px !important;
}
.arts-root .hero-breadcrumb a {
color: rgba(240,232,216,0.65) !important; text-decoration: none !important;
}
.arts-root .hero h1 {
color: #fff !important; margin-bottom: 14px !important;
}
.arts-root .hero h1 span {
color: var(--gold) !important;
}
.arts-root .hero-sub {
font-family: 'Poppins', sans-serif !important; font-size: 19px !important; color: rgba(240,232,216,0.85) !important; margin-bottom: 36px !important;
}
.arts-root .wheel-wrap {
position: relative !important; width: min(460px, 92vw) !important; margin: 0 auto 22px !important; touch-action: none !important; user-select: none !important; -webkit-user-select: none !important;
}
.arts-root .wheel-wrap canvas {
width: 100% !important; height: auto !important; display: block !important; cursor: grab !important;
}
.arts-root .wheel-wrap.dragging canvas {
cursor: grabbing !important;
}
.arts-root .wheel-pointer {
position: absolute !important; top: -6px; left: 50%; transform: translateX(-50%); width: 0 !important; height: 0 !important; border-left: 14px solid transparent !important; border-right: 14px solid transparent !important; border-top: 26px solid var(--gold-light) !important; filter: drop-shadow(0 4px 10px rgba(201,169,110,0.6)); z-index: 2 !important;
}
.arts-root .wheel-hint {
font-family: 'El Messiri', serif !important; color: var(--gold) !important; font-size: 17px !important; opacity: 0.85; animation: hint 2.6s ease-in-out infinite; margin-bottom: 14px !important;
}
@keyframes hint {
0%,100% {
opacity: 0.55;
}
50% {
opacity: 1;
}
}
.arts-root .wheel-result {
max-width: 520px !important; margin: 0 auto !important; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(201,169,110,0.35) !important; border-radius: var(--radius) !important; padding: 0 22px !important; max-height: 0; opacity: 0; overflow: hidden !important; transition: max-height 0.5s ease, opacity 0.4s ease, padding 0.4s ease;
}
.arts-root .wheel-result.on {
max-height: 320px; opacity: 1; padding: 20px 22px !important;
}
.arts-root .wheel-result .wr-icon {
font-size: 37.4px !important;
}
.arts-root .wheel-result .wr-name {
font-family: 'El Messiri', serif !important; font-size: 24.6px !important; color: var(--gold) !important; margin: 4px 0 6px !important;
}
.arts-root .wheel-result p {
color: rgba(240,232,216,0.85) !important; font-size: 17px !important; margin-bottom: 14px !important;
}
.arts-root .btn-gold {
display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #0a0a2e !important; background: linear-gradient(135deg, var(--gold), var(--copper)) !important; border: none !important; border-radius: 30px !important; padding: 13px 30px !important; cursor: pointer !important; text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s;
}
.arts-root .btn-gold:hover {
transform: translateY(-2px); box-shadow: 0 8px 28px rgba(201,169,110,0.35) !important;
}
@media (max-width: 768px) {
.arts-root .btn-gold {
font-size: 15px !important; padding: 12px 24px !important;
}
}
.arts-root .btn-outline {
display: inline-flex !important; align-items: center !important; gap: 8px !important; font-family: Arial, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: var(--copper) !important; border: 2px solid var(--gold) !important; border-radius: 30px !important; padding: 10px 22px !important; text-decoration: none !important; transition: background 0.2s, color 0.2s;
}
.arts-root .btn-outline:hover {
background: var(--gold) !important; color: #0a0a2e !important;
}
.arts-root .new-grid {
display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 26px !important;
}
@media (max-width: 900px) {
.arts-root .new-grid {
grid-template-columns: 1fr !important; max-width: 460px !important; margin: 0 auto !important;
}
}
.arts-root .new-card {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; overflow: hidden !important; box-shadow: var(--shadow) !important; transition: transform 0.3s, box-shadow 0.3s; display: flex !important; flex-direction: column !important; position: relative !important;
}
.arts-root .new-card:hover {
transform: translateY(-6px); box-shadow: 0 16px 44px rgba(42,26,10,0.14) !important;
}
.arts-root .new-badge {
position: absolute !important; top: 14px; left: 14px; z-index: 2 !important; font-family: 'Poppins', sans-serif !important; font-size: 12.2px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #0a0a2e !important; background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important; padding: 5px 11px !important; border-radius: 20px !important;
}
.arts-root .new-visual {
height: 210px !important; position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important;
}
.arts-root .new-visual svg {
width: 100% !important; height: 100% !important;
}
.arts-root .nv-hand {
background: radial-gradient(circle at 50% 40%, #3b1f4a, #140b26) !important;
}
.arts-root .nv-cafe {
background: radial-gradient(circle at 50% 40%, #2a1b3f, #0a0618) !important;
}
.arts-root .nv-the {
background: radial-gradient(circle at 50% 40%, #1e5c52, #07201f) !important;
}
.arts-root .new-body {
padding: 22px 22px 24px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; flex: 1 !important;
}
.arts-root .new-body h3 {
font-family: 'El Messiri', serif !important; font-size: 23px !important; color: var(--copper) !important; margin: 0 !important;
}
.arts-root .new-body p {
font-size: 17px !important; color: var(--fg-muted) !important; margin: 0 !important; flex: 1 !important;
}
.arts-root .new-body .btn-gold {
align-self: flex-start !important; margin-top: 6px !important; font-size: 15px !important; padding: 11px 22px !important;
}
.arts-root .line-draw {
stroke-dasharray: 400 !important; stroke-dashoffset: 400 !important; animation: draw 3.2s ease-in-out infinite;
}
.arts-root .line-draw.d2 {
animation-delay: 0.5s;
}
.arts-root .line-draw.d3 {
animation-delay: 1s;
}
.arts-root .line-draw.d4 {
animation-delay: 1.5s;
}
@keyframes draw {
0% {
stroke-dashoffset: 400; opacity: 0;
}
15% {
opacity: 1;
}
55% {
stroke-dashoffset: 0; opacity: 1;
}
85% {
opacity: 1;
}
100% {
stroke-dashoffset: 0; opacity: 0;
}
}
.arts-root .grains {
transform-origin: 110px 95px; animation: spinSlow 14s linear infinite;
}
@keyframes spinSlow {
to {
transform: rotate(360deg);
}
}
.arts-root .leaf {
animation: leafFloat 5s ease-in-out infinite; transform-origin: center;
}
.arts-root .leaf.l2 {
animation-delay: -1.6s;
}
.arts-root .leaf.l3 {
animation-delay: -3.2s;
}
.arts-root .leaf.l4 {
animation-delay: -0.8s;
}
@keyframes leafFloat {
0%,100% {
transform: translate(0,0) rotate(0deg);
}
50% {
transform: translate(6px,-5px) rotate(25deg);
}
}
.arts-root .steamline {
animation: steam 3s ease-in-out infinite; opacity: 0;
}
.arts-root .steamline.s2 {
animation-delay: 0.6s;
}
.arts-root .steamline.s3 {
animation-delay: 1.2s;
}
@keyframes steam {
0% {
transform: translateY(0); opacity: 0;
}
30% {
opacity: 0.6;
}
100% {
transform: translateY(-26px); opacity: 0;
}
}
.arts-root .quiz-box {
max-width: 720px !important; margin: 0 auto !important; background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; padding: 32px !important; position: relative !important; overflow: hidden !important;
}
.arts-root .quiz-box::before {
content: '' !important; position: absolute !important; top: 0; left: 0; right: 0 !important; height: 5px !important; background: linear-gradient(90deg, var(--gold), var(--copper)) !important;
}
.arts-root .quiz-progress {
display: flex !important; gap: 6px !important; margin-bottom: 22px !important;
}
.arts-root .quiz-progress span {
flex: 1 !important; height: 5px !important; border-radius: 3px !important; background: var(--border) !important; transition: background 0.3s;
}
.arts-root .quiz-progress span.done {
background: linear-gradient(90deg, var(--gold), var(--copper)) !important;
}
.arts-root .quiz-q {
font-family: 'El Messiri', serif !important; font-size: 23.8px !important; color: var(--fg) !important; margin-bottom: 18px !important;
}
.arts-root .quiz-opts {
display: grid !important; gap: 10px !important;
}
.arts-root .quiz-opt {
text-align: left !important; background: var(--band-sand) !important; border: 2px solid transparent !important; border-radius: 12px !important; padding: 14px 16px !important; font-family: Arial, sans-serif !important; font-size: 16px !important; cursor: pointer !important; transition: border-color 0.2s, transform 0.2s, background 0.2s; display: flex !important; gap: 12px !important; align-items: center !important; color: var(--fg) !important;
}
.arts-root .quiz-opt:hover {
border-color: var(--gold) !important; transform: translateX(4px); background: #fff !important;
}
.arts-root .quiz-opt .qi {
font-size: 23.8px !important;
}
.arts-root .quiz-step {
display: none !important; animation: fadeUp 0.5s ease;
}
.arts-root .quiz-step.on {
display: block !important;
}
@keyframes fadeUp {
from {
opacity: 0; transform: translateY(16px);
}
to {
opacity: 1; transform: translateY(0);
}
}
.arts-root .quiz-result {
text-align: center !important;
}
.arts-root .quiz-result .qr-icon {
font-size: 51px !important; filter: drop-shadow(0 0 14px rgba(201,169,110,0.6)); animation: pulseGlow 2.4s ease-in-out infinite;
}
@keyframes pulseGlow {
0%,100% {
transform: scale(1);
}
50% {
transform: scale(1.08);
}
}
.arts-root .quiz-result .qr-name {
font-family: 'El Messiri', serif !important; font-size: 28.9px !important; color: var(--copper) !important; margin: 6px 0 !important;
}
.arts-root .quiz-result .qr-sealed {
position: relative !important; margin: 14px 0 18px !important;
}
.arts-root .quiz-result .qr-sealed p {
filter: blur(6px); user-select: none !important; margin: 0 auto !important;
}
.arts-root .quiz-result .qr-lock {
position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
}
.arts-root .quiz-result.unsealed .qr-sealed p {
filter: none;
}
.arts-root .quiz-result.unsealed .qr-lock {
display: none !important;
}
.arts-root .lock-note {
font-size: 15.6px !important; color: var(--fg-muted) !important; background: rgba(255,255,255,0.85) !important; padding: 6px 12px !important; border-radius: 20px !important;
}
.arts-root .fam-grid {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 22px !important;
}
.arts-root .fam-card {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; padding: 24px !important; box-shadow: var(--shadow) !important; position: relative !important; overflow: hidden !important;
}
.arts-root .fam-card::after {
content: '' !important; position: absolute !important; right: -40px !important; top: -40px; width: 120px !important; height: 120px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(201,169,110,0.18), transparent 70%) !important;
}
.arts-root .fam-icon {
font-size: 34px !important; margin-bottom: 8px !important;
}
.arts-root .fam-card h3 {
color: var(--copper) !important; font-family: 'El Messiri', serif !important; font-size: 23px !important;
}
.arts-root .fam-card p {
font-size: 17px !important; color: var(--fg-muted) !important; margin-bottom: 12px !important;
}
.arts-root .fam-links {
display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
}
.arts-root .fam-links a {
font-size: 14.4px !important; font-weight: 700 !important; text-decoration: none !important; color: var(--copper) !important; background: var(--band-sand) !important; border: 1px solid var(--border) !important; border-radius: 20px !important; padding: 5px 12px !important; transition: background 0.2s, color 0.2s;
}
.arts-root .fam-links a:hover {
background: var(--gold) !important; color: #0a0a2e !important;
}
.arts-root .fam-links a.hot {
background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important; color: #0a0a2e !important; border-color: transparent !important;
}
.arts-root .table-wrap {
overflow-x: auto !important; border-radius: var(--radius) !important; border: 1px solid var(--border) !important; background: var(--card) !important; box-shadow: var(--shadow) !important;
}
.arts-root table {
width: 100% !important; border-collapse: collapse !important; min-width: 640px !important; font-size: 16.1px !important;
}
.arts-root th {
background: var(--night) !important; color: var(--gold-light) !important; font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; text-align: left !important; padding: 14px 16px !important; font-size: 14.4px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important;
}
.arts-root td {
padding: 13px 16px !important; border-top: 1px solid var(--border) !important; vertical-align: top !important;
}
.arts-root tr:nth-child(even) td {
background: #fbf9f6 !important;
}
.arts-root td a {
font-weight: 700 !important; text-decoration: none !important;
}
.arts-root td .pill {
display: inline-block !important; font-size: 13.3px !important; padding: 3px 9px !important; border-radius: 12px !important; background: var(--band-sage) !important; color: #2f5d4a !important; font-weight: 700 !important;
}
.arts-root td .pill.new {
background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important; color: #0a0a2e !important;
}
.arts-root .steps {
display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important;
}
@media (max-width: 800px) {
.arts-root .steps {
grid-template-columns: 1fr !important;
}
}
.arts-root .step {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; padding: 26px 22px !important; text-align: center !important; box-shadow: var(--shadow) !important;
}
.arts-root .step-num {
width: 50px !important; height: 50px !important; margin: 0 auto 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, var(--gold), var(--copper)) !important; color: #0a0a2e !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 20.4px !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(201,169,110,0.35) !important;
}
.arts-root .step p {
font-size: 17px !important; color: var(--fg-muted) !important; margin: 0 !important;
}
.arts-root .cta {
position: relative !important; overflow: hidden !important; color: var(--text-on-dark) !important; padding-block: 56px !important;
}
.arts-root .cta.cta-planete {
background: linear-gradient(120deg, #120a24 0%, #2a1a3e 55%, #3b1f4a 100%) !important;
}
.arts-root .cta.cta-ciel {
background: linear-gradient(120deg, #3a0f1f 0%, #5e1f33 50%, #7b2f3d 100%) !important;
}
.arts-root .cta .orb {
position: absolute !important; border-radius: 50% !important; filter: blur(44px); opacity: 0.5; pointer-events: none !important; animation: orb 10s ease-in-out infinite;
}
.arts-root .cta .orb.o1 {
width: 280px !important; height: 280px !important; left: -70px; top: -90px; background: rgba(201,169,110,0.35) !important;
}
.arts-root .cta .orb.o2 {
width: 320px !important; height: 320px !important; right: -100px !important; bottom: -130px !important; background: rgba(184,115,51,0.35) !important; animation-delay: -5s;
}
@keyframes orb {
0%,100% {
transform: translate(0,0) scale(1);
}
50% {
transform: translate(30px,-22px) scale(1.15);
}
}
.arts-root .cta .inner {
position: relative !important; z-index: 1 !important; display: flex !important; align-items: center !important; gap: 38px !important; flex-wrap: wrap !important; justify-content: center !important;
}
.arts-root .cta-visual {
width: 160px !important; height: 160px !important; flex-shrink: 0 !important;
}
.arts-root .cta-visual svg {
width: 100% !important; height: 100% !important; overflow: visible !important;
}
.arts-root .orbit {
transform-origin: 80px 80px; animation: spinSlow 16s linear infinite;
}
.arts-root .orbit.o2 {
animation-duration: 26s; animation-direction: reverse;
}
.arts-root .planet-core {
animation: pulseGlow 3s ease-in-out infinite; transform-origin: 80px 80px;
}
.arts-root .heart-beat {
transform-origin: 80px 82px; animation: beat 1.6s ease-in-out infinite;
}
@keyframes beat {
0%,100% {
transform: scale(1);
}
25% {
transform: scale(1.08);
}
45% {
transform: scale(1);
}
60% {
transform: scale(1.05);
}
}
.arts-root .twinkle {
animation: tw 2.2s ease-in-out infinite;
}
.arts-root .twinkle.t2 {
animation-delay: 0.7s;
}
.arts-root .twinkle.t3 {
animation-delay: 1.4s;
}
@keyframes tw {
0%,100% {
opacity: 0.3;
}
50% {
opacity: 1;
}
}
.arts-root .cta-text {
flex: 1 !important; min-width: 260px !important; max-width: 560px !important; text-align: left !important;
}
.arts-root .cta-badge {
display: inline-block !important; font-family: 'Poppins', sans-serif !important; font-size: 12.8px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: #1a0f2e !important; background: linear-gradient(135deg, var(--gold-light), var(--gold)) !important; padding: 5px 12px !important; border-radius: 20px !important; margin-bottom: 12px !important;
}
.arts-root .cta h2 {
color: #fff !important; text-align: left !important; font-size: 28px !important; margin-bottom: 10px !important;
}
.arts-root .cta p {
color: rgba(240,232,216,0.85) !important; margin: 0 0 18px !important; max-width: none !important;
}
.arts-root .cta-btn {
display: inline-flex !important; align-items: center !important; gap: 10px !important; font-family: Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #1a0f2e !important; background: linear-gradient(135deg, var(--gold), var(--copper)) !important; border-radius: 30px !important; padding: 14px 32px !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; box-shadow: 0 8px 28px rgba(201,169,110,0.3) !important; animation: ctaPulse 2.6s ease-in-out infinite;
}
.arts-root .cta-btn::after {
content: '' !important; position: absolute !important; top: 0; left: -80%; width: 50% !important; height: 100% !important; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.45), transparent) !important; transform: skewX(-20deg); animation: shine 3s ease-in-out infinite;
}
@keyframes shine {
0% {
left: -80%;
}
45%,100% {
left: 130%;
}
}
@keyframes ctaPulse {
0%,100% {
box-shadow: 0 8px 28px rgba(201,169,110,0.3);
}
50% {
box-shadow: 0 10px 40px rgba(201,169,110,0.55);
}
}
.arts-root .cta-btn:hover {
transform: translateY(-2px);
}
@media (max-width: 768px) {
.arts-root .cta-text, .arts-root .cta h2 {
text-align: center !important;
}
.arts-root .cta-visual {
width: 120px !important; height: 120px !important;
}
.arts-root .cta h2 {
font-size: 24px !important;
}
.arts-root .cta-btn {
font-size: 15px !important; padding: 12px 26px !important;
}
}
.arts-root .faq-list {
max-width: 780px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 12px !important;
}
.arts-root .faq-item {
background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; overflow: hidden !important;
}
.arts-root .faq-q {
display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 18px 20px !important; cursor: pointer !important; font-weight: 700 !important; font-size: 17px !important; background: none !important; border: none !important; width: 100% !important; text-align: left !important; color: var(--fg) !important; font-family: Arial, sans-serif !important;
}
.arts-root .faq-q:hover {
color: var(--copper) !important;
}
.arts-root .faq-chevron {
transition: transform 0.3s; flex-shrink: 0 !important; color: var(--gold) !important;
}
.arts-root .faq-item.open .faq-chevron {
transform: rotate(180deg);
}
.arts-root .faq-a {
max-height: 0; overflow: hidden !important; transition: max-height 0.4s ease;
}
.arts-root .faq-a-inner {
padding: 0 20px 18px !important; font-size: 17px !important; line-height: 1.7 !important; color: var(--fg-muted) !important;
}
@media (max-width: 768px) {
.arts-root .faq-q, .arts-root .faq-a-inner {
font-size: 15px !important;
}
}
.arts-root .footer-links {
background: var(--band-sand) !important; padding-block: 40px !important; text-align: center !important;
}
.arts-root .footer-links nav {
display: flex !important; gap: 10px 22px !important; justify-content: center !important; flex-wrap: wrap !important;
}
.arts-root .footer-links a {
color: var(--copper) !important; text-decoration: none !important; font-size: 15.6px !important;
}
.arts-root .email-overlay {
display: none !important; position: fixed !important; inset: 0 !important; background: rgba(10,10,46,0.85) !important; z-index: 100 !important; align-items: center !important; justify-content: center !important;
}
.arts-root .email-overlay.visible {
display: flex !important;
}
.arts-root .email-popup {
background: var(--card) !important; color: var(--fg) !important; border-radius: var(--radius) !important; padding: 36px !important; max-width: 440px !important; width: 90% !important; text-align: center !important; box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important; position: relative !important;
}
.arts-root .email-popup h3 {
font-family: 'El Messiri', serif !important; font-size: 23.8px !important; color: var(--copper) !important; margin-bottom: 10px !important;
}
.arts-root .email-popup p {
font-size: 16.1px !important; color: var(--fg-muted) !important; margin-bottom: 18px !important;
}
.arts-root .email-popup input[type="email"] {
width: 100% !important; padding: 12px 16px !important; border: 1px solid var(--border) !important; border-radius: 8px !important; font-size: 16px !important; background: var(--bg) !important; color: var(--fg) !important; box-sizing: border-box !important; margin-bottom: 12px !important;
}
.arts-root .email-popup label {
display: flex !important; align-items: flex-start !important; gap: 8px !important; font-size: 13.9px !important; color: var(--fg-muted) !important; text-align: left !important; margin-bottom: 14px !important; cursor: pointer !important;
}
.arts-root .email-popup label input {
margin-top: 3px !important; flex-shrink: 0 !important;
}
.arts-root .email-popup label a {
color: var(--copper) !important;
}
.arts-root .email-close {
position: absolute !important; top: 10px; right: 14px !important; background: none !important; border: none !important; font-size: 25.5px !important; color: var(--fg-muted) !important; cursor: pointer !important; line-height: 1 !important;
}
.arts-root .btn-skip {
background: none !important; border: none !important; color: var(--fg-muted) !important; font-size: 14.4px !important; cursor: pointer !important; text-decoration: underline !important; margin-top: 8px !important;
}
.arts-root .email-screen {
display: none !important;
}
.arts-root .email-screen.on {
display: block !important;
}
.arts-root .email-err {
display: none !important; color: #b8432f !important; font-size: 14.4px !important; margin: -6px 0 10px !important;
}
.arts-root .email-err.on {
display: block !important;
}
.arts-root .hero, .arts-root .section, .arts-root .cta, .arts-root .footer-links { width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; box-sizing: border-box !important; border-radius: 0 !important; }
.arts-root .hero, .arts-root .cta { color: #f0e8d8 !important; }
.arts-root h2 { text-transform: none !important; letter-spacing: 0 !important; }
.arts-root .fam-card p, .arts-root .step p, .arts-root .new-body p, .arts-root .quiz-result p, .arts-root td { max-width: none !important; }
.arts-root .email-popup label a { color: #b87333 !important; }
.arts-root .email-popup label span { flex: 1 !important; }
.arts-root .quiz-opt { -webkit-appearance: none !important; }
.arts-root .wheel-wrap canvas { max-width: 100% !important; }

Arts Divinatoires :
le guide complet pour choisir le tien

Liste des arts divinatoires gratuits en ligne : cartomancie, chiromancie, cafédomancie, tasséomancie, radiesthésie, runes, astrologie et numérologie expliqués

Tarot, lignes de la main, marc de café, feuilles de thé, pendule, runes, astrologie…
Fais tourner la roue, découvre chaque art divinatoire et teste-le gratuitement.

✦ Fais tourner la roue du doigt ✦
◆ ◆ ◆

Trois Nouveaux Arts Divinatoires à Tester

Trois pratiques ancestrales, trois outils interactifs gratuits. Choisis ton support : ta main, ta tasse de café ou ton thé.

Nouveau

Lignes de la main

La chiromancie lit ton caractère et tes cycles de vie dans les lignes de ta paume : cœur, tête, vie, destin. Un art qui ne demande que tes deux mains.

Lire ma main
Nouveau

Cafédomancie

Retourne ta tasse de café turc et lis les symboles du marc : oiseau, clé, cœur, chemin. Tradition ottomane, interprétation instantanée et dictionnaire de 40 symboles.

Lire mon marc de café
Nouveau

Tasséomancie

Fais tourner ta tasse et laisse les feuilles de thé dessiner tes symboles. Un art né en Chine, devenu rituel de salon dans l’Angleterre victorienne.

Lire mes feuilles de thé
◆ ◆ ◆

Qu’est-ce qu’un Art Divinatoire ?

Un art divinatoire est une pratique qui cherche à obtenir une réponse, un conseil ou une vision de l’avenir à partir de signes : des cartes, des lignes, des symboles, des nombres ou des astres. Le mot vient du latin divinare, « pressentir, deviner ». Chaque art porte un nom en -mancie (du grec manteia, divination) : cartomancie pour les cartes, chiromancie pour la main, cafédomancie pour le marc de café, tasséomancie pour les feuilles de thé, cléromancie pour le tirage au sort, cristallomancie pour la boule de cristal.

Contrairement à la voyance, qui repose sur un don personnel, les arts divinatoires s’appuient sur un support et un langage de symboles que chacun peut apprendre. C’est ce qui les rend accessibles : avec un jeu de tarot, un pendule ou une simple tasse de café, tu peux pratiquer chez toi. Sur Astroya, chaque art est accompagné d’un outil gratuit pour l’essayer tout de suite, et d’un guide pour comprendre ce que tu vois.

Les arts divinatoires ne prédisent pas l’avenir de façon certaine. Ils fonctionnent comme un miroir symbolique : les figures que tu reconnais parlent de tes préoccupations, de tes ressources et des choix qui s’offrent à toi. C’est un moment de pause, d’écoute et d’intuition.

◆ ◆ ◆

Quel Art Divinatoire est Fait pour Toi ?

4 questions, 30 secondes, et tu découvres l’art qui correspond à ta sensibilité.


◆ ◆ ◆

La Liste des Arts Divinatoires, Famille par Famille

Il existe des dizaines de mancies. Voici les grandes familles, leur fonctionnement et les outils gratuits pour les pratiquer en ligne.

✋

Chiromancie : la lecture de la main

La chiromancie interprète les lignes (cœur, tête, vie, destin), les monts et la forme des doigts. Pratiquée en Inde et en Chine depuis plus de 3 000 ans, elle parle du tempérament, des talents et des grandes périodes de la vie. Un art corporel, intime et sans aucun accessoire.

Lire les lignes de la main
☕

Cafédomancie et tasséomancie : les résidus

Les mancies de la tasse lisent les formes laissées par le marc de café ou les feuilles de thé. Le bord parle du futur proche, le milieu du présent, le fond du passé. Animaux, objets, lettres et visages composent un dictionnaire de symboles très riche. Parfait pour un rituel quotidien.

Cafédomancie Tasséomancie
🔮

Radiesthésie et cristallomancie

Le pendule et la baguette de sourcier captent une réponse par le mouvement : oui, non, peut-être. La boule de cristal sert de support à la vision intérieure. Deux arts pour les questions fermées et pour développer sa sensibilité.

Pendule oui non Boule de cristal Guide radiesthésie Baguette de sourcier
🎲

Cléromancie : runes, dés, Yi King

La cléromancie interroge le hasard : on jette des runes, des dés, des pièces, et le sort répond. Les 24 runes du Futhark, les 64 hexagrammes du Yi King et l’oracle des dés offrent chacun une sagesse ancienne pour trancher une décision.

Tirage de runes Yi King Tirage de dés Pile ou face
🌙

Astrologie et numérologie

Les arts du calcul : l’astrologie lit la position des planètes à ta naissance (thème astral, ascendant, signe lunaire), la numérologie décode les nombres de ta date et de ton nom (chemin de vie, nombre d’expression). Des arts structurés, pour se connaître en profondeur.

Thème astral Ascendant Signe lunaire Numérologie Chemin de vie Astrologie chinoise


Consultation astro

Quelle planète gouverne ta façon de deviner ?

Lune intuitive, Mercure analytique, Neptune visionnaire… Ta planète dominante explique pourquoi certains arts divinatoires te parlent plus que d’autres. Une étude personnalisée, calculée à partir de ton thème astral.

Découvrir ma planète dominante
◆ ◆ ◆

Quel Art Divinatoire Choisir ? Le Comparatif

Chaque art répond à un type de question. Repère le tien en un coup d’œil.

Art divinatoire Support Pour quelle question ? Durée Outil gratuit
Chiromancie Les lignes de ta main Caractère, talents, grandes étapes de vie 5 min Lignes de la main Nouveau
Cafédomancie Marc de café Ce qui se prépare, rencontres, nouvelles 3 min Cafédomancie Nouveau
Tasséomancie Feuilles de thé Climat émotionnel, messages du quotidien 3 min Tasséomancie Nouveau
Tarot 22 arcanes majeurs Situation complexe, amour, travail 5 min Tirage de tarot Gratuit
Oracles Cartes illustrées Guidance douce, message du jour 2 min Quel oracle choisir ? Gratuit
Pendule Radiesthésie Question fermée : oui ou non 1 min Pendule oui non Gratuit
Runes 24 runes du Futhark Décision, direction à prendre 3 min Tirage de runes Gratuit
Yi King 64 hexagrammes Sagesse, stratégie, moment juste 4 min Yi King Gratuit
Boule de cristal Cristallomancie Oui, non, intuition 1 min Boule de cristal Gratuit
Astrologie Ciel de naissance Personnalité, cycles, compatibilité 2 min Thème astral Gratuit
Numérologie Date et nom Mission de vie, cycles personnels 2 min Numérologie Gratuit

Une question oui / non ? Voir tous les oracles oui non →

◆ ◆ ◆

Comment Débuter avec un Art Divinatoire ?

Pas besoin de don ni de matériel coûteux. Trois étapes suffisent pour une première lecture juste.

1

Choisis un support qui te parle

Visuel ? Le tarot. Tactile ? Les lignes de la main ou le pendule. Rituel ? Le café ou le thé. Le quiz ci-dessus t’oriente en 30 secondes.

2

Pose une question ouverte

« Que dois-je comprendre de cette situation ? » marche mieux que « Va-t-il revenir ? ». Les arts divinatoires éclairent, ils ne décident pas à ta place.

3

Note et relis

Écris les symboles obtenus et ton ressenti. En relisant quelques semaines plus tard, tu verras ce que la lecture t’avait vraiment dit.

◆ ◆ ◆

Une Brève Histoire des Arts Divinatoires

Les arts divinatoires sont aussi anciens que l’écriture. En Mésopotamie, les prêtres lisaient le foie des animaux et le vol des oiseaux ; en Chine, on gravait des questions sur des os et des carapaces de tortue, ancêtres du Yi King. L’Inde et la Chine développent la chiromancie, les Grecs consultent l’oracle de Delphes, les Vikings tracent les runes.

Au Moyen Âge, l’astrologie est enseignée dans les universités européennes. Le tarot apparaît en Italie au XVᵉ siècle comme jeu de cour avant de devenir, au XVIIIᵉ, un support divinatoire. L’Empire ottoman invente la lecture du marc de café ; l’Angleterre victorienne raffole des feuilles de thé et des tasses de bonne aventure. Le pendule accompagne sourciers et médecins, puis les salons spirites du XIXᵉ siècle.

Aujourd’hui, ces pratiques reviennent comme des outils de connaissance de soi : on les utilise pour prendre du recul, nommer une émotion, clarifier une décision. Le numérique les rend accessibles à tous : c’est le sens des outils gratuits que tu trouves sur Astroya, conçus pour reproduire le geste traditionnel et t’aider à interpréter.

◆ ◆ ◆

Questions Fréquentes sur les Arts Divinatoires



Consultation astro

Et si tes émotions avaient une carte du ciel ?

Les symboles t’ont parlé ; ta carte du ciel émotionnelle explique pourquoi. Lune, Vénus, maison IV : une lecture astrologique personnalisée de ta vie affective, de tes besoins et de ta manière d’aimer.

Recevoir ma carte du ciel émotionnelle

Continue l’exploration

Les informations de cette page sont proposées à titre de bien-être et d'information générale. Elles ne sont pas scientifiquement démontrées et ne constituent en aucun cas un avis, un diagnostic ou un traitement médical. En cas de problème de santé, consultez un professionnel de santé qualifié.