html{
	background-color: #e6e6e6;
	zoom: 0.9;
}

body{
	font-family: Calibri, serif;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 1.2em;
	border: 1px solid #f1f1f1 0.5;
	margin: auto;
	margin-top: 20px;
	width: 1020px;
	height: 1200px;
	text-align: justify;
}

h1.Titre{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 237px;
	color: RGB(39, 64, 139);
}

#facebook{
	margin-left: 970px;
	margin-top: 6px;
	width: 42px;
	height: 42px;
}

#licence{
	text-decoration: none;
	position: absolute;
	margin-left: 910px;
	margin-top: 6px;
	text-align: left;
	width: 42px;
	height: 45px;
}

#l{
	text-align: left;
	text-decoration: none;
	position: absolute;
	margin-left: 770px;
	margin-top: 6px;
	padding-top: 10px;
	padding-left: 10px; 
	padding-right: 5px;
	color: #767063;
	background-color: #e7e9d3;
	width: 125px;
	height: 35px;
}

#l:hover{
	color: white;
}

.logo{
	height: 145px;
	margin-left: 5px;
	margin-top: 13px;
	position: absolute;
	z-index: 3;
}

/*On utilise ">" pour ne cibler que la liste ul qui est un enfant direct de nav*/
nav > ul::after{
	margin: 0px;
	padding: 0px;
	content: "";
	display: block;
	clear: both;
}

/*On affiche seulement les éléments li correspondant à nos onglets de menu ligne*/
nav > ul > li{
	float: left;
	position: relative;
}

/*On enlève les puces */
nav li{
	list-style-type: none;
	position: relative;
}	

.submenu{
	background-color: RGB(254, 227, 71);
	display: none;
	width: 200px;
}

nav{
	width: 100%;
	background-color: none;
	float: left;
	margin-left: 215px;
	
}

nav a{
	display: inline-block;
	text-decoration: none;
	margin-top: -10px;
	padding: 16px 30px 20px 30px;
}

nav > ul > li > a{
	padding: 20px 7px;
	color: #fff;
}

/*Le sous-menu ne s'affiche que lorsque l'on passe la souris sur un menu */
nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 100000;
}

.submenu li a{
	margin-left: -40px;
	font-size: 14px;
	color: black;
	width: 200px;
}

.menu{
	background-color: #e71f2e;
	height: 50px;
	padding-right: 0px;
	padding-left: 2px;

}

.menu:hover{
	background-color: RGB(254, 227, 71);
}

nav > ul > li:hover a{
	color: black;
}
	

/* Couleur de fond lors du passage de la souris sur les sous-menus */
.submenu li:hover a{
	font-weight: 600;
}


/* Menu déroulant niveau2 */
#niv2{
	background-color: RGB(254, 227, 71);
	display: none;
	width: 190px;
	margin-top: -61px;
	margin-left: 100px;
	text-align: left;
	padding-right: 5px;
}

#niv2 li:hover a{
	background-color: RGBa(255, 255, 255, 0.30);
	padding-bottom: 15px;
	width: 175px;
}

.submenu li:hover > #niv2{
    display: inline-block;
    position: absolute;
	top: 100%;
	left: 100px;
	z-index: 100000;
}



/*Corps*/





/*footer*/
footer{
	width: 970px;
	position: absolute;
	background-color: #0e3b67;
	position: absolute;
	margin-top: 50px;
	margin-left: 25px;
	height: 200px;
	-ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Safari 3-8 */
    transform: rotate(-1deg);
}

.no_rotate{
	-ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Safari 3-8 */
    transform: rotate(1deg);
}

#f1{
	color: white;
	font-size: 15px;
	margin-left: 20px;
	margin-top: 20px;
	font-weight: bold;
}

#f2{
	color: white;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	margin-right: 70px;
	margin-top: -103px;
}

#f3{
	font-size: 15px;
	color: white;
	margin-left: 395px;
	margin-top: 7px;
}

#f3 a{
	position: absolute;
	text-decoration: none;
	color: white;
}

#f3 a:hover{
	font-weight: bold;
	cursor: pointer;
}

#copyright{
	color: white;
	font-weight: bold;
	position: absolute;
	font-size: 16px;
	margin-left: 230px;
	margin-top: 6px;
}

#marianne{
	float: right;
	margin-top: -150px;
	margin-right: 5px;
}

#mds{
	margin-top: -150px;
	margin-left: 737px;
	position: absolute;
	width: 105px;
	height: 75px;
}

#ancv{
	margin-top: -68px;
	margin-left: 737px;
	position: absolute;
	width: 106px;
	height: 65px;
}