/*
Design de Virtual-Transports
http://www.virtual-transports.com
*/

body
{
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-image: url("../images/fond.png");
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}

/* L'en-tête */

#en_tete
{
   width: 796px; /* j'enleve 2 px de large parce que je rajoute un px de bordure de chaque coté */
   height: 146px;
   background-image: url("../images/header.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 2px solid #188DD0;
}


/* Le menu */

#menu
{
   float: left;
   width: 123px;
}

.element_menu
{
   background-color: #97CDED;
   background-image: url("../images/menu.png");
   background-repeat: no-repeat;
   
   border: 2px solid #188DD0;
   margin-bottom: 20px;
   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.element_menu_connexion1
{
   border: 2px solid #188DD0;
   background-image: url("http://virtualtransport.free.fr/images/menu_conn.png");
   background-repeat: no-repeat;
   margin-bottom: 20px;
   
   color: #000;
}
/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("../images/li.png");
   padding: 0px;
   padding-left: 20px;
   margin: 3px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #000;
text-decoration:none;
}

.element_menu a:hover
{
   background-image: url("../images/lien.png");
   background-repeat: repeat-x;
   background-position: bottom;
   color: black;
}
/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 10px;
   padding: 5px;
   
   border: 2px solid #188DD0;
   color: #000000;
   background-color: #F3F3F3;

}

#corps h1
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
}
.style_verdana11{
    font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style_verdana12{
    font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style_verdana13{
    font-size: 13px;font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style_arial13{
	font-family: Arial, Helvetica, sans-serif; font-size: 13px
}
.fond_titre_tableau
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
    background-image: url("../images/fond_titre_tableau.png");
}
.titres_pages{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.style_informations{
	color: #009900;
    font-size: 11px;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

div#pied_de_page
{

border : 2px solid #188DD0;
height : 50px;
text-align : center;
vertical-align : middle;
color : #000000;
background-color: #F3F3F3;
clear: left;

}
.element_bas
{   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}