/* général */

.blog-link {
	font-size: 15px;
	/* Augmente la taille du texte */
	font-weight: bold;
	/* Rend le texte plus visible */
	background-color: #f0f0f0;
	/* Fond gris clair */
	padding: 8px 12px;
	/* Ajoute de l'espace autour du texte */
	border-radius: 5px;
	/* Arrondi les bords */
	text-decoration: none;
	/* Supprime le soulignement du lien */
	display: inline-block;
	/* Permet de mieux gérer la mise en page */
}
.separator {
	width: 10cm;
	/* Longueur de la ligne */
	height: 1px;
	/* Épaisseur */
	background-color: #ccc;
	/* Couleur gris clair */
	border: none;
	/* Supprime la bordure par défaut */
	margin: 20px auto;
	/* Centre la ligne horizontalement avec un espacement */
}
#blog .container {
	max-width: 100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#blog .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#blog .col-md-6 {
	padding-left: 0px !important;
	padding-right: 15px !important;
	/* Assure un bon espacement entre les colonnes */
}
@media (max-width: 768px) {
	/* Pour les écrans mobiles */
	.col-md-6 {
		margin-bottom: 20px;
		/* Ajoute un espace entre les blocs */
	}
	.card {
		margin-bottom: 20px !important;
		/* Ajoute un espace entre les cartes */
	}
}
.card-body a.btn {
	margin-top: 5px !important;
	/* Ajoute un espace de 15px au-dessus du bouton */
}
.col-md-6 .card {
	max-height: 250px !important;
	height: 100% !important;
	margin: 0 auto !important;
}
.blog-section {
	display: flex;
	flex-direction: column;
	align-items: center !important;
	text-align: center!important;
}
.h1-custom {
	font-size: 30px;
}
.h2-custom {
	color: rgb(183, 28, 109);
	font-size: 20px;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
body {
	font-family: 'arial'
}
/* header */

#middleinscri {
	background-image: url(https://tonplanlibertin.fr/femme-libertine2.jpg);
	background-repeat: no-repeat;
	min-width: 500px;
	max-height: 600px;
}
#entete-css {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d55e9c;
	min-width: 600px;
}
.logocss {
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
}
#entete-css .title {
	margin-left: 1px;
	padding-left: 20px;
	padding-right: 1px;
	text-align: center;
	text-emphasis-color: blue;
}
login {
	display: block;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 5px;
	margin-left: 40px;
	background-color: #c9d412;
}
.grossefesse {
	margin-left: 20px;
	margin-bottom: 150px;
	text-align: center;
	float: none;
}
.inscri {
	margin-left: auto;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 200px;
	text-align: right;
	float: none;
}
/* MESSENGER DETAILLER */

.detail {
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	border-left: 1px solid grey;
	float: none;
}
.texto {
	text-align: center;
	color: grey;
}
/* TEMOIGNAGE */

.membresssss {
	width: 300px;
	display: inline;
	float: none;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 5x;
	margin-left: 40px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: left;
	text-decoration-color: white;
	border: 1px solid grey;
	background-color: #444444;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
#avantagetemoi {}
.avantageleft {
	max-width: 540px;
	min-width: 480px;
	max-height: 300px;
	float: left;
	display: inline-block;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 30px;
	margin-top: 10px;
	text-align: left;
	text-decoration-color: white;
	border: 1px solid grey;
	background-color: #444444;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
/* membre righ ajouté */

.membresright {
	width: 480px;
	display: inline-block;
	float: left;
	********************overflow: hidden;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: left;
	text-decoration-color: white;
	border: 1px solid grey;
	background-color: #444444;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.membres2 {
	width: 450px;
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	text-decoration-color: white;
	border: 1px solid grey;
	background-color: #660e66;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.imagemembre {
	display: inline-block;
	float: left;
}
.list-group {
	margin-top: 20px;
	margin-left: 20px;
}
.text-white2 {
	color: gainsboro;
	text-indent: 5px;
}
.lefttest {
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.membres2:after {
	content: "";
	display: block;
	clear: both;
}
/* FOOOOTER*/

#footer {
	margin-right: auto;
}
.small-text-center {
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.legal {
	text-align: center;
	font-size: 80%;
	color: darkgrey;
}
/* Script Prelinker register*/

/* Script Prelinker register*/

<style>.registration-form .btn-facebook {
	color: #fff;
	background-color: #3c558d;
	border-color: #3c558d;
}
.registration-form .btn-facebook:hover {
	color: #fff;
	background-color: #354a7b;
	border-color: #2a3b62;
}
.registration-form .btn-facebook:active:hover, .registration-form .btn-facebook:active:focus {
	background-color: #2a3b62;
	border-color: #161f34;
}
.registration-form .input-group-addon {
	background-color: #fff;
}
.registration-form select.form-control {
	padding-right: 1.75rem;
	font-size: clamp(16px, 1.0vw, 50px);
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: auto 40%;
	-moz-appearance: none;
	-webkit-appearance: none;
	min-height: 35px;
}
.registration-form input[type="email"], .registration-form input[type="text"] {
	font-size: 16px !important;
}
.registration-form .checkbox label {
	padding-left: 0;
}
.registration-form .custom-control-indicator {
	float: left;
	margin: 4px 10px 0 0;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.registration-form .form-group [class^="col-"]:first-child {
	padding-right: calc(15px / 2);
}
.registration-form .form-group [class^="col-"]:last-child {
	padding-left: calc(15px / 2);
}
.registration-form :checked~.custom-control-indicator {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23333' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.registration-form .help-block, .registration-form .form-control-feedback {
	display: none;
}
.registration-form .has-error .help-block {
	display: block;
}
.registration-form .has-success .form-control-feedback, .registration-form .has-warning .form-control-feedback, .registration-form .has-error .form-control-feedback {
	display: block;
}
.registration-form .btn-xl {
	padding: 15px 20px;
	font-size: 20px;
}
.registration-form .tooltip-inner {
	min-width: 250px;
}
</style>
/* Script Prelinker LOGIN */

<style>#btn-ez-dropdown {
	background-color: #3498DB;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}
#btn-ez-dropdown:hover, #btn-ez-dropdown:focus {
	background-color: #2980B9;
}
#ez-dropdown {
	position: relative;
	display: inline-block;
}
.ez-show {
	display: block !important;
}
#ez-dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	/* Variable permettant de changer la largeur minimum du menu */
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
</style>
/* Media query pour les appareils mobiles */

@media (max-width: 767px) {
	body {
		font-size: 110%;
		/* Augmente légèrement la taille de la police */
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 110%;
		/* Augmente légèrement la taille des titres */
	}
	p, a, li {
		font-size: 110%;
		/* Augmente légèrement la taille des paragraphes, liens, et listes */
	}
	/* Vous pouvez ajouter d'autres styles spécifiques pour les appareils mobiles ici */
}
}
/* Media query pour les appareils mobiles */

@media (max-width: 767px) {
	.avantageleft {
		width: 100%;
		/* S'adapte à la largeur de l'écran */
		padding: 10px;
		/* Ajuste le padding selon vos besoins */
		font-size: 16px;
		/* Ajuste la taille de la police selon vos besoins */
		text-align: center;
		/* Centre le texte */
		overflow: hidden;
		/* Évite les débordements */
		margin-left: 0;
		/* Réinitialise les marges pour une meilleure adaptation */
		margin-right: 0;
		/* Réinitialise les marges pour une meilleure adaptation */
		box-sizing: border-box;
		/* Inclut le padding et la bordure dans la largeur totale */
		max-height: 500px;
		/* Définit la hauteur maximale à 500px */
		height: auto;
		/* Permet à la hauteur de s'ajuster automatiquement */
		white-space: normal;
		/* Permet au texte de revenir à la ligne */
	}
}
.blog {
	width: 100%;
	display: inline-block;
	float: center;
	********************overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 10px;
	text-align: left;
	text-decoration-color: white;
	border: 1px solid grey;
	background-color: #ababab;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.blogimage {
	width: 80%;
	height: auto;
	/* Maintient le ratio de l'image */
	max-width: 100%;
	/* Empêche l'image de dépasser la taille de son conteneur */
}
.titleblog {
	margin-top: 0px;
	text-align: left;
	font-size: 20px !important;
	font-weight: bold !important;
	margin-bottom: 0px !important;
	/* Réduit l'espace sous le titre */
}
.fw-light {
	margin-top: 2px !important;
	/* Rapproche la date du titre */
	font-size: 14px;
	/* Réduit légèrement la taille pour un meilleur alignement */
	color: #666;
	/* Optionnel : ajuste la couleur pour un effet plus subtil */
}
.libertinage-guide {
	max-height: 250px !important;
	overflow: hidden;
	/* Pour s'assurer que le contenu qui dépasse est masqué */
}
.follow-us {
	text-align: center;
	padding: 40px 0;
}
.follow-us p {
	font-weight: normal !important;
	margin-bottom: 10px;
}
.social-icons a {
	margin: 0 10px;
	font-size: 24px;
	color: #555;
}
.social-icons a:hover {
	color: #000;
}
/* correctif bloc avantageleft */

/* correctif bloc avantageleft */

@media only screen and (max-width: 767px) {
	.avantageleft {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 15px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		height: auto !important;
		/* <<== change ici */
		max-height: none !important;
		/* <<== important */
		white-space: normal !important;
	}
}
.avantageleft .list-group {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.avantageleft .text-white {
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	text-align: left !important;
}
/* Supprime les br trop espacés entre les <li> */

.avantageleft li+br {
	display: none !important;
}
}
/* TITRES H1 ET H2 - VERSION BUREAU */

h1 {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #d55e9c;
	/* couleur facultative adaptée au thème libertin */
	margin-top: 10px;
	margin-bottom: 5px;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	color: #b51763;
	/* couleur complémentaire */
	margin-bottom: 15px;
}
/* TITRES H1 ET H2 - VERSION MOBILE */

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 18px;
	}
}
/* Correction responsive pour les blocs AVANTAGE et MEMBRES */

@media only screen and (max-width: 767px) {
	.avantageleft, .membresright {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 15px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
		white-space: normal !important;
		display: block !important;
	}
	.avantageleft .list-group {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}
	.avantageleft .text-white {
		white-space: normal !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		font-size: 15px !important;
		line-height: 1.4 !important;
		width: 100% !important;
		box-sizing: border-box !important;
		text-align: left !important;
	}
	.membres2 {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}
}
/* ✅ RESPONSIVE POUR BLOCS AVANTAGE ET MEMBRES */

@media only screen and (max-width: 767px) {
	.avantageleft, .membresright {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 15px !important;
		margin: 10px 0 !important;
		box-sizing: border-box !important;
		display: block !important;
		float: none !important;
		text-align: center !important;
	}
	.membres2 {
		width: 100% !important;
		margin: 10px 0 !important;
		box-sizing: border-box !important;
		float: none !important;
	}
	.text-white, .text-white2 {
		font-size: 16px !important;
		line-height: 1.5 !important;
		word-break: break-word !important;
		white-space: normal !important;
		text-align: left !important;
	}
	.imagemembre {
		width: 100% !important;
		text-align: center !important;
		float: none !important;
		display: block !important;
	}
}
/* === STYLE MOBILE WRAPPED PROPREMENT === */

@media only screen and (max-width: 767px) {
	/* Styles spécifiques aux mobiles */
	body {
		font-size: 16px;
		padding: 10px;
		overflow-x: hidden;
	}
	.container, .row {
		margin: 0 !important;
		padding: 0 !important;
	}
	[class*="col-"] {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		display: block !important;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#entete-css, #middleinscri, #blog {
		min-width: 100% !important;
		padding: 10px;
	}
	.avantageleft, .membresright, .membres2 {
		width: 100% !important;
		margin: 10px 0 !important;
		float: none !important;
	}
	.text-white, .text-white2 {
		text-align: left !important;
		font-size: 1rem;
	}
	.blog-section .card {
		margin-bottom: 20px;
	}
	.titleblog {
		font-size: 18px !important;
	}
	/* Espacement entre barre et contenu */
	header {
		margin-bottom: 10px !important;
	}
	/* Agrandissement du texte pour meilleure lisibilité */
	body, p, li, a, h1, h2, h3, h4, h5 {
		font-size: 17px !important;
		line-height: 1.5 !important;
	}
	/* Empêcher le collage des éléments au bord */
	.container, section, header {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
/* === Ajustement du formulaire sur desktop === */

/*@media (min-width: 992px) {
	.inscri {
		width: 340px !important;
		margin-top: 20px !important;
		margin-right: 0 !important;
		margin-left: auto !important;
	}
}
/* ✅ Alignement du formulaire + largeur fixe sur desktop */

@media (min-width: 992px) {
	#middleinscri .row {
		display: flex !important;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.grossefesse {
		flex: 1 1 auto;
		max-width: 65%;
	}
	.inscri {
		flex: 0 0 340px !important;
		max-width: 340px !important;
		margin-top: 0 !important;
		margin-left: 20px !important;
	}
}*/
/* ✅ Correctif stable du formulaire sans remonter le titre */

@media (min-width: 992px) {
	#middleinscri .row {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.grossefesse {
		flex: 1 1 auto;
		max-width: 65%;
	}
	.inscri {
		flex: 0 0 340px !important;
		max-width: 340px !important;
		margin-top: 0 !important;
		margin-left: 40px !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.inscri>* {
		margin-top: 0 !important;
	}
}
/* ✅ Version finale : formulaire plus bas et plus large */

@media (min-width: 992px) {
	#middleinscri .row {
		display: flex !important;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.grossefesse {
		flex: 1 1 auto;
		max-width: 55%;
	}
	.inscri {
		flex: 0 0 460px !important;
		max-width: 460px !important;
		margin-top: 60px !important;
		margin-left: 40px !important;
	}
}
/* ✅ Mobile fix minimal : image à gauche sans marge ni padding */

@media only screen and (max-width: 767px) {
	.grossefesse {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}
}
/* ✅ Corriger la superposition du bouton Connexion en mobile */

@media only screen and (max-width: 767px) {
	.btn-connexion, .connexion {
		position: static !important;
		display: block !important;
		margin: 10px auto !important;
		text-align: center !important;
		float: none !important;
		clear: both !important;
	}
}
/* ✅ Corriger le bouton Connexion avec ID connu */

@media only screen and (max-width: 767px) {
	#btn-ez-dropdown {
		position: static !important;
		display: block !important;
		float: none !important;
		clear: both !important;
		margin: 10px auto 20px auto !important;
		text-align: center !important;
		z-index: 1;
	}
}
/* ✅ DE-MESURE-FINALE : forcer le bouton Connexion à se replacer correctement */

@media only screen and (max-width: 767px) {
	#btn-ez-dropdown {
		position: relative !important;
		display: block !important;
		float: none !important;
		clear: both !important;
		margin: 10px auto 0 auto !important;
		text-align: center !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		z-index: 1000 !important;
	}
}
/* 💣 Solution finale : bouton Connexion déplacé par marge énorme */

@media only screen and (max-width: 767px) {
	#btn-ez-dropdown {
		display: block !important;
		float: none !important;
		position: relative !important;
		margin-top: 80px !important;
		margin-bottom: 10px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		z-index: 10000 !important;
	}
}
/* ✅ Augmenter la taille des titres en version mobile */

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 1.8em !important;
	}
	h2 {
		font-size: 1.4em !important;
	}
}
/* ✅ Grossir h1 et h2 dans #entete-css uniquement sur mobile */

@media only screen and (max-width: 767px) {
	#entete-css h1 {
		font-size: 2em !important;
	}
	#entete-css h2 {
		font-size: 1.5em !important;
	}
}
/* ✅ VÉRIFICATION : Grossir titres + corriger espace sous h2 sur mobile */

@media only screen and (max-width: 767px) {
	#entete-css h1 {
		font-size: 2.6rem !important;
		line-height: 1.3 !important;
	}
	#entete-css h2 {
		font-size: 2rem !important;
		line-height: 1.3 !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	#entete-css .title {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}
/* 🔧 Réduction de l'espace au-dessus du bouton Connexion uniquement en mobile */

@media only screen and (max-width: 767px) {
	#entete-css #btn-ez-dropdown {
		margin-top: -10px !important;
	}
}
/* 🖥️ Réduction de l'espace en version desktop aussi */

#entete-css #btn-ez-dropdown {
	margin-top: -10px !important;
}
/* ➕ Ajouter 3px d'espace entre le <h2> et le bouton Connexion uniquement en mobile */

@media only screen and (max-width: 767px) {
	#entete-css h2 {
		margin-bottom: 13px !important;
	}
}
/* ✅ HEADER PERFECT DESKTOP ALIGNEMENT */

/*@media screen and (min-width: 992px) {
	#entete-css .row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.logocss {
		flex: 0 0 auto;
		padding-left: 10px;
	}
	.logocss img {
		max-height: 80px;
		width: auto;
	}
	.title {
		flex-grow: 1;
		text-align: center;
	}
	.title h1 {
		font-size: 32px !important;
		margin: 0;
		color: #d55e9c;
	}
	.title h2 {
		font-size: 22px !important;
		margin: 5px 0 0 0;
		color: #b51763;
	}
	.login {
		flex: 0 0 auto;
		text-align: right;
		padding-right: 10px;
	}
	#btn-ez-dropdown {
		margin-top: 0 !important;
		font-size: 15px;
		padding: 10px 15px;
	}
} */
/* ✅ Mobile reste inchangé */

/* === CORRECTION HEADER DESKTOP FINAL === */

/* @media screen and (min-width: 992px) {
	#entete-css .row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.logocss {
		flex: 0 0 auto;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
	.logocss img {
		max-height: 90px;
		width: auto;
	}
	.title {
		flex-grow: 1;
		text-align: center;
		margin-left: 10px;
		margin-right: 10px;
	}
	.title h1 {
		font-size: 32px !important;
		margin: 0;
		color: black !important;
	}
	.title h2 {
		font-size: 20px !important;
		margin: 5px 0 0 0;
		color: black !important;
	}
	.login {
		flex: 0 0 auto;
		text-align: right;
		padding-right: 10px;
	}
	#btn-ez-dropdown {
		margin-top: 0 !important;
		font-size: 15px;
		padding: 10px 15px;
	}
}*/

@media only screen and (max-width: 767px) {
  .membres2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    padding: 10px !important;
    margin: 10px 0 !important;
    box-sizing: border-box !important;
  }

  .membres2 .imagemembre {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .membres2 .imagemembre img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    margin-right: 10px !important;
  }

  .membres2 h4 {
    font-size: 1.1em !important;
    margin: 0 !important;
    padding-left: 10px;
  }

  .membres2 p {
    width: 100% !important;
    margin-top: 10px !important;
    font-size: 1em !important;
    line-height: 1.5em !important;
    text-align: left !important;
  }

  .membres2 .imagemembre + h4 {
    display: inline-block;
    vertical-align: top;
  }
}

@media only screen and (max-width: 767px) {
  .lefttest {
    padding-left: 3px !important;
    padding-right: 3px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Corriger l'affichage des images dans les cartes blog en mobile */
@media (max-width: 767px) {
  .card-img-right {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    border-radius: 3px;
    object-fit: cover; /* optionnel */
    max-width: 320px; /* limite raisonnable pour mobile */
  }
}

/* Corriger structure flex et padding dans les .card pour éviter débordements du bouton */
.card.flex-md-row {
  flex-direction: column !important; /* force colonne en mobile */
}

.card-body {
  width: 100% !important;
}

.card-body .btn {
  align-self: flex-start; /* facultatif, sinon centrer avec center si besoin */
}

/* Supprimer toute contrainte de hauteur/max-height sur les cartes blog en mobile */
@media (max-width:767px){
   .col-md-6 .card,
   .libertinage-guide,
   .card.flex-md-row.mb-4.box-shadow.h-md-250,
   .h-md-250 {
      max-height:none!important;
      height:auto!important;
      min-height:auto!important;
      overflow:visible!important;
   }
}


/* === SUPPRIMER/COMMENTER TOUS LES AUTRES BLOCS @media screen and (min-width :992px) avec .logocss ou .title HORS #entete-css ==== */

/* ================= BLOG CARDS - Desktop & Mobile ================ */
/* Desktop */
@media(min-width :768px){
   #blog .card.flex-md-row{
      display:flex !important; flex-direction :row !important; align-items :stretch;height :250px;max-height :250px;}
   #blog .card-img-right{display:block;width :220px;height :100%!important ;object-fit :cover;border-radius :0 4px 4px 0;margin-left:auto;}
}
/* Mobile */
@media(max-width :767.98px){
   #blog .card.flex-md-row{flex-direction :
column !important;height:auto !important ;max-height:none !important ;}
   #blog .card-img-right{width :
100% !important;height:auto !important ;object-fit :
cover;margin-left :
auto ;
margin-right :
auto ;
border-radius :
4 px !
 important 
 ;

 }
   .card-body a.btn{align-self:center !
 important ;
 }
}
/* Supprime toute contrainte de hauteur/max-height sur les cartes blog en mobile */
@media (max-width:767.98px){
   .col-md-6 .card,
   .libertinage-guide,
   .card.flex-md-row.mb-4.box-shadow.h-md-250,
   .h-md-250 {
      max-height:none!important;height:auto!important;min-height:auto!important;overflow:visible!important;
   }
}
@media screen and (min-width: 992px) {
    #entete-css .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }
    #entete-css .logocss img {
        max-height: 120px !important; 
        width: auto !important;
    }
    #entete-css .title {
        padding-top: 4px !important;     /* Diminue l’espace au-dessus */
        padding-bottom: 0px !important;  /* Diminue l’espace en dessous */
        max-width: 600px;
        margin-left:auto!important; 
        margin-right:auto!important; 
        text-align:center!important;
    }
    #entete-css .title h1 {
      white-space: nowrap !important;   /* Empêche le passage à la ligne */
        font-size:32px!important;         /* Un peu plus petit */
      margin-bottom:6px!important;      /* Moins d'espace entre h1 et h2 */
      margin-top:0!important;           /* Pas de marge au-dessus du titre principal */
      line-height:1.12!important;
      font-weight:normal!important;
      color:#d55e9c!important;
      font-family:"Arial",sans-serif!important;}
    #entete-css .title h2 {
      font-size:22px!important;
      margin-top:-3px!important;margin-bottom:
8px!important;                        /* Moins d'espace sous le sous-titre */
      line-height:
1.18;font-weight:
normal;color:#222!important;font-family:"Arial",sans-serif!important;}
}
@media only screen and (max-width: 991px) {
  #entete-css .title h1 {
    color: #d55e9c !important;   /* Rose libertin */
  }
}