* {
margin: 0;
padding: 0;
box-sizing: border-box;
} :root {
--bleu: #5e5ed7;
--bleu-dark: #5268c9;
--teal: #a9e2e4;
--jaune: #ffeca7;
--rose: #e73469;
} body {
font-family: 'Poppins', sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
} .article-hero {
background: linear-gradient(135deg, var(--bleu) 0%, var(--bleu-dark) 100%);
color: white;
position: relative;
padding: 60px 0 80px;
} .article-hero-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .article-breadcrumb {
font-size: 14px;
margin-bottom: 15px;
opacity: 0.9;
} .article-breadcrumb a {
color: white;
text-decoration: none;
} .article-category {
display: inline-block;
background: var(--rose);
color: white;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
} .article-hero h1 {
font-family: 'Montserrat', sans-serif;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
} .hl {
color: var(--jaune);
} .article-meta {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 15px;
font-size: 14px;
} .rating {
display: flex;
align-items: center;
gap: 8px;
} .stars {
color: var(--jaune);
} .article-hero-curve {
position: absolute;
bottom: -50px;
left: 0;
width: 100%;
height: 100px;
background: white;
clip-path: ellipse(100% 100% at 50% 100%);
} .article-body {
position: relative;
z-index: 2;
padding-top: 60px;
} .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .intro-block {
background: white;
padding: 40px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
margin-bottom: 50px;
border-left: 5px solid var(--bleu);
} .intro-block p {
font-size: 18px;
color: #555;
margin-bottom: 15px;
hyphens: auto;
-webkit-hyphens: auto;
overflow-wrap: break-word;
} .stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
margin-bottom: 50px;
} .stat-card {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
text-align: center;
border-top: 4px solid var(--bleu);
} .stat-card .number {
font-family: 'Montserrat', sans-serif;
font-size: 2.5rem;
font-weight: 700;
color: var(--bleu);
display: block;
margin-bottom: 10px;
} .stat-card .label {
font-weight: 500;
color: #666;
hyphens: auto;
-webkit-hyphens: auto;
overflow-wrap: break-word;
} h2 {
font-family: 'Montserrat', sans-serif;
font-size: 1.8rem;
font-weight: 600;
color: #333;
margin: 60px 0 30px;
padding-bottom: 15px;
border-bottom: 3px solid var(--teal);
} h3 {
font-family: 'Montserrat', sans-serif;
font-size: 1.4rem;
font-weight: 600;
color: var(--bleu-dark);
margin: 30px 0 15px;
} p {
margin-bottom: 20px;
color: #555;
text-align: left;
hyphens: auto;
-webkit-hyphens: auto;
overflow-wrap: break-word;
} ul, ol {
margin: 20px 0;
padding-left: 20px;
} li {
margin-bottom: 8px;
color: #555;
hyphens: auto;
-webkit-hyphens: auto;
overflow-wrap: break-word;
} .conseil-card {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 30px;
border-radius: 15px;
margin: 30px 0;
border-left: 5px solid var(--rose);
} .conseil-card h4 {
font-family: 'Montserrat', sans-serif;
color: var(--rose);
font-weight: 600;
margin-bottom: 15px;
} .key-points {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 3px 15px rgba(0,0,0,0.1);
margin: 30px 0;
border: 2px solid var(--teal);
} .key-points h4 {
font-family: 'Montserrat', sans-serif;
color: var(--bleu-dark);
font-weight: 600;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
} .tip-box {
background: linear-gradient(135deg, var(--jaune) 0%, #fff3cd 100%);
padding: 25px;
border-radius: 15px;
margin: 25px 0;
position: relative;
} .tip-box-label {
font-weight: 600;
color: #856404;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
} .expert-box {
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
padding: 30px;
border-radius: 15px;
margin: 30px 0;
border-left: 5px solid var(--bleu);
} .expert-box-label {
font-weight: 600;
color: var(--bleu-dark);
margin-bottom: 5px;
font-size: 14px;
} .expert-box-title {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: var(--bleu-dark);
margin-bottom: 15px;
} .expert-inner {
background: white;
padding: 25px;
border-radius: 10px;
margin: 20px 0;
} .expert-inner-title {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: var(--bleu-dark);
margin-bottom: 15px;
font-size: 1.1rem;
} .faq-list {
margin: 40px 0;
} .faq-item {
background: white;
margin-bottom: 15px;
border-radius: 10px;
box-shadow: 0 3px 15px rgba(0,0,0,0.1);
overflow: hidden;
} .faq-q {
padding: 25px;
cursor: pointer;
background: #f8f9fa;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
color: #333;
} .faq-icon {
font-size: 20px;
color: var(--bleu);
transition: transform 0.3s ease;
} .faq-item.open .faq-icon {
transform: rotate(45deg);
} .faq-a {
padding: 0 25px;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
} .faq-item.open .faq-a {
padding: 25px;
max-height: 1000px;
} .cta-box {
background: linear-gradient(135deg, var(--bleu) 0%, var(--bleu-dark) 100%);
color: white;
padding: 40px;
border-radius: 20px;
text-align: center;
margin: 50px 0;
} .cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
margin-top: 30px;
} .btn-white, .btn-outline {
padding: 15px 30px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
display: inline-block;
} .btn-white {
background: white;
color: var(--bleu);
} .btn-outline {
background: transparent;
color: white;
border: 2px solid white;
} .btn-white:hover {
background: var(--jaune);
color: var(--bleu-dark);
} .btn-outline:hover {
background: white;
color: var(--bleu);
} .article-tags {
margin: 40px 0;
} .article-tag {
display: inline-block;
background: var(--teal);
color: #333;
padding: 8px 16px;
border-radius: 20px;
text-decoration: none;
margin: 5px;
font-size: 14px;
transition: all 0.3s ease;
} .article-tag:hover {
background: var(--bleu);
color: white;
} /* Responsive Desktop */
@media (min-width: 769px) {
p {
text-align: justify;
}
} /* Responsive Tablet/Mobile */
@media (max-width: 768px) {
p, li {
text-align: left !important;
word-spacing: normal !important;
hyphens: auto;
} .container {
padding: 12px !important;
} .intro-block, .conseil-card, .tip-box, .expert-box, .key-points, .faq-item, .stat-card, .cta-box {
padding: 18px 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .stats-grid {
grid-template-columns: 1fr !important;
} .article-hero h1 {
font-size: 1.6rem !important;
line-height: 1.3 !important;
} h2 {
font-size: 1.5rem !important;
} .article-meta {
flex-direction: column;
align-items: flex-start;
gap: 10px;
} .cta-buttons {
flex-direction: column;
align-items: center;
} .btn-white, .btn-outline {
width: 100%;
max-width: 300px;
} .faq-q {
padding: 18px 16px !important;
} .faq-item.open .faq-a {
padding: 18px 16px !important;
}
} /* Très petits écrans */
@media (max-width: 400px) {
.article-hero h1 {
font-size: 1.4rem !important;
} h2 {
font-size: 1.3rem !important;
} .container {
padding: 8px !important;
} .intro-block, .conseil-card, .tip-box, .expert-box, .key-points, .faq-item, .stat-card, .cta-box {
padding: 15px 12px !important;
}
} .numbered-section {
counter-increment: section-counter;
} .section-counter {
display: inline-block;
background: var(--bleu);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-weight: 700;
margin-right: 15px;
font-size: 1.2rem;
} .progress-bar {
width: 100%;
height: 8px;
background: #e9ecef;
border-radius: 10px;
overflow: hidden;
margin: 20px 0;
} .progress-fill {
height: 100%;
background: linear-gradient(90deg, var(--bleu) 0%, var(--teal) 100%);
border-radius: 10px;
transition: width 2s ease-in-out;
} .technique-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
margin: 30px 0;
} .technique-card {
background: white;
padding: 25px;
border-radius: 15px;
box-shadow: 0 3px 15px rgba(0,0,0,0.1);
border-left: 4px solid var(--rose);
transition: transform 0.3s ease;
} .technique-card:hover {
transform: translateY(-5px);
} .technique-number {
background: var(--rose);
color: white;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 14px;
margin-bottom: 15px;
} .brain-science {
background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
padding: 25px;
border-radius: 15px;
margin: 25px 0;
border-left: 5px solid #9c27b0;
} .warning-box {
background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
padding: 25px;
border-radius: 15px;
margin: 25px 0;
border-left: 5px solid #fd7e14;
} .success-box {
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
padding: 25px;
border-radius: 15px;
margin: 25px 0;
border-left: 5px solid #28a745;
}/* DAG-RESPONSIVE-FIX */
@media (max-width: 768px) {
p, li { text-align: left !important; word-spacing: normal !important; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
.container { padding: 12px !important; }
.intro-block, .conseil-card, .tip-box, .expert-box,
.key-points, .faq-item, .stat-card, .cta-box {
padding: 18px 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.stats-grid { grid-template-columns: 1fr !important; }
.article-hero h1 { font-size: 1.6rem !important; line-height: 1.3 !important; }
h2 { font-size: 1.5rem !important; }
.cta-buttons { flex-direction: column !important; }
.article-hero-inner { padding: 30px 16px !important; }
}
@media (max-width: 400px) {
p, li { font-size: 15px !important; line-height: 1.6 !important; }
.container { padding: 8px !important; }
.intro-block, .conseil-card, .tip-box, .expert-box,
.key-points, .faq-item, .stat-card, .cta-box {
padding: 14px 12px !important;
}
.article-hero h1 { font-size: 1.4rem !important; }
h2 { font-size: 1.3rem !important; }
.stat-card .number { font-size: 28px !important; }
}{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Article",
"headline": "12 Techniques pour Améliorer sa Concentration",
"description": "🧠 Neurosciences - 12 Techniques Scientifiquement Prouvées pour Améliorer sa Concentration",
"url": "https://www.dynseo.com/12-techniques-pour-ameliorer-sa-concentration/",
"datePublished": "2026-06-04",
"dateModified": "2026-06-04",
"image": "https://www.dynseo.com/wp-content/uploads/2026/06/ameliorer-concentration.jpg",
"author": {
"@type": "Organization",
"name": "DYNSEO",
"url": "https://www.dynseo.com"
},
"publisher": {
"@type": "Organization",
"name": "DYNSEO",
"url": "https://www.dynseo.com",
"logo": {
"@type": "ImageObject",
"url": "https://www.dynseo.com/wp-content/uploads/logo-dynseo.png"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"bestRating": "5",
"ratingCount": "47"
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.dynseo.com/12-techniques-pour-ameliorer-sa-concentration/"
}
},
{
"@type": "WebPage",
"url": "https://www.dynseo.com/12-techniques-pour-ameliorer-sa-concentration/",
"name": "12 Techniques pour Améliorer sa Concentration",
"description": "🧠 Neurosciences - 12 Techniques Scientifiquement Prouvées pour Améliorer sa Concentration",
"isPartOf": {
"@type": "WebSite",
"name": "DYNSEO",
"url": "https://www.dynseo.com"
}
},
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://www.dynseo.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Blog",
"item": "https://www.dynseo.com/blog/"
},
{
"@type": "ListItem",
"position": 3,
"name": "12 Techniques pour Améliorer sa Concentration",
"item": "https://www.dynseo.com/12-techniques-pour-ameliorer-sa-concentration/"
}
]
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Quelles sont les meilleures techniques pour améliorer sa concentration ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les 12 techniques les plus efficaces incluent la méditation de pleine conscience, la technique Pomodoro, l'élimination des distractions, l'exercice physique régulier, une alimentation équilibrée, un sommeil de qualité, et des exercices cognitifs spécifiques."
}
},
{
"@type": "Question",
"name": "Combien de temps faut-il pour voir des am
Compatibilità
Salva(0)
DYNSEO