html {   
    margin:-8px;
} 
body {
	font-family:Arial;
	font-size:12px;
}
td {
	font-family:Arial;
	font-size:12px;
}
#grand_conteneur {
	position:relative;
	background-color:#8CC642;
}  

#header {
	position:relative;
	width:952px;
	height:82px;
	background-color:#FFFFFF;
}

#menu_header {
	position:relative;
	width:952px;
	height:82px;
	background-color:#FFFFFF;
	top:-1px;
}
#centre  {
	position:relative;
	left:0px;
	top:-55px;
	padding-top:10px;
	height:auto;
	width:952px;
	background-color:#FFFFFF;
	padding-bottom:15px;
}
#footer {

	position:relative;

	width:952px;

	height:25px;

	background-image:url(images/footer.jpg);

	font-size:12px;

	color:#8EC63F;

	font-weight:bold;

	top:-55px;
}

.contact {

font-size:12px;

font-weight::bold;

color:#8EC63F;

}

#menu {
	position:absolute;
	left:21px;
}
.menu_accueil{
	height:57px;
	width:218px;
	vertical-align:top;
}
.menu_accueil a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/accueil.jpg);
	background-repeat:no-repeat;
}
.menu_accueil a:hover, .menu_accueil a:active,.menu_accueil a:focus{
	background-image:url(images/accueil2.jpg);
	background-repeat:no-repeat;
}
.menu_mode_d_emploi{
	height:26px;
	width:218px;
	vertical-align:top;
}
.menu_mode_d_emploi a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/mode_d_emploi.jpg);
	background-repeat:no-repeat;
}
.menu_mode_d_emploi a:hover, .menu_mode_d_emploi a:active,.menu_mode_d_emploi a:focus{
	background-image:url(images/mode_d_emploi2.jpg);
	background-repeat:no-repeat;
}
.menu_la_charte{
	height:25px;
	width:218px;
	vertical-align:top;
}
.menu_la_charte a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/la_charte.jpg);
	background-repeat:no-repeat;
}
.menu_la_charte a:hover, .menu_la_charte a:active,.menu_la_charte a:focus{
	background-image:url(images/la_charte2.jpg);
	background-repeat:no-repeat;
}
.menu_association{
	height:23px;
	width:218px;
	vertical-align:top;
}
.menu_association a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/association.jpg);
	background-repeat:no-repeat;
}
.menu_association a:hover, .menu_association a:active,.menu_association a:focus{
	background-image:url(images/association2.jpg);
	background-repeat:no-repeat;
}
.menu_inscription{
	height:26px;
	width:218px;
	vertical-align:top;
}
.menu_inscription a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/inscription.jpg);
	background-repeat:no-repeat;
}
.menu_inscription a:hover, .menu_inscription a:active,.menu_inscription a:focus{
	background-image:url(images/inscription2.jpg);
	background-repeat:no-repeat;
}
.menu_se_connecter{
	height:25px;
	width:218px;
	vertical-align:top;
}
.menu_se_connecter a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/se_connecter.jpg);
	background-repeat:no-repeat;
}
.menu_se_connecter a:hover, .menu_se_connecter a:active,.menu_se_connecter a:focus{
	background-image:url(images/se_connecter2.jpg);
	background-repeat:no-repeat;
}
.messagerie{
	height:25px;
	width:218px;
	vertical-align:top;
}
.messagerie a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/messagerie.jpg);
	background-repeat:no-repeat;
}
.messagerie a:hover, .messagerie a:active,.messagerie a:focus{
	background-image:url(images/messagerie2.jpg);
	background-repeat:no-repeat;
}
.contact{
	height:25px;
	width:218px;
	vertical-align:top;
}
.contact a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/contacts.jpg);
	background-repeat:no-repeat;
}
.contact a:hover, .contact a:active,.contact a:focus{
	background-image:url(images/contacts2.jpg);
	background-repeat:no-repeat;
}
.menu_profil{
	height:25px;
	width:218px;
	vertical-align:top;
}
.menu_profil a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/mon_profil.jpg);
	background-repeat:no-repeat;
}
.menu_profil a:hover, .menu_profil a:active,.menu_profil a:focus{
	background-image:url(images/mon_profil2.jpg);
	background-repeat:no-repeat;
}
.menu_preference{
	height:25px;
	width:218px;
	vertical-align:top;
}
.menu_preference a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/mes_preferences.jpg);
	background-repeat:no-repeat;
}
.menu_preference a:hover, .menu_preference a:active,.menu_preference a:focus{
	background-image:url(images/mes_preferences2.jpg);
	background-repeat:no-repeat;
}
.menu_deconnexion{
	height:25px;
	width:218px;
	vertical-align:top;
}
.menu_deconnexion a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(images/se_deconnecter.jpg);
	background-repeat:no-repeat;
}
.menu_deconnexion a:hover, .menu_deconnexion a:active,.menu_deconnexion a:focus{
	background-image:url(images/se_deconnecter2.jpg);
	background-repeat:no-repeat;
}
#barre_vertical {
	position:absolute;
	height:660px;
	left:240px;
}
#accueil {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_inscription {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#connexion_index {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#mdp_oublie {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_preference_defaut {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_preference {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_trajets {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_details {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_trajet_nouveau {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_trajets_ajout_etape {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_rechercher {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_trajets_ponctuels {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_mon_profil {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_mode_emploi {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_messagerie {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_messagerie_nouveau {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_messagerie_affiche {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_messagerie_affiche_envoye {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_messagerie_transmettre {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_messagerie_repondre {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#table_contact {
	position:relative;
	left:270px;
	min-height:660px;
	width:680px;
}
#nbr_message {
	position:absolute;
	left:150px;
	top:134px; 
	text-decoration:none; 
	color:#FFFFFF; 
	font-size:16px;
}

/*- Menu onglets */
#onglet {
	position:relative;
	left:-41px;
	top:0px;
	width:530px;
	font-size:93%;
	z-index:4;
	height:28px;
}
#onglet ul {
	  margin:0;
	  list-style:none;
}
#onglet li {
      display:inline;
      margin:0;
      padding:0;
	  font-family:Arial, Helvetica, sans-serif;
	  size:11px;
}
#onglet a {
      float:left;
	  background:url(images/onglet_gauche.GIF) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#onglet a span {
      float:left;
      display:block;
      background:url(images/onglet_droit.GIF) no-repeat right top;
      padding:5px 15px 4px 6px;
	  color:#333;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglet a span {float:none;
}
    /* End IE5-Mac hack */
#onglet a:hover span {
      color:#FFF;
      }
#onglet a:hover {
      background:url(images/over_onglet_gauche.GIF) no-repeat left top;
 }
#onglet a:hover span {
      background:url(images/over_onglet_droit.GIF) no-repeat right top;
}