body {
	margin-top: 20px;
	text-align: center; /*centrage pour IE*/
	padding: 0;
	background-image: url(sti_web/img/fond_sti_2013.png);
	font-family: Arial, Helvetica, sans-serif;
}
#head {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#conteneur {
	width: 800px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	background-color:#d0d0d0;
	height: auto;
	border:1px solid #eaeaea;/*c0c0c0 8c8c8c*/
	text-align: left; /*retour centrage bug IE voir body*/
}

/* menu à selectionner */
ul.men
{
	margin-left: 90px;
	padding: 0 ;
	list-style-type: none ; /* Suppression du margin, du padding et des puces du <ul> */
}
ul.men li
{
	margin: 10px 0 15px 0 ;
	padding-top: 0px ;
	float: left; /*place le commentaire à gauche du menu */
}
ul.men li a
{
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 320px;
	line-height: 15px; /* hauteur de ligne pour rollover */
	color: #838383;
	text-indent: 40px; /* On décale le texte de 40px du bord gauche */
	text-decoration: none;
	background: url(sti_web/img/lampes_ro.png) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	font-weight: bold;
	font-size:1.2em;
}
ul.men li a:hover /*gestion couleur au passage de souris*/
{
	background: url(sti_web/img/lampes_ro.png) no-repeat 0 -15px; /* Et ici on décale l'image du background de 9px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #EE2217;
}
#pied {
	height: 30px;
	background-color: transparent;
	padding-top: 10px;
	float: left;
	display:block; /*creation d'une boite*/
	width:100%;
}