/*********/
/*general*/
/*********/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-decoration: none;
color: #000000;

}
.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}

.bold {
	font-weight:bold;
	}

body {
	background-color: #fff;
	margin: 0 0 0 0;
	text-align: center;
	background-image: url("/layout/img/fond_haut.gif");
	background-repeat: repeat-x;
	}
#general {
	position: relative;
	width: 992px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

	}
#haut {
	height: 107px;
	}

#haut #haut_haut {
	height:81px;
}

#haut #haut_haut #logo {
	margin-top:22px;
	margin-left:22px;
}

#haut #haut_haut #logo_audi {
	margin-left:550px;
}

#haut #haut_bas #menu {
	width:992px;
	/*margin-top:18px;*/
}

#haut #haut_bas #menu  .separateur {
	background-image:url(/layout/img/separateur.gif);
	width:6px;
	height:26px;
	float:left;
}

#haut #haut_bas #menu  .item_off {
	float:left;
	margin-top:1px;
	padding-right:8px;
	padding-left:8px;
	padding-top:4px;
	padding-bottom:4px;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

#haut #haut_bas #menu  .item_off a {
	color:#FFFFFF;
	font-size:12px;
	padding-top:4px;
	padding-bottom:8px;
}

#haut #haut_bas #menu  .item_on {
	float:left;
	margin-top:1px;
	padding-right:8px;
	padding-left:8px;
	padding-top:4px;
	padding-bottom:4px;
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#ff6600;
}

#haut #haut_bas #menu  .item_on a {
	color:#FFFFFF;
	font-size:12px;
	padding-top:4px;
	padding-bottom:4px;
}

#general  #menu .sous_menu div.liens_menu {	
	text-align:left;
	font-size:10px;
	border:none;
	color:#7d0342;
	font-weight:bold;
	padding:3px 3px 3px 5px;

}

#general  #menu .sous_menu div.liens_menu  a{	
	font-weight:bold;
	display:block;
	text-transform:uppercase;
	font-size:10px;
	color:#fff;

}
#general  #menu .sous_menu div.liens_menu  a:hover{	
	color:#000000;

}

#general  #menu .sous_menu div.ligne {	
	border-top:1px solid #fff;
	height:1px;
	font-size:1px;
}


#general  #menu .sous_menu#sous_menu_2 {
  	position: absolute;
	left:110px;
	top:105px;
	width:120px;
  }


#general  #menu .sous_menu{
	display: none; 
	margin: 0px;
	padding:0px;
	z-index:3;
	background-color:#8f8f8f;

}



#bas_haut {
	background-color: #eeeeee;
	padding: 1px 0 1px 0;
	border-bottom: 1px solid #fff;
	margin-left:auto;
	margin-right:auto;
	}

#bas_haut #bulles{
	margin-left:auto;
	margin-right:auto;
	width:627px;
	}

#bas_haut .bulle{

	background-color: #f3f3f3;
	width: 123px;
	height: 82px;
	border-left: 2px solid #cecece;
	float:left;
	}

#bas_haut .bulle.der{
	border-right: 2px solid #cecece;
	}
#bas_haut .bulle img{
	margin-top: 11px;
	}
#bas_haut .bulle p{
	margin: 15px 0 0 0;
	color: #f57b2a;
	text-transform:uppercase;
	text-align: center;
	font-weight: bold;
	padding: 0 0 0 0;
	}

#bas_haut .bulle p.l_2{
	margin-top: 7px;
	}
#bas_bas {
	background-color: #cbcbcb;
	height: 100px;
	text-align:left;
	}

#bas_bas #general_bas {
	width: 992px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top:5px;
	}

#bas_bas #general_bas #gauche {
	float:left;
	width:240px;
	font-size: 11px;
	}

#bas_bas #general_bas .milieu {
	float:left;
	border-left:1px solid #b3b3b3;
	padding-left:15px;
	width:350px;
	font-size: 11px;
	}
#bas_bas #general_bas .milieu a{
	font-size: 11px;
	}
#bas_bas #general_bas #droite {
	float:left;
	text-align:right;
	width:362px;
	font-size: 11px;
	}

#bas_bas #general_bas #droite #realisation a {
	color:#909090;
	}

#bas_bas #general_bas #droite p {
	color:#909090;
	}


#bas_bas #general_bas p {
	color:#494949;
	line-height:18px;
	font-size:11px;
	}

#bas_bas #general_bas p a {
	color:#494949;
	line-height:18px;
	}

#bas_bas #general_bas p a:hover {
	text-decoration:underline;
	}



/***********************/
/*	  CONTENU	  */
/*********************/

#general #contenu {

	
}

/***********************/
/*	  PAGE ACCUEIL	  */
/*********************/

#general #contenu #accueil_gauche {
	margin:0;
	width:605px;
	float:left;
}

#general #contenu #accueil_droite {
	margin:0;
	width:387px;
	float:left;
}

#general #contenu #form_recherche {
	background-image:url(/web/img/fond_recherche.gif);
	width:387px;
	height:383px;
	background-repeat:no-repeat;
	margin-top:9px;
}

#general #contenu #form_recherche h1 {
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	padding-top:4px;
	margin-bottom:20px;
	text-transform:uppercase;
}

#general #contenu #form_recherche p {
	text-align:center;
	color:#7d7d7d;
	font-size:13px;
	line-height:20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#general #contenu #form_recherche #form  {
	margin-top:25px;
}

#general #contenu #form_recherche #form p {
	text-align:left;
	margin-bottom:8px;
}

#general #contenu #form_recherche label {
	width:130px;
	float:left;
	font-size:13px;
	color:#494949;
	text-align:right;
	margin-right:5px;
}

#general #contenu #form_recherche select {
	width:180px;
	height:18px;
	border:1px solid #ff6600;
}
#general #contenu #form_recherche input {
	width:58px;
	border:1px solid #ff6600;
	padding-top:1px;
	padding-bottom:1px;
}

#general #contenu #form_recherche #form span {
	color:#494949;
	font-size:11px;
}
#general #contenu #form_recherche #form #bt_recherche {
	background-image:url(/web/img/bt_recherche.gif);
	width:231px;
	height:33px;
	border:none;
	background-color:transparent;
	margin-left:80px;
	margin-top:39px;
	cursor: pointer;
}
#general #contenu #pubs  {
	padding-top: 11px;
	padding-bottom:30px;
}

#general #contenu #pubs img {
	margin-right:4px;
}

#general #contenu #pubs #pub_contrat_maintenance {
	margin-right:0px;
}



/**************************/
/*	  PAGE OCCASIONS	  */
/*************************/

#general #contenu.occasion #gauche {
	width:740px;
	border-left:1px solid #8f8f8f;
	border-right:1px solid #8f8f8f;
	border-bottom:1px solid #8f8f8f;
	padding-top:13px;
	margin-bottom:20px;
	float:left;
}

#general #contenu.occasion #gauche #bandeau_resultats {
	position:relative;
	height:22px;
	/*width:736px;*/
	background-color:#ffd3b5;
}
#general #contenu.occasion #gauche #bandeau_resultats p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#general #contenu.occasion #gauche #bandeau_resultats #nbResultats {
	font-size:14px;
	color:#ff6600;
	text-transform:uppercase;
	vertical-align:middle;
	line-height:22px;
	padding-left:15px;
	font-weight:bold;
	float:left;
}

#general #contenu.occasion #gauche #bandeau_resultats #recherche_rapide {
	font-size:12px;
	color:#ff6600;
	vertical-align:middle;
	line-height:22px;
	padding-left:32px;
	float:left;
	font-weight:bold;
}

#general #contenu.occasion #gauche #bandeau_resultats #recherche_rapide select{
	width: 180px;
	border:1px solid #7f9db9;
}

#general #contenu.occasion #gauche #bandeau_resultats p#recherche_avancee  {
	float:right;
	margin: 5px 20px 0 0;
}

#general #contenu.occasion #gauche #etendre_recherche {
	background-image:url(/web/img/bt_etendre_recherche.gif);
	background-repeat:no-repeat;
	width:271px;
	height:19px;
	margin-left:232px;
	margin-top:14px;
}

#general #contenu.occasion #gauche #etendre_recherche a {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#general #contenu.occasion #gauche #etendre_recherche p {
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	font-size:11px;
}

#general #contenu.occasion #gauche #liste_occasions  {
	margin-left:42px;
	margin-top:16px;
}


#general #contenu.occasion #gauche #liste_occasions h1 {
	color:#58595b;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

#general #contenu.occasion #gauche #liste_occasions .produits {
	width:200px;
	float:left;
	margin-right:18px;
	margin-bottom:10px;
}

#general #contenu.occasion #gauche #liste_occasions .produits img {
	width:200px;
}

#general #contenu.occasion #gauche #liste_occasions .produits p {
	text-align:center;
	margin: 0 0 0 0; 
}

#general #contenu.occasion #gauche #liste_occasions #page_tri {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;

}

#general #contenu.occasion #gauche table td{
	background-color:#FFFFFF;
	width:18px;
	height:18px;
	font-size:14px;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}

#general #contenu.occasion #gauche #bandeau_resultats #retour {
	position:absolute;
	top:0px;
	left:630px;
}
#general #contenu.occasion #gauche table {
	float:left;
}


#general #contenu.occasion #gauche table td a{
	background-color:#FFFFFF;
	width:18px;
	height:18px;
	font-size:14px;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
}

#general #contenu.occasion #gauche table td#on{
	background-color:#ff6600;
	width:18px;
	height:18px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#general #contenu.occasion #gauche table td#on a{
	background-color:#ff6600;
	width:18px;
	height:18px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

#general #contenu.occasion #gauche table td.suivant{
	background-color:#fff;
	width:80px;
}

#general #contenu.occasion #gauche table td.suivant a {
	background-color:#fff;
	width:50px;
	height:18px;
	font-size:10px;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
	padding-left:3px;
	padding-right:3px;

}

#general #contenu.occasion #gauche #fiche #fiche_gauche {
	float:left;
	margin-right:30px;
	width:318px;
}

#general #contenu.occasion #gauche #fiche #fiche_gauche label{
	font-size:12px;
	color:#58595b;
	font-weight:bold;
	text-align:right;
	width:125px;
	float:left;
	margin-right:8px;
}

#general #contenu.occasion #gauche #fiche #fiche_gauche p{
	font-size:12px;
	color:#58595b;
	padding-bottom:5px;

}

#general #contenu.occasion #gauche #fiche #fiche_gauche ul{
	float:left;
	list-style-type:none;
	font-size:12px;
	color:#58595b;
	margin-top:-5px;
	width:145px;
}

#general #contenu.occasion #gauche #fiche #fiche_gauche li{
	font-size:12px;
	color:#58595b;
	padding-bottom:3px;

}

#general #contenu.occasion #gauche #fiche #fiche_gauche h1{
	color:#58595b;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin-top:15px;
	margin-left:36px;
	margin-bottom:20px;
}



#general #contenu.occasion #gauche #fiche #fiche_droite img{
	width:392px;
	float:left;
}


#general #contenu.occasion #gauche #bas_fiche{
	background-color:#eeeeee;
	height:24px;
	width:740px;
	border-top:1px solid #919191; 
}

#general #contenu.occasion #gauche #bas_fiche img{
	margin-top:3px;

}

#general #contenu.occasion #gauche #bas_fiche p{
	margin-left:200px;

}

#general #contenu.occasion #droite{
	float:left;
}

#general #contenu.occasion #droite img{
	width:244px;
	margin-left:6px;
	margin-top:10px;

}

/***** recherche avancee *****/

#general #contenu.occasion #form_recherche {
	background-image:none;
	width:736px;
}

#general #contenu.occasion #form_recherche h2 {
	font-size:14px;
	color:#ff6600;
	text-transform:uppercase;
	vertical-align:middle;
	line-height:22px;
	padding-left:15px;
}

#general #contenu.occasion #form_recherche label {
	width:300px;
}

#general #contenu.occasion #form_recherche p {
	margin: 5px 0 0 0;
}

#general #contenu.occasion #form_recherche #form #bt_recherche {
	margin-left:260px;
	cursor: pointer;
}
/*page texte*/
#general #contenu #texte_gauche {
	width: 742px;
	float: left;

	}

#general #contenu #texte_droite {
	width: 250px;
	float: left;
	}
.both#texte {
	padding-top: 20px;
	}
#general #contenu #texte_droite img{
	margin: 10px 0 0 7px;
	}
#general #contenu #texte_gauche #cadre_orange{
	border-left: 1px solid #ff781e;
	}
#general #contenu #texte_gauche #cadre_orange{
	border-right: 1px solid #ff781e;
	}
#general #contenu #texte_gauche #cadre_orange{
	border-bottom: 1px solid #ff781e;
	padding-top: 9px;
	}
#general #contenu #texte_gauche #cadre_orange h1{
	background-color:#ff781e;
	color: #fff;
	line-height: 36px;
	vertical-align: middle;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: bold;
	padding-left: 21px;
	}
#general #contenu #texte_gauche #cadre_orange h2{
	color: #58595b;
	text-transform:uppercase;
	margin: 20px 15px 7px 15px;
	border-bottom: 1px solid #ff781e;
	padding: 0 0 0 40px;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
	}
#general #contenu #texte_gauche #cadre_orange p{
	margin: 10px 20px 0 20px;
	font-size: 12px;
	color: #424242;
	line-height: 18px;
	}
#general #contenu #texte_gauche #cadre_orange div#photos{
	background-color: #bcbdbd;
	height: 129px;
	}
#general #contenu #texte_gauche #cadre_orange div#photos img{
	border: 1px solid #fff;
	margin: 15px 0 0 10px;
	}
/*page vn*/
#texte_vn iframe {
	width: 990px;
	height: 550px;
	}
/*page service*/
#general #contenu #texte_gauche #cadre_orange .cadre_service{
	width: 350px;
	margin: 20px 0 0 14px;
	float: left;
	}
#general #contenu #texte_gauche #cadre_orange .cadre_service h2{
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	line-height: 24px;
	}
#general #contenu #texte_gauche #cadre_orange .cadre_service img{
	float: right;
	margin: 10px;
	}
/*localisation*/
#general #contenu #texte_gauche #cadre_orange iframe#localisation{
	border: 1px solid #fff;
	margin: 25px 0 38px 38px;
	}
#general #contenu #texte_gauche #cadre_orange #adresse{
	float: left;
	font-weight: bold;
	padding: 18px 0 0 18px;
	width: 220px
	}
#general #contenu #texte_gauche #cadre_orange #info{
	float: right;
	padding: 18px 18px 0 0;
	width: 480px
	}
#general #contenu #texte_gauche #cadre_orange b{
	font-size: 12px;
	color: #424242;
	}
/*page contact*/
span.message {
	color: #ff0000;
	font-weight: bold;
	}
#general #contenu #texte_gauche #cadre_orange input{
	border: 1px solid #ff781e;
	}
#general #contenu #texte_gauche #cadre_orange textarea{
	border: 1px solid #ff781e;
	}
#general #contenu #texte_gauche #cadre_orange input.noborder{
	border: none;
	}
#general #contenu #texte_gauche #cadre_orange input.bouton{
	border: none;
	background-color: #ff781e;
	color: #fff;
	padding: 1px 2px 1px 2px;
	font-weight: bold;
	cursor: pointer;
	}
#general #contenu #texte_gauche #cadre_orange #contact{
	margin-left: 100px;
	}
/*page vehicule utilitaire*/
#general #contenu #texte_gauche #cadre_orange p.bouton{
	text-align: center;
	margin: 20px 0 20px 0;
	}
	
/*Offre du mois*/
#general #contenu #offre table {
	margin: 10px 0 10px 17px;
	width:708px;
	border-collapse:collapse;
}
/*#general #contenu #offre table tr{
	border-bottom:5px;
}*/

#general #contenu #offre table tr th{
	font-size:12px;
	color:#87888a;
	text-transform:uppercase;
	line-height:14px;
	text-align:center;
	}
#general #contenu #offre table tr th.ht{
	background-color:#ffffff;
	border-left:1px solid #eceded;
	border-top:1px solid #eceded;
	height:31px;
}
#general #contenu #offre table tr th.ht1{
	background-color:#ffffff;
	border-left:1px solid #eceded;
	border-top:1px solid #eceded;
	border-right:1px solid #eceded;
	height:31px;
}

#general #contenu #offre table td{
	background-color:#eceded;
	border-bottom:6px solid #ffffff;
	height:39px;
	padding-left:5px;
}

#general #contenu #offre table td.mod {
	font-size:12px;
	color:#58585a;
	text-transform:uppercase;
}
#general #contenu #offre table td.opt {
	font-size:11px;
	color:#58585a;
}
#general #contenu #offre table td.cat{
	font-size:17px;
	color:#58585a;
	text-decoration:line-through;
	text-align:center;
}
#general #contenu #offre table td.prix{
	font-size:18px;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
}