/*Index acceuil*/
body {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: font-family: 'Open Sans', sans-serif;
	background-image: url('../images/IMG_0041.JPG');
	width: 100%;
}
#enveloppe {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-style: solid;
	border-width: 0px 5px 5px 5px;
	border-color: #C0C0C0;
	padding: 0px;
	margin: 0px auto 10px auto;
	width: 900px;
	background-image: url('../images/IMG_0041.JPG');
}
h1 {
	padding: 0px;
	margin: 0px;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-top-color: 0;
	border-right-color: 0;
	border-bottom-color: #C0C0C0;
	border-left-color: 0;
	background-color: #6699FF;
}
h2 {
	padding: 3px 0px 3px 0px;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	margin: 0px;
	border-bottom-color: #C0C0C0;
	color: #FFFFFF;
	background-image: url('../images/IMG_0041.JPG');
}
nav{
	width: 100%;
	background-color: #3377FF;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #C0C0C0;
	font-size: large;
	font-weight: normal;
	background-image: url('../images/IMG_0041.JPG');
}
nav  ul {
	padding: 0px;
	margin: 0px;
	position: relative;
	width: auto;
}
nav li {
	list-style-type: none;
}
nav ul li {
	float: left;
	position: relative;
	text-align:center;
}

nav > ul::after{
	content:"";
	display: table;
	clear: both;
	
}
.submenu {
	display: none;
}

nav input[type=checkbox]{
	display: none;
} 
	
nav label {
	display: none;
}
	
nav a{
	display: inline-block;
	text-decoration:none;
}
nav > ul > li > a{
	padding: 20px 30px 20px 43px;
	color: white;
	display: block;
	text-align: center;
}
nav> ul> li:hover a{
	padding: 15px 30px 20px 45px;
}

nav li:hover .submenu{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
	z-index: 1000;
}

.submenu li a{
	padding: 15px 30px;
	font-size: 16px;
	color: #FFFFFF;
	width: 160px;
}
.submenu li{
	border-bottom: 1px solid gray;
}
.index:hover{
	border-top: 5px solid darkblue;
	background-color: RGBa(228, 77, 38. 0.15);
	border-top-color: #FFFFFF;
}
.actuel:hover{
	border-top: 5px solid darkblue;
	background-color: RGBa(228, 77, 38. 0.15);
	border-top-color: #FFFFFF;
}

.Graphique:hover{
	border-top: 5px solid darkblue;
	background-color: RGBa(228, 77, 38. 0.15);
	border-top-color: #FFFFFF;
}
.Statistiques:hover{
	border-top: 5px solid darkblue;
	background-color: RGBa(228, 77, 38. 0.15);
	border-top-color: #FFFFFF;
}
.Divers:hover{
	border-top: 5px solid darkblue;
	background-color: RGBa(228, 77, 38. 0.15);
	border-top-color: #FFFFFF;
}
.Graphique .submenu{
	background-color: RGBa(0, 136, 204);
}
.Statistiques .submenu{
	background-color: RGBa(26, 178, 255);
}
.Divers .submenu{
	background-color: RGBa(102, 204, 255);
}
.submenu li:hover a{
	color:darkgrey;
	font-weight:bold;
}
.Graphique .submenu li:hover{
	background-color: RGB(0, 122, 204);
}
.Statistiques .submenu li:hover{
	background-color:RGB(0, 138, 230);
}
.Divers .submenu li:hover{
	background-color: RGB(0, 153, 255);
}
nav input[type=checkbox]:checked  ~ ul{
	display: block
} 
@media screen and (max-width: 780px){
	.menu-mobile{
	display: block;
	color: #FFFFFF;
	background-color: rgb(51, 153, 255);
	text-align: center;
	padding: 12px 0px;
}
   nav ul{
	   display:none;
   }
   nav ul li, nav ul li a{
	   width:100%;
	   text-align:center;
   }
   nav ul li a, nav ul li:hover a{
	   padding: 10px 0px;
   }
    nav li:hover .submenu{
	  display:block;
	  position:static;
   }
}
img {
	border-width: 0px;
	padding: 10px 10px 30px 50px;
	margin: 0px;
	vertical-align: middle;
	display: inline-block;
	float: none;
}
iframe {
	padding: 20px 0px 0px 65px;
	margin: 0px;
	vertical-align: text-top;
	display: inline;
}
 /*bandeau*/
footer{
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-top: 2px solid black;
	border-top-color: #C0C0C0;
	color: #FFFFFF;
	border-top-width: 3px;
	font-size: medium;
}
h1 iframe {
	vertical-align: text-top;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}