.detailsactu .col-md-6.d-flex.flex-column { justify-content: flex-start !important; }
.detailsactu h1, 
.detailsactu h3 { text-align: left;  }
.detailsactu p {
    font-size: 1.1rem;
	line-height: 1.3;
	margin-right: 20px; }

		.texte-rouge-scintillant {
		  font-size: 1.8rem;
		  font-weight: bold;
		  /* Dégradé rouge métallique */
		  background: linear-gradient(45deg, #ff0000, #b30000, #ff4d4d, #ff0000);
		  background-size: 200% 200%;
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		  /* Contour blanc net */
		  -webkit-text-stroke: 0.2px white;
		  /* Scintillement + effet métal */
		  animation: scintillement 2s linear infinite, metalshine 5s linear infinite; }
				@keyframes scintillement {
				  0%, 100% { filter: drop-shadow(0 0 2px #ff5555); }
				  50% { filter: drop-shadow(0 0 8px #ffaaaa); } }
				@keyframes metalshine {
				  0% { background-position: 0% 50%; }
				  50% { background-position: 100% 50%; }
				  100% { background-position: 0% 50%; } }

.detailsactu a.btn {
    display: block;
    margin-top: 20px;
    background-color: #2c85b8;
    color: white;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px; }
	.detailsactu a.btn:hover { background-color: #246a92; } /* un peu plus foncé au survol */

.texte-colonnes {
	column-count: 3;
	column-gap: 40px;
	column-rule: 0.5px solid #ddd;
	text-align: justify; }

.bandeau {
    width: 100%;
    background-color: #484848;
    padding: 20px 0;
    margin-top: 40px;
    overflow: hidden; }
	
		.bandeau-scroll-wrapper {
			width: 100%;
			overflow: hidden; }
		.bandeau-scroll-content {
			display: flex;
			gap: 20px;
			padding: 0 20px;
			overflow-x: auto;
			scroll-behavior: smooth;
			-webkit-overflow-scrolling: touch;
			cursor: grab;
			user-select: none; }
		.bandeau-scroll-content:active { cursor: grabbing; }
		.bandeau-scroll-content::-webkit-scrollbar { display: none; }
		.bandeau-photo img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block; }
		.bandeau,
		.bandeau-scroll-wrapper,
		.bandeau-scroll-content,
		.bandeau-photo,
		.site-footer { flex-shrink: 0; }

.bloc-infos-evenement {
	display: flex;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 6px; }

.lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center; }
		.lightbox img.lightbox-image {
			max-width: 90%;
			max-height: 80%; }
		.lightbox-close, .lightbox-prev, .lightbox-next {
			position: absolute;
			color: white;
			font-size: 3rem;
			cursor: pointer;
			user-select: none; }
		.lightbox-close { top: 20px; right: 30px; }
		.lightbox-prev {
			top: 50%;
			left: 30px;
			transform: translateY(-50%); }
		.lightbox-next {
			top: 50%;
			right: 30px;
			transform: translateY(-50%); }

@media (max-width: 768px) {

	/* Désactive totalement les colonnes */
	.texte-colonnes {
		column-count: 1 !important;
		column-gap: 0 !important;
		column-rule: none !important;
		text-align: left !important; }

	/* Force un affichage "texte court" */
	.detailsactu .row { display: block; }

	.detailsactu header.col-md-8,
	.detailsactu .col-md-4,
	.detailsactu .col-md-5,
	.detailsactu .col-md-7 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%; }

	/* Image au-dessus + hauteur auto */
	.detailsactu .col-md-4.d-flex,
	.detailsactu .col-md-5.d-flex {
		height: auto !important;
		margin-bottom: 20px; }

	.detailsactu p { margin-right: 0 !important; }
	
    body {
        display: block !important;
        min-height: auto !important;
    }

    .site-footer {
        margin-top: 0 !important;
    }

    .bandeau {
        display: block;
        clear: both;
        margin-top: 30px;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
    }
}