/*Propriétés communes à toutes les pages*/



body
{
width: 998px;
margin: auto;
background-color: rgb(58,108,161);
font-family:  Arial, "Trebuchet MS", Taoma, Verdana, serif;
color: rgb(85,85,85);
font-size: 12px;
}

#fondblanc
{
background-color: white;
padding-bottom: 5px;
}





/* bloc en-tête et menu */

#menu
{
font-size: 11px;
font-family: Verdana, Taoma, Arial, serif;
background-image: url("../images/menubleu.jpg");
background-repeat: no-repeat;
padding-top: 123px;
padding-bottom: 25px;
padding-left: 145px; 
}

#menu a
{
text-decoration: none;
color: white;
}

#menu a:hover
{
color: rgb(240,135,35);
}

.accueil
{
margin-left: 40px;
margin-right: 40px;
}

.metier
{
margin-left: 35px;
margin-right: 35px;
}

.outils
{
margin-left: 35px;
margin-right: 40px;
}

.valeurs
{
margin-left: 38px;
margin-right: 33px;
}

.contact
{
margin-left: 32px;
}



/* fin du bloc en-tête et menu */





/* bloc en marge à gauche */

#gauche
{
color: rgb(58,108,161);
float: left;
height: 370px;
width: 200px;
background-image: url("../images/gauche.gif");
background-repeat: no-repeat;
padding-top: 75px;
margin-top: 20px;
margin-left: 25px;
margin-bottom: 10px;
padding-left: 5px;
}

.haut
{
margin-bottom: 200px;
}





/* bloc haut de page */

#hautdepage
{
margin-left: 250px;
margin-top: 20px;
margin-bottom: 40px;
}

h1
{
color: rgb(58,108,161);
font-family: "Arial Black", Arial, "Trebuchet MS", Taoma, Verdana, serif;
font-size: 15px;
}

h2
{
color: rgb(240,135,35);
font-size: 14px;
}

#milieu
{
width: 650px;
margin-left: 250px;
margin-bottom: 50px;
}

#basdepage
{
width: 650px;
margin-left: 250px;
margin-bottom: 40px;
}

#pied_de_page
{
width: 600px;
margin-left: 250px;
border-top: 1px solid rgb(200,200,200);
padding-top: 5px;
padding-left: 40px;
color: rgb(150,150,150);
font-size: 10px;
}