/* RESET des marges de certains navigateurs */
body{
	font-family: TimesNewRomant, Calibry, serif;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	background-color: black; 
	color:white;
}

p{
	margin: 15px;
	padding: 2px;
}
/* divers définitions pour la présentation */
.TitreRed{
	color:red;
	font-size: 30px;
}
.TitreBleu{
	color:rgb(0,162,232);
	font-size: 26px;
}
.EnBleu{
	color:rgb(0,162,232);
	font-size: 22px;
}
.bordNoir{
	border: solid black 1px;
	border-radius: 15px;
}
.bordBlanc{
	border: solid white 1px;
	border-radius: 15px;
}
/* pour remonter en haut d'une page */
.haut{
	color:white;
	padding: 6px 30px;
	text-decoration: none;
	background-color: rgb(0,162,232);
	/* object-position: center; */
	border: 1px solid white;
	/*width: auto;*/

}
.haut:hover {  /* quand le pointeur passe sur le menu */
	color: black;
	transition: 0.3s all;
}

/* pour se déplacer à l'intérieur d'une feuille vers une autre (or menu)  */
.NouvellePage {
	color:white;
	padding: 6px 30px;
	text-decoration: none;
	background-color: green;
	/* object-position: center; */
	border: 1px solid white;
	/*width: auto;*/

}
.NouvellePage:hover {  /* quand le pointeur passe sur le menu */
	color: black;
	transition: 0.3s all;
}

nav{
	width: 100%;
	background-color: rgb(0,162,232); 

	/* text-decoration-color: white; */
}

nav > ul{
	margin: 0px;
	padding: 0px;
}

nav > ul::after {     /* cela couine*/
	content: "";
	display: block;
	clear :both;
}

nav > ul > li{ /* il y a selection avec le symbole > */ 
	float: left;
	position: relative;

}

nav > ul >li >a{
	padding: 6px 30px;  /* hauteur puis   écart */
	color:white;
}

nav a{
	display: inline-block;
	text-decoration: none;/* enlève le souligné */
}

nav li{
	list-style-type: none;
}
/* *******************  LES SOUS MENUS ******************* */
.sousmenu1{
	 display: none; 
}
.sousmenu2{
	 display: none; 
}
.sousmenu3{
	 display: none; 
}
nav li:hover .sousmenu1{   /* cela fonctionne même si hover reste en blanc */
	display :inline-block;
	position:absolute;
	top: 100%;
	left : 0px;
	padding: 0px;
	z-index: 1000;
	border-top: 1px solid white; 
}
nav li:hover .sousmenu2{   /* cela fonctionne même si hover reste en blanc */
	display :inline-block;
	position:absolute;
	top: 100%;
	left : 0px;
	padding: 0px;
	z-index: 1000;
	border-top: 1px solid white; 
}
nav li:hover .sousmenu3{   /* cela fonctionne même si hover reste en blanc */
	display :inline-block;
	position:absolute;
	top: 100%;
	left : 0px;
	padding: 0px;
	z-index: 1000;
	border-top: 1px solid white; 
}
.sousmenu1 li{
	border-top: 0px solid white; /* separation des sous menu */
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

.sousmenu2 li{
	border-top: 0px solid white; /* séparation des sous menu */
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
.sousmenu3 li{
	border-top: 0px solid white; /* séparation des sous menu */
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
.sousmenu1 li a{
	padding: 4px 20px;
	font-size: 18px;
	color: white;
	width:420px;
	background-color: rgb(0,162,232);
}
.sousmenu2 li a{
	padding: 4px 20px;
	font-size: 18px;
	color: white;
	width:270px;
	background-color: rgb(0,162,232);
}
.sousmenu3 li a{
	padding: 4px 20px;
	font-size: 18px;
	color: white;
	width:210px;
	background-color: rgb(0,162,232);
}


/* Quand on passe sur les menus */
.Menu-intro:hover {  /* quand le pointeur passe sur le menu */
	background-color: Black;
	transition: 0.3s all;
}
.Menu-décoder:hover {  /* quand le pointeur passe sur le menu */
	background-color: Black;
	transition: 0.3s all;
}
.Menu-divers:hover {  /* quand le pointeur passe sur le menu */

	background-color: Black;
	transition: 0.3s all;
}
.Menu-collections:hover {  /* quand le pointeur passe sur le menu */
	background-color: Black;
	transition: 0.3s all;
}
.Menu-auteur:hover {  /* quand le pointeur passe sur le menu */
	background-color: Black;
	transition: 0.3s all;
}



.Menu-décoder .sousmenu1{
	background-color: white;
}
.Menu-divers .sousmenu2{
	background-color: white;
}
.Menu-collections .sousmenu3{
	background-color: white;
}

.sousmenu1 li:hover a {
	background-color: black;
}
.sousmenu2 li:hover a {
	background-color: black;
}
.sousmenu3 li:hover a {
	background-color: black;
}

/* *******************  DEUXIEME MENU ******************* */

.sousmenuCollection{
	 display: none; 

}
.sousmenuCollection li:hover a {
	background-color: black;
}
.M:hover {  /* quand le pointeur passe sur le menu */
	background-color: Black;
	transition: 0.3s all;
}
nav li:hover .sousmenuCollection{   /* cela fonctionne même si hover reste en blanc */
	display :inline-block;
	position:absolute;
	top: 100%;
	left : 0px;
	padding: 0px;
	z-index: 1000;
	border-top: 1px solid white; /* A voir */
}
.Menucollection .M{
	background-color: white;
/*	border-top: 1px solid white;*/
}

.M li{
border-top: 1px solid white; /* séparation des sous menu */
border-right: 2px solid white;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
.M li a{
	padding: 4px 20px;
	font-size: 25px;
	color: white;
	width:300px;
	background-color: rgb(0,162,232);
}