/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "jd.slideshow.css";
@import "flexcrollstyles.css";

/* STYLE CONTENU */
#contenu h1{
font:bold 1.8em Arial, Helvetica, sans-serif;
text-align:left;
color:#0f3192;
margin-bottom:5px;
text-transform :uppercase;
}

#contenu h2{
font:bold 1.5em Arial, Helvetica, sans-serif;
text-align:left;
color:#cb2616;

text-transform :uppercase;
padding:10px 0 5px 0;
}
#contenu p{
font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#003362;
margin:10px 0;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#cb2616;
letter-spacing:1px;
}
#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#0f3192;
letter-spacing:1px;
}


#contenu-milieu {
float:left;
width:480px;
}


#news  {
width:200px;
float:right;
margin:0 0 10px 10px;
overflow:auto;
background:#FFF;
font:bold 1em Arial, Helvetica, sans-serif;
color:#003362;
border :1px solid #c0c0c0;

}

#contenu #news p {
font:bold 1em Arial, Helvetica, sans-serif;
color:#003362;
margin:0px 0;
padding:5px;
}

#contenu #news h1 {
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#cb2616;
padding: 5px 5px 0 5px;
margin:0;
}

#contenu #news h2 {
font:bold 1.8em Arial, Helvetica, sans-serif;
color:#cb2616;
padding: 5px 5px 0 5px;
display:block;
margin:0;
border-bottom:1px solid #c0c0c0;

}



/*------------- STYLE DE LA PAGE ACCUEIL ------------*/

#diaporam-accueil{
	float:left;
	width:200px;
	height:200px;
	margin-right:30px;
}




/*------------- STYLE DE LA PAGE concessions ------------*/

#concession-gauche{
	float:left;
	width:220px;
	margin-right:30px;
}


#concession-droite{
	float:left;
	width:220px;
}
#contenu .concession_image{	
	margin:10px 0 10px 0;
}
#contenu .concession_image a{	
	width:50px;
	float:left;
	margin:0 6px 0 0;
	border:0;
	text-decoration:none;
	cursor:pointer;
}
#contenu .concession_image img{
	border:0;
}
 

/*------------- STYLE DE LA PAGE ACTUALITE ------------*/

.actualite{
	float:left;
	border-bottom:1px dashed #000066;
	margin:10px 0;
}
div.actualite-paging{
	float:left;
	margin:5px 0;
	width:450px;
	text-align:center;
}
div.actualite-paging p{
	text-align:center;
}
.detail-visuels{
	float:left;
	margin-right:10px;
	width:90px;
}
.detail-visuels a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.detail-visuels a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
.detail-actu{
	float:left;
	width:350px;
}
.detail-actu .entete{
	font-style:italic;
	font-weight:bold;
	color:#666666;
}







/*------------- STYLE DE LA PAGE Motos préparées ------------*/

.bloc-moto{
	float:left;
	width:140px;
	margin-right:20px;
	margin-top:15px;
}
*html .bloc-moto{
	margin-right:15px;
}
.bloc-moto a img{
	border:none;
	float:left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.bloc-moto a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
.bloc-moto a img.plusdetail{
	float:right;
}
#contenu .titre-moto{
	border-top:1px dashed #000066;
	margin-top:10px;
	padding-top:5px;
	height:25px;
	width:120px;
}
*html #contenu .titre-moto{
	margin-top:20px;
}
*+html #contenu .titre-moto{
	margin-top:20px;
}

/* PAGINATION */
.pagination-produit{
	width:300px;
	text-align:center;
	padding-top:5px;
	margin: 15px auto 0 auto;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	}
	
#listing-produit .pagination-produit a{color:#ff0066;}	
#listing-produit .pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}


/*------------- STYLE DE LA PAGE Motos préparées FICHE PRODUIT DETAIL ------------*/

#fiche-moto-gauche{
	float:left;
	width:250px;
	margin-right:5px;
}
#fiche-moto-gauche a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#fiche-moto-gauche a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
#fiche-moto-gauche .petites a img{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}
#fiche-moto-droite{
	float:left;
	width:220px;
}




/*------------- STYLE DE LA PAGE liens ------------*/

a img.lien{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
a:hover img.lien{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}




/*------------- STYLE DE LA PAGE Contact ------------*/

#formulaire-gauche{
	width:290px;
	border-right:1px dashed #CCCCCC;
	padding-right:5px;
	float:left;
	margin-top:15px;
}

#contenu #formulaire-droite{
	width:165px;
	float:left;
	font-size:10px;
	line-height:15px;
	margin-top:15px;
	margin-left:10px;
}
#contenu #formulaire-droite p{
	text-align:justify;
}
#contenu #formulaire-droite .color{
	margin-bottom:10px;
}
#contenu #formulaire-droite .plan-acces{
	margin:10px 0;
}

#formulaire-gauche input{
	background:none;
	border:1px solid #2E65B0;
	width:150px;
}

#contenu #formulaire-gauche input.radio-bouton{
	width:100px;
	border:none;
}

#formulaire-gauche textarea{
	width:150px;
	border:1px solid #2E65B0;
}
#formulaire-gauche .boutons{
	padding-left:145px;
}
#contenu #formulaire-gauche .boutons input{
	width:60px;
}
#contenu #formulaire-gauche p{
	margin:10px 0;
}
#formulaire-gauche label{
	width:130px;
	float:left;
}
.obligatoire{
	color:#990000;
}