/* Vue d'ensemble */
a{
text-decoration: none;
color: black;
}

body{
    background: grey;
}
#bloc_page{
	/* max-width: 1155px; */
    margin: auto;
	/* background: rgb(224,252,230); */
	background: rgb(246,245,251);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}
/* En-tête */

header{
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	vertical-align: top;
	background-color: rgb(223,218,241);
	/* height: 100px; */
	/* order: 1; */
}
#titre_principal{
	display: inline-block;
	/* border: 1px solid grey; */
	padding: 20px;
	padding-bottom: 10px;
	/* width: 450px; */
}
#titre_principal h1{
	margin-top: 0px;
	margin-left: 10px;
	font-size: 1.25em;
}
#languages{
	display: inline-block;
	/* border: 1px solid grey; */
	padding: 10px 30px 10px 10px;
	padding-left: 0px;
	float: right;
}
#languages a{
    color: rgb(100,74,187);
    text-decoration: none;
}
#languages a:hover{
	font-weight: bold;
    color: #760001;
}
#current{
	font-weight: bold;
    color: #760001;
    /* border-bottom: 3px solid #760001; */
}
#languages li{
	list-style-type: none;
	margin-bottom: 10px;
}

/* Navigation */
nav{
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid grey;	
	width: 450px;
	/* overflow: scroll;  */
	background-color: white;
/* 	background-color: rgb(223,218,241); */
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
	order: 2;
}
nav li{
	margin-bottom: 16px;
	margin-top: 16px;
}
nav span{
	cursor: pointer;
	font-size: 1.4em;
	font-weight: normal;
}
nav span:hover{
    /*color: #760001;*/
}
.hidden{
	display: none;
}
.visible{
	display: block;
}
#titres{
	list-style-type: none;
}.currentElement, .titres_clic > span{
	font-weight: bold;
}
.liste, .titres_clic{
	cursor: pointer;
}
nav ul{
	list-style-type: disc;
}
.titres_li, .titres_clic{
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 0.9em;
}
.titres_li:before{
/* 	content: "\2023 \0009"; */
	content: "\25BA";
	font-size: 0.8em;
}
.titres_clic:before{
 	content: "\25BC"; 
	font-size: 0.8em;
}
#schema{
/*  display: inline-block; */
	border: 1px solid grey;
	vertical-align: top;
	min-width: 450px;
/* 	max-height: 70%; */
/* 	overflow: scroll; */
	background-color: white;
	padding: 10px 50px 20px 50px; /* haut, droite, bas, gauche */
	margin-left: 20px;
	margin-right: 20px;
	order: 3;
}
#schema h1{
	font-size: 1.2em;
	color: grey;
}
em{
	font-weight: bold;
	font-style: italic;
}

/*Pied de page*/
footer{
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	background-color: rgb(223,218,241);
	order: 4;
}
footer > div{
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}
footer > div > a{
	text-decoration: underline;
	color: blue;
}