/*****************************************************************************************/
/* Lien pour renvoyer l'écran en haut de page */
/*****************************************************************************************/
/* Ribbon */
.ribbon a {
	visibility:visible !important;
	font-size: xx-large;
}
/* si écran plus petit que 685px */
@media only screen and (max-width: 685px){
	.ribbon a{visibility:visible;}
	.ribbon{display:block !important;}
	.scrollTo_top {left: 0; width: 100%; display: block !important;}
	.scrollTo_top .ribbon {display: block !important;}
}

/*****************************************************************************************/
/* PORTABLE SIDEBAR - Responsive <= 1259px */
/* Position et styles gérés par JavaScript pour adapter à la hauteur du header */
/*****************************************************************************************/

/* Sur écrans <= 1259px : portable-sidebar avec position sticky et toggle sommaire */
/* Breakpoint pour mobile et tablette */
@media only screen and (max-width: 767px) {
	#portable-sidebar {
		/* Position sticky pour rester visible au scroll, juste en dessous du header */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 9998;
		margin: 0;
		padding: 0;
		background-color: transparent;
		border: none;
		box-sizing: border-box;
	}

	#portable-sidebar .widget {
		margin: 0;
		padding: 0;
	}

	/* Widget Sommaire style de base */
	#portable-sidebar .widget .widget-sommaire {
		font-size: 14px;
		border-style: none !important;
		display: block;
		line-height: 1.2em !important;
		margin: 0;
		padding: 0;
	}

	#portable-sidebar .widget .widget-sommaire a {
		color: #000;
	}

	#portable-sidebar .widget .widget-sommaire ul li {
		line-height: 1.6em;
		text-align: left;
	}

	#portable-sidebar ul li {
		text-align: left;
	}

	/* Titre "Sommaire" comme bouton toggle */
	#portable-sidebar .widget .sommaire-toggle-title {
		position: relative;
		top: auto;
		z-index: 100;
		cursor: pointer;
		user-select: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 12px;
		margin: 0;
		background-color: #f7f7f7;
		border: 1px solid #ddd;
		border-radius: 3px;
		font-weight: 600;
		font-size: 15px;
	}

	/* Icône flèche — rotation quand ouvert */
	#portable-sidebar .widget .sommaire-toggle-title .sommaire-toggle-icon {
		display: inline-block;
		font-size: 0.8em;
		transition: transform 0.3s ease;
		transform: rotate(0deg);   /* fermé = flèche vers le bas ▼ */
		margin-left: 10px;
	}

	#portable-sidebar .widget .sommaire-toggle-title.sommaire-ouvert .sommaire-toggle-icon {
		transform: rotate(180deg);  /* ouvert = flèche vers le haut ▲ */
	}

	/* Feedback visuel au survol/focus */
	#portable-sidebar .widget .sommaire-toggle-title:hover,
	#portable-sidebar .widget .sommaire-toggle-title:focus {
		outline: 2px solid #014674;
		background-color: #eef4f8;
	}

	/* Conteneur du sommaire collapsible */
	#portable-sidebar .widget .sommaire-collapsible {
		overflow: hidden;
		transition: max-height 0.35s ease, opacity 0.35s ease, padding 0.35s ease;
		background-color: #fff;
		padding: 0;
	}

	/* Ajouter du padding au contenu quand le sommaire est ouvert */
	#portable-sidebar .widget .sommaire-toggle-title[aria-expanded="true"] + .sommaire-collapsible {
		padding: 0 10px;
	}

	#portable-sidebar .widget .sommaire-collapsible ul {
		margin: 10px 0;
		padding-left: 15px;
	}

	#portable-sidebar .widget .sommaire-collapsible ul li {
		margin: 5px 0;
	}

	/* Petits écrans : réduire padding supplémentaire */
	@media only screen and (max-width: 766px) {
		#portable-sidebar {
			padding: 10px;
		}

		#portable-sidebar .widget .sommaire-toggle-title {
			padding: 8px 10px;
			font-size: 14px;
		}
	}
}

/* Sur écrans >= 1260px : normal sidebar (défini dans sommaire.css) */
@media only screen and (min-width: 768px) {
	#portable-sidebar {
		margin: 20px 0;
		padding: 20px;
		background-color: #f9f9f9;
		border: 1px solid #ddd;
		position: relative !important;
		top: auto !important;
		z-index: auto !important;
	}

	#portable-sidebar .widget .sommaire-toggle-title {
		position: static !important;
		border: none;
		background-color: transparent;
		padding: 0;
		font-weight: normal;
		font-size: inherit;
		display: block;
	}

	#portable-sidebar .widget .sommaire-toggle-title .sommaire-toggle-icon {
		display: none;
	}

	#portable-sidebar .widget .sommaire-collapsible {
		overflow: visible;
		max-height: none !important;
		opacity: 1 !important;
		background-color: transparent;
	}
}