.landes-titre-bleu{
	background-color: black;
	color: white;
	font-weight: bold;
	padding: 5px;
	font-size: 1.2em;
}

.landes-titre-vert{
	background-color: #42A792;
	color: white;
	font-weight: bold;
	padding: 5px;
	font-size: 1.2em;
}

.landes-titre-rose{
	background-color: #48AADF;
	color: white;
	font-weight: bold;
	padding: 5px;
	font-size: 1.2em;
}


.landes-texte-rose{
	background: #48AADF;
	color: white;
	font-weight: bold;
	padding: 10px ;
}

.landes-texte-bleu{
	color:#48AADF;
	font-weight: bold;
}

.landes-texte-vert{
	color:#42A792;
	font-weight: bold;
}

.landes-moitie{
	display: flex;
	flex-wrap: wrap;
}

.landes-moitie div{
	flex: 1 1 50%;
	min-width: 380px
}



.landes-tableau-scenarios tbody tr td:first-child{
	width:200px;
}

.landes-scenario-vert{
	font-size: 1.3em;
	color:#42A792;
	font-weight: bold;
	padding: 5px;
	margin: 15px 0 ;
	border-left : 4px #42A792 solid ;
	min-width: 150px;
}

.landes-scenario-retenu-first{
	border-top:5px #EEE91C solid !important;
}

.landes-scenario-retenu{
	border-left:5px #EEE91C solid !important;
	border-right:5px #EEE91C solid !important;
}

.landes-scenario-retenu-last{
	border-bottom:5px #EEE91C solid !important;
}


.landes-point-noir{width: 10px;height: 10px; border-radius: 10px;margin:10px auto;display:block;background-color: black;}
.landes-point-gris{width: 10px;height: 10px; border-radius: 10px;margin:10px auto;display:block;background-color: #AEAFAE;}
.landes-point-orange{width: 10px;height: 10px; border-radius: 10px;margin:10px auto;display:block;background-color: #E37261;}
.landes-point-vert{width: 10px;height: 10px; border-radius: 10px;margin:10px auto;display:block;background-color: #42A792;}
.landes-point-rouge{width: 10px;height: 10px; border-radius: 10px;margin:10px auto;display:block;background-color: #DB172E;}

.landes-container-legendes{
	display: flex;
	margin-bottom: 80px;
}



.landes-legende-noir{color: black;margin: 5px;text-align: center;}
.landes-legende-gris{color:#AEAFAE;margin: 5px;text-align: center;}
.landes-legende-orange{color:#E37261;margin: 5px;text-align: center;}
.landes-legende-vert{color:#42A792;margin: 5px;text-align: center;}
.landes-legende-rouge{color:#DB172E;margin: 5px;text-align: center;}


.landes-container-caracteristiques{
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
}

.landes-container-caracteristiques div{
	flex : 1 1 175px;
	margin: 10px;
	text-align: center;
}

.landes-container-caracteristiques img{
	margin-bottom: 10px;
}


.landes-container-liste-puce-caracteristiques{
	border-left:5px #48AADF solid;
	margin-top: 20px;
}

.landes-container-liste-puce-caracteristiques{
	padding-left: 20px;
}

.landes-container-liste-puce-caracteristiques .landes-decalage{
	margin-left: 30px;
}




.landes-legendes-seconde-carto-vert{color:#D0E4E9;font-weight: bold;}
.landes-legendes-seconde-carto-violet{color:#735599;font-weight: bold;}
.landes-legendes-seconde-carto-orange{color:#C57E52;font-weight: bold;}
.landes-legendes-seconde-carto-jaune{color:#F3EB2F;font-weight: bold;}

.landes-backImpacts{
	background:url('../../dataPlateformes/165/718/wysiwyg/backImpacts.png');
	height: 350px;
	background-repeat: no-repeat;
	background-position-x: right;
	background-color: #c7e3f6;
	padding: 10px 50px 10px 10px;
}

.landes-backImpacts p{
	background-color: white;
	opacity: .9;
	padding: 40px;
}



.landes-tableau-impacts{
	margin-top: 20px;
	border-spacing: 5px !important;
}

.landes-tableau-impacts thead{
	background-color: #419989;
	color: white;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.landes-tableau-impacts thead tr td:first-child{
	padding: 20px;
}

.landes-tableau-impacts tbody tr td:first-child{
	background-color: #5F9ED4;
	text-align: center;
	font-weight: bold;
	color: white;
	padding: 20px;
}

.landes-tableau-impacts tbody tr td:last-child{
	background-color: #9CC7E5;
	text-align: justify;
	padding: 20px;
}

.landes-retombees strong{
	display: flex;
	align-items: center;
}
.landes-retombees .landes-point-bleu{
	flex : 0 0 10px;
}
.landes-point-bleu{width: 10px;height: 10px; border-radius: 10px; margin-right:5px;display:block;background-color: #5F9ED4;}
















/* TOUT CE QUI CONCERNE LES BLOCS IFRAME ET TITRE A CHEVAL SUR CADRES */
.landes_container_bloc {
	position: relative;
	border:3px #48AADF solid;
	padding-top: 40px;
	background-color: #0C3949;
	color: white;
}

.landes_container_bloc p{
	padding: 5px 5px 40px 5px;
}


.landes_titre_bloc{
	color:#0F2241;
	font-size:1.6em;
	font-weight: bold;
	background: #48AADF;
	color: white;
	padding: 6px 20px;
	position: absolute;
	top:0px;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}



@media screen and (max-width: 700px){
	.landes_titre_bloc{
		font-size:1.3em;
		width: 80%;
	}
}





/* TOUT CE QUI CONCERNE LA FRISE CHRONO */
.landes_zoneFrise {
	display: flex;
	min-height: 100px ;
}

.landes_anneau {
	width: 50px;
	height: 50px;
	border: 7px solid; /* Couleur et épaisseur de l'anneau */
	border-radius: 50%; /* Forme en cercle */
	box-sizing: border-box;
	background-color: white; /* Centre transparent */
	position: relative;
	z-index: 1;
}

.landes_zoneRondGauche{
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 20px;
}

/* Trait vertical pointillé en arrière-plan */
.landes_zoneRondGauche::before {
	content: ""; /* Nécessaire pour afficher l'élément pseudo */
	position: absolute;
	left: 50%; /* Centre horizontalement */
	top: 0;
	transform: translateX(-50%); /* Centre parfaitement */
	border-left: 2px dotted #B2E4F5; /* Couleur et style du trait */
	height: 100%; /* Remplit la hauteur de la div */
	z-index: 0; /* Place le trait derrière le contenu */
}

.landes_zoneTexteFriseDroite{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.landes_titreFrise{
	font-weight: bold;
	font-size: 1.1em;
}


.landes_frise_couleur_reunion_publique_generale{color:#4DA3D8;border-color:#4DA3D8}
.landes_frise_couleur_reunion_publique_thematique{color:#FF6600;border-color:#FF6600}
.landes_frise_couleur_info_mobile{color:#CA3563;border-color:#CA3563}
.landes_frise_couleur_cafe_visite_rencontre{color:#009E8F;border-color:#009E8F}
.landes_frise_couleur_porte_a_porte{color:#7CAF40;border-color:#7CAF40}



/* TOUT CE QUI CONCERNE LE REPLIER DEPLIER LES BLOCS */
.replierdeplier{
	position: absolute;
	right: 40px;
	cursor: pointer;
}

.replierdeplier::after {
	content: "▲▼"; /* Flèche vers le bas par défaut */
	display: inline-block;
	margin-left: 5px;
	transition: transform 0.9s ease;
}

.replierdeplier.expanded::after {
	content: "▼▲"; /* Changer la flèche vers le haut */
	transform: rotate(0deg);
	transition: transform 3.9s ease;
}

/* Bloc replié avec hauteur max de 50px et effet de fondu */
.brique_bloc_info .blocareplierdeplier {
	max-height: 100px;
	overflow: hidden;
	transition: max-height 0.5s ease;
	position: relative;
	margin: 0 0 80px 0;
}

/* Effet de fondu en dégradé en bas du bloc */
.brique_bloc_info .blocareplierdeplier::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
	pointer-events: none;
}

/* Classe active pour voir l'intégralité du contenu */
.brique_bloc_info .blocareplierdeplier.expanded {
	max-height: 2500px; /* Ajuster selon la hauteur maximale nécessaire */
	transition: max-height 0.5s ease;
}

/* Masquer le dégradé lorsque le bloc est déplié */
.brique_bloc_info .blocareplierdeplier.expanded::after {
	display: none;
}