/* Propriétés des balises body et conteneur pour la largeur et le centrage du site ainsi que la police, sa couleur par défaut, et le background */ 
body
{
	width: 870px;
	height: auto;
	margin: auto;
	font-family: "MgOpen Cosmetica" "Times new roman" sans-serif;
	background: #0d27d3 url("Images/background_corps.png") repeat-y center; 
	color: white;
}

.conteneur
{
	margin: auto;
	margin-top: 0px;
	width: 820px;
	margin-bottom: 10px;
}
/* Propriétés des éléments généraux du conteneur : bordure, fond et arrondis */
.en_tete, .menu, .corps
{
	-moz-border-radius: 15px;
	background-color: #4e4e4e ;
	border-right: 8px #2b2e33 outset;
	border-bottom: 8px #2b2e33 outset;
	border-top: 1px black solid;
	border-left: 1px black solid;
	margin-top: 10px;
}
/* Propriétés du bandeau */
.en_tete
{
	margin: 0px;
	height: 165px;
	background: #4e4e4e url("Images/Titre_bandeau.png") no-repeat center; 
}
.bienvenue
{
	text-align: left;
	margin-top: 0px;
	margin-left: 5px;
}
img
{
	border: none;
}
/* Propriétés du menu */
.menu
{
	height: 40px;
	padding: 0px;
}
ul.liste_menu
{
	height: 40px;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	list-style-type: none;
}
ul.liste_menu li
{
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	float: left;
	text-align: center;
}
ul.liste_menu li a
{
	width: 190px;
	display: block;
	border-right: solid 2px #1d1f22;
	border-left: solid 2px #1d1f22;
	font-size: 1.5em;
	color: white;
	text-decoration: none;
	background: url("Images/fond_bouton.png") no-repeat  0 0;
}
ul.liste_menu li a.first
{	border-left: none;}
ul.liste_menu li a.last
{	border-right: none;}
ul.liste_menu li a:hover
{
	color: #4e4e4e;
	background: url("Images/fond_bouton.png") 0 -40px;
}

/* Propriétés du corps de la page */
.corps
{	background-color: #4e4e4e;}
h1
{
	text-align: center;
	font-size: 3em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 30px;
}
h2
{
	background-image: url("Images/regle1.png");
	font-size: 2em;
	color: white;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 10px;
	clear: right;
	clear: left;
}
.corps p
{
	text-align: justify;
	text-indent: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.corps a
{	color: #959699;}
.corps a:hover
{	color: #0d27d3;}
p.backtotop
{	
	text-align: right;
	clear: right;
	clear: left;
}

/* Propriétés de la page CV_chrono.html */
.corps p.download
{	
	text-align: center;
	line-height: 1.3em;
}
.portrait
{
	width: 200px;
	height: 300px;
	float: right;
	margin: 10px;
}
td
{
	vertical-align: top;
	padding: 10px;
	text-align: justify;
	min-width: 100px;
}
.type
{
	color: #959699;
	font-style: italic;
}
.description strong
{	letter-spacing: 1px;}

/* Propriétés de la page Focus */
.logo
{
	float:left;
	display: block;
	margin: 0px;
	margin-right: 5px;
	clear: left;
	max-width: 150px;
}
/* Propriétés de la page Hobbies */
.boule
{
	float: left;
	width: 250px;
	height:250px;
	margin: 5px;
}
.labo
{
	float: right;
	margin: 0px;
	margin-left: 5px;
	width: 200px;
	height: 250px;
}
p.legend1
{	
	text-indent: 90px;
	clear: right;
	clear: left;
	float: left;
	text-align: left;
	font-weight: bold;
}
p.legend2
{	
	float: right;
	text-align: right;
	font-weight: bold;
	margin: 5px;
}