<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
<!-- ═══════════════════════════════════
TITRE & DESCRIPTION — modifiez ici
═══════════════════════════════════ -->
<title>Cours de Bachata, Salsa & Tango Argentin – Angers Durtal Maine-et-Loire | Tango des Mille et Une Nuits</title>
<meta name="description" content="Association Tango des Mille et Une Nuits : cours de Bachata, Salsa Cubaine et Tango Argentin aux Rairies Angers et Durtal (49). Tous niveaux, soirées dansantes, ambiance conviviale. Professeur Tahar Aoudia.">
<!-- ═══════════════════════════════════
SEO CLASSIQUE
═══════════════════════════════════ -->
<meta name="keywords" content="bachata Maine-et-Loire, bachata Angers, salsa cubaine Angers, salsa cubaine 49, tango argentin Angers, tango argentin Rairies, cours de danse Angers, cours de danse Durtal, cours de danse Baugé, association danse 49430, soirée dansante Anjou, milonga Maine-et-Loire, Tahar Aoudia professeur danse, bachata salsa tango Sarthe, cours de danse près d'Angers">
<meta name="author" content="Tahar Aoudia – Tango des Mille et Une Nuits">
<meta name="copyright" content="© 2026 Tango des Mille et Une Nuits. Tous droits réservés.">
<meta name="language" content="French">
<meta name="theme-color" content="#c8a96a">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<!-- ═══════════════════════════════════
BALISES IA — crawlers intelligents
═══════════════════════════════════ -->
<meta name="ai-robots" content="index, follow">
<meta name="gptbot" content="index, follow">
<meta name="google-extended" content="index, follow">
<meta name="ccbot" content="index, follow">
<meta name="claudebot" content="index, follow">
<!-- ═══════════════════════════════════
GÉOLOCALISATION
═══════════════════════════════════ -->
<meta name="geo.region" content="FR-49">
<meta name="geo.placename" content="Les Rairies, Angers, Durtal, Maine-et-Loire, France">
<meta name="geo.position" content="47.6500;-0.6500">
<meta name="ICBM" content="47.6500, -0.6500">
<!-- ═══════════════════════════════════
OPEN GRAPH
═══════════════════════════════════ -->
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Tango des Mille et Une Nuits">
<meta property="og:url" content="https://tango-des-mille-et-une-nuits.fr/">
<meta property="og:title" content="Cours Bachata, Salsa & Tango Argentin – Maine-et-Loire">
<meta property="og:description" content="Rejoignez l'association Tango des Mille et Une Nuits pour des cours de Bachata, Salsa Cubaine et Tango Argentin aux Rairies Angers et Durtal (49430). Tous niveaux, soirées dansantes.">
<meta property="og:image" content="https://tango-des-mille-et-une-nuits.fr/img/bachata-tango-salsa-maine-et-loire.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Cours de Bachata, Salsa et Tango Argentin en Maine-et-Loire">
<!-- ═══════════════════════════════════
TWITTER / X
═══════════════════════════════════ -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Cours Bachata, Salsa & Tango Argentin – Maine-et-Loire">
<meta name="twitter:description" content="Association Tango des Mille et Une Nuits – cours et soirées dansantes aux Rairies (49430).">
<meta name="twitter:image" content="https://tango-des-mille-et-une-nuits.fr/img/bachata-tango-salsa-maine-et-loire.jpg">
<!-- ═══════════════════════════════════
CANONICAL
═══════════════════════════════════ -->
<link rel="canonical" href="https://tango-des-mille-et-une-nuits.fr/">
<!-- ═══════════════════════════════════
SCHEMA.ORG JSON-LD (SEO + IA)
═══════════════════════════════════ -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "DanceSchool",
"name": "Tango des Mille et Une Nuits",
"description": "Association proposant des cours de Bachata, Salsa Cubaine et Tango Argentin en Maine-et-Loire. Tous niveaux bienvenus, soirées dansantes et milongas.",
"url": "https://tango-des-mille-et-une-nuits.fr/",
"image": "https://tango-des-mille-et-une-nuits.fr/img/bachata-tango-salsa-maine-et-loire.jpg",
"telephone": "+33676690021",
"email": "info@tango-des-mille-et-une-nuits.fr",
"address": {
"@type": "PostalAddress",
"streetAddress": "2 rue de la Coulée",
"addressLocality": "Les Rairies",
"postalCode": "49430",
"addressCountry": "FR",
"addressRegion": "Maine-et-Loire"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 47.6500,
"longitude": -0.6500
},
"areaServed": ["Les Rairies","Durtal","Baugé-en-Anjou","Angers","Maine-et-Loire","Sarthe"],
"knowsAbout": ["Bachata","Salsa Cubaine","Tango Argentin","Milonga"],
"founder": {
"@type": "Person",
"name": "Tahar Aoudia",
"jobTitle": "Professeur de danse",
"telephone": "+33676690021"
}
}
</script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,600&family=Raleway:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--or: #c8a96a;
--or-light: #e2c98a;
--or-dark: #9a7a42;
--noir: #1e1a14;
--sombre: #2e2820;
--milieu: #3a3228;
--texte: #f8f2e8;
--texte-soft: #f5f0e8
--rouge: #cc2200;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: 'Raleway', sans-serif;
color: var(--texte);
background: var(--noir);
overflow-x: hidden;
}
/* ══════════════════════════════
NAVIGATION
══════════════════════════════ */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 200;
display: flex; align-items: center; justify-content: space-between;
padding: 1rem 2rem;
background: linear-gradient(to bottom, rgba(13,11,9,.92), rgba(13,11,9,0));
transition: background .3s;
}
nav.scrolled { background: rgba(30,26,20,.97); }
.nav-logo {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
color: var(--or);
text-decoration: none;
letter-spacing: .04em;
flex-shrink: 0;
}
.nav-links {
display: flex; gap: 1.6rem; list-style: none;
}
.nav-links a {
color: var(--texte-soft);
text-decoration: none;
font-size: .92rem;
letter-spacing: .10em;
text-transform: uppercase;
font-weight: 500;
transition: color .25s;
white-space: nowrap;
}
.nav-links a:hover { color: var(--rouge); }
/* Bouton hamburger */
.nav-toggle {
display: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
padding: .4rem;
background: none;
border: none;
}
.nav-toggle span {
display: block;
width: 26px; height: 2px;
background: var(--or);
border-radius: 2px;
transition: transform .3s, opacity .3s;
}
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
/* Menu mobile déroulant */
.nav-mobile {
display: none;
position: fixed;
top: 0; left: 0; right: 0;
background: rgba(20,16,10,.97);
padding: 5rem 2rem 2rem;
z-index: 150;
flex-direction: column;
list-style: none;
border-bottom: 1px solid rgba(200,169,106,.2);
}
.nav-mobile.open { display: flex; }
.nav-mobile li { border-bottom: 1px solid rgba(200,169,106,.1); }
.nav-mobile a {
display: block;
padding: 1rem 0;
color: var(--texte-soft);
text-decoration: none;
font-size: 1rem;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 500;
transition: color .2s;
}
.nav-mobile a:hover { color: var(--rouge); }
/* ══════════════════════════════
HERO
══════════════════════════════ */
.hero {
position: relative;
min-height: 100vh;
display: flex; align-items: center; justify-content: center;
text-align: center;
overflow: hidden;
}
.hero-bg {
position: absolute; inset: 0;
background: url('https://tango-des-mille-et-une-nuits.fr/img/bachata-tango-salsa-maine-et-loire.jpg') center/cover no-repeat;
transform: scale(1.04);
animation: slowZoom 20s ease-in-out infinite alternate;
}
@keyframes slowZoom {
from { transform: scale(1.04); }
to { transform: scale(1.12); }
}
.hero-overlay {
position: absolute; inset: 0;
background: linear-gradient(160deg,
rgba(13,11,9,.38) 0%,
rgba(13,11,9,.18) 50%,
rgba(13,11,9,.48) 100%);
}
.hero-content {
position: relative; z-index: 2;
max-width: 820px;
padding: 8rem 2rem 4rem;
animation: fadeUp .9s ease both;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-badge {
display: inline-block;
border: 1px solid var(--or);
color: var(--or);
font-size: .7rem;
letter-spacing: .25em;
text-transform: uppercase;
padding: .4rem 1.2rem;
margin-bottom: 1.8rem;
border-radius: 2px;
}
.hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(2.2rem, 6vw, 4.8rem);
font-weight: 700;
line-height: 1.15;
color: #fff;
text-shadow: 0 2px 20px rgba(0,0,0,.6);
margin-bottom: .5rem;
}
.hero h1 em {
color: #fff;
font-style: italic;
text-shadow: 0 2px 18px rgba(0,0,0,.55);
}
.hero-sub {
font-size: clamp(.95rem, 2.5vw, 1.3rem);
font-weight: 300;
color: var(--texte-soft);
margin: 1.2rem 0 2.4rem;
letter-spacing: .05em;
line-height: 1.6;
}
.hero-dances {
display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;
margin-bottom: 2.6rem;
}
.dance-pill {
background: rgba(200,169,106,.15);
border: 1px solid rgba(200,169,106,.4);
color: var(--or-light);
padding: .55rem 1.4rem;
border-radius: 50px;
font-size: .85rem;
font-weight: 500;
letter-spacing: .08em;
backdrop-filter: blur(6px);
transition: background .25s, transform .2s;
}
.dance-pill:hover { background: rgba(200,169,106,.28); transform: translateY(-2px); }
.hero-ctas {
display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;
}
.btn-or {
background: var(--or);
color: var(--noir);
padding: .85rem 2.2rem;
border: none; border-radius: 3px;
font-family: 'Raleway', sans-serif;
font-size: .82rem; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase;
text-decoration: none;
display: inline-block;
transition: background .25s, transform .2s;
}
.btn-or:hover { background: var(--or-light); transform: translateY(-2px); }
.btn-outline {
background: transparent;
color: var(--or);
padding: .85rem 2.2rem;
border: 1px solid var(--or); border-radius: 3px;
font-family: 'Raleway', sans-serif;
font-size: .82rem; font-weight: 600;
letter-spacing: .12em; text-transform: uppercase;
text-decoration: none;
display: inline-block;
backdrop-filter: blur(4px);
transition: background .25s, transform .2s;
}
.btn-outline:hover { background: rgba(200,169,106,.15); transform: translateY(-2px); }
/* ── Boutons événement hero (château + cours) ── */
.hero-events {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin: 1.4rem 0 1.8rem;
}
.btn-chateau {
display: inline-flex; align-items: center; gap: .55rem;
background: rgba(180,30,30,.82);
border: 1px solid rgba(255,100,100,.4);
color: #fff;
padding: .75rem 1.6rem;
border-radius: 4px;
font-family: 'Raleway', sans-serif;
font-size: .82rem; font-weight: 700;
letter-spacing: .10em; text-transform: uppercase;
text-decoration: none;
backdrop-filter: blur(6px);
transition: background .25s, transform .2s, box-shadow .2s;
box-shadow: 0 4px 18px rgba(180,30,30,.35);
}
.btn-chateau:hover {
background: rgba(210,40,40,.92);
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(180,30,30,.5);
}
.btn-cours-hero {
display: inline-flex; align-items: center; gap: .55rem;
background: rgba(200,169,106,.18);
border: 1px solid rgba(200,169,106,.55);
color: var(--or-light);
padding: .75rem 1.6rem;
border-radius: 4px;
font-family: 'Raleway', sans-serif;
font-size: .82rem; font-weight: 700;
letter-spacing: .10em; text-transform: uppercase;
text-decoration: none;
backdrop-filter: blur(6px);
transition: background .25s, transform .2s;
}
.btn-cours-hero:hover {
background: rgba(200,169,106,.32);
transform: translateY(-2px);
}
@media (max-width: 580px) {
.hero-events { flex-direction: column; align-items: center; }
.btn-chateau, .btn-cours-hero { width: 100%; justify-content: center; }
}
.btn-inscription {
display: inline-flex;
align-items: center;
gap: .6rem;
background: linear-gradient(135deg, #b8860b, #e2c98a, #b8860b);
background-size: 200% auto;
color: #1a1208;
padding: 1rem 2.6rem;
border: none; border-radius: 4px;
font-family: 'Raleway', sans-serif;
font-size: 1rem; font-weight: 700;
letter-spacing: .14em; text-transform: uppercase;
text-decoration: none;
box-shadow: 0 4px 24px rgba(200,169,106,.45);
animation: shimmer 2.8s linear infinite;
transition: transform .25s, box-shadow .25s;
}
.btn-inscription:hover {
transform: translateY(-3px);
box-shadow: 0 8px 32px rgba(200,169,106,.65);
}
.btn-inscription .ico { font-size: 1.2rem; }
@keyframes shimmer {
0% { background-position: 0% center; }
100% { background-position: 200% center; }
}
/* Séparateur hero avant bouton inscription */
.hero-separator {
width: 50px; height: 1px;
background: rgba(200,169,106,.4);
margin: 1.8rem auto;
}
@media (max-width: 580px) {
.btn-inscription { width: 100%; justify-content: center; font-size: .88rem; padding: .95rem 1.5rem; }
}
/* ══════════════════════════════
SECTIONS
══════════════════════════════ */
.section {
padding: 5rem 2rem;
max-width: 1100px;
margin: 0 auto;
}
.section-label {
font-size: .7rem;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--or);
margin-bottom: .8rem;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: clamp(1.8rem, 4vw, 2.8rem);
font-weight: 700;
color: #fff;
margin-bottom: 1rem;
line-height: 1.2;
}
.section-title em { color: var(--or-light); font-style: italic; }
.section-intro {
color: var(--texte-soft);
font-size: 1rem;
font-weight: 300;
line-height: 1.7;
max-width: 640px;
margin-bottom: 3rem;
}
/* ══════════════════════════════
CARTES DANSES
══════════════════════════════ */
.cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.card {
background: var(--sombre);
border: 1px solid rgba(200,169,106,.18);
border-radius: 6px;
overflow: hidden;
transition: transform .3s, box-shadow .3s, border-color .3s;
}
.card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0,0,0,.5);
border-color: rgba(200,169,106,.45);
}
.card-header { padding: 2rem 2rem 1rem; }
.card-emoji { font-size: 2.6rem; margin-bottom: .8rem; display: block; }
.card-title {
font-family: 'Playfair Display', serif;
font-size: 1.4rem;
font-style: italic;
color: var(--or-light);
margin-bottom: .5rem;
}
.card-body {
padding: 0 2rem 2rem;
color: var(--texte-soft);
font-size: .9rem;
line-height: 1.7;
}
.card-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.tag {
font-size: .68rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--or);
border: 1px solid rgba(200,169,106,.35);
padding: .2rem .7rem;
border-radius: 2px;
}
/* ══════════════════════════════
INFOS
══════════════════════════════ */
.infos-bg {
background: var(--milieu);
border-top: 1px solid rgba(200,169,106,.12);
border-bottom: 1px solid rgba(200,169,106,.12);
}
.infos-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
padding: 4rem 2rem;
max-width: 1100px;
margin: 0 auto;
}
.info-block { text-align: center; }
.info-icon { font-size: 2rem; margin-bottom: .8rem; }
.info-block h3 {
font-family: 'Playfair Display', serif;
font-size: 1rem;
color: var(--or-light);
margin-bottom: .5rem;
}
.info-block p { color: var(--texte-soft); font-size: .88rem; line-height: 1.6; }
.info-block a { color: var(--or); text-decoration: none; }
/* ══════════════════════════════
CTA BANDE
══════════════════════════════ */
.cta-band {
position: relative;
text-align: center;
padding: 5rem 2rem;
overflow: hidden;
}
.cta-band::before {
content: '';
position: absolute; inset: 0;
background: url('https://tango-des-mille-et-une-nuits.fr/img/bachata-tango-salsa-maine-et-loire.jpg') center/cover no-repeat;
opacity: .32;
}
.cta-band::after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(200,169,106,.08), transparent 60%);
}
.cta-band > * { position: relative; z-index: 1; }
.cta-band h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(1.6rem, 4vw, 2.4rem);
color: #fff;
margin-bottom: 1rem;
}
.cta-band p {
color: var(--texte-soft);
font-size: 1rem;
margin-bottom: 2rem;
max-width: 520px;
margin-left: auto; margin-right: auto;
}
.cta-btns { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
/* ══════════════════════════════
VILLES
══════════════════════════════ */
.villes-section {
background: var(--sombre);
border-top: 1px solid rgba(200,169,106,.12);
padding: 3.5rem 2rem;
}
.villes-inner { max-width: 1100px; margin: 0 auto; }
.villes-inner h2 {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
color: var(--or);
margin-bottom: .5rem;
}
.villes-sub { color: var(--texte-soft); font-size: .82rem; margin-bottom: 1.4rem; }
.villes-tags { display: flex; flex-wrap: wrap; gap: .45rem; }
.ville {
background: rgba(200,169,106,.07);
border: 1px solid rgba(200,169,106,.2);
color: var(--texte-soft);
padding: .28rem .75rem;
border-radius: 3px;
font-size: .74rem;
letter-spacing: .04em;
transition: background .2s, color .2s;
}
.ville:hover { background: rgba(200,169,106,.18); color: var(--or-light); }
/* ══════════════════════════════
FOOTER
══════════════════════════════ */
footer {
background: var(--noir);
border-top: 1px solid rgba(200,169,106,.15);
padding: 2.5rem 2rem;
text-align: center;
}
.footer-logo {
font-family: 'Playfair Display', serif;
font-size: 1.1rem;
color: var(--or);
margin-bottom: .6rem;
}
footer p { color: var(--texte-soft); font-size: .78rem; line-height: 1.7; }
footer a { color: var(--or); text-decoration: none; }
footer a:hover { text-decoration: underline; }
/* ══════════════════════════════
RESPONSIVE — TABLETTE ≤ 900px
══════════════════════════════ */
@media (max-width: 900px) {
.nav-links { display: none; }
.nav-toggle { display: flex; }
.cards-grid { grid-template-columns: 1fr 1fr; }
.infos-grid { grid-template-columns: 1fr 1fr; }
.hero-content { padding: 7rem 1.5rem 3rem; }
}
/* ══════════════════════════════
RESPONSIVE — MOBILE ≤ 580px
══════════════════════════════ */
@media (max-width: 580px) {
nav { padding: .9rem 1.2rem; }
.nav-logo { font-size: 1rem; }
.hero-content { padding: 6rem 1.2rem 3rem; }
.hero-badge { font-size: .62rem; letter-spacing: .15em; }
.hero-sub br { display: none; }
.dance-pill { padding: .45rem 1rem; font-size: .78rem; }
.btn-or,
.btn-outline { width: 100%; text-align: center; padding: 1rem 1.5rem; }
.section { padding: 3rem 1.2rem; }
.cards-grid { grid-template-columns: 1fr; }
.infos-grid {
grid-template-columns: 1fr 1fr;
padding: 2.5rem 1.2rem;
gap: 1.5rem;
}
.cta-band { padding: 3.5rem 1.2rem; }
.cta-btns .btn-or,
.cta-btns .btn-outline { width: 100%; text-align: center; }
.villes-section { padding: 2.5rem 1.2rem; }
footer { padding: 2rem 1.2rem; }
}
</style>
</head>
<body>
<!-- ─── NAVIGATION DESKTOP ─── -->
<nav id="navbar">
<a href="#" class="nav-logo">🎭 Tango des Mille et Une Nuits</a>
<ul class="nav-links">
<li><a href="#activites">Activités</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/bachata_salsa_cubaine_cours_maine_et_loire_durtal_rairies.html">Bachata & Salsa</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/cours-tango-argentin-salsa-bachata-rairies-durtal-bauge-maine-loire-angers-49430.html">Tango Argentin</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/cours-tango-argentin-professeur-tahar-aoudia.html">Le Prof</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/tarifs-des-cours-de-tango-2026-2027.html">Tarifs & Contact</a></li>
</ul>
<button class="nav-toggle" id="navToggle" aria-label="Ouvrir le menu">
<span></span>
<span></span>
<span></span>
</button>
</nav>
<!-- ─── NAVIGATION MOBILE ─── -->
<ul class="nav-mobile" id="navMobile">
<li><a href="#activites" class="nav-mobile-link">Activités</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/bachata_salsa_cubaine_cours_maine_et_loire_durtal_rairies.html" class="nav-mobile-link">Bachata & Salsa</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/cours-tango-argentin-salsa-bachata-rairies-durtal-bauge-maine-loire-angers-49430.html" class="nav-mobile-link">Tango Argentin</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/cours-tango-argentin-professeur-tahar-aoudia.html" class="nav-mobile-link">Le Prof</a></li>
<li><a href="https://tango-des-mille-et-une-nuits.fr/tarifs-des-cours-de-tango-2026-2027.html" class="nav-mobile-link">Tarifs & Contact</a></li>
</ul>
<!-- ─── HERO ─── -->
<header class="hero">
<div class="hero-bg"></div>
<div class="hero-overlay"></div>
<div class="hero-content">
<span class="hero-badge">Association de danse · Maine-et-Loire</span>
<h1>Passionnés de danse ?<br><em>Rejoignez-nous !</em></h1>
<!-- ── Deux boutons dorés côte à côte ── -->
<div class="hero-events">
<a href="https://forms.gle/h6k83pBHjXQJ91MJ9" target="_blank" rel="noopener" class="btn-inscription">
🏰 Week-end Tango — Château de Grésilon
</a>
<a href="https://tango-des-mille-et-une-nuits.fr/tarifs-des-cours-de-tango-2026-2027.html" class="btn-inscription">
🎓 Nos cours 2026-2027
</a>
</div>
<p class="hero-sub">
Cours et soirées de <strong>Bachata</strong>, <strong>Salsa Cubaine</strong><br>
et <strong>Tango Argentin</strong> — tous niveaux, ambiance chaleureuse
</p>
<div class="hero-dances">
<span class="dance-pill">🌹 Bachata</span>
<span class="dance-pill">🎶 Salsa Cubaine</span>
<span class="dance-pill">🕊️ Tango Argentin</span>
</div>
<div class="hero-ctas">
<a href="https://tango-des-mille-et-une-nuits.fr/tarifs-des-cours-de-tango-2026-2027.html" class="btn-or">Voir les cours & tarifs</a>
<a href="mailto:info@tango-des-mille-et-une-nuits.fr" class="btn-outline">Nous contacter</a>
</div>
</div>
</header>
<!-- ─── ACTIVITÉS ─── -->
<section id="activites" class="section">
<p class="section-label">Nos disciplines</p>
<h2 class="section-title">Trois danses,<br><em>une même passion</em></h2>
<p class="section-intro">
L'association Tango des Mille et Une Nuits vous propose des cours et des soirées dansantes
autour de trois disciplines complémentaires. Venez découvrir, progresser et partager
dans une atmosphère conviviale et bienveillante.
</p>
<div class="cards-grid">
<div class="card">
<div class="card-header">
<span class="card-emoji">🌹</span>
<h3 class="card-title">Bachata</h3>
</div>
<div class="card-body">
<p>Née en République Dominicaine, la Bachata séduit par son mouvement de hanches et
sa connexion intime entre les partenaires. Romantique et expressive, elle s'apprend
vite et procure un plaisir immédiat, quel que soit votre niveau.</p>
<div class="card-tags">
<span class="tag">Débutants bienvenus</span>
<span class="tag">Sensuel</span>
<span class="tag">En couple ou seul</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<span class="card-emoji">🎶</span>
<h3 class="card-title">Salsa Cubaine</h3>
</div>
<div class="card-body">
<p>Rythmée, joyeuse et sociale, la Salsa Cubaine (ou « Son ») se danse en cercle avec
des pas croisés typiques du « casino ». Un style festif qui développe la créativité,
le sens du rythme et le plaisir de danser en groupe.</p>
<div class="card-tags">
<span class="tag">Énergie & fête</span>
<span class="tag">Style casino</span>
<span class="tag">Tous niveaux</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<span class="card-emoji">🕊️</span>
<h3 class="card-title">Tango Argentin</h3>
</div>
<div class="card-body">
<p>Danse de l'improvisation et du dialogue silencieux, le Tango Argentin traditionnel
se pratique en abrazo fermé, dans le respect de la ronda. Une danse de l'écoute
et de la connexion, profonde et élégante.</p>
<div class="card-tags">
<span class="tag">Tradition</span>
<span class="tag">Improvisation</span>
<span class="tag">Milonga</span>
</div>
</div>
</div>
</div>
</section>
<!-- ─── INFOS ─── -->
<div class="infos-bg">
<div class="infos-grid">
<div class="info-block">
<div class="info-icon">🎓</div>
<h3>Cours pour tous</h3>
<p>Débutants, intermédiaires et confirmés. Apprenez à votre rythme avec Tahar Aoudia, professeur passionné.</p>
</div>
<div class="info-block">
<div class="info-icon">📍</div>
<h3>Les Rairies – Durtal</h3>
<p>Nos cours ont lieu dans la salle des Fêtes « La Coulée » aux Rairies (49430) et dans les environs.</p>
</div>
<div class="info-block">
<div class="info-icon">🌙</div>
<h3>Soirées dansantes</h3>
<p>Milongas et soirées latino régulières pour pratiquer dans la bonne humeur avec d'autres passionnés.</p>
</div>
<div class="info-block">
<div class="info-icon">📞</div>
<h3>Contact</h3>
<p>Tahar Aoudia<br>
📱 <a href="tel:0676690021">06 76 69 00 21</a><br>
📧 <a href="mailto:info@tango-des-mille-et-une-nuits.fr">info[@]tango-des-mille-et-une-nuits.fr</a></p>
</div>
</div>
</div>
<!-- ─── CTA BANDE ─── -->
<section class="cta-band">
<h2>Prêt à chausser vos souliers de danse ?</h2>
<p>Rejoignez notre association et découvrez la joie de la danse latine et du tango argentin en Maine-et-Loire.</p>
<div class="cta-btns">
<a href="https://tango-des-mille-et-une-nuits.fr/tarifs-des-cours-de-tango-2026-2027.html" class="btn-or">Tarifs & Inscriptions</a>
<a href="tel:0676690021" class="btn-outline">📱 06 76 69 00 21</a>
</div>
<div style="margin-top:1.8rem;">
<a href="https://forms.gle/iJfPoMcQNmPPbHsu9" target="_blank" rel="noopener" class="btn-inscription">
<span class="ico">✏️</span> S'inscrire pour la saison
</a>
</div>
</section>
<!-- ─── VILLES ─── -->
<section class="villes-section">
<div class="villes-inner">
<h2>Vous cherchez des cours de danse près de chez vous ?</h2>
<p class="villes-sub">Si vous habitez l'une de ces communes, nos cours de Bachata, Salsa et Tango Argentin sont proches de chez vous !</p>
<div class="villes-tags">
<span class="ville">Montigné-lès-Rairies (49430)</span>
<span class="ville">Durtal (49430)</span>
<span class="ville">Lézigné (49430)</span>
<span class="ville">Montreuil-sur-Loir (49140)</span>
<span class="ville">Fougeré (49150)</span>
<span class="ville">Huillé (49430)</span>
<span class="ville">Beauvau (49140)</span>
<span class="ville">Jarzé (49140)</span>
<span class="ville">Cheviré-le-Rouge (49150)</span>
<span class="ville">Daumeray (49640)</span>
<span class="ville">Seiches-sur-le-Loir (49140)</span>
<span class="ville">Marcé (49140)</span>
<span class="ville">Baracé (49430)</span>
<span class="ville">Corzé (49140)</span>
<span class="ville">Bauné (49140)</span>
<span class="ville">Étriché (49330)</span>
<span class="ville">Cheffes (49125)</span>
<span class="ville">La Chapelle-d'Aligné (72300)</span>
<span class="ville">Tiercé (49125)</span>
<span class="ville">Briollay (49125)</span>
<span class="ville">Sermaise (49140)</span>
<span class="ville">Chaumont-d'Anjou (49140)</span>
<span class="ville">Cornillé-les-Caves (49140)</span>
<span class="ville">Fontaine-Guérin (49250)</span>
<span class="ville">Soucelles (49140)</span>
<span class="ville">Bazouges-Cré-sur-Loir (72200)</span>
<span class="ville">La Flèche (72200)</span>
<span class="ville">Champigné (49330)</span>
<span class="ville">Baugé-en-Anjou (49150)</span>
<span class="ville">Châteauneuf-sur-Sarthe (49330)</span>
<span class="ville">Villevêque (49140)</span>
<span class="ville">Chemiré-sur-Sarthe (49330)</span>
<span class="ville">Écuillé (49460)</span>
<span class="ville">Précigné (72300)</span>
<span class="ville">Soulaire-et-Bourg (49460)</span>
<span class="ville">Mazé (49250)</span>
<span class="ville">Crosmières (72200)</span>
<span class="ville">Villaines-sous-Malicorne (72270)</span>
<span class="ville">Feneu (49460)</span>
<span class="ville">Écouflant (49000)</span>
<span class="ville">Saint-Georges-du-Bois (72700)</span>
<span class="ville">Fontaine-Saint-Martin (72330)</span>
<span class="ville">Dénezé-sous-le-Lude (49490)</span>
<span class="ville">Montreuil-Juigné (49460)</span>
<span class="ville">Dissé-sous-le-Lude (72800)</span>
<span class="ville">Savigné-sous-le-Lude (72800)</span>
<span class="ville">Beauregard (49150)</span>
<span class="ville">Morannes (49640)</span>
</div>
</div>
</section>
<!-- ─── FOOTER ─── -->
<footer>
<p class="footer-logo">🎭 Tango des Mille et Une Nuits</p>
<p>
Association de danse en Maine-et-Loire & Sarthe<br>
Cours de Bachata · Salsa Cubaine · Tango Argentin<br>
<a href="mailto:info@tango-des-mille-et-une-nuits.fr">info@tango-des-mille-et-une-nuits.fr</a> · 06 76 69 00 21
</p>
<p style="margin-top:.8rem;font-size:.72rem;opacity:.5;">© 2026 Tango des Mille et Une Nuits – Tous droits réservés</p>
</footer>
<script>
// Navbar scroll
var navbar = document.getElementById('navbar');
window.addEventListener('scroll', function() {
navbar.classList.toggle('scrolled', window.scrollY > 60);
});
// Menu hamburger
var toggle = document.getElementById('navToggle');
var mobileMenu = document.getElementById('navMobile');
var mobileLinks = document.querySelectorAll('.nav-mobile-link');
toggle.addEventListener('click', function() {
toggle.classList.toggle('open');
mobileMenu.classList.toggle('open');
});
mobileLinks.forEach(function(link) {
link.addEventListener('click', function() {
toggle.classList.remove('open');
mobileMenu.classList.remove('open');
});
});
</script>
</body>
</html>
