/* desing MBAutomobiles Copyrights Alloa informatique Sàrl 2009 */

body {
   width: 800px;
   height: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 25px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("images/background_top.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-color: #ffffff;
   background-repeat: repeat-x;
   font-family: Verdana, "Comic Sans MS", serif;
}

#en_tete{
	width: 750px;
	background-image: url("images/background.png");
}


#contenu{
	width: 550px;
	background-image: url("images/background_body.png");
	background-color: #666666;
	background-repeat: repeat-x;
	border: 2px solid #666666;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 5px;
	vertical-align: top;
}

#separate
{
	width:20px;
}

#droite
{
	width: 200px;	
	background-image: url("images/background_body.png");
	background-color: #666666;
	background-repeat: repeat-x;
	border: 2px solid #666666;
	text-align: center;
	padding-top: 5px;
	vertical-align: top;
}

#pied_de_page
{
	text-decoration: none;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Verdana, Helvetica;
	color: #BBBBBB;
	text-align: center;
	left: 0;
	width: 100%;
}

#pied_de_page a
{
	color: #BBBBBB;
}

/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
#menu_horizontal li
{ 
	display: inline;
	padding: 0.3em; /* Pour espacer les boutons entre eux */
}

#menu_horizontal
{
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

#menu
{
	background-image: url("images/background_menu.png");
}

#menu a
{
	font-size: 22px;
}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: black;
   font-family: Arial, Verdana, serif;
}

a:hover 
{
	color: #606060;
}

.active a
{
   color: #666666;
}

li
{
	list-style-type : none;
}