body, html {
	
	background:#1F2020;
	margin:0;
	padding:0;
}
/* Enlève les bordures sur les images #006d97; */
a img {
	border:	none;
}

.hide {
	display:none;
}

h2 {
	margin:0;
	padding:0;
}

textarea {
	width:95%;
	height:100px;
}

input[type="text"] {
	width:95%;
}

#wrapper
		/* L'en-tête */
		{
				width:1024px;
				margin:auto; 
				margin-top:0px; 
				margin-bottom:0px;	
				
		}
			
			/* L'en-tête */
			#header
			{
				width: 1024px;
				height: 100px;
				background-image: url("images/top_banner.png");
				background-repeat: no-repeat;
				position:relative;
				
			}
				#header div {
					visibility:hidden;
				}
			#anim
			{
				width: 800px;
				height: 26px;
				/*background-image: url("images/fond.png");
				background-repeat: no-repeat;*/
				margin-bottom: 0px;
				background:#1F2020;
			}
			
			#anim .object {
				width: 800px;
				height: 26px;
				/*background-image: url("images/banner.swf");*/
				background-repeat: no-repeat;
				margin-bottom: 0px;
				background:#1F2020;		
		}
#body
		{
		position:relative;
		height:410px;
		width:1024px;
		}
			/* Le menu */

			#menu_left
			{
				
				
				float: left; 
				width: 150px; 
				height : 410px;
				/* Enlèves les puces et espaces internes */
				list-style:	none outside;
				margin:0;
				padding:0;
			}

		
				#menu_left li {
				width:150px;
				margin:0;
				padding:0;
			}
			#menu_left a {
				display:block; /* fait prendre toute la place dispobible en largeur */
				height:25px;
				margin:0;
				padding:0;
				text-indent:-5000px; /* cache le texte au navigateurs graphiques (les navigateurs textes le verront quand même) */
			}
			#menu_left a.last { /* Annule  */
				height:32px;
				text-indent:0px;
			}	
				
			/*
				Gestions des images en mouseover (il manque des images)
			*/	
			#menu_left #Historique {
				background-image:	url(images/historique_off.png);
			}
			#menu_left #Historique:hover {
				background-image:	url(images/historique_on.png);
			}
			#menu_left #Missions {
				background-image:	url(images/missions_off.png);
			}
			#menu_left #Missions:hover {
				background-image:	url(images/missions_on.png);
			}
			#menu_left #Courses_deux_roues {
				background-image:	url(images/deuxroues_off.png);
			}
			#menu_left #Courses_deux_roues:hover {
				background-image:	url(images/deuxroues_on.png);
			}
			#menu_left #Courses_quatre_roues {
				background-image:	url(images/quatreroues_off.png);
			}
			#menu_left #Courses_quatre_roues:hover {
				background-image:	url(images/quatreroues_on.png);
			}
			#menu_left #Autres_services {
				background-image:	url(images/services_off.png);
			}
			#menu_left #Autres_services:hover {
				background-image:	url(images/services_on.png);
			}
			#menu_left #Delais {
				background-image:	url(images/delais_off.png);
			}
			#menu_left #Delais:hover {
				background-image:	url(images/delais_on.png);
			}
			#menu_left #Tarifs {
				background-image:	url(images/tarifs_off.png);
			}
			#menu_left #Tarifs:hover {
				background-image:	url(images/tarifs_on.png);
			}
			#menu_left #Devisf {
				background-image:	url(images/devisf_off.png);
			}
			#menu_left #Devisf:hover {
				background-image:	url(images/devisf_on.png);
			}
			#menu_left #EspCli {
				background-image:	url(images/passe_cours_off.png);
			}
			#menu_left #EspCli:hover {
				background-image:	url(images/passe_cours_on.png);
			}
				.element_menu
					{
						/* "Safe" html color (pour IE) */
						background-color: #0099CC;
						
    				}
				
				.element_menu h6 /* Tous les titres de menus */
					{    
						color: black;
						font-family: "Tahoma", "Tahoma Black", "Verdana";
						text-align: left;
						margin-top: 0px;
						margin-bottom: 0px;
						margin-right: 0px;
						
					}

				.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
					{
						list-style-image: url("images/"); /* On change l'apparence des puces */
						padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
						padding-left: 50px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
						margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
						margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
					}

				.element_menu a /* Tous les liens se trouvant dans un menu */
					{
						color: #008aad;
						font-family: "Tahoma" ;
						font-size: 9px;
						margin-top: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
						
					}
			
				.element_menu a:link /* Quand on pointe sur un lien du menu */
					{
					/*background-color: #B3B3B3;*/
					
					border: 0px;
					
										}
				
				.element_menu a:visited 
					{
										
					border: 0px;
										
					}
					
				.element_menu a:hover /* Quand on pointe sur un lien du menu */
					{
					/*background-color: #B3B3B3;*/
					border: 0px;
					border: 0px;
					border-style : none;
					}
				.element_menu a:active
					{
					/*background-color: #B3B3B3;*/
					border: 0px;
					border: 0px;
					border-style : none;
					}
			
				/* Le corps de la page */
			
		
			#center
					{

						
						float: left;
								
						/* width :370px; */
						height :390px;
						overflow:	auto;
						
						background-color:#ffffff; /* couleur de fond pour le corps */
						font-size: 11px;
						font-family: "Tahoma", "Tahoma Black", "Verdana";
						padding:10px 20px;
						text-indent:0px;
					}
			#center ul li {
				margin:	10px 0;
			}
			#center.missions {
			background:	url("images/voiture.png") no-repeat bottom left ;
			background-color:#ffffff;
			
			
					}
					#center.historique{
			background:	url("images/historiquebg.png") no-repeat bottom left ;
			background-color:#ffffff;
			
					}
					#center.deuxroues{
			background:	url("images/deuxrouesbg.png") no-repeat bottom left ;
			background-color:#ffffff;
			
					}
					#center.quatreroues{
			background:	url("images/quatrerouesbg.png") no-repeat bottom left ;
			background-color:#ffffff;
			
					}
					#center.delais{
			background:	url("images/horloge.png") no-repeat bottom left ;
			background-color:#ffffff;
			
					}
					#center.services{
			background:	url("images/servicesbg.png") no-repeat bottom left ;
			background-color:#ffffff;
			
					}
					#center.references{
			background:	url("images/referencesbg.png") no-repeat bottom left ;
			background-color:#ffffff;
			
					}
					#center.liens{
			
			background-color:#ffffff;
								}
					#center.devis{
			
			background-color:#ffffff;
			
					}
						
			#menu_right
					{
						float: left; 
						width : 210px;
						height: 410px;
						
					}
			#menu_right.accueil {
					background:	url("images/bgright2.png") no-repeat bottom left ;
				
			}
			
			#menu_right:hover {
			border : none; color : #008aad;
					
			}
			#menu_right h1 {
				margin-left:5px;
				padding: 0 000px;

				
			}
			#devis {
					/* background:#0F0;*/
					border:0px ;	
					margin: 0px;
					}	
				#contact {
					height:	120px;
					width:	200px;
					background:#01a7d9;
					text-align:left;
					border:0px ;	
								
				}
				#contact.adresse {
						font-family: "Tahoma", "Tahoma Black", "Verdana";
						font-size: 11px;
						padding-top :10px;
						color :#ffffff;
						text-align:right;
						border:0px; 
						padding-right :10px;
						
				}

				#contact a {
					
					font-weight: bold;
					font-size: 11px;			
				}			
				#divers {
					text-align:left;
					font-family: "Tahoma", "Tahoma Black", "Verdana";
					color : black;
					border:0px;
					padding-top:0px;
					padding-left:25px;
					text-align:left;
				}
				#divers h4 {
					background:	url("images/fleche.png")  center right no-repeat ; /* flèche */
					padding-right:	0px;
					padding-top:	0px;
										
				}
			

		#pied_de_page
					{
	 					width : 1024px;
						height: 112px;
						background-image: url("images/bottom.png");
						background-repeat: no-repeat;


						
						position:relative;
   					}
				
		#pied_de_page object {

		
						width : 240px;
						height: 60px;
						
						position:absolute;
						right:26px;
						top:30px;
		}



		.clear {
				height:1%; /* give layout */
			}
			.clear:after {
				content:	'.';
				height:		0;
				font-size:	1px;
				line-height: 0px; 
				display:	block;
				visibility:	hidden;
				clear:		both;
			}