/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_body.jpg) repeat-x top #4B0F0F;
}


*  {
	margin: 0 ;
}



h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;
}


p {
	padding:3px 0 5px 0 ;
}

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}




a
{
	text-decoration:none;	
}


a:hover
{
	text-decoration:none;	
}

/************************/
.bg_nav
{
	background:url(images/bg_nav.jpg) repeat-x top #4B0F0F;
}
#page
{
	margin:0 auto;
	width:955px;
	background:url(images/bg_page.jpg)  repeat-y top;
	display:table;	
}

/******************************/
#header
{
	float:left;
	height:326px;
	width:955px;
	background: url(images/header_acc.jpg) top;
	position:relative;	
}
.logo
{
	margin:21px 0 0 40px;
			
}
.voiteur_rouge
{
	position:absolute;
	top:16px;
	right:61px;
	z-index:1;	
}
/******************************/
#menu{
	width:520px;
	padding:3px 0 0 29px;
	z-index:2;
	position:absolute;
	top:295px;
	left:0;		
}

#menu li
{
	display:inline;
	font-size:18px;
	font-weight:bold;
	padding:0 13px 0 0;
	font-style:italic;	
}
#menu  a
{
	color:#FFF;
	padding:0 0 0 24px;	
	background: url(images/puce_menu.gif) no-repeat 0 6px;
}
#menu  a:hover
{
	color:#EA8614;
	background: url(images/puce_hover.gif)  no-repeat 0 6px;
}
#accueil  .active
{
	color:#EA8614;
		
}
/******************************/
#content_acc
{
	width:922px;/*955*/
	float:left;
	background:url(images/bg_content.jpg)  no-repeat top;
	padding:11px 0 15px 33px;
	color:#FFFFFF;	
}
#content_acc h2
{
	font-size:16px;
	background:url(images/bg_titre.gif) 0 6px no-repeat;
	color:#EA8614;
	padding:0 0 11px 12px;
}
#content_acc h3
{
	font-size:13px;
	background:url(images/puce_orange.gif) 0 4px no-repeat;
	color:#EA8614;
	padding:0 0 5px 15px;		
}
#content_acc h4
{
	font-size:14px;
	background:url(images/rectangle.gif) no-repeat;
	padding:3px 0 0 20px;
	color:#EA8614;	
}
#content_acc p
{
	text-align:justify;
	
}
.voiteur1
{
	float:left;
	border:2px solid #EA8614;
}
#bloc1_acc
{
	float:left;
	width:441px;/*463*/
	padding:0 23px 0 15px;
}
.droite
{
	float:right;
	width:214px;
}
.gauche
{
	float:left;
	width:212px;
}

#bloc3_acc
{
	float:left;
	width:902px;/*935*/
	padding:16px 0 0 0;
}

#bloc3_acc .photo
{
	width:212px;
	float:left;
	margin:0 13px 0 0;
}
/******************************/
#page_nav
{
	margin:0 auto;
	width:955px;
	background:url(images/bg_pagenav.jpg)  repeat-y top;
	display:table;		
}
#header_nav
{
	float:left;
	height:267px;
	width:955px;
	background: url(images/header_nav2.jpg) top;	
}
.hauteur
{
	float:right;
	height:860px;
	width:0px;
}
/******************************/
#menu_nav
{
	padding:112px 0 0 29px;
	float:left;
	width:509px;/*537*/
}

#menu_nav li
{
	display:inline;
	font-size:18px;
	font-weight:bold;
	font-style:italic;	
}

#menu_nav  a
{
	color:#FFFFFF;
	padding:0 0 0 24px;	
	background: url(images/puce_menu.gif) no-repeat 0 6px;
}
#menu_nav  a:hover
{
	color:#EA8614;
	background: url(images/puce_hover.gif)  no-repeat 0 6px;
}
#accueil
{
	padding:0 13px 0 0;
}
#reparation
{
	padding:0 13px 0 0;
}
#savoir
{
	padding:0 13px 0 0;
}
#contact
{
	padding:0;
}
#reparation  .active
{
	color:#EA8614;
	background: url(images/puce_hover.gif)  no-repeat 0 6px;	
}
#savoir  .active
{
	color:#EA8614;
	background: url(images/puce_hover.gif)  no-repeat 0 6px;	
}
#mentions  .active
{
	color:#EA8614;	
}
#accueil a,#accueil a:hover
{
	background-image:none;
	padding:0;
}
/******************************/
#content_nav
{
	width:922px;/*955*/
	float:left;
	background:url(images/bg_content_nav.jpg)  no-repeat top;
	padding:11px 0 15px 33px;	
}
#content_nav h3
{
	font-size:16px;
	background:url(images/bg_reparation.gif) 0 6px no-repeat;
	color:#731112;
	padding:0 0 11px 12px;	
}
#content_nav h4
{
	font-size:14px;
	background:url(images/puce_orange2.gif) 0 4px no-repeat;
	color:#EA8614;
	padding:0 0 5px 15px;
	margin:20px 0 0 0;		
}
#content_nav
{
	text-align:justify;
}
#bloc1_nav 
{
	width:370px;/*955*/
	float:left;	
}
#bloc1_nav .carrosserie 
{
	float:left;
	margin:0 10px 0 0px;
}
 
.depanne
{
	margin:10px 0 10px 0;
}
#bloc1_nav li
{
	background:url(images/puce.gif) no-repeat 0 2px;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
}

#bloc2_nav 
{
	width:502px;/*520*/
	float:left;
	padding:0 0 0 18px;
}
#bloc2_nav .reparer 
{
	float:left;
	width:460px;
	padding: 0 0 0 20px;
}
#bloc2_nav .reparer img
{
	float:left;
	margin: 0 10px 0 0;
}
#bloc3_nav 
{
	float:left;
	width:860px;
	padding:0 20px 0 0;
}
#bloc3_nav .fonce
{
	color:#EA8614;
	font-size:14px;
	font-weight:bold;
}
.vide
{
	clear:left;
	padding:0 0 0 100px;		
}
.marron
{
	font-size:14px;
	font-weight:bold;
	color:#660000;
	padding: 25px 0 0 0px;
}
.cadre1
{
	float:left;
	padding:15px 0 0 0;		 
}
.cadre2
{
	float:right;
	padding:15px 0 0 0;		
}
/******************************/
#header_contact
{
	float:left;
	height:283px;
	width:955px;
	background: url(images/header_contact2.jpg) top;	
}
.equipe
{
	float:right;	
	margin:67px 20px 0 0;
}
#contact  .active
{
	color:#EA8614;
	background: url(images/puce_hover.gif)  no-repeat 0 6px;	
}
#content_contact
{
	width:896px;/*955*/
	float:left;
	background:url(images/bg_content_nav.jpg)  no-repeat top;
	padding:0 26px 15px 33px;	
}

#content_contact  h3
{
	font-size:16px;
	background:url(images/rectangle2.jpg) no-repeat top left;
	color:#FFFFFF;
	padding:7px 0 5px 24px;
	width:462px;
}
#content_contact .map
{
	border:3px solid #7E121F;	
	float: left;
}
#coordone
{	
	background:url(images/adresse.jpg) no-repeat 5px 0px;
	padding:10px 0 30px 60px;
	width:350px;
	float: left;
	color:#FFFFFF
}
#coordone .adresse
{
	background: url(images/lettre.png) no-repeat left;
	display:block;
	padding:5px 0 0 35px;
}
#coordone .fixe
{
	background:url(images/mobile.png) no-repeat left;
	display:block;
	padding:0 0 0 35px;
}
#coordone .email
{
	background:url(images/aro.png) no-repeat left;
	display:block;
	padding:0 0 0 35px;
}
#coordone span
{
	margin:0 0 8px 0;
	font-size:14px;
	font-weight:bold;
}
#haut
{
	width:1px;
	height:234px;
	float:left;
}
/******* formulaire *****/
#formulaire {

	float: right;
	width:300px;
	color:#000000;
	padding:6px 100px 0 0;
	
}
#formulaire p{
	width:285px;
	float:left;
	padding-left:10px;
}
 
#formulaire span{
	float:left;
	font-weight:bold;	
}
#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #7E121F;
	width:200px;
	color:#000;
	height:13px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid #7E121F;
	width:200px;
	height:99px;
	color:#000;
}

#formulaire .bout{
	width: 54px;
	height:17px;
	border:none;
	
}
#formulaire em{
	color:#FF3300;		
}
#formulaire .rouge{
	color:#FF3300;
	font-weight:bold;	
}
.form
{
float:left;
}
/******************************/

#footer
{
	float:left;
	width:955px;
	background: url(images/bg_footer.jpg) no-repeat 0 6px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:10px;	
}
#footer span{
	font-size:11px;	
}
#navigation
{
	padding-top:7px;
}


#navigation li {
	display:inline;	
}

#navigation  a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#fff;	
}
#navigation  a:hover{
	color:#EA8614;
	font-size:11px;		
}

#toptech {
	padding-top:10px;

}
#toptech a{
	color:#939393;
	font-size:9px;
	color:#EA8614;	
}
#toptech a:hover{
	color:#fff;	
}
object {
	position:relative;
	left:0px;
}
/******************************/
#footer_nav{
	float:left;
	width:955px;
	text-align:center;
	color:#4B0F0F;
	font-weight:bold;
	font-size:10px;	
}
#footer_nav span{
	font-size:11px;	
}
#footer_nav a{
	color:#4B0F0F;
}