/* CSS Document */

.pl hr, .auto hr, .ind hr  {
	clear: both ; 
}
.pl #header { 
	background: url(../img/structure/banniere-pl.jpg) left top no-repeat; 
}

.pl #header-en { 
	background: url(../img/structure/banniere-pl-en.jpg) left top no-repeat; 
}

.auto #header { 
	background: url(../img/structure/banniere-auto.jpg) left top no-repeat; 
}

.auto #header-en { 
	background: url(../img/structure/banniere-auto-en.jpg) left top no-repeat; 
}

.ind #header { 
	background: url(../img/structure/banniere-ind.jpg) left top no-repeat; 
}

.ind #header-en { 
	background: url(../img/structure/banniere-ind-en.jpg) left top no-repeat; 
}

	
#droite #activite ul li { 
	float: left;
	margin: 0 -10px 0 0; 
}

#droite #activite ul li img { 
	border: 0;
}

/*---  AUTO  --- -*/
/*#droite #activite ul li#un { 
	margin: 0 -0.9em 0 0.5em ;
}*/

/*---  Industrie  --- -*/
/*#droite #activite ul li#deux { 	
	margin: 0 0 0 -0.9em ;
}*/

/*---  PL  --- -*/
/*#droite #activite ul li#trois { 	
	margin: 0 0 0 -0.9em ;
}*/
		
#droite #services {  
	clear: both ; 
} 

#home #page #droite div.bt, #produit #page #droite div.bt, #interieur #page #droite div.bt { 
	width: 100%; 
	height: auto; 
	padding: 0.82em 0 1em;
	position: relative; 
	text-align: center; 
}
		
#gauche #intro, #gauche #atelier, #gauche #list-prod, #gauche #actu { 
	float: left;
}
		
#gauche #intro, #gauche #atelier {		
	clear: both; 
	width: 46.45em;  
}

#gauche #list-prod {
	width: 19.45em; 	
}

#gauche #actu { 
	width: 18.0em ; padding-right: 1.45em; 	
}


.pl #gauche #intro { 
	background: url(../img/structure/intro-PL.gif) left top no-repeat #fff;
}

.auto #gauche #intro { 
	background: url(../img/structure/intro-AUTO.gif) left top no-repeat #fff;
}

.ind #gauche #intro { 
	background: url(../img/structure/intro-INDUS.gif) left top no-repeat #fff;
}

#gauche #intro ul { 
	margin: 2.5em 0 0 23.5em ; 
	width: 18.5em; 
}
#gauche #intro ul li { 
	margin: 0.1em 0; 
	padding: 0 0 0.25em 1.5em; 
	background: url(../img/structure/puce.gif) left top no-repeat; 
	border-bottom: 1px solid #c4c7cc; 
}
#gauche #intro ul li a { 
	font-weight: bold; 
	color: #414a52; 
}

.pl #gauche #intro h1 img.titre {
	position: absolute; 
	top: 2.5em ; 
	left: 5.2em; 
} 

.auto #gauche #intro h1 img.titre {
	position: absolute ; 
	/*top: 2.57em ; left: 5.5em;*/
	top: 28px; left: 60px;
} 

.ind #gauche #intro h1 img.titre {
	position: absolute ; 
	top: 2.57em ; 
	left: 5.4em ; 
} 

#gauche #contenu #intro #text { 
	margin: 5em 0 1em 21.0em ;  
	padding: 0 2em 0 0 ; 
}

#gauche #list-prod {
	position:relative; 	 
}

#gauche #list-prod #titre { 
	position:relative; 
	padding: 1em 0 0; 
	height: 2.09em;  
	width: 16.73em;  
	background: url(../img/structure/arrondi-titres-produit-ss-d.jpg) right top no-repeat #abafb8; 
} 

#gauche #list-prod #titre img { 
	margin-left: 0.5em; 
}

#gauche #list-prod #la-liste {
	position: relative; 
	z-index: 0 ; 
	background: url(../img/structure/liste-prod-degrad-arr-pl.gif) left top repeat-y; 
}
#gauche #list-prod #la-liste .selection {
	/*	border: 1px solid #FF9900;*/
	background-color:#FF9900;
	padding:3px 50px 2px 4px;
	color:#000000;
}

/*#gauche #list-prod #la-liste .pourlaforme { 
	position: absolute; 
	z-index:0; 
	left:0; 
	bottom:0; 
	width: 2.81em ; 
	height: 7.27em ; 
	background: url(../img/structure/titre-arr-bas-fin-ombre.jpg) left bottom no-repeat;
}*/

#gauche #list-prod #la-liste .pourlaforme { 
	position: absolute; 
	z-index:0; 
	left:0; 
	bottom:0; 
	width: 2.81em ; 
	height: 3em ; 
	background: url(../img/structure/titre-arr-bas-fin-ombre.jpg) left bottom no-repeat;
}

#gauche #list-prod ul {  
	position: relative; 
	z-index: 2; 
	width: 17.45em; 
	padding: 1.3em 0 2em 1.8em ; 
	margin-bottom: 7.27em; 
}

#gauche #list-prod ul li {  
	position: relative ; 
	z-index: 2; 
	margin: 0.25em 0; 
	padding: 0 0 0.25em 1.5em; 
	background: url(../img/structure/puce.gif) left top no-repeat; 
	border-bottom: 1px solid #c4c7cc; 
}

#gauche #list-prod ul li a {  
	font-weight: bold; 
	text-transform: uppercase; 
	color: #414a52; 
}

#gauche #atelier { 
	position: relative;
	margin: 2em 0 0; 
	padding: 4em 15.5em 1.0em 4.5em; 
	width: 26.45em; 
	height: 15em; 
	background: url(../img/structure/arriere-pl-focus.gif) left top no-repeat #fff; 
}

#gauche #atelier h3 { 
	/*margin: 0 0 0.6em; */
	margin:0 0 10px 0;
	font-weight: bold;
}

#gauche #atelier p.ensavoirplus { 
	left: 0; 
	bottom: 0;
	margin: 1.5em 0 0 5em; 
	height: 2.09em; 
	background: url(../img/structure/savoir-plus.gif) left top no-repeat; 
}

#gauche #atelier p.ensavoirplus span { 
	display: block; 
	position: absolute; 	
	margin: 0.65em 0 0 7em; 
	padding: 0; 
}

#gauche #actu h3 {
	font-size: 1.27em; 
	padding-left: 0.4em; 
	text-transform: uppercase;
	color: #075da8; 
	font-weight: bold; 
}

#gauche #actu p {
	padding-left: 0.5em; 
}

#gauche #actu p.chapo a { 
	font-size: 1.09em; 
	margin: 0; 
	color: #075da8; 
	font-weight: bold; 
}

#gauche #actu p.visuel  { 
	margin: 0.3em 0;
	padding-left: 0;
}

#gauche #actu p.ensavoirplus { 
	left: 0; 
	bottom: 0;
	margin: 1.1em 0 0 -2.5em;
	height: 2.09em ; 
	background: url(../img/structure/savoir-plus.gif) left top no-repeat; 
}

#gauche #actu p.ensavoirplus span { 
	display: block; 
	position: absolute; 	
	margin: 0.65em 0 0 7em; 
	padding: 0; 
}

/* -- pages PRODUITS -- */ 
#produit #contenu #bando {
	position: relative; 
	top: 0; 
	height: 4.3em; 
	width: 60.45em; 
	padding-left: 8em; 
	padding-top: 0.7em;
	background: url(../img/menu/ombre-menu-niveau2.jpg) left 2.67em no-repeat; 
}

#produit #gauche #intro {
	background: none; 
	width: auto;
	clear: both; 
	width: 45.45em; 
}

#produit #gauche #intro h1 {
	font-size: 2.27em; 
	margin-bottom: 0.2em; 
	/*margin-left: 2.45em;*/
	margin-left: 1.27em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #414a52; 
} 	

#produit #gauche #intro h2 {
	font-size: 1.27em; 
	margin: 1em 0 0 4.5em;	
	padding: 0 1.5em 0 0;  
	color: #075da8; 
	font-weight: bold; 
}

#produit #gauche #intro h3 {
	font-size: 1.27em; 
	margin: 0 0 0 4.5em;	
	/*padding: 0 1.5em 0 0;  */
	color: #075da8; 
	font-weight: bold; 
}

.legende-hotline {
	font-size: 9px;
	color: #000000;
	font-weight:normal;
}

#produit #gauche #intro p {
	margin-left: 5.73em;  
	padding: 0 3em 0 0;  
}

#produit #gauche #intro ul { 
	margin: 1.5em 0 0 7.27em;
	width: auto; 
}

#produit #gauche #intro ul li { 
	margin: 0; 
	padding: 0.08em 0 0 1.5em; 
	background: url(../img/structure/puce.gif) left top no-repeat; 
	border: 0; 
	color: #71777b; 
	font-weight: bold; 
}

#produit #gauche #intro  #visuels { 
	margin: 3em 0 0 2em;  
}

#produit #gauche #intro  #visuels p {
	padding-left: 10em;  
}

#produit #gauche #intro  #visuels p span {
	text-decoration: underline; 
}

#produit #gauche #intro  #visuels p a {
	color: #71777b; 
	font-weight: bold; 
}

#produit #gauche #intro  #visuels .visuel-gauche, #produit #gauche #intro  #visuels .visuel-droit  {
	float: left;
	position: relative; 		
	width: 21em; 
	height: 15.64em; 
}

#produit #gauche #intro  #visuels .visuel-gauche {
	background: url(../img/structure/encart-produit-G.gif) left top no-repeat; 
}

#produit #gauche #intro  #visuels .visuel-droit {
	background: url(../img/structure/encart-produit-D.gif) left top no-repeat; 
}

#produit #gauche #intro  #visuels .visuel-gauche img, #produit #gauche #intro  #visuels .visuel-droit img  { 
	display: block; 
	margin: 1.35em auto  0;  
	padding-left: 0.2em; 
}

.legend {
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 20px;
	padding:1px 0 0 0;
}

.legend a {
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 20px;
	padding:1px 0 0 0;
}

.legend a:hover {
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 20px;
	padding:1px 0 0 0;
}

/*#produit #gauche #intro  #visuels .visuel-gauche .legend, #produit #gauche #intro  #visuels .visuel-droit .legend  {
	position: absolute ; 	
	margin: 0 0 0 2em ;  
	color: #fff ; 
	font-weight: bold ;
}*/

#produit #gauche #list-prod { 
	top: -2.32em; 
} 

#produit #gauche #list-prod ul { 
 	padding-bottom: 0; 
}

#produit #gauche #list-prod #nos-marques {
	position: relative; 
	top: -5em; 
	padding-left: 0; 
}
#produit #gauche #list-prod #nos-marques p {
	padding-left: 0; 
	margin-left: 0; 
}

#produit #gauche #list-prod #nos-marques p.ensavoirplus { 
	margin: 0.3em 0 0;  
	padding: 0; 
	height: 2.09em; 
	width: 20.18em; 
	background: url(../img/structure/ensavoirplus-fond.gif) -2em top no-repeat; 
}

#produit #gauche #list-prod #nos-marques p.ensavoirplus span { 
	display: block; 
	position: absolute; 	
	margin: 0.65em 0 0 5em; 
	padding: 0; 
	color: #FFF; 
	font-weight: bold;
}

#produit #gauche #list-prod #nos-marques p.bas-nav-3 { 
	margin: 0.3em 0 0;  
	padding: 0; 
	height: 2.09em; 
	width: 20.18em; 
	background: url(../img/structure/ombre-bas-nav-3.gif) -2em top no-repeat; 
}

#produit #gauche #list-prod #nos-marques ul li {
	padding: 0; 
	margin: 1em 0 0 3em; 
	background: none; 	
	border: 0; 
}

#produit #gauche #list-prod #nos-marques #flash {
	margin: 2em 0 0 4em;  
}


/*------- Occasion Liste Folioteur -----*/

#produit #gauche #intro #folioteur-occasion ul { 
	margin: 20px 0 0 30px;
	width: auto;
}

#produit #gauche #intro #folioteur-occasion ul li { 
	display:inline;
	margin: 0; 
	padding: 0 0 0 10px; 
	background: url(../img/structure/s.gif) left top no-repeat; 
	border: 0; 
	color: #71777b; 
	font-weight: bold; 
}

#produit #gauche #intro #folioteur-occasion ul li a {
	color: #71777b;
	font-weight: bold;
	text-decoration: underline;
}






/* --  MARQUES-PAGES  Poids Lourd -- */
.pl #gauche #contenu #accueil #bt-accueil a, 
.pl #gauche #contenu #famproduit #bt-famproduit a, 
.pl #gauche #contenu #atel #bt-atel a, 
.pl #gauche #contenu #garage #bt-garage a { 
	color: #075da8 ; 
	text-decoration: underline ; 
}

/* --  MARQUES-PAGES  Automobile -- */
.auto #gauche #contenu #accueil #bt-accueil a, 
.auto #gauche #contenu #garage #bt-garage a, 
.auto #gauche #contenu #pieces #bt-pieces a, 
.auto #gauche #contenu #accessoires #bt-accessoires a, 
.auto #gauche #contenu #atel #bt-atel a,
.auto #gauche #contenu #taximetre #bt-taximetre a { 
	color: #075da8 ; 
	text-decoration: underline ; 
}

/* --  MARQUES-PAGES  Industrie -- */
.ind #gauche #contenu #accueil #bt-accueil a, 
.ind #gauche #contenu #equipements #bt-equipements a, 
.ind #gauche #contenu #fournitures #bt-fournitures a, 
.ind #gauche #contenu #batiment #bt-batiment a, 
.ind #gauche #contenu #sav #bt-sav a,
.ind #gauche #contenu #occasions #bt-occasions a { 
	color: #075da8 ; 
	text-decoration: underline ; 
}


/* --  MARQUES-RUB Poids Lourd  -- */

.pl #gauche #contenu .clim li#clim a,  
.pl #gauche #contenu .diag li#diag a, 
.pl #gauche #contenu .lev li#lev a, 
.pl #gauche #contenu .out li#out a, 
.pl #gauche #contenu .train li#train a, 
.pl #gauche #contenu .sav li#sav a, 
.pl #gauche #contenu .ent li#ent a, 
.pl #gauche #contenu .exp li#exp a, 
.pl #gauche #contenu .die li#die a, 
.pl #gauche #contenu .con li#con a, 
.pl #gauche #contenu .mai li#mai a, 
.pl #gauche #contenu .hyd li#hyd a, 
.pl #gauche #contenu .ray li#ray a, 
.pl #gauche #contenu .int li#int a, 
.pl #gauche #contenu .ele li#ele a,  
.pl #gauche #contenu .mot li#mot a, 
.pl #gauche #contenu .fil li#fil a, 
.pl #gauche #contenu .fre li#fre a, 
.pl #gauche #contenu .pne li#pne a, 
.pl #gauche #contenu .rem li#rem a, 
.pl #gauche #contenu .cha li#cha a, 
.pl #gauche #contenu .dir li#dir a, 
.pl #gauche #contenu .hyd li#hyd a, 
.pl #gauche #contenu .lub li#lub a  {	
	color: #075da8 ;	
} 

/* --  MARQUES-RUB Automobile  -- */

.auto #gauche #contenu .lev li#lev a,  
.auto #gauche #contenu .tra li#tra a, 
.auto #gauche #contenu .dia li#dia a, 
.auto #gauche #contenu .cli li#cli a, 
.auto #gauche #contenu .car li#car a, 
.auto #gauche #contenu .out li#out a,
.auto #gauche #contenu .etd li#etd a,
.auto #gauche #contenu .sav li#sav a,
.auto #gauche #contenu .pie li#pie a,  
.auto #gauche #contenu .elec li#elec a, 
.auto #gauche #contenu .carr li#carr a, 
.auto #gauche #contenu .fre li#fre a, 
.auto #gauche #contenu .piem li#piem a, 
.auto #gauche #contenu .dir li#dir a,
.auto #gauche #contenu .pneu li#pneu a,
.auto #gauche #contenu .lub li#lub a,  
.auto #gauche #contenu .clim li#clim a, 
.auto #gauche #contenu .pied li#pied a, 
.auto #gauche #contenu .filt li#filt a, 
.auto #gauche #contenu .sus li#sus a, 
.auto #gauche #contenu .pce li#pce a,
.auto #gauche #contenu .acc li#acc a,
.auto #gauche #contenu .atl li#atl a,
.auto #gauche #contenu .taxi li#taxi a
 {	
	color: #075da8 ;	
} 




/* --  MARQUES-RUB Industrie  -- */

.ind #gauche #contenu .air li#air a,  
.ind #gauche #contenu .sou li#sou a, 
.ind #gauche #contenu .lev li#lev a, 
.ind #gauche #contenu .ran li#ran a, 
.ind #gauche #contenu .lav li#lav a, 
.ind #gauche #contenu .outm li#outm a, 
.ind #gauche #contenu .oute li#oute a, 
.ind #gauche #contenu .mes li#mes a, 
.ind #gauche #contenu .esp li#esp a,
.ind #gauche #contenu .four li#four a,  
.ind #gauche #contenu .tra li#tra a, 
.ind #gauche #contenu .abra li#abra a, 
.ind #gauche #contenu .hyg li#hyg a, 
.ind #gauche #contenu .tuy li#tuy a, 
.ind #gauche #contenu .gra li#gra a, 
.ind #gauche #contenu .col li#col a, 
.ind #gauche #contenu .pei li#pei a, 
.ind #gauche #contenu .outc li#outc a,
.ind #gauche #contenu .bou li#bou a, 
.ind #gauche #contenu .foue li#foue a,
.ind #gauche #contenu .bat li#bat a, 
.ind #gauche #contenu .matc li#matc a, 
.ind #gauche #contenu .acb li#acb a,
.ind #gauche #contenu .ech li#ech a, 
.ind #gauche #contenu .outb li#outb a,
.ind #gauche #contenu .sav li#sav a
{	
	color: #075da8 ;	
}

/*.ind #gauche #contenu .occas li a,
.ind #gauche #contenu .occas li a.current
{	
	color: #CC0000 ;	
}*/


/*#header li a:hover, 
#header li a.current, 
#header li a:hover.current {
	background: url(../_images/header_item_over.jpg) no-repeat
}*/