/* --- Pointeur de souris --- */
#main-wrapper .node--type-sommaire .nav-link{
color: black;
cursor: pointer;
}

/* --- Couleurs des liens de navigation du sommaire --- */
.node--type-sommaire .featured-bottom .nav-item a{
color: #7451eb;
}

.node--type-sommaire .featured-bottom .nav-item a:active{
color: #3415a0;
}

.node--type-sommaire .featured-bottom .nav-item a:hover{
 text-decoration: underline;}

.node--type-sommaire .featured-bottom .nav-item span{
	color: black;
}


/* --- Mise en page de l'entête du sommaire --- */
.node--type-sommaire #block-bootstrap-barrio-arnia-page-title .title{
 background-color: #e3e5fe;
 padding : 5% 5% 5px 5%;
 font-size: 250%;
 font-weight: 700;
 margin-bottom: 0;
}

.node--type-sommaire .field--name-field-en-tete-du-sommaire {
 width: 100%;
 background: linear-gradient(to bottom, #e3e5fe, #f5f5f5); /* Dégradé violet*/ 
 padding: 2% 5% 2% 5%;
 margin : 0 0 5% 0;
}

.field--name-field-en-tete-du-sommaire img {
	position: relative;
	width: 400px;
	height: auto;
	top: -60px;
	margin-right: 50px;
}

.field--name-field-en-tete-du-sommaire p{
	margin-right: 50%;
}

/* --- Media queries pour les écrans inférieurs à 1000 px --- */
@media screen and (max-width: 1000px) {
	.field--name-field-en-tete-du-sommaire img{
		position: static;
		float:none;
		margin: 5% 0;
		width: 100%;
		height: auto;
	}
	.field--name-field-en-tete-du-sommaire p{
		margin-right: 5%;
	}
}

/* --- Contenu : en-tête de page, pour éviter une ligne blanche après le H1 --- */
.node__content{
	margin-top:0;
}

/* --- Mise en page des blocs de liens du sommaire --- */
.node--type-sommaire .featured-bottom .nav{
 flex-direction: column;
}

.node--type-sommaire .featured-bottom .nav > .nav-item{
	margin-bottom: 30px;
}

/* --- Titres et liens du bloc sommaire --- */

/* Niveau 1 */
.node--type-sommaire .featured-bottom .nav > .nav-item > .nav-link{
	font-size: 1.5rem;
	font-weight: bold;
}

/* Niveau 2 */
.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item{
	font-size: 1.2rem;
}

/* Niveau 3 - avec flèches violette-bleue */
.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > span,.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > a {
	font-size: 1.1rem;
	margin-top: 10px;
/*	border : solid 10px;
	border-image: linear-gradient(to bottom, #e3e5fe, #bdf5f7) 0 0 0 1;*/
	background: linear-gradient(to left, rgba(255, 0, 0, 0), #eef0ff);
	margin: 10px 30% 5px 0;
}

.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item::marker{
	content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='-50 -80 850 850'%3E%3C!-- Generator: Adobe Illustrator 29.8.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 2) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: url(%23Dégradé_sans_nom_208); stroke-linecap: round; stroke-linejoin: round; stroke-width: 300px; %7D %3C/style%3E%3ClinearGradient id='Dégradé_sans_nom_208' data-name='Dégradé sans nom 208' x1='171.05' y1='400' x2='693.43' y2='400' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238f84be'/%3E%3Cstop offset='.1' stop-color='%239b92cd'/%3E%3Cstop offset='.32' stop-color='%23b4afeb'/%3E%3Cstop offset='.45' stop-color='%23bebaf7'/%3E%3Cstop offset='1' stop-color='%238dced0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolyline class='st0' points='321.05 177.76 543.43 401.16 321.86 622.24'/%3E%3C/svg%3E");
}

.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item{
	margin-left: 30px;
}

/* Niveau 4 - avec flèches fines noires */
.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item{
	font-size: 1rem;
	margin-left: 30px;
}

.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item::marker{
	content:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' width='22' height='22' viewBox='-1 -5 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z' fill-rule='nonzero'/%3E%3C/svg%3E");
}

/* Niveau 5 - Carrés violets */
.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item{
	margin-left: 30px;
}

.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item::marker{
	color: #7451eb;
}

/* Niveau 6 - + */
.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item::marker{
	content:'+';
	font-weight: bold;
}

/* Niveau 7 - cercles */
.node--type-sommaire .featured-bottom .nav > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item > .menu > .nav-item::marker{
	content:'\02B58';
	font-size: 0.6rem;
	color: #7451eb;
}