/*L'affichage de la page web*/

#bloc_page
{
	width: 1280px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}









/*L'en-tête de la page web*/

header
{
	height: 121px;
	margin-bottom: 30px;
}


header a
{
	color: #ffffff;
	text-decoration: none;
}

header a:hover
{
	color: #b52e37;
}

#banniere_image
{
	background: url("../images/banniere_en_tete.jpg") no-repeat;
	width: 1280px;
	height: 121px;
}

#francais
{
	display: inline-block;
	position: relative;
	left: 1030px;
	top: 100px;
}

#anglais
{
	display: inline-block;
	position: relative;
	left: 1050px;
	top: 100px;
	color: #b52e37;
}

#espanol
{
	display: inline-block;
	position: relative;
	left: 1070px;
	top: 100px;
}









/*Le menu de la page web*/

nav
{
	display: inline-block;
	vertical-align: top;
	
	width: 150px;
}


.element_menu ul
{
	list-style-type: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	margin-bottom: 5px;
}


.element_menu li
{
	margin-bottom: 10px;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
}


.element_menu li a
{
	color: #13212e;
	font-family: "times new roman", arial, "arial black", times, serif;
	font-variant: small-caps;
	font-size: 140%;
	text-decoration: none;
}


.element_menu a:hover
{
	color: #b52e37;
}


.element_menu .en_cours a
{
	background-color: #b62d37;
	color: #ffffff;
}









/*Le corps du site web*/

article
{
	display: inline-block;
	vertical-align: top;
	
	width: 750px;
	
	margin-left: 90px;
	margin-bottom: 20px;
	margin-right: 30px;
}


article h1
{
	color: #b62d37;
	font-size: 200%;
	
	margin-top: 0px;
}


article h3
{
	color: #b62d37;
	font-size: 120%;
}


article a
{
	text-decoration: none;
	color: #13212e;
}


article a:hover
{
	color: #b52e37;
}









/*Le pied de page du site web*/

footer
{
	padding: 5px;
	margin-top: 200px;

	text-align: center;

	font-size: 80%;
	color: #626262;

}