/* 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";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}



/* STYLE CONTENU */
.smaller{font-size:8px;}
p {margin-bottom:10px; font-family:"Trebuchet MS"; font-size:12px; text-align:justify; color:#003333;}

#contenu .couleur  {color:#CD4909;}
#contenu .couleur1 {color:#5F7573; text-align:center; font-size:14px; margin:20px 0;}
#contenu .couleur2 {color:#5F7573; text-align:left; font-size:14px;}
#contenu .couleur3 {color:#5F7573; text-align:center; font-size:18px;}
#contenu .couleur4 {color:#5F7573; text-align:left; font-size:13px;}

#contenu a:link img, #contenu a:visited img  {
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
border:1px solid #CCC;
border-bottom:none;
}

#contenu a:hover img, #contenu a:active img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
border:1px solid #CCC;
border-bottom:none;
}


ul {list-style:none; margin:0 0 20px 20px;}
li {
	list-style:square;
	padding-bottom:2px;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#003333;
	}

/* FIL ARIANE */
#contenu h1#filariane {
	color:#7C8B84;
	font-size:15px;
	text-decoration:none;
	margin:30px 0 15px 20px;
	font-style:normal;
	width:670px;
	font-family:"Trebuchet MS";
	font-variant:small-caps;
}

#contenu h1#filariane a:link, #contenu h1#filariane a:visited {
	color:#7C8B84;
	font-size:14px;
	text-decoration:none;
	margin:20px 0 0 0;
	font-weight:norm
}
#contenu h1#filariane a:hover, #contenu h1#filariane a:active{text-decoration:none; color:#003333;}


/* PAGINATION */
.pagination {
	width:500px;
	margin:20px auto;
	color:#003333;
	font-size:11px;
	text-align:center;
	}



/* RUBRIQUE ACCUEIL */
#accueil {
	float:left;
	width:380px;
	padding-left:5px;	
	margin:20px 60px 0 0;
}

#accueil-catalogue {
	float:left;
	margin:20px 0 0 0;
	width:340px;
}



/* RUBRIQUE CATALOGUE */
#catalogue {
	width:640px;
	margin:30px 0 0 40px;
	}
	
#vignette{
	float:left;
	width:130px;
	margin:0 30px 20px 0;
	text-align:center;
	padding-top:1px;
	margin-top:1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
}

#contenu p.designation-listing{
	padding:0 2px 1px 2px;
	width:126px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-align:center;
	margin-bottom:0;
}

#contenu p.marque-listing{
	padding:1px 2px 0 2px;
	font-size:11px;
	width:126px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C2C2C2;
	font-variant:small-caps;
	text-align:center;
	margin-bottom:0;
}

#contenu  p.prix-listing{
	padding:0 1px;
	width:126px;
	background-color:#EBEBEB;
	color:#CD4909;
	font-size:16px;
	font-weight:bold;
	height:20px;
	text-align:center;
}

#contenu  span.prix-barre-listing{
	color:#333;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	text-decoration:line-through;
}


#contenu a.img-listing {
	display:block;
	height:134px;
	width:130px;
	text-align:center;
}

#filtre {
	width:750px;
	height:20px;
	margin-bottom:20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#filtre span.libelle-liste {
	float:left;
	color:#666;
	font-size:12px;
	margin-right:5px;
	padding-top:1px;
	}
	
select.liste-listing {
	width:150px;
	background-color:#F1F1F1;
	color:#333;
	font-size:11px;
	text-align:left;
	border:1px solid #666;
	float:left;
	margin-right:15px;
}



/* LES PICTOS */
#picto-nouveau, #picto-promo, #picto-coeur, #picto-indisponible {
	top:-8px;
	left:27px;
	width:85px;
	height:30px;
	z-index:100;
	}
	
#picto-nouveau{
	background:url(../images/charte/picto-nouveau.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-nouveau.png', sizingMethod='scale');
	position:absolute;
	}

#picto-promo{
	background:url(../images/charte/picto-promo.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-promo.png', sizingMethod='scale');
	position:absolute;
	}

#picto-coeur{
	left:30px;
	top:-7px;
	background:url(../images/charte/picto-coeur.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-coeur.png', sizingMethod='scale');
	position:absolute;
	}
	
#picto-indisponible{
	width:130px;
	height:30px;
	z-index:100;
	left:2px;
	top:-7px;
	background:url(../images/charte/picto-indisponible.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-indisponible.png', sizingMethod='scale');
	position:absolute;
	}



/* LA FICHE PRODUIT */
#fiche-produit {
	width:750px;
	margin:0 0 0 30px;
	}
	
	
#bloc-image-fp {
	width:250px;
	float:left;
	margin:10px 40px 0 10px;
	position:relative;
	}

#contenu p.img-fp {
	width:250px;
	height:250px;
	text-align:center;
	padding:0;
	line-height:0;
	margin-bottom:5px;
	margin-top:10px;
	position:relative;
}
#contenu p.img-fp img{border:1px solid #CCC;}

#contenu p.vignette-fp {
	width:240px;
	height:40px;
	margin:10px auto;
	padding:0;
	line-height:0;
	text-align:center;
}
#contenu p.vignette-fp a:link img, #contenu p.vignette-fp a:visited img {
	border:1px solid #CCC;
	margin-right:8px;
	width:40px;
	height:40px;
}

#contenu-fp {
	width:153px;
	margin:20px 10px 0 0;
	min-height:250px;
	padding:10px;
	border:1px solid #000;
	float:left;
	color:#003333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#7C8B84;
	position:relative;
}



#contenu h1#titre-fp {
	text-decoration:none;
	font-variant:small-caps;
	font-size:17px;
	padding-top:0;
	color:#003333;
	margin:0 0 2px 0;
	padding:0;
	width:100%;
}

#contenu h1#marque-fp {
	text-decoration:none;
	font-variant:small-caps;
	font-size:13px;
	padding-top:0;
	color:#FFF;
	margin:0 0 0 0;
	border-bottom:none;
	padding:0;
	width:100%;
}

#contenu p#designation-fp {
	font-weight:bold;
	padding:0;
	font-variant:small-caps;
	font-size:14px;
	color:#003333;
	margin-bottom:2px;
}

#contenu p.donnees-fp {
	font-weight:bold;
	margin-bottom:10px;
	padding:0;
}

#contenu p.description-fp {
	margin:10px 0 0 0;
	color:#003333;
	text-align:justify;
	}

#contenu span.prixbarre-fp {
	text-decoration:line-through;
	margin-right:5px;
	margin-bottom:10px;
	color:#c2c2c2;
	font-size:12px;
	float:left;
	margin-top:4px;
}
#contenu span.prix-fp {
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	color:#003333;
	margin-bottom:30px;
	float:left;
}

#contenu p.labeliste-fp {
	font-weight:bold;
	margin-bottom:5px;
	width:52px;
	float:left;
	color:#FFF;
}

select.liste-fp{
	width:80px;
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#5F7573;
	margin-left:10px;
	color:#FFF;
	margin-bottom:5px;	
}


#commande{width:155px; margin-top:50px;}
#contenu a:link.panier-fp, #contenu a:visited.panier-fp {
	background:#003333 url(../images/charte/picto-panier.gif) top left no-repeat;
	width:130px;
	height:15px;
	padding:1px 0 2px 42px;
	text-decoration:none;
	font-size:13px;
	border:1px solid #003333;
	color:#FFF;
	font-variant:small-caps;
	display:block;
	margin:0 0 5px -11px;

}

#contenu a:link.amis-fp, #contenu a:visited.amis-fp{
	background:#003333 url(../images/charte/picto-ami.gif) top left no-repeat;
	width:130px;
	height:15px;
	padding:1px 0 2px 42px;
	text-decoration:none;
	font-size:13px;
	line-height:15px;
	border:1px solid #003333;
	color:#FFF;
	font-variant:small-caps;
	display:block;
	margin:0 0 5px -11px;
}

#contenu a:link.contact-fp, #contenu a:visited.contact-fp {
	background:#003333 url(../images/charte/picto-contact.gif) top left no-repeat;
	width:130px;
	height:15px;
	padding:1px 0 2px 42px;
	text-decoration:none;
	font-size:13px;
	border:1px solid #003333;
	color:#FFF;
	font-variant:small-caps;
	display:block;
	margin:0 0 5px -11px;
}
#contenu a:hover.panier-fp, #contenu a:active.panier-fp, #contenu a:hover.amis-fp, #contenu a:active.amis-fp, #contenu a:hover.contact-fp, #contenu a:active.contact-fp {color:#c2c2c2;}

#option {width:100%; margin:10px 0 5px 0}
.check-fp {color:#c2c2c2; float:left; background:none; border:none;}
.span-check {color:#c2c2c2; float:left; margin-left:4px; width:120px;}





/* PICTOS FICHE PRODUIT */
#picto-nouveau-fp, #picto-promo-fp, #picto-occasion-fp {
	top:-5px;
	left:80px;
	width:85px;
	height:30px;
	z-index:100;
	}
	
#picto-nouveau-fp{
	background:url(../images/charte/picto-nouveau.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-nouveau.png', sizingMethod='scale');
	position:absolute;
	}

#picto-promo-fp{
	background:url(../images/charte/picto-promo.png) top left no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-promo.png', sizingMethod='scale');
	position:absolute;
	}
	


/* PRODUITS ASSOCIES */
#bloc-produit-assoc {
	width:530px;
	padding:5px;
	margin-left:70px;
	font-size:14px;
}

.produit-assoc {
	width:140px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#666;
	margin-right:15px;
	float:left;
	padding-right:15px; 
	border-right:1px solid #5F7573;
}
#contenu #bloc-produit-assoc a img {border:1px solid #CCC;}


/* RUBRIQUE MENTIONS */
#bloc-mentions {
	margin:30px 0 0 80px;
	border-left:1px solid #7C8B84;
	padding-left:5px;
	width:550px;
	}


/** RUBRIQUE CONTACT */
#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:40px 20px 20px 40px;
	padding: 0 5px;
}

#bloc-adresse-contact p {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#003333;}

#bloc-adresse-contact p.nota {
	font-style:italic;
	color:#003333;
	font-size:10px;
	text-align:justify;
	display:block;
	margin:20px 0 0 0 ;
	}


.cnil {
	font-style:italic;
	color:#7C8B84;
	font-size:9px;
	text-align:right;
	margin:0 250px 0 0 ;
	width:400px;
	float:right;
	}

.nota {
	font-style:italic;
	color:#7C8B84;
	font-size:9px;
	text-align:center;
	}

/** **/

#bloc-contact, #bloc-ami {
	width: 320px;
	float:left;
	margin:40px 0 20px 0;
}

#bloc-contact, #formContact input, #formContact textarea, #formContact select.liste, #f_envoyerAmi .bouton,#f_envoyerAmi input, #f_envoyerAmi textarea, #f_envoyerAmi select.liste, #f_envoyerAmi .bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003333;
}

#formContact input, #formContact textarea, #formContact select.liste{
	width:200px;
	border:1px solid #003333;
	background:none;
}

#bloc-contact label {
	text-align:right;
	padding-right:10px;
	display:block;
	color:#003333;
}

#bloc-contact span.libelle {
	text-align:right;
	display:block;
	font-weight:bold;
	color:#003333;
}

#formContact .radio, #formContact .check{
	width:10%;
	border:none;
	margin-bottom:3px;
}

#formContact .bouton {
	width:80px;
	border:1px solid #003333;
	background-color:#003333;
	cursor:pointer;
	color:#CCC;
}
#formContact .bouton:hover {background-color:#7C8B84; color:#FFF;}

#bloc-merci {
	width:500px;
	margin:30px 50px 20px 0 ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003333;
}

.champRequis{color:#ff6000; font-size:9px;}


/* RUBRIQUE REPARATION */
#bloc-reparation {
	width:250px;
	float:left;
	margin:40px 0 0 10px;
}

#image-reparation {
	width:200px;
	height:600px;
	margin:45px 0 0 30px;
	float:left;
}

#image-reparation  img {border:1px solid #5F7573; margin-bottom:5px;}

#contenuTexte h2.reparation{
	margin:20px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.5em;
	text-align:left;
	color:#5F7573;
	font-variant:small-caps;
}

/* RUBRIQUE LES PLUS */
#bloc-plus {
	width:500px;
	float:left;
	margin:40px 0 0 80px;
	padding-left:5px;
	border-left:1px solid #7C8B84;
}

#contenuTexte h2.plus{
	margin:20px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:1.8em;
	text-align:left;
	color:#5F7573;