html
{
	height : 100%;
	width : 100%;
}

body
{
	margin-left : 10%;
	margin-right : 10%;
	background-color : #BAD0D0;
}

/* header */

#header:hover
{
	color : yellow;
	background-color : black;
	border : 5px solid blue;
	cursor : pointer;
}

#header
{
	text-align : center;
	border : 5px solid black;
	background-color : red;
	margin-top : 1%;
	margin-bottom : 3%;
	border-radius : 50px 50px;
	color : white;
}

/* fin header */

/* menu */

#menu
{
	display : inline-block;
	vertical-align : top;
	border : 5px dotted white;
	border-radius : 20px 20px;
	box-shadow : 5px 5px 12px red;
	padding : 1% 2%;
	background-color : #3333CC;
	color : white;
	width : 20%;
	text-align : center;
}

#menu ul
{
	list-style-type : none;
	padding : 0;
}

#menu li
{
	margin-top : 12%;
	border : 3px solid;
	padding : 1%;
	color : white;
	text-align : center;
}

#menu li:hover
{
	border : 3px inset;
	color :#07F6FF;
	background-color : black;
	cursor : pointer;
}

/* fin menu */

/* corps */

#corps
{
	display : inline-block;
	vertical-align : top;
	padding : 1%;
	margin-left : 4%;
	width : 65%;
}

/* fin corps */

/* pied */

#pied
{
	margin-top : 3%;
	padding : 2px;
	text-align : center;
	border : 2px inset white;
}

/* fin pied */

/* certif */

#certif
{
	text-align : center;
}

/* fin certif */