.select
{
	background-color : rgb(31,150,156);
	font-weight : bold;
	color : white;
	width : 150px;
	display : inline-block;
}

#sous-entete #menu a.select:hover
{
	color : white;
}


.reussite
{
	font-weight : bold;
	color :  #8FCF3C;
	text-align : center;
	font-size : 11px;;
}

.erreur
{
	font-weight : bold;
	color : red;
	text-align : center;
	font-size : 11px;
}

.soustitre
{
	font-weight : bold;
	color : rgb(31,150,156);
	text-align : center;
	padding : 0;
	font-size : 16px;
}


.gras
{
	font-weight : bold;
}

.souligne
{
	text-decoration : underline;
}

.color
{
	color : rgb(31,150,156);
}

.italic
{
	font-style : italic;
}

.center
{
	text-align : center;
}

body
{
	margin : 0;
	font-family : calibri;
	min-width : 1000px;
	font-size : 14px;
}

p, div
{
	margin : 0;
}

a
{
	color : black;
}

#entete #sur-entete
{
	width : 100%;
	background-color : rgb(31,150,156);
	height : 35px;
	line-height : 35px;
	text-align : center;
	font-size : 14px;
	color : white;
	font-weight : bold;
	box-shadow : 0px 1px 8px -1px black;
	font-style : italic;
}

#sous-entete
{
	overflow : hidden;
}

#sous-entete #menu
{
	width : 25%;
	padding-left : 25px;
	font-weight : bold;
}

#sous-entete  #menu a
{
	line-height : 22px;
	height : 22px;
	text-decoration : none;
	padding-left : 5px;
}

#sous-entete #menu a:hover
{
	color : rgb(31,150,156);
}


#sous-entete  #menu img
{
	width : 17px;
	vertical-align : middle;
	padding-right : 5px;
}


#sous-entete #menu, #sous-entete #logo, #sous-entete #d
{
	height : 120px;
	float : left;
	padding-top : 20px;
	box-sizing : border-box;
}

#sous-entete #logo
{
	width : 50%;
	text-align : center;
}

#sous-entete #d
{
	width : 25%;
}


#footer
{
	clear : both;
	width : 100%;
	background-color : rgb(31,150,156);
	height : 35px;
	line-height : 35px;
	text-align : center;
	font-size : 14px;
	color : white;
	font-weight : bold;
	box-shadow : 0px 1px 8px -1px black;
	font-style : italic;
	margin-top : 25px;
}