body
{
	background-color : #f2f3f4;
	font-family : helvetica;
	color : #212f3c;
}

#bandeau
{
	width:100%;
	height:200px;
}

/* PRESENTATION */

.main
{
	width : 700px;
	margin : 50px auto;	
	text-align : justify;
}

/* 	CHOIX */

#choix 
{
	margin : auto;
	width : 1000px;
	margin-bottom : 100px;
	overflow : auto;
}

#gauche
{
	width : 250px;
	float : left;
}

#centre
{
	overflow : hidden;
	text-align : center;
}

#droite
{
	width : 250px;
	float : right;
}

#choix article
{
	position : relative;
	background : url(art.jpg);
	width : 220px;
	height : 90px;
	border : solid;
	border-color : #f5b041;
	border-radius : 7px;
	margin : auto;
	text-align : center;
}

.overlay
{
	position : absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	border-radius : 4px;
	padding : auto auto;
	background : rgba(255,255,255,0.7);
}

a
{
	text-decoration : none;
	color : #212f3c;
}

a:hover
{
	color : #884ea0;
}

/* FOOTER */

footer 
{
	background-color : #212f3c;
	color : #f2f3f4;
	padding-bottom : 20px;
	padding-top : 20px;
}

#nom
{
	float : left;
	padding-left : 10px;
}

#lycee
{
	overflow : hidden;
	text-align : center;

}

#annee
{
	float : right;
	padding-right : 10px;
}