.paragraphe {
	margin: 20px 5px 10px 0px; /* Marge de sécurité à droite */
}

#bannieres { /* Suppression des bannieres */
	display: none;
}

/*********** Balises dediees aux formulaires et encarts ***********/
/* Encarts locaux */
div.contain_locaux {
	height: 400px;
}
div.photo_locaux {
	float: none;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
div.map_locaux {
	float: none;
	position: absolute;
	top: 0px;
	right: 0px;
}
div.cartouche_locaux {
	float: none;
	position: absolute;
	top: 200px;
	left: 200px;
}

/* Tableaux includes */
.tblmrg td {
	display: block; /* Alignement vertical */
	width: auto!important;
	padding: 10px; /* Espace entre les cellules */
}

/* Page membres - Grille responsive des adhérents et partenaires */
.members-grid td.member-card {
	display: inline-block!important; /* Override le block par défaut */
	width: 48%!important; /* 2 colonnes sur mobile */
	min-width: 280px;
	vertical-align: top;
	padding: 15px!important;
	box-sizing: border-box;
	text-align: center;
}

.members-grid td.member-card table {
	margin: 0 auto; /* Centre les tableaux de photos */
}

/* Ajustement pour très petits écrans (1 colonne) */
@media screen and (max-width: 600px) {
	.members-grid td.member-card {
		width: 100%!important;
		display: block!important;
	}
}

/* Tableau des bénévoles - Liste responsive */
.volunteers-list {
	width: 100%!important;
	display: block;
}

.volunteers-list tr {
	display: block;
	margin-bottom: 15px;
	padding: 10px;
	background: #f5f5f5;
	border-radius: 5px;
}

.volunteers-list tr:first-child {
	background: #CCCCCC;
	font-weight: bold;
	display: none; /* Cache l'en-tête sur mobile */
}

.volunteers-list td {
	display: inline-block!important;
	padding: 5px!important;
	vertical-align: middle;
}

.volunteers-list td:first-child {
	width: 100%!important;
	display: block!important;
	font-size: 16px;
	margin-bottom: 5px;
}

.volunteers-list td:nth-child(2) {
	width: 100%!important;
	display: block!important;
	font-size: 13px;
	color: #666;
	margin-bottom: 8px;
}

.volunteers-list td:nth-child(n+3) {
	width: auto!important;
	margin: 0 5px;
}

.volunteers-list td img {
	width: 24px!important;
	height: 24px!important;
}

/* Timeline des années - Grille responsive pour les tranches annuelles */
.timeline-years td {
	display: inline-block!important; /* Override le block par défaut */
	width: 30%!important; /* 3 colonnes sur mobile */
	min-width: 100px;
	text-align: center;
	vertical-align: top;
	padding: 10px 5px!important;
	box-sizing: border-box;
}

.timeline-years td img {
	max-width: 100%;
	height: auto;
}

/* Tableau des news - Liste des modifications */
.news-item td {
	display: inline-block!important; /* Override le block par défaut */
	vertical-align: middle;
	padding: 5px!important;
}

.news-item td.news-arrow {
	width: 20px!important;
	min-width: 20px;
	text-align: left;
	font-size: 16px;
}

.news-item td.news-date {
	width: auto!important;
	min-width: 100px;
	text-align: left;
}

.news-item td.news-desc {
	width: 100%!important;
	display: block!important; /* Description sur sa propre ligne */
	margin-left: 0px;
	text-align: justify;
}

/* Ancien code news-table - À supprimer ou garder en fallback */
.news-table {
    table-layout: auto!important; /* Remet en auto sur mobile */
}

.news-table td.arrow {
    display: none; /* Cache complètement la flèche sur mobile */
}

.news-table td.date {
    width: auto!important;
    text-align: center;
    font-size: 14px;
    padding: 5px 0px;
}

/* Page partenaires et références - Grille responsive des logos */
.partner-logo,
.reference-logo,
.partners-grid .partner-logo {
	display: inline-block!important; /* Override le block par défaut */
	width: 48%!important; /* 2 colonnes sur mobile */
	min-width: 150px;
	vertical-align: top;
	padding: 15px 10px!important;
	box-sizing: border-box;
	text-align: center;
}

.partner-logo img,
.reference-logo img,
.partners-grid .partner-logo img {
	max-width: 100%;
	height: auto;
	max-height: 120px; /* Limite la hauteur des logos pour homogénéité */
	object-fit: contain;
}

/* Ajustement pour petits écrans (2 colonnes maintenues) */
@media screen and (max-width: 600px) {
	.partner-logo,
	.reference-logo,
	.partners-grid .partner-logo {
		width: 48%!important; /* Garde 2 colonnes */
		min-width: 140px;
	}
}

/* Ajustement pour très petits écrans seulement (1 colonne) */
@media screen and (max-width: 380px) {
	.partner-logo,
	.reference-logo,
	.partners-grid .partner-logo {
		width: 100%!important;
		display: block!important;
	}
}