body { width: 800px;font-family: Arial,sans-serif;  position:relative;margin-left: auto; margin-right: auto;background-color: rgb(202,224,235);}
h1 { text-indent: -5000px; }
h2 { color:rgb(15,106,150); text-align:center; font-size:18px; margin-top:20px;}
h2 a { text-decoration: none;color:rgb(15,106,150);}
h3 { color:rgb(15,106,150); text-align:center; font-size:16px;}
p  {font-size:16px;}
em {font-size:13px;}

#accueil {position:absolute;top:98px; left:530px;}
#accueil  img{border-style : none;}
#situation {position:absolute;top:98px; left:610px;}
#situation img{border-style : none;}
#contact {position:absolute;top:98px; left:690px;}
#contact img{border-style : none;}

#en_tete {  position:relative;height:107px ;width:800px; margin-top:10px;background: url("images/entete.png") ;}
#global { float: left; width: 800px;background: url("images/bordure_produits.jpg") no-repeat;}
#imatex{float: left;float: right;}
#lateral{width:144px;height:100px;float:left;}
#gauche{float:left;width:320px;}
#droite{float:left;width:300px;}

#illustration-haut {float: left;margin-top:10px ;}
#illustration-bas{margin-top:30px ;float: left;}
#illustration-centre{margin-top:30px ;}
#illustration-3blocs{margin-top:30px ;float: right;}
#affiche {float: left;padding:50px 150px 50px ;}
#texte_bas{float: left;width:300px;margin-right:10px;text-align:right;margin-top:100px;}
#texte_haut{float: left;width:300px;margin-left:10px;text-align:left;margin-top:10px;padding-top:10px;}
#pied_de_page{ clear: left;height:43px ;background: url("images/piedpage.png") no-repeat; }
#pied_de_page p {padding-top:20px; padding-left:15px; color:rgb(30,13,129);font-size:13px;font-weight:bold;}
#pied_de_page a  {padding-left:15px;}
#droits_reserves  {padding-top:5px; text-align:center;font-size:10px;}

.liee {color : rgb(15,106,150);text-decoration:none;}
.liee:hover {color : red;}


#menu {position:absolute;top:107px; left:0px;}

#menu /* Ensemble du menu */
{
        font-weight : bold;/* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 16px; /* hauteur du texte : 12 pixels */
		padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
	    width : 144px; /* largeur */
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
		border: 1px solid rgb(202,224,235);
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

}
#menu a:hover 
{color : rgb(202,224,235);
background: rgb(15,106,150);
}