* {
box-sizing: border-box;
}

.box {
  float: left;
  padding: 0px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
body {
font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
header {
background-color: #FFFFFF;
text-align: center;
font-size: 20px;
color: black;
height: 100px;
}

/* Create two columns/boxes that floats next to each other */
nav {
float: right;
width: 170px;
background: #FFFFFF;
padding: 0px;
}

/* Style the list inside the menu */
nav ul {
list-style-type: none;
padding: 0;
}

article {
float: left;
width: 85%;
/*text-align: center;*/
padding: 0px;
/* width: 70%;
background-color: #FFFFFF;
/* height: 300px; /* only for demonstration, should be removed */
}

/* Clear floats after the columns */
section::after {
content: "";
display: table;
clear: both;
}

/* Style the footer */
footer {
background-color: #FFFFFF;
padding: 10px;
text-align: center;
color: black;
}
video {
float: left;
}
.responsive {
max-width: 100%;
height: auto;
}
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
nav, article {
width: 100%;
height: auto;
}
}

#menuLigne
{
	width: 				60px;
	height:				20px;
	list-style-type:	none;
	margin: 			0;
	padding: 			0;
	border: 			0;
	top: 				0;
	left: 				0;
	font-size: 			14px;
}
#menuLigne li
{
	float: 				left;
	width: 				100px;
	margin: 			0;
	padding: 			0;
	border: 			0;
}
#menuLigne li a:link, #menuLigne li a:visited
{
	display: 			Block;
	height: 			15px;
	color: 				White;
	background:			DimGray;
	margin: 			0;
	padding: 			4px 8px;
	border-right: 		1px solid White;
	text-decoration: 	none;
}
#menuLigne li a:hover
{
	background: 		Red;
}
#menuLigne li a:active
{
	background: 	 	SlateGray;
}


#menubase
{
	background:			White;
	font-size:			16px;
}
#menubase ul {
	color:				Black;
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	width:				170px;
}
#menubase ul li {
	color:				Black;
	/*height:				100%;*/
	border-bottom:		1px solid Grey;
	position: 			relative;
	float:				right;
	width:				100%;
	text-decoration: 	none;
	}
#menubase ul li ul li{
	color:				Black;
	text-decoration: 	none;
	border-left:		1px solid Black;
	}
#menubase ul li a{
	color:				Black;
	display:			Block;
	padding: 			0px 3px;
	text-decoration: 	none;
	}
#menubase ul li a:hover {
	color:				Black;
	background: 		transparent url("III/M_001.png") repeat;
}
#menubase ul li ul li a:hover{
	background: 		transparent url("III/M_001.png") repeat;
}
#menubase ul ul {
	background: 		transparent url("III/M_001.png") repeat;
	color:				Black;
	position: 			absolute;
	top: 				0;
	display:			none;
}
#menubase ul li:hover ul{
	color:				Black;
	display: 			Block;
	right:				170px;
}