@charset "iso-8859-1";

body {
	
	color:#000000;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url("../images/accueil/index3/bg2.gif");
}
#page {
	position: absolute;
	width: 955px;
	height:600px;
	left:50%;
	margin-left:-477.5px;
	margin-top:0px;
}

#fond{
background-image:url("../images/accueil/index3/fond.gif");
background-repeat:no-repeat;
width:955px;
height:600px;
}

#header {
background-image:url("../images/accueil/index3/logo.gif");
background-repeat:no-repeat;
background-position:25px 25px;
height:125px;
text-align:right;
padding-top:10px;
padding-right:50px;
font-size:75%;
color:#999999;
}


#header ul#menu_haut {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#header ul#menu_haut li {
float:right;
margin-left:5px;
}

#header ul#menu_haut li a {
text-decoration:none;
color:#ccc;
}

#header ul#menu_haut li a:hover {
color:#FF9933;
}


#centre {
margin-left: 450px;
margin-right:25px;
}

#centre h1 {
font-size:175%;
color:#FF9933;

}

#centre h2 {
font-size:145%;
color:#99CC00;
text-align:right;

}


#centre p {
padding-right:15px;
line-height:1.4em;
text-align:justify;
}

#gauche {
	position: absolute;
	left:50px;
	width:450px;
	margin-top:0px;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{	float:left;
	margin: 0;
	padding: 0 ;	
	margin-right:25px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li#formation a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 175px ;
	height:150px;
	color: #99CC00 ; font-size:0; /*Ecrit le texte avec police invisible */
	font-size:0;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url("../images/accueil/index3/btn_formation.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li#formation a:hover
{
	background: url("../images/accueil/index3/btn_formation.gif") no-repeat 0 -150px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#menu li#scolaire a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 175px ;
	height:150px;
	color: #99CC00 ; font-size:0; /*Ecrit le texte avec police invisible */
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	margin-top:25px;	
	background: url("../images/accueil/index3/btn_scolaire.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li#scolaire a:hover
{
	background: url("../images/accueil/index3/btn_scolaire.gif") no-repeat 0 -150px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#menu li#creation_web a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 175px ;
	height:150px;
	color: #99CC00 ; font-size:0; /*Ecrit le texte avec police invisible */
	font-size:0;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url("../images/accueil/index3/btn_creation_web.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li#creation_web a:hover
{
	background: url("../images/accueil/index3/btn_creation_web.gif") no-repeat 0 -150px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#menu li#presentation a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 175px ;
	height:150px;
	color: #99CC00 ; font-size:0; /*Ecrit le texte avec police invisible */
	font-size:0;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	margin-top:25px;
	background: url("../images/accueil/index3/btn_presentation.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li#presentation a:hover
{
	background: url("../images/accueil/index3/btn_presentation.gif") no-repeat 0 -150px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}






#bas {
position:absolute;
top:500px;
padding-top:15px;
padding-left:25px;
}

#bas #titre {
font-size:120%;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
}

#bas #sous_titre {
font-size:100%;
color:#ffffff;
}

#pied {
padding-top:10px;
color:#FFFFFF;
text-align:center;
}

#pied ul#menu_bas {
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left:200px;
}

#pied ul#menu_bas li {
float:left;
margin-left:15px;
}

#pied ul#menu_bas li a {
text-decoration:none;
color:#ffffff;
font-size:85%;
}

#pied ul#menu_bas li a:hover {
color:#FF9933;
}