/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
height:44px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#accueil {
background-image: url(../images/charte/titre-accueil.gif);
}
#contenu h1#news {
background-image: url(../images/charte/titre-news.gif);
}
#contenu h1#occasions_moment {
background-image: url(../images/charte/titre-occaz.gif);
}
#contenu h1#occasions {
background-image: url(../images/charte/titre-occasions.gif);
}
#contenu h1#accessoires {
background-image: url(../images/charte/titre-accessoires.gif);
}
#contenu h1#quad {
background-image: url(../images/charte/titre-quad.gif);
}
#contenu h1#motos {
background-image: url(../images/charte/titre-motos.gif);
}
#contenu h1#services {
background-image: url(../images/charte/titre-services.gif);
}
#contenu h1#pieces {
background-image: url(../images/charte/titre-pieces.gif);
}
#contenu h1#contact {
background-image: url(../images/charte/titre-contact.gif);
}
#contenu h1#merci {
background-image: url(../images/charte/titre-merci.gif);
}
#contenu h2{
font:bold italic 14px Arial, Helvetica, sans-serif;
color:#f00;
margin:0 0 7px 10px;
text-transform:uppercase;
}
#contenu h3{
font:bold italic 12px Arial, Helvetica, sans-serif;
color:#f00;
margin:0 0 7px 0px;
height:30px;
}
#contenu p{
font:11px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#303030;
margin-bottom:1.2em;
margin-left:10px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#0d2d84;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#f00;
}
#contenu a:hover, #contenu a:active{
color:#0d2d84;
}

#contenu ul{
list-style-image:url(../images/charte/puce.gif);
margin-left:40px;
}
#contenu li{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#303030;
margin-bottom:5px;
}

#contenu label{
font:11px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#303030;
margin-bottom:3px;
}
/***************** STYLE NEWS *****************/
.actu{
	min-height:126px;
	margin-bottom:20px;
	position: absolute;
	margin-left: 20px;
}
.visu{
	float:left;
	width:98px;
	height:98px;
	padding:14px;
	background:url(../images/charte/bg-actu.gif) left top no-repeat;
}
.visu a{
	text-decoration:none;
	display:block;
	height:98px;
	width:98px;
	background:left top no-repeat;
}
.detail{
	float:left;
	width:494px;
}
.detail p{
	font:10px/1.2em Arial, Helvetica, sans-serif;
	color:#666;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.detail p a{
	text-decoration:none;
	font-size:11px;
}
.detail h3{
font:bold 12px Arial, Helvetica, sans-serif;
color:#f00;
margin:2px 0 5px 10px;
text-transform:uppercase;
}
.detail h4{
	color:#b00;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	text-decoration:none;
}
.detail h4 a{
	color:#b00; 
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	text-decoration:none;
}

.img_float_right{
	float:right;
	margin: 0 0 20px 20px;
}
.accueil_txt{
	float:left;
	width:320px;
	margin:0 0 0 20px;
}
#contenu .accueil_txt p{
	margin-left:0;
}
.horaires{
	width:269px;
	height:99px;
	background: url(../images/accueil/fond-cartouche-accueil.jpg) no-repeat;
	padding:8px;
	margin:0 auto;	
}
#contenu .horaires p, #contenu .horaires h2{
	margin:5px 0 0 0;
	text-align:center;
}
.peugeot{
	margin:15px auto;
	width:150px;
	
}



.services_menu{
 background:url(../images/charte/services_menu.gif);
 width:618px;
 height:155px;
 }
ul#liste_services{
list-style:none;
float:right;
margin:17px 20px 0 0;
}


ul#liste_services li a{
display:block;
width:200px;
height:14px;
margin:0 0 7px 0;
}
a.services_reparation:link, a.services_reparation:visited{ background: url(../images/charte/services_reparation.png);}
a.services_depot:link, a.services_depot:visited{ background:url(../images/charte/services_depot.png);}
a.services_depannage:link, a.services_depannage:visited { background:url(../images/charte/services_depannage.png);}
a.services_assurance:link, a.services_assurance:visited{ background:url(../images/charte/services_assurance.png) ;}
a.services_gardiennage:link, a.services_gardiennage:visited{ background:url(../images/charte/services_gardiennage.png) ;}
a.services_financement:link, a.services_financement:visited{ background:url(../images/charte/services_financement.png);}

a.services_reparation:hover, a.services_reparation:active{ background: url(../images/charte/services_reparation_hover.png) ;}
a.services_depot:hover, a.services_depot:active{ background:url(../images/charte/services_depot_hover.png) no-repeat;}
a.services_depannage:hover, a.services_depannage:active { background:url(../images/charte/services_depannage_hover.png) no-repeat;}
a.services_assurance:hover, a.services_assurance:active{ background:url(../images/charte/services_assurance_hover.png) ;}
a.services_gardiennage:hover, a.services_gardiennage:active{ background:url(../images/charte/services_gardiennage_hover.png);}
a.services_financement:hover, a.services_financement:active{ background:url(../images/charte/services_financement_hover.png) ;}



/* ========= LISTING PRODUIT ========== */

#listing_produit{
	width:402px;
	float:left;
	margin:0 10px 0 0 ;
}

#contenu p#ch2fer{
	margin-bottom:0;
}
#ch2fer a:link, #ch2fer a:visited {
	font-size: 11px;
	text-decoration: none;
	font-style: italic;
	font-weight:normal;
}

#contenu p.pagination {
	margin:5px 20px 0 0px;
	float:left;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	width:100%;
	}


.filtre{
	background: url(../images/charte/filtre.gif) no-repeat;
	width:292px;
	height:49px;
	padding:10px 10px 10px 100px;
}

.filtre .filtre_liste{
	width:85px;
	height:49px;
	float:left;
	margin:0 8px 0 0;
	border-right:1px dotted #ddd;
}
.filtre select{
	background:#fff;
	border:1px solid #eee;
	font:11px/1.4em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666;
	width:77px;
}




#contenu .produit{
	margin:10px 0;
	height: 133px;
	width:402px;
	background:url(../images/charte/bg-listing.gif);
	position:relative;
}


#contenu .produit_visuel { 
	float: left; 
	padding: 20px 0 0 17px;
   }

#contenu .produit_visuel a { 
	float: left; 
	width: 93px; 
	height: 93px;
	border:1px solid #eee;
	background-color: #fff;
   }

#contenu .produit_description { 
	width: 256px;
	height:95px;
	float: left; 
	padding: 20px 17px 18px 17px;
}

#contenu .produit_description h2 { 
	font-size: 14px;
	color: #990000;
	margin-left:0px;
	text-transform:none;
	font-style:normal;	
	width:250px;
	height:16px;
	overflow:hidden;
  }
#contenu .produit_description h2 a{ 
	text-decoration:none;
  }
#contenu .produit_description p { 
	padding-top: 3px; 
	font-size: 12px;
	color: #828282; 
	margin-left:0px;
	width:250px;
	height:34px;
	overflow:hidden;
}
#contenu .produit_description p a:link, #contenu .produit_description p a:visited { 
	font-size: 12px;
	color: #828282;
	text-decoration:none;
}
#contenu .produit_description p a:active, #contenu .produit_description p a:hover { 
	text-decoration:underline;
}

#contenu .produit_description h3 {
	position:absolute;
	bottom:18px;
	right:17px;
	margin:0;
	font-size: 11px; 
	color: #990000;	
	float:right;
}
#contenu .produit_description h3 a:link, #contenu .produit_description h3 a:visited{
	display:block;
	width:122px;
	height:14px;
	background:url(../images/charte/btn_infos.png) no-repeat;
}

#contenu .produit_description h3 a:hover, #contenu .produit_description h3 a:active{ 
	background:url(../images/charte/btn_infos_hover.png) no-repeat;
}

#contenu .produit_description h3 span { 
	display:none;
}



/************ Acesoires ***********/



#contenu .accessoire{
	margin:10px 0;
	height: 80px;
	width:402px;
	background:url(../images/charte/bg-listing-accessoire.gif);
	position:relative;
}


#contenu .accessoire_visuel { 
	float: left; 
	padding: 15px 0 0 17px;
   }

#contenu .accessoire_visuel a { 
	float: left; 
	width: 50px; 
	height: 50px;
	border:1px solid #eee;
	background-color: #fff;
   }

#contenu .accessoire_description { 
	width: 286px;
	height:47px;
	float: left; 
	padding: 15px 17px 18px 17px;
}

#contenu .accessoire_description h2 { 
	font-size: 14px;
	color: #990000;
	margin-left:0px;
	text-transform:none;
	font-style:normal;
	margin:0;
	overflow:hidden;
	width:286px;
	height:16px;
  }
#contenu .accessoire_description h2 a{ 
	text-decoration:none;
  }
#contenu .accessoire_description p { 
	
	font-size: 12px;
	color: #828282; 
	margin:0px;
	overflow:hidden;
	width:286px;
	height:17px;
}


#contenu .accessoire_description h3 {
	position:absolute;
	bottom:18px;
	right:17px;
	margin:0;
	font-size: 11px; 
	color: #990000;	
	float:right;
}
#contenu .accessoire_description h3 a:link, #contenu .accessoire_description h3 a:visited{
	display:block;
	width:122px;
	height:14px;
	background:url(../images/charte/btn_infos.png) no-repeat;
}

#contenu .accessoire_description h3 a:hover, #contenu .accessoire_description h3 a:active{ 
	background:url("../images/charte/btn_infos_hover.png") no-repeat;
}

#contenu .accessoire_description h3 span { 
	display:none;
}











/********************************************************* FICHE PRODUIT ****************************************************/

#fiche-produit{
	width:620px;
	float:left;
	margin:0px 0 0 0px;
	background:url(../images/charte/fiche_haut.gif) no-repeat;
}
#fiche-produit-bas{
	width:620px;
	height:11px;
	float:left;
	margin:0px 0 0 0px;
	background:url(../images/charte/fiche_bas.gif) no-repeat;
}
/* IMAGE FICHE */
#blocimage-fiche {
	width:280px;
	float:left;
	padding:20px 10px 0 20px;
	}
#blocmonhref {
	width:280px;
	float:left;
	padding:20px 10px 0 20px;
	}
#contenu a#img-fiche:link, #contenu a#img-fiche:visited {
	background:#fff;
	width:278px;
	height:278px;
	float:left;
	margin:0 0 0 0px;
	border:1px solid #DFE0E3;
	text-align:center;
	position:relative;
	}
#contenu a#monhref:link, #contenu a#monhref:visited {
	background:#fff;
	width:278px;
	height:278px;
	float:left;
	margin:0 0 0 0px;
	border:1px solid #DFE0E3;
	text-align:center;
	position:relative;
	}
#contenu span#picto-exclu {
	position: absolute;
	width:278px;
	height:20px;
	bottom:0px;
	left:0px;
	background:url(../images/charte/picto-exclu.png) no-repeat;	
	}
	
	#contenu span#picto-selec {
	position: absolute;
	width:278px;
	height:20px;
	bottom:10px;
	left:0px;
	background:url(../images/charte/picto-selec.png) no-repeat;	
	}
#contenu a#img-fiche:hover, #contenu a#img-fiche:active {border:1px solid #ddd;}	
#contenu a#monhref:hover, #contenu a#monhref:active {border:1px solid #ddd;}

#blocvignetteH-fiche {
	width:280px;
	height:80px;
	float:right;
	margin:16px 0 16px 0;
	}	

#blocvignetteH-fiche a:link, #blocvignetteH-fiche a:visited {
	margin-right:11px;
	width:80px;
	height:80px;
	background:#fff;
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #DFE0E3;
	text-align:center;
	}

#blocvignetteH-fiche a:hover, #blocvignetteH-fiche a:active {border:1px solid #666;}


/* CONTENU FICHE */

#contenu-fiche {
	width:290px;
	float:left;
	padding:20px 0 0 0;
	}

	

#bloc-des-marque {
	margin-bottom:10px ;
	padding:5px 15px;
	text-align:left;
	}

#contenu #bloc-des-marque p.des {
	font:bold 16px  Verdana, Helvetica, sans-serif;
	color:#f00;
	margin:0;
	padding:0;
	}
#contenu #bloc-des-marque p.marque {
	font:bold 13px  "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #666;
	}
/* DESCRIPTION PRODUIT */
#description {
    margin:0px 0 10px 0px;
    height:auto;
    padding:0px 15px 10px 15px;
	float:left;
    }

#contenu #description p {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#303030;
	text-align:left;
    padding:0;
	float:left;
	margin:0px;
	border-bottom:1px dotted #ddd;

	}
#contenu #description p label {
	float:left;
	text-align:right;
	width:180px;
	}

#contenu #description p strong {
	font-size:12px;
	float:left;
	width:80px;
	}
	
	

#bloc-prix {
	margin-bottom:10px ;
	padding:5px 15px;
	text-align:right;
	}
#contenu #bloc-prix  p {
	font:bold 16px  "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#f00;
	margin:0;
	padding:0;
	text-align:right;
	}
#contenu #bloc-prix  p.reduit {
	font:bold 13px  "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:0;
	text-align:right;
	}
#contenu #bloc-prix  p.occasion {
	font:bold 16px  "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#f00;
	margin:0;
	padding:0;
	text-align:right;
	}
	
	
	
#bloc-ami-contact {
	height:27px;
	margin:0pt 0pt 0pt 0px;
}


#contenu a.amis:link, #contenu a.amis:visited{
border:0px;
background:url(../images/charte/btn_ami.png) no-repeat;
width:135px;
height:27px;
float:left;
margin: 0 8px 0 0 ;
}
#contenu a.amis:hover, #contenu a.amis:active{
border:0px;
background:url(../images/charte/btn_ami-hover.png) no-repeat;

}


#contenu a.contactez:link, #contenu a.contactez:visited{
border:0px none;
float:left;
background:url(../images/charte/btn_contact.png) no-repeat;
width:135px;
height:27px;

}
#contenu a.contactez:hover, #contenu a.contactez:active{
background:url(../images/charte/btn_contact-hover.png) no-repeat;
border:0px none;
float:left;
}


/* RUBRIQUE - ENVOYER A UN AMI */

#bloc-ami {
	font-size:12px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	width:350px;
	float:left;
	background:#fff;
	margin:25px 0 0 10px;
	padding-left:10px;
	color:#303030;
}
#bloc-ami label{
	font-size:12px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#303030;
}
#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	color:#303030;
	font-size:12px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	}

#bloc-ami #f_envoyerAmi input{
	width:200px;
	height:15px;
	padding-left:2px;
	background:#fff;
	border:1px solid #D6C8C3;
}

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	font-size:12px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	height:80px;
	padding-left:2px;
	background:#fff;
	border:1px solid #D6C8C3;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#303030;
	background:#fff;
	border:1px solid #D6C8C3;
	cursor:pointer;
	text-align:center;
	}

#bloc-ami #f_envoyerAmi .bouton-ami:hover{
	width:80px;
	height:20px;
	color:#303030;
	background:#fff;
	border:1px solid #D6C8C3;
	}





/***************** STYLE DE LA PAGE CONTACT *****************/

.adresse, .coords{
background:url(../images/charte/cartouche.gif);
width:256px;
height:170px;
float:left;
padding: 20px 20px 8px 20px;
text-align:center;

}
#contenu .adresse p, #contenu .coords p{
text-align:center;
margin:0;
}
#contenu .contact-gauche, #contenu .contact-droite{
float:left;
width:300px;
}




#contenu .contact{
	margin-top:10px;
	padding-left:0px;
	border-bottom:1px solid #CCC;
}
#contenu .contact #formcontact{
	margin-left:00px;
	padding:10px;
}


#contenu .contact #formcontact label{
	width:70px;
	float:left;
	text-align:right;
	margin-right:10px;
}
#contenu .contact #formcontact input{
	width:150px;
	background:#FFF;
	border:1px solid #666666;
	color:#666666;
	font-size:11px;
}
#contenu .contact #formcontact select{
	background:#FFF;
	border:1px solid #666666;
	width:150px;
	color:#666666;
	font-size:11px;
}
#contenu .contact #formcontact .boutons input{
	width:90px;
	background:#FFF;
	border:1px solid #666666;
	color:#666666;
	margin-right:10px;
}

#contenu .contact #formcontact textarea{
	width:150px;
	background:#FFF;
	border:1px solid #666666;
	color:#666666;
	font-size:11px;
}
#contenu .contact #formcontact .champRequis{
color:#B30F28;
}
#contenu .contact #formcontact p.capa {
	margin-left:50px;
	text-align:justify;
	width:220px;
}

#contenu .contact #formcontact .boutons{
	margin-left:50px;
}