Bénéfices de la #Méditation : Guide Scientifique Complet 2025

.meditation-article h2 {
color: #2c3e50;
font-size: 32px;
margin-top: 45px;
margin-bottom: 25px;
padding-bottom: 12px;
border-bottom: 3px solid #3498db;
font-weight: 700;
}

.meditation-article h3 {
color: #34495e;
font-size: 24px;
margin-top: 35px;
margin-bottom: 20px;
font-weight: 600;
}

.meditation-article h4 {
color: #546e7a;
font-size: 20px;
margin-top: 25px;
margin-bottom: 15px;
font-weight: 600;
}

.intro-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 30px;
border-radius: 15px;
margin: 30px 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.intro-box p {
font-size: 18px;
margin: 0;
line-height: 1.7;
}

.toc-container {
background: #f8f9fa;
border-left: 4px solid #3498db;
padding: 25px;
margin: 35px 0;
border-radius: 8px;
}

.toc-container h3 {
margin-top: 0;
color: #2c3e50;
font-size: 20px;
}

.toc-container ul {
list-style: none;
padding-left: 0;
}

.toc-container li {
padding: 8px 0;
border-bottom: 1px solid #e9ecef;
}

.toc-container li:last-child {
border-bottom: none;
}

.toc-container a {
color: #3498db;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}

.toc-container a:hover {
color: #2980b9;
padding-left: 10px;
}

.info-box {
background: #e3f2fd;
border-left: 5px solid #2196f3;
padding: 20px;
margin: 25px 0;
border-radius: 5px;
}

.info-box p {
margin: 0;
font-size: 16px;
}

.warning-box {
background: #fff3e0;
border-left: 5px solid #ff9800;
padding: 20px;
margin: 25px 0;
border-radius: 5px;
}

.success-box {
background: #e8f5e9;
border-left: 5px solid #4caf50;
padding: 20px;
margin: 25px 0;
border-radius: 5px;
}

.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin: 30px 0;
}

.stat-card {
background: white;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.stat-number {
font-size: 36px;
font-weight: bold;
color: #3498db;
display: block;
margin-bottom: 10px;
}

.stat-label {
font-size: 14px;
color: #7f8c8d;
}

.quote-box {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
border-radius: 10px;
padding: 25px;
margin: 30px 0;
position: relative;
font-style: italic;
}

.quote-box::before {
content: ‘ »‘;
font-size: 60px;
color: rgba(52, 152, 219, 0.3);
position: absolute;
top: -10px;
left: 15px;
}

.quote-author {
text-align: right;
margin-top: 15px;
font-weight: 600;
color: #2c3e50;
}

.comparison-table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
box-shadow: 0 3px 15px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

.comparison-table thead {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}

.comparison-table th,
.comparison-table td {
padding: 15px;
text-align: left;
border-bottom: 1px solid #e0e0e0;
}

.comparison-table tbody tr:hover {
background: #f5f5f5;
}

.cta-box {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
padding: 40px;
border-radius: 15px;
text-align: center;
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.cta-button {
display: inline-block;
background: white;
color: #f5576c;
padding: 15px 40px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
font-size: 18px;
margin-top: 20px;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.faq-item {
background: white;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 25px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.faq-question {
font-weight: 600;
color: #2c3e50;
font-size: 18px;
margin-bottom: 15px;
}

.checklist {
list-style: none;
padding-left: 0;
}

.checklist li {
padding: 10px 0;
padding-left: 35px;
position: relative;
}

.checklist li::before {
content: « ? »;
position: absolute;
left: 0;
font-size: 20px;
}

.timeline {
position: relative;
padding-left: 40px;
margin: 30px 0;
}

.timeline::before {
content:  »;
position: absolute;
left: 15px;
top: 0;
bottom: 0;
width: 3px;
background: #3498db;
}

.timeline-item {
position: relative;
padding-bottom: 30px;
}

.timeline-item::before {
content:  »;
position: absolute;
left: -28px;
top: 5px;
width: 15px;
height: 15px;
background: #3498db;
border-radius: 50%;
border: 3px solid white;
box-shadow: 0 0 0 3px #3498db;
}

.timeline-title {
font-weight: 600;
color: #2c3e50;
margin-bottom: 10px;
}

@media (max-width: 768px) {
.stats-grid {
grid-template-columns: 1fr;
}

.comparison-table {
font-size: 14px;
}

.cta-box {
padding: 25px;
}
}