body{
	font-family: verdana, Calibri, sans-serif;
	font-size: 13px;  /*fonte des caractères du menu*/
	margin: 0px;
	padding: 0px;
}
/*On enlève les puces devant tous les éléments li
*appartenant à notre élément nav*/
nav li{
	list-style-type: none;
}

/*. Etirer le menu de façon à ce qu'il prenne toute 
la largeur disponible, une hauteur et lui donner une couleur de fond (bleu)*/
nav{
	width: 100%; height:30px;
	background-color:#045593;
}
/*On utilise ">" pour ne cibler que la liste ul qui 
*est un enfant direct de nav*/
nav > ul{
	margin: 0px;
	padding: 0px;
}
/*On affiche seulement les éléments  correspondants à 
nos onglets de menu en ligne (côte à côte)*/
nav > ul > li{
	float: left;
	position: relative;
}

/*Un "hack" CSS (clearfix) très connu*/
nav > ul::after{
	content: "";
	display: table;
	clear: both;
}
/*
#menu-col>ul>li>a,#menu-col>ul>li>p{color:#FFF;background-color:#045593;
border-top-right-radius:1.3em;border-bottom-left-radius:1.3em
}
*/



nav a{
	display: inline-block;
	text-decoration: none;/* supprime le soulignement du texte du menu*/
}
/*padding : apx bpx: a= Nbre de px au dessus et au dessous, b= à gauche et à droite
*du texte du menu - color: définition de la couleur du texte du menu */
nav > ul > li > a{
	padding: 5px 10px;
	color: #FFF;/*couleur du texte du menu (blanc)*/
}
/*Ceci permet d'éviter le décalage du texte du menu quand on survole */
nav > ul > li:hover a{
	padding: 0px 10px 5px 10px;
	color: #FFF;/*couleur du texte du menu quand il est survolé (blanc)*/
}
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;/* 100% dans le sens de la hauteur*/
	left:  0px; /* décalage à droite du sous-menu par rapport à l'onglet*/
	padding: 0px;
	z-index: 10000;
	}
	
	
	
/*On cache les sous-menus avec display: none*/
.submenu{
	display: none;
}
/* ajoute une ligne grise (#ccc) pour séparer les lignes du sous-menu*/
.submenu li{
	border-bottom: 2px solid #ccc;
}
.submenu li a{
	padding: 5px 5px;  /* ???*/
	font-size: 13px;  /*fonte des caractères du sous-menu*/
	color: white;  /*couleur du texte du sous-menu*/
	width: 200px;    /*fixe la largeur du sous-menu*/
}
/* change la couleur du texte des lignes du sous-menu quand on survole*/
.submenu li:hover a{
	color:#000;/*texte survolé de couleur couleur noir*/
	font-weight: bold;/*passe le texte survolé en caractères gras*/
}

/*caractéristiques de chaque cadre de la 1ère ligne du menu déroulant (couleur du fond, hauteur du cadre)*/
.menu-accueil:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(241, 211, 79, 0.15);
}
/*on fixe la couleur de fond des cadres des sous-menus */
.menu-accueil .submenu{
	background-color: RGB(251, 216, 99);/*couleur jaune*/
}
/*change la couleur du fond de la case de l'onglet survolé*/
.menu-accueil .submenu li:hover{
	background-color: RGB(200, 165, 75);
}


.menu-armorscience:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(000,112, 192, 0.15);
}
.menu-armorscience .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-armorscience .submenu li:hover{
	background-color: RGB(000, 115, 200);
}


.menu-onde:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(000,112, 192, 0.15);
}
.menu-onde .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-onde .submenu li:hover{
	background-color: RGB(000, 115, 200);
}

.menu-onde-rf:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(000,112, 192, 0.15);
}
.menu-onde-rf .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-onde-rf .submenu li:hover{
	background-color: RGB(000, 115, 200);
}


.menu-homme:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(000,112, 192, 0.15);
}
.menu-homme .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-homme .submenu li:hover{
	background-color: RGB(000, 115, 200);
}


.menu-precautions:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(000,112, 192, 0.15);
}
.menu-precautions .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-precautions .submenu li:hover{
	background-color: RGB(000, 115, 200);
}

.menu-contact:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(000,112, 192, 0.15);
}
.menu-contact .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-contact .submenu li:hover{
	background-color: RGB(000, 115, 200);
}

.menu-biblio:hover{
	border-top: 5px solid #f1dc4f; /*couleur jaune*/
	background-color: RGBa(241, 211, 79, 0.15);
}
.menu-biblio .submenu{
	background-color: RGB(000, 160, 240);/*couleur bleue*/
}
.menu-biblio .submenu li:hover{
	background-color: RGB(000, 115, 200);
}



 


/*On rend la case à cocher qui se trouve au début, invisible*/
nav input[type=checkbox]{
	display: none;
}
/*on cache le bouton affichant le menu mobile*/
.menu-mobile{
	display: none;
}
video {display:block;width:720px;margin:0 auto 35px auto