/* = = = = = = = = = = = = = =
Criteres generaux
= = = = = = = = = = = = = = */

body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 10pt Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	background: #000 ;
}


/* = = = = = = = = = = = = = =
Conteneur
= = = = = = = = = = = = = = */

div#conteneur
{
	width: 900px ;
	margin: auto ;
	text-align: left ;
	/*background: #fff ;*/
	background: white url(../images/background.png) repeat-x ;
}


/* = = = = = = = = = = = = = =
Titre haut de page - header
= = = = = = = = = = = = = = */

h1#header
{
	height: 175px ;
	background: url(../images/logo_bleu.png) no-repeat center top ;
	margin: 0 ;
}

h1#header a
{
	height: 175px ;
	display: block ;
	position: relative ;
	text-indent: -5000px ;
}


/* = = = = = = = = = = = = = =
Menu
= = = = = = = = = = = = = = */

ul#menu
{
	float: left ;
	width: 200px ;
	height: 500px ;
	margin: 0 ;
	padding: 0 ;
	padding-top: 40px;
	list-style-type: none ;
}

ul#menu p
{
	margin: 25px 25px ;
	text-align: center;
}

ul#menu a
{
	height: 50px ;
	display: block ;
	margin-left: 25px ;
}

ul#menu a:hover
{
	height:50px;
	display:block;
}

ul#menu li#menu_accueil a { background: url(../images/accueil.png) 0 0 no-repeat;}
ul#menu li#menu_accueil a:hover { background: url(../images/accueil_o.png) 0 0 no-repeat;}
ul#menu li#menu_affaire_moment a { background: url(../images/affaireMoment.png) 0 0 no-repeat;}
ul#menu li#menu_affaire_moment a:hover { background: url(../images/affaireMoment_o.png) 0 0 no-repeat;}
ul#menu li#menu_liste_vehicule a { background: url(../images/listeVehicule.png) 0 0 no-repeat;}
ul#menu li#menu_liste_vehicule a:hover { background: url(../images/listeVehicule_o.png) 0 0 no-repeat;}

/* Modifs ASTIWEB */
ul#menu li#menu_immatriculation a { background: url(../images/immatriculation.png) 0 0 no-repeat;}
ul#menu li#menu_immatriculation a:hover { background: url(../images/immatriculation_o.png) 0 0 no-repeat;}
/* Fin modifs*/
/* Modifs ASTIWEB */
ul#menu li#menu_garantie a { background: url(../images/garantie.png) 0 0 no-repeat;}
ul#menu li#menu_garantie a:hover { background: url(../images/garantie_o.png) 0 0 no-repeat;}
/* Fin modifs*/

ul#menu li#menu_demande a { background: url(../images/demande.png) 0 0 no-repeat;}
ul#menu li#menu_demande a:hover { background: url(../images/demande_o.png) 0 0 no-repeat;}
ul#menu li#menu_societe a { background: url(../images/societe.png) 0 0 no-repeat;}
ul#menu li#menu_societe a:hover { background: url(../images/societe_o.png) 0 0 no-repeat;}
ul#menu li#menu_contact a { background: url(../images/contact.png) 0 0 no-repeat;}
ul#menu li#menu_contact a:hover { background: url(../images/contact_o.png) 0 0 no-repeat;}

ul#menu span
{
	display:none;
}


/* = = = = = = = = = = = = = =
Contenu
= = = = = = = = = = = = = = */

div#contenu {
	margin-left: 160px;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	height: 350px;
}

/* Pour résoudre le problème min-height sous ie */
html>body div#contenu {
	height: auto;
	min-height: 350px;
}

div#contenuG {
      	text-align: left;
	width: 49%;
	height: auto;
	float:left;
}

div#contenuD {
	width: 50%;
	height: auto;
	float:left;
	text-align:center;
}


/* MODIFS ASTIWEB */

/* = = = = = = = = = = = = = =
Promotion 
= = = = = = = = = = = = = = */

div#promotion {
	margin-left: 160px;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	height: 150px;
}

/* Pour résoudre le problème min-height sous ie */
html>body div#promotion {
	height: auto;
	min-height: 150px;
}

/* FIN MODIFS */

/* = = = = = = = = = = = = = =
Pieds de page - footer
= = = = = = = = = = = = = = */

div#footer
{
	clear: both ;
	text-align: right ;
	margin-top: 50px;
}


/* = = = = = = = = = = = = = =
Divers
= = = = = = = = = = = = = = */

* img
{
	border: 1px solid black ;
}

table
{
	margin-left: auto ;
	margin-right: auto ;
}

table#tab
{
	border-collapse: collapse;
	border: 2px solid black;
	/*white-space: nowrap;*/
}

table#tab thead th
{
	color: black;
	background: #c0c0c0;
	padding: .1em .5em;
	border: 1px solid black;
	text-align: center;
}

table#tab tbody td
{
	font-size: 100%;
	border: 1px solid black;
	padding: .2em;
}

table#tab tbody td.nombre
{
	text-align: right;
}

table#tab thead th a, table#tab thead th a:visited, table#tab thead th a:active
{
	text-decoration: none;
	color: black;
	background: transparent;
}

table#tab thead th a:hover
{
  text-decoration: underline;
}

table#tab tbody td a.bouton
{
	font: bold 90% arial, sans-serif;
	padding: 0 .5em;
	margin: 0 0 0 .2em;
	color: white;
	background: red;
	text-decoration: none;
	border: 1px solid black;
	/*float: left;*/	
	/* Code necessaire à IE 5.x pour respecter les marges des boutons */
	voice-family: "\"}\"";
	voice-family: inherit;
	/*float: none;*/
	text-align: right;
}

table#tab tbody td a.bouton:hover
{	/* Mise en forme des liens de corps de tableaux (survol de souris) */
	color: white;
	background: black;
}