/*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/menu2bleu.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: 500px;
width: 220px;
background-image: url("../images/gauche2.gif");
background-repeat: no-repeat;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
padding-top: 50px;
padding-left: 5px;
line-height: 25px;
}

.haut
{
margin-bottom: 90px;
}



/* introduction */

#introduction
{
margin-left: 260px;
margin-top: 20px;
margin-bottom: 20px;
width: 700px;
}

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

.gris
{
font-size: 14px;
}




/* les 4 blocs qui constituent la page */

#haut, #bas
{
margin-left: 260px;
margin-bottom: 20px;
}



#hautdroite
{
float: right;
margin-right: 20px;
width: 340px;
height: 230px;
padding-top: 10px;
background-image: url("../images/hautdroite.gif");
background-repeat: no-repeat;
border: 1px solid white;
line-height: 13px;
}

#hautgauche
{
width: 340px;
height: 230px;
padding-top: 10px;
background-image: url("../images/hautgauche.gif");
background-repeat: no-repeat;
border: 1px solid white;
}

#basdroite
{
float: right;
margin-right: 20px;
width: 340px;
height: 230px;
padding-top: 10px;
background-image: url("../images/basdroite.gif");
background-repeat: no-repeat;
border: 1px solid white;
}

#basgauche
{
width: 340px;
height: 230px;
padding-top: 10px;
background-image: url("../images/basgauche.gif");
background-repeat: no-repeat;
border: 1px solid white;
}

#haut h1, #bas h1
{
font-size: 12px;
color: rgb(240,135,35);
font-weight: bold;
margin-left: 20px;
}

#hautdroite h2, #hautgauche h2
{
font-size: 12px;
font-weight: bold;
margin: 0px;
margin-bottom: 8px;
margin-left: 10px;
}

#haut p, #bas p
{
font-style: italic;
margin: 0px;
margin-bottom: 8px;
margin-left: 10px;
}


/* fin des 4 blocs */





/* pied de page */

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