:root{
      /* Palette principale */
      --brand-900:#0a1f44; /* bleu nuit */
      --brand-700:#0f3d8a; /* bleu primaire */
      --brand-500:#2563eb; /* accent bleu vif */
      --brand-300:#c7dbff; /* bleu clair UI */
      --brand-50:#f4f7ff;  /* fond doux */
      /* Feedback */
      --success-600:#16a34a; /* vert */
      --warning-600:#d97706; /* ambre */
      --danger-600:#dc2626; /* rouge */
      /* Neutres */
      --text-900:#0b0f1a;
      --text-600:#5b6471;
      --border-200:#e6eaf2;
      --white:#fff;
      /* Rayons & ombres */
      --radius:14px;--shadow:0 6px 20px rgba(10,31,68,.06);
      --focus: 0 0 0 3px rgba(37,99,235,.35);
    }
    *{box-sizing:border-box}
    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:var(--text-900);background:var(--brand-50);line-height:1.6}
    a{color:var(--brand-700);text-decoration:none}
    a:focus, input:focus, select:focus, textarea:focus, button:focus{outline:none;box-shadow:var(--focus);}
    .wrap{max-width:1120px;margin-inline:auto;padding:20px}
    header.site{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}
    /*.brand{display:flex;gap:12px;align-items:center}*/
    .brand{gap:12px;align-items:center}
    .brand img{height:46px}
    .brand h1{font-size:1.25rem;margin:0;color:var(--brand-900)}
    .tag{font-size:.75rem;color:var(--text-600)}
    .cta-top a{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--brand-300);padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);font-weight:700;color:var(--brand-700)}

    .hero{background:var(--white);border:1px solid var(--border-200);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}
    .hero h2{font-size:1.6rem;margin:.2rem 0 .6rem}
    .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
    .chip{background:var(--brand-50);border:1px solid var(--brand-300);padding:6px 10px;border-radius:999px;font-size:.9rem}

    .fsnippet{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
    @media (max-width:980px){.fsnippet{grid-template-columns:1fr}}
    .box{background:var(--white);border:1px solid var(--border-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
    .box h3{margin:.2rem 0 .6rem;font-size:1.1rem;color:var(--brand-900)}

    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
    .muted{color:var(--text-600)}
    .kpi{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    .kpi b{font-size:1.2rem;color:var(--brand-700)}

    .faq details{background:var(--white);border:1px solid var(--border-200);border-radius:var(--radius);padding:12px;margin:8px 0}
    .faq summary{cursor:pointer;font-weight:700;color:var(--brand-900)}

    footer{margin-top:18px;color:var(--text-600);font-size:.95rem}
    footer a{color:var(--brand-700)}

    /* Formulaires */
    form{display:grid;gap:10px}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    @media(max-width:720px){.row{grid-template-columns:1fr}}
    label{font-weight:600;color:var(--brand-900)}
    input, select, textarea{width:100%;padding:10px 12px;border:1px solid var(--border-200);border-radius:12px;background:var(--white)}
    textarea{min-height:120px}
    .hint{font-size:.85rem;color:var(--text-600)}
    .actions{display:flex;gap:10px;align-items:center}
    .btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand-700);color:var(--white);border:none;padding:12px 14px;border-radius:12px;cursor:pointer}
    .btn.secondary{background:var(--white);color:var(--brand-700);border:1px solid var(--brand-300)}
    .status{font-size:.95rem}
    .ok{color:var(--success-600)}
    .err{color:var(--danger-600)}
    .note-rgpd{font-size:.8rem;color:var(--text-600)}
    .hp{position:absolute;left:-5000px;}

    /* Chat IA */
    .chat{display:grid;gap:10px}
    .chat .suggest{display:flex;flex-wrap:wrap;gap:8px}
    .chat .suggest .chip{cursor:pointer}
    .messages{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto;border:1px solid var(--border-200);border-radius:12px;padding:10px;background:var(--white)}
    .msg{display:flex;gap:8px}
    .msg .b{padding:10px 12px;border-radius:12px;background:var(--brand-50);border:1px solid var(--brand-300);max-width:80%}
    .msg.user .b{background:#fff;border-color:var(--border-200)}
    .chat form{display:grid;gap:8px}
    .chat .row2{display:grid;grid-template-columns:1fr 140px 120px;gap:8px}
    @media(max-width:720px){.chat .row2{grid-template-columns:1fr} .cta-top > a > span:nth-child(2) {display:none;}}
	
	   /* Answer box (AEO) */
    .answerbox{background:var(--white);border:1px solid var(--border-200);border-left:4px solid var(--brand-500);padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:12px}
    .answerbox b{color:var(--brand-900)}
	
	
	  /* Cities (maillage interne) */
    .cities .mini-links{list-style:none;padding:0;margin:.2rem 0 0;display:flex;flex-wrap:wrap;gap:10px}
    .cities .mini-links a{font-size:.8rem}
    .cities .city h4{margin:.2rem 0 .2rem}
    .cities .city{background:var(--white);border:1px solid var(--border-200);border-radius:var(--radius);padding:12px}
    .cities .more-cities{margin-top:10px}
	
	/* Carrousel avis */
.carousel {
	position: relative;
	overflow: hidden;
	border-radius: var(--radius);
	margin: 20px 0;
}

.carousel-track {
	display: flex;
	transition: transform 0.5s ease-in-out
}

.carousel-item {
	min-width: 100%;
	padding: 20px;
	text-align: center
}

.carousel-item p {
	font-size: 1rem;
	margin-bottom: 8px
}

.carousel-item .author {
	font-weight: 600;
	color: var(--brand-700)
}

.carousel-controls {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.carousel-controls button {
	background: var(--brand-700);
	color: var(--white);
	border: none;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display:none;
}


    .hero , .box{
		
		margin-bottom:16px}



    .logo-carousel{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);margin:20px 0;background:var(--white);padding:20px}
    .logo-track{display:flex;align-items:center}
    .logo-item{flex:0 0 auto;width:160px;display:flex;justify-content:center;align-items:center}
    .logo-item img{max-height:60px;max-width:120px;object-fit:contain;}
	
	
	h2 {
		font-size: 1.1rem;
    color: var(--brand-900);
		
		
	}