Bienvenue sur le site
Bien vieillir
Votre spécialiste MaPrimAdapt’ : jusqu’à 70% de financement pour vos travaux d’adaptation
Adaptation de votre logement avec MaPrimAdapt'
Douche sécurisée, monte-escalier, volets électriques : des travaux financés pour votre maintien à domicile en toute sérénité
Douche sécurisée
Monte-escaliers
Autres prestations
:root {
--primary-white: #ffffff;
--greige-light: #f0ebe6;
--greige-medium: #d4cfc9;
--greige-dark: #9a9590;
--orange-primary: #d4896f;
--orange-light: #e8b4a0;
--text-primary: #4a4542;
--text-secondary: #7a7470;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
background: var(--greige-light);
color: var(--text-primary);
line-height: 1.6;
}
.main-container {
max-width: 1400px;
margin: 0 auto;
padding: 60px 20px;
}
/* HERO SECTION 2 COLONNES */
.hero-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
margin-bottom: 80px;
}
/* COLONNE GAUCHE - CONTENU MARKETING */
.marketing-content {
padding-right: 40px;
}
.marketing-content h1 {
font-size: 48px;
line-height: 1.2;
color: var(--text-primary);
margin-bottom: 30px;
font-weight: 800;
}
.marketing-content h1 .highlight {
color: var(--orange-primary);
}
.marketing-content .subtitle {
font-size: 20px;
color: var(--text-secondary);
margin-bottom: 40px;
line-height: 1.6;
}
.benefits-list {
list-style: none;
margin-bottom: 40px;
}
.benefits-list li {
padding: 15px 0;
font-size: 18px;
display: flex;
align-items: center;
color: var(--text-primary);
border-bottom: 1px solid var(--greige-medium);
}
.benefits-list li::before {
content: "✓";
display: inline-block;
width: 32px;
height: 32px;
background: var(--orange-primary);
color: white;
border-radius: 50%;
text-align: center;
line-height: 32px;
margin-right: 15px;
flex-shrink: 0;
font-weight: bold;
}
.quick-facts {
display: flex;
gap: 20px;
margin-top: 40px;
}
.fact-box {
flex: 1;
background: white;
padding: 20px;
border-radius: 12px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.fact-number {
font-size: 28px;
font-weight: 800;
color: var(--orange-primary);
display: block;
margin-bottom: 5px;
}
.fact-label {
font-size: 14px;
color: var(--text-secondary);
}
/* COLONNE DROITE - TEST D'ÉLIGIBILITÉ COMPACT */
.eligibility-widget {
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 4px 20px rgba(0,0,0,0.12);
position: sticky;
top: 20px;
}
.widget-header {
text-align: center;
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 2px solid var(--greige-light);
}
.widget-header h2 {
font-size: 24px;
color: var(--text-primary);
margin-bottom: 10px;
}
.widget-badges {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-top: 15px;
}
.badge {
background: var(--greige-light);
color: var(--text-secondary);
padding: 8px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
}
/* QUESTIONS COMPACTES */
.compact-question {
margin-bottom: 20px;
}
.compact-question label {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 8px;
}
.compact-question select,
.compact-question input[type="number"] {
width: 100%;
padding: 12px;
border: 2px solid var(--greige-medium);
border-radius: 8px;
font-size: 15px;
background: white;
color: var(--text-primary);
transition: all 0.3s;
}
.compact-question select:focus,
.compact-question input:focus {
outline: none;
border-color: var(--orange-primary);
}
.compact-question input[type="number"] {
font-weight: 600;
}
/* BOUTON CALCULER */
.btn-calculate {
width: 100%;
background: var(--orange-primary);
color: white;
border: none;
padding: 16px;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
margin-top: 10px;
}
.btn-calculate:hover {
background: #c27960;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(212, 137, 111, 0.4);
}
/* RÉSULTAT */
.result-box {
margin-top: 20px;
padding: 20px;
border-radius: 10px;
display: none;
}
.result-box.show {
display: block;
}
.result-box.eligible {
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
border: 2px solid #66bb6a;
}
.result-box.not-eligible {
background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
border: 2px solid #ff9800;
}
.result-amount {
font-size: 32px;
font-weight: 800;
color: #2e7d32;
margin: 10px 0;
}
.result-text {
font-size: 14px;
color: var(--text-secondary);
margin-bottom: 15px;
}
.btn-devis {
width: 100%;
background: #2e7d32;
color: white;
border: none;
padding: 14px;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
}
.btn-devis:hover {
background: #1b5e20;
}
/* FORMULAIRE DE CONTACT */
.contact-section {
background: white;
border-radius: 16px;
padding: 50px;
margin-top: 60px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.contact-section h2 {
font-size: 32px;
text-align: center;
margin-bottom: 40px;
color: var(--text-primary);
}
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.form-group {
margin-bottom: 20px;
}
.form-group.full-width {
grid-column: 1 / -1;
}
.form-group label {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 8px;
}
.form-group label .optional {
color: var(--text-secondary);
font-weight: 400;
font-size: 12px;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 14px;
border: 2px solid var(--greige-medium);
border-radius: 8px;
font-size: 15px;
background: white;
color: var(--text-primary);
font-family: inherit;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--orange-primary);
}
.form-group textarea {
resize: vertical;
min-height: 100px;
}
.btn-submit {
width: 100%;
background: var(--orange-primary);
color: white;
border: none;
padding: 18px;
border-radius: 10px;
font-size: 18px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
margin-top: 20px;
}
.btn-submit:hover {
background: #c27960;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(212, 137, 111, 0.4);
}
/* MESSAGE DE SUCCÈS */
.success-message {
display: none;
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
border: 2px solid #66bb6a;
border-radius: 12px;
padding: 30px;
text-align: center;
margin-top: 20px;
}
.success-message.show {
display: block;
}
.success-message h3 {
color: #2e7d32;
font-size: 24px;
margin-bottom: 10px;
}
/* POP-UP EXIT INTENT */
.exit-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 10000;
align-items: center;
justify-content: center;
}
.exit-popup.show {
display: flex;
}
.popup-content {
background: white;
border-radius: 20px;
padding: 40px;
max-width: 500px;
width: 90%;
position: relative;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.popup-close {
position: absolute;
top: 15px;
right: 15px;
background: none;
border: none;
font-size: 28px;
cursor: pointer;
color: var(--text-secondary);
line-height: 1;
padding: 5px 10px;
}
.popup-close:hover {
color: var(--text-primary);
}
.popup-icon {
background: #ffa726;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin: 0 auto 20px;
}
.popup-content h2 {
font-size: 28px;
text-align: center;
color: var(--text-primary);
margin-bottom: 20px;
}
.popup-content p {
font-size: 16px;
text-align: center;
color: var(--text-secondary);
margin-bottom: 25px;
line-height: 1.6;
}
.popup-benefits {
list-style: none;
margin-bottom: 30px;
}
.popup-benefits li {
padding: 10px 0;
font-size: 15px;
display: flex;
align-items: center;
color: var(--text-primary);
}
.popup-benefits li::before {
content: "✓";
display: inline-block;
width: 24px;
height: 24px;
background: var(--orange-primary);
color: white;
border-radius: 50%;
text-align: center;
line-height: 24px;
margin-right: 12px;
flex-shrink: 0;
font-size: 14px;
font-weight: bold;
}
.popup-cta {
width: 100%;
background: var(--orange-primary);
color: white;
border: none;
padding: 16px;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
}
.popup-cta:hover {
background: #c27960;
}
/* RESPONSIVE */
@media (max-width: 968px) {
.hero-section {
grid-template-columns: 1fr;
gap: 40px;
}
.marketing-content {
padding-right: 0;
}
.marketing-content h1 {
font-size: 36px;
}
.eligibility-widget {
position: relative;
top: 0;
}
.form-grid {
grid-template-columns: 1fr;
}
.quick-facts {
flex-direction: column;
}
}
@media (max-width: 640px) {
.main-container {
padding: 30px 15px;
}
.marketing-content h1 {
font-size: 28px;
}
.marketing-content .subtitle {
font-size: 16px;
}
.contact-section {
padding: 30px 20px;
}
.popup-content {
padding: 30px 20px;
}
}
// DÉPARTEMENTS COUVERTS
const DEPARTEMENTS_COUVERTS = ['13', '83', '84', '05', '2A', '2B', '15', '03', '18', '45', '60', '02', '25'];
// BARÈMES MaPrimeAdapt 2025
const BAREME_IDF = {
'1': { tres_modeste: 23541, modeste: 28657 },
'2': { tres_modeste: 34551, modeste: 42058 },
'3': { tres_modeste: 41493, modeste: 50513 },
'4': { tres_modeste: 48447, modeste: 58981 },
'5': { tres_modeste: 55427, modeste: 67473 }
};
const BAREME_PROVINCE = {
'1': { tres_modeste: 17009, modeste: 21805 },
'2': { tres_modeste: 24875, modeste: 31889 },
'3': { tres_modeste: 29917, modeste: 38349 },
'4': { tres_modeste: 34948, modeste: 44802 },
'5': { tres_modeste: 40002, modeste: 51281 }
};
let currentEligibility = null;
// AFFICHER/MASQUER LE CHAMP GIR
function toggleGIRField() {
const age = document.getElementById('age').value;
const girField = document.getElementById('girField');
const girSelect = document.getElementById('gir');
if (age === '60-69') {
girField.style.display = 'block';
girSelect.required = true;
} else {
girField.style.display = 'none';
girSelect.required = false;
girSelect.value = '';
}
}
// CALCUL D'ÉLIGIBILITÉ
document.getElementById('eligibilityForm').addEventListener('submit', function(e) {
e.preventDefault();
const location = document.getElementById('location').value;
const situation = document.getElementById('situation').value;
const rfr = parseInt(document.getElementById('rfr').value);
const household = document.getElementById('household').value;
const age = document.getElementById('age').value;
const gir = document.getElementById('gir').value;
const handicap = document.getElementById('handicap').value;
// Vérifier que tous les champs obligatoires sont remplis
if (!location || !situation || !rfr || !household || !age || !handicap) {
alert('Veuillez remplir tous les champs');
return;
}
// Si 60-69 ans, le GIR est obligatoire
if (age === '60-69' && !gir) {
alert('Veuillez indiquer si vous avez un GIR reconnu');
return;
}
// CRITÈRE 1 : Vérifier l'éligibilité selon l'âge/handicap
let criterAgeMet = false;
let motifNonEligible = '';
if (age === 'plus70') {
// Plus de 70 ans → éligible directement
criterAgeMet = true;
} else if (age === '60-69' && gir === 'oui') {
// 60-69 ans avec GIR → éligible
criterAgeMet = true;
} else if (handicap === 'oui') {
// En situation de handicap → éligible
criterAgeMet = true;
} else {
// Non éligible selon critères d'âge/handicap
if (age === 'moins60' && handicap === 'non') {
motifNonEligible = 'MaPrimeAdapt est réservé aux personnes de plus de 60 ans ou en situation de handicap.';
} else if (age === '60-69' && gir === 'non' && handicap === 'non') {
motifNonEligible = 'Pour les 60-69 ans, un GIR reconnu (1 à 6) est nécessaire pour être éligible, ou être en situation de handicap.';
}
}
if (!criterAgeMet) {
const resultBox = document.getElementById('resultBox');
resultBox.className = 'result-box not-eligible show';
resultBox.innerHTML = `
`;
currentEligibility = {
eligible: false,
taux: 0,
montantMax: 0
};
return;
}
// CRITÈRE 2 : Revenus
const bareme = location === 'idf' ? BAREME_IDF : BAREME_PROVINCE;
const seuils = bareme[household] || bareme['5'];
let eligible = false;
let taux = 0;
let montantMax = 0;
if (rfr <= seuils.tres_modeste) {
eligible = true;
taux = 70;
montantMax = 15400;
} else if (rfr <= seuils.modeste) {
eligible = true;
taux = 50;
montantMax = 11000;
}
currentEligibility = {
eligible: eligible,
taux: taux,
montantMax: montantMax
};
const resultBox = document.getElementById('resultBox');
if (eligible) {
resultBox.className = 'result-box eligible show';
resultBox.innerHTML = `
`;
} else {
resultBox.className = 'result-box not-eligible show';
resultBox.innerHTML = `
`;
}
});
// SCROLL VERS FORMULAIRE
function scrollToContact() {
document.getElementById('contact-form').scrollIntoView({ behavior: 'smooth' });
}
// SOUMISSION FORMULAIRE CONTACT
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
const data = Object.fromEntries(formData);
console.log('📋 Données du formulaire:', data);
// Marquer le formulaire comme soumis (pour désactiver le popup de sortie)
formSubmitted = true;
// Extraire le département
const codePostal = data.codepostal;
const departement = codePostal.length === 5 ? codePostal.substring(0, 2) : codePostal.substring(0, 3);
console.log('📍 Département extrait:', departement);
console.log('✅ Client éligible:', currentEligibility ? currentEligibility.eligible : 'Non testé');
// Si éligible, afficher popup AMO
if (currentEligibility && currentEligibility.eligible) {
console.log('📱 Affichage popup AMO');
showAMOPopup(departement, data);
} else {
// Si non éligible ou pas testé
document.getElementById('formSuccess').classList.add('show');
this.style.display = 'none';
document.getElementById('formSuccess').scrollIntoView({ behavior: 'smooth' });
}
});
// AFFICHER POPUP AMO
function showAMOPopup(departement, formData) {
const popup = document.createElement('div');
popup.id = 'amoPopup';
popup.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 10001;
`;
popup.innerHTML = `
<div style="
background: white;
border-radius: 20px;
padding: 40px;
max-width: 500px;
width: 90%;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
">
Jusqu'à 15 400€ d'aides pour adapter votre logement
MaPrimeAdapt 2025 : financez vos travaux d'adaptation pour les revenus modestes et très modestes
- Douche sécurisée
- Monte-escaliers
- Volets roulants
- Cuisine adaptée, rampe d'escaliers...
*70%
de prise en charge
*15 400€
aide maximale
2 min
pour tester
✉️ Demandez Votre Devis Gratuit
Matin (9h-12h)
Après-midi (14h-18h)
Indifférent
Urgent (moins d'1 mois)
Court terme (1 à 3 mois)
Moyen terme (3 à 6 mois)
Long terme (plus de 6 mois)
✅ Demande envoyée avec succès !
Un conseiller vous contactera dans les plus brefs délais.
Vous partez déjà ? 😊
Laissez-nous encore une chance !
Avant de partir, découvrez si vous êtes éligible aux 15 400€ d'aides
- Test gratuit en 2 minutes
- Sans engagement
- Réponse immédiate
Vous n'êtes pas éligible à MaPrimeAdapt
${motifNonEligible}
Mais d'autres aides existent ! Contactez-nous pour en savoir plus.
Mais d'autres aides existent ! Contactez-nous pour en savoir plus.
🎉 Vous êtes éligible !
Jusqu'à ${montantMax.toLocaleString()}€
Prise en charge à ${taux}% de vos travaux
Vous n'êtes pas éligible à MaPrimeAdapt
Vos revenus dépassent les plafonds MaPrimeAdapt.
Mais d'autres aides existent ! Contactez-nous.
Mais d'autres aides existent ! Contactez-nous.
<div style="
background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
margin: 0 auto 20px;
">💡
Bonne nouvelle !
Pour MaPrimeAdapt, un accompagnement professionnel est prévu pour vous aider dans vos démarches.
Souhaitez-vous être rappelé par un conseiller ?
<button id="amoYes" style="
background: var(--orange-primary);
color: white;
border: none;
padding: 16px;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
width: 100%;
transition: all 0.3s;
">
✅ Oui, rappellez-moi
<button id="amoNo" style="
background: var(--greige-dark);
color: white;
border: none;
padding: 16px;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
width: 100%;
transition: all 0.3s;
">
📧 Non, je préfère recevoir un email
<button onclick="closeAMOPopup()" style="
background: var(--orange-primary);
color: white;
border: none;
padding: 14px 30px;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
">
Fermer
