/* =========================================================
   MODELE DE PAGE ARAIMC
   Styles communs aux pages construites avec header.php et footer.php
   (mêmes règles que actu-araimc.php, decanis.php et newsletter.php)
   ========================================================= */

/* Conteneur central aligné avec le header et le footer */
.content-zone-full {
	width: 95%;
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #fafafa;
	border-radius: 8px;
}

/* Titre violet doux */
.article-title {
	background-color: #E6D6F0;
	padding: 15px;
	text-align: center;
	border-radius: 6px;
	margin-bottom: 30px;
	font-weight: bold;
}

/* Texte principal */
.article-text {
	width: 100%;
	text-align: justify;
	line-height: 1.6;
	font-size: 16px;
}
.article-text::before {
	content: "";
	display: block;
	height: 5px;
}
.article-text h4 {
	margin-top: 20px;
	margin-bottom: 15px;
}
.article-text p {
	margin-bottom: 20px;
	line-height: 1.6;
}
.article-section {
	margin-bottom: 20px;
}

/* Contenu des anciennes pages repris dans le modèle */
.content-zone-full img {
	max-width: 100%;
	height: auto;
}
.content-zone-full table {
	max-width: 100%;
}

/* Bouton retour en haut */
#back-to-top {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 30px;
	z-index: 1000;
	font-size: 18px;
	background-color: #7A4CA3;
	color: #fff;
	border: none;
	padding: 10px 14px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	transition: background-color 0.3s;
}
#back-to-top:hover {
	background-color: #531378;
}

/* Boutons « En savoir plus », couleurs par établissement */
.btn-read {
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	transition: filter 0.3s ease;
	margin: 10px 0;
	color: #fff !important;
}
.btn-read:hover {
	filter: brightness(85%);
}
.btn-siege { background: #666666; }
.btn-gauthiere { background: #CD0C45; }
.btn-stthys { background: #F79433; }
.btn-eeap { background: #63B54A; }
.btn-fam { background: #8B5285; }

/* Tablette et mobile */
@media (max-width: 768px) {
	.content-zone-full {
		width: 98%;
		padding: 0 12px;
		margin: 20px auto;
	}
	.article-text {
		font-size: 15px;
	}
	.btn-read {
		padding: 8px 16px;
		font-size: 13px;
	}
}
@media (max-width: 480px) {
	.btn-read {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
}

/* Passages à compléter avant publication (mentions légales) */
.a-completer {
	background: #fff3a8;
	padding: 0 4px;
	border-radius: 3px;
}


/* Sous-titres de section (pages amicales) : même fond que les h4 */
h6.titre-section{background-color:#EDCFF2;font-style:italic;margin-left:0;margin-right:20%;padding-left:40px}

/* Contenu trop large (tableaux, images) : défilement dans le corps, pas dans la page */
.content-zone-full{overflow-x:auto}
@media screen and (max-width:600px){.content-zone-full{width:100%;padding:0 10px;margin:20px auto}}

/* =========================
   FORMULAIRES (contact, boîte à idées)
   ========================= */
.form-araimc{max-width:820px;margin:0 auto;padding:10px 0 20px}
.form-araimc .form-intro{margin:0 0 20px;color:#444}
.form-araimc .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.form-araimc .form-field{display:flex;flex-direction:column}
.form-araimc .form-field.pleine{grid-column:1 / -1}
.form-araimc label{font-weight:bold;color:#531378;margin-bottom:5px;font-size:14px}
.form-araimc input[type=text],.form-araimc input[type=email],.form-araimc select,.form-araimc textarea{
  width:100%;box-sizing:border-box;padding:10px 12px;font:inherit;font-size:15px;
  border:1px solid #c9b3dd;border-radius:6px;background:#fff;color:#222}
.form-araimc textarea{min-height:140px;resize:vertical}
.form-araimc input:focus,.form-araimc select:focus,.form-araimc textarea:focus{
  outline:none;border-color:#7A4CA3;box-shadow:0 0 0 3px rgba(122,76,163,.25)}
.form-araimc .captcha-bloc{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.form-araimc .captcha-bloc input{max-width:200px}
.form-araimc .captcha-bloc img{cursor:pointer;border-radius:4px;border:1px solid #c9b3dd}
.form-araimc .captcha-aide{font-size:12px;font-style:italic;color:#666;margin-top:4px}
.form-araimc .btn-envoyer{background:#7A4CA3;color:#fff;border:0;border-radius:6px;padding:11px 32px;font-size:16px;font-weight:bold;cursor:pointer}
.form-araimc .btn-envoyer:hover{background:#531378}
.form-araimc .champs-obligatoires{font-size:13px;color:#666;margin:6px 0 0}
.form-araimc .form-erreur{background:#fdecea;border-left:4px solid #c0392b;color:#8e1b10;padding:10px 14px;border-radius:4px;margin:0 0 18px}
.form-araimc .rgpd{font-size:11px;color:#555;border-top:1px solid #e1d3ee;margin-top:24px;padding-top:12px}
@media screen and (max-width:600px){.form-araimc .form-grid{grid-template-columns:1fr}}

/* Liens du corps de page : violet de la charte (les liens avec une classe, boutons compris, ne changent pas) */
.content-zone-full a:not([class]):link,.content-zone-full a:not([class]):visited{color:#6b1fa1;text-decoration:underline}
.content-zone-full a:not([class]):hover{color:#000}