/* 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 "typographie.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* BLOC GARANTIE */
.bloc-garantie {
	width:196px;
	background:url(../images/charte/bg-hautvignette-garantie.gif) left top no-repeat;
	padding:46px 0 0 0 ;
	margin:0 0 15px;
	}
			
.blocint-garantie {
	width:186px;
	background:url(../images/charte/bg-milieuvignette.gif) left top repeat-y;
	padding:0 5px;
	}

.blocbas-garantie {
	width:196px;
	height:5px;
	background:url(../images/charte/bg-basvignette.gif) left top no-repeat;
	}



/* ENCART PUBLICITAIRE */
.encart-pub {
	width:120px;
	margin:10px auto 10px auto;	
	text-align:center;
	background:none;
	}

#menu a.img-encart:link, #menu a.img-encart:visited {
	display:block;
	width:120px;
	margin:0;
	text-align:center;
	background:none;
	text-indent:0;
	}
	
#menu a.img-encart img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	border:none;
	}
#menu a:hover.img-encart img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	border:none;
	}

.encart-pub p, #contenuTexte .encart-pub2 p {
	text-align:center;
	color:#999;
	font:11px/13px Arial, Helvetica, sans-serif;
	margin-top:5px;
	text-indent:0;
	}
		
.encart-pub2 {
	width:196px;
	margin:30px 0 10px 0;	
	}
		




/* PAGE ACCUEIL */
#bloc-accueil {
	width:425px;
	float:left;
	margin:20px 0 0 0;
	}

#contenuTexte #bloc-accueil p {
	font-size:11px;
	}
	
#bloc-accueilgche {
	width:200px;
	float:right;
	margin:22px 0 0 0;
	}
	
#bloc-accueilgche a.vip:link, #bloc-accueilgche a.vip:visited {
	background:url(../images/charte/bt-vip.gif) left top no-repeat;
	width:196;
	height:83px;
	margin:0 0 15px 0;
	display:block;
	}
#bloc-accueilgche a.vip:hover, #bloc-accueilgche a.vip:active {background:url(../images/charte/bt-vipH.gif) left top no-repeat;}
	
#bloc-accueilgche a.ami {
	background:url(../images/charte/bt-ami.gif) left top no-repeat;
	width:196;
	height:53px;
	margin:0 0 0 0;
	display:block;
	}
#bloc-accueilgche a.ami:hover {background:url(../images/charte/bt-amiH.gif) left top no-repeat;}




/* RUBRIQUE MENTIONS LEGALES */
#bloc-mentions {
	margin:30px 0 0 40px;
	padding-left:5px;
	width:450px;
	}


/* RUBRIQUE CGV */
#bloc-cgv {
	margin:30px 0 0 20px;
	width:535px;
	}
	
#bloc-cgv2{
	margin:30px 0 0 20px;
	width:535px;
	float:left;
	}
	
		
/* RUBRIQUE FAQ */
#bloc-faq {
	width:500px;
	margin:30px 0 0 50px;
	}

.faq-contenu {
	width:500px;
	float:left;
	margin:10px 0 20px 0;
	font-size:11px;
	line-height:16px;
	border-bottom:1px dotted #CCC;
}

#contenuTexte p.faq-titre{
	font-variant:small-caps;
	color:#666;
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	line-height:18px;
	font:small-caps bold 15px Arial, Helvetica, sans-serif;
	}

#contenuTexte .faq-texte p {
	text-align:justify;
	font-size:12px;
	line-height:16px;
	color:#FFF;
}




/** RUBRIQUE CONTACT **/
#bloc-adrcontact {
	width:250px;
	float:left;
	margin:40px 0 0 20px;
}
#bloc-adrcontact p {font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}

#contenuTexte h1#tit-contact{
	background:url(../images/charte/img-contact.gif) left top no-repeat;
	width:240px;
	height:89px;
	margin:10px 0 30px 0;
}
#contenuTexte h1#tit-contact span {display:none;}


#bloc-contact{
	width:300px;
	float:left;
	margin:60px 0 30px 0;
}

#bloc-contact, #formContact input, #formContact textarea, #formContact select.liste, #formContact .bouton {
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#e6e6e6;
}

#formContact input{
	width:140px;
	border:1px solid #A7005A;
	background:none;
}

#formContact select.liste{
	width:140px;
	border:1px solid #A7005A;
	background:#A7005A;
	color:#FFF;
	padding:0;
	margin:0 0 5px 0;
}

#formContact textarea{
	width:200px;
	border:1px solid #A7005A;
	background:none;
}

#bloc-contact label {
	text-align:right;
	display:block;
	padding-right:10px;
	color:#e6e6e6;
	width:125px;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#formContact .radio {
	width:8%;
	border:none;
	margin:1px 2px 0 0;
}

#formContact .check{
	width:8%;
	border:none;
	margin-bottom:1px;
}

#formContact .bouton{
	width:70px;
	color:#FFF;
	height:18px;
	background-color:#A7005A;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	font-size:10px;
}
#formContact .bouton:hover {color:#000;}

#bloc-merci {
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	width:500px;
	margin:30px 50px 20px 0 ;
	color:#FFF;
}
#contenuTexte #formContact .nota, #contenuTexte #formContact p.nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#E2017B; font:normal 9px Tahoma, Arial, Helvetica, sans-serif;}

.nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
	
	
	
/* NEWSLETTER */
#contenuTexte h1#tit-newsletter{
	background:url(../images/charte/img-newsletter.gif) left top no-repeat;
	width:235px;
	height:89px;
	margin:0 0 30px 0;
}
#contenuTexte h1#tit-newsletter span {display:none;}
	


/* RUBRIQUE PARTENAIRES */
#bloc-partenaires {
	margin:30px 0 0 40px;
	padding-left:5px;
	width:450px;
	}

#bloc-partenaires a:link, #bloc-partenaires a:visited {
	width:100px;
	height:100px;
	float:left;
	margin:5px 15px 10px 0;
	}
		
		
		
		
/********************************************************* CATALOGUE  ******************************************************/
/* BLOC */
.bloc-recapPanier {
	width:185px;
	background:url(../images/charte/bg-hautRecapPanier.gif) left top no-repeat;
	padding:53px 0 0 0;
	margin:8px 0 0 0;
	text-align:center;
	}
				
.blocint-recapPanier {
	width:175px;
	background:url(../images/charte/bg-intRecapPanier.gif) left top repeat-y;
	padding:5px 5px 10px 5px;
	min-height:150px;
	}

#contenuTexte a.blocbas-recapPanier:link, #contenuTexte a.blocbas-recapPanier:visited {
	width:185px;
	height:28px;
	float:left;
	background:url(../images/charte/bg-btRecapPanier.gif) left top no-repeat;
	cursor:pointer;
	}
#contenuTexte a.blocbas-recapPanier:hover, #contenuTexte a.blocbas-recapPanier:active {background:url(../images/charte/bg-btHRecapPanier.gif) left top no-repeat;}
	
.ligne-recap {
	width:175px;
	margin:4px 0 4px 0;
	float:left;
	}

#contenuTexte a:link.img-recap, #contenuTexte a:visited.img-recap {
	width:25px;
	height:25px;
	float:left;
	margin:0 3px 0 0;
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #666;
	}
#contenuTexte a:hover.img-recap, #contenuTexte a:active.img-recap{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	border:1px solid #666;
	}
			
.designation-recap {
	width:62px;
	float:left;
	margin:0 5px 0 0;
	color:#666666;
	}
	
.qte-recap {
	width:17px;
	float:left;
	margin:0 1px 0 0;
	}
	
.prix-recap {
	width:45px;
	float:left;
	margin:0 7px 0 0;
	color:#FF3399;
	text-align:right;
	}

#contenuTexte a:link.suppr-recap, #contenuTexte a:visited.suppr-recap {
	width:7px;
	float:left;
	margin:-1px 0 0 0;
	font-size:11px;
	color:#FF3399;
	}
#contenuTexte a:hover.suppr-recap, #contenuTexte a:active.suppr-recap {color:#666;}



/* FIL ARIANE */
#chemin{
	float:left;
	margin:21px 0 0 0;
	width:610px;
	text-align:left;
	color:#FF3399;
	padding:2px 0 3px 20px;
	background:#252525;
	font: small-caps bold 13px Arial, Helvetica, sans-serif;
	position:relative;
	}
	
#contenuTexte #chemin a:link, #contenuTexte #chemin a:visited{
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
	font:12px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	}
	
#contenuTexte #chemin a:hover {text-decoration:underline;}

	
/* FILTRE */
#filtre {
	position:absolute;
	right:0;
	top:0px;
	width:260px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 10px 0 0;
	}
	
select.liste-listing {
	width:110px;
	background-color:#2D2D2D;
	color:#FFF;
	font-size:11px;
	text-align:left;
	border:1px solid #666;
	margin:0 0 0 10px;
	float:left;
}

.filtre-accueil {
	float:right;
	width:350px;
	margin:0 0 15px 0;
}
select.liste-accueil {
	width:200px;
	background-color:#2D2D2D;
	color:#ccc;
	font-size:11px;
	text-align:left;
	border:1px solid #666;
	margin:0;
	float:right;
}

span.label-select{
	width:55px;
	color:#666;
	font-size:11px;
	text-align:left;
	margin:1px 0 0 0;
	float:right;
}

/* PAGINATION */
.pagination {
	width:250px;
	margin:0 auto 0 auto;
	font-size:11px;
	color:#666;
	text-align:center;
	border-top:1px solid #333;
	padding-top:3px;
	}

/* LE CATALOGUE */
#catalogue {
	width:440px;
	height:auto;
	margin:30px 0 0 0;
	float:left;
	}
		
.vignette-produit{
	float:left;
	width:200px;
	margin:0 20px 35px 0;
	text-align:center;
	padding-top:1px;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;
}

.vignette-produit.accueil{
	float:left;
	width:200px;
	margin:0 20px 35px 0;
	text-align:center;
	padding-top:1px;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;
}

#contenuTexte p.designation-listing{
	padding:5px 10px 5px 10px;
	width:180px;
	height:34px;
	background:url(../images/charte/bg-designation.gif) left top no-repeat;
	font: small-caps bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	color:#CCC;
	text-align:left;
	vertical-align:middle;
}

#contenuTexte p.prix-listing{
	padding:5px 10px 0 10px;
	width:180px;
	height:21px;
	background:url(../images/charte/bg-prix.gif) left top;
	font: small-caps bold 13px Arial, Helvetica, sans-serif;
	margin:0;
	color:#FF3399;
}
span.barre-produit {font-size:11px; color:#CCC;}

#contenuTexte a.img-listing:link, #contenuTexte a.img-listing:visited {
	display:block;
	width:198px;
	height:200px;
	text-align:center;
	background:#1E1E1E;
	border:1px solid #333333;
	position:relative;
}
#contenuTexte a.img-listing:link img , #contenuTexte a.img-listing:visited img {border:2px solid #333333;}
#contenuTexte a.img-listing:link img.sans , #contenuTexte a.img-listing:visited img.sans {border:none;}


#contenuTexte a.btdetail-listing:link, #contenuTexte a.btdetail-listing:visited {
	display:block;
	width:200px;
	height:16px;
	cursor:pointer;
	background:url(../images/charte/bt-details.gif) left top no-repeat;
}
#contenuTexte a.btdetail-listing:hover, #contenuTexte a.btdetail-listing:active {background:url(../images/charte/bt-detailshover.gif) left top no-repeat;}


#contenuTexte a.btepuise-listing:link, #contenuTexte a.btepuise-listing:visited {
	display:block;
	width:200px;
	height:16px;
	cursor:pointer;
	background:url(../images/charte/bt-epuise.gif) left top no-repeat;
}
span.prix-barre {text-decoration:line-through;}

.marque-listing {
	position:absolute;
	width:197px;
	height:18px;
	bottom:0;
	left:0;
	font: small-caps bold 12px Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align:center;
	background:#151515;
	z-index:50;
	padding:2px 0 0 0;
	}
 
/* PICTOS */
.picto-promo, .picto-new, .picto-best {
	bottom:0px;
	right:0px;
	width:75px;
	height:75px;
	z-index:100;
	position:absolute;
	}
.picto-promo {
	background:url(../images/charte/picto-promotion.png) left top no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-promotion.png', sizingMethod='image');
}
.picto-new {
	background:url(../images/charte/picto-nouveaute.png) left top no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-nouveaute.png', sizingMethod='image');
	}
.picto-best {
	background:url(../images/charte/picto-best.png) left top no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-best.png', sizingMethod='image');}

.picto-epuise {
	bottom:0px;
	right:0px;
	width:199px;
	height:199px;
	z-index:100;
	position:absolute;
	background:url(../images/charte/picto-epuise.png) left top no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto-epuise.png', sizingMethod='image');
	}

/********************************************************* FICHE PRODUIT ****************************************************/
#fiche-produit{
	width:100%;
	float:left;
	margin:30px 0 0 0;
}

/* IMAGE FICHE */
#blocimage-fiche {
	width:325px;
	height:360px;
	float:left;
	margin:10px 10px 0 0;
	}

#contenuTexte a:link#img-fiche, #contenuTexte a:visited#img-fiche {
	background:#1C1C1C;
	width:250px;
	height:280px;
	float:left;
	margin:0 0 0 4px;
	border:3px solid #303030;
	text-align:center;
	}
#contenuTexte a:hover#img-fiche, #contenuTexte a:active#img-fiche {border:3px solid #252525;}
	
#blocvignetteV-fiche {
	width:59px;
	height:280px;
	float:left;
	}	
	
#blocvignetteV-fiche a:link, #blocvignetteV-fiche a:visited {
	margin-bottom:7px;
	width:55px;
	height:62px;
	display:block;
	background:#1C1C1C;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	border:2px solid #252525;
	}
#blocvignetteV-fiche a:hover, #blocvignetteV-fiche a:active {border:2px solid #252525;}

#blocvignetteH-fiche {
	width:260px;
	height:66px;
	float:right;
	margin:6px 0 0 0;
	}	
	
#blocvignetteH-fiche a:link, #blocvignetteH-fiche a:visited {
	margin-right:6px;
	height:62px;
	width:55px;
	background:#1C1C1C;
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	border:2px solid #252525;
	}
#blocvignetteH-fiche a:hover, #blocvignetteH-fiche a:active {border:2px solid #252525;}


/* CONTENU FICHE */
#contenu-fiche {
	width:297px;
	height:300px;
	float:left;
	margin:10px 0 0 0;
	}

span.petit {
	color:#666666;
	font:small-caps bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0;
	margin:0 0 0 0;
	}
	
#blocdesignation-fiche {
	width:267px;
	height:58px;
	background:url(../images/charte/bg-fiche-designation.gif) left top no-repeat;
	padding:10px 15px;
	}

#contenuTexte #blocdesignation-fiche p {
	font:small-caps bold 13px Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align:left;
	margin:0;
	padding:0 0 2px 0;
	}

#blocprix-fiche {
	width:267px;
	height:36px;
	background:url(../images/charte/bg-fiche-prix.gif) left top no-repeat;
	padding:15px 15px;
	}

#contenuTexte #blocprix-fiche p {
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	color:#FF3399;
	text-align:left;
	margin:0;
	padding:0 0 5px 0;
	}

#blocachat-fiche {
	width:267px;
	height:146px;
	background:url(../images/charte/bg-fiche-choix.gif) left top no-repeat;
	padding:15px 15px;
	}

#contenuTexte a:link.correspondance, #contenuTexte a:visited.correspondance {
	float:left;
	margin:0 0 5px 85px;
	font:normal normal 10px Arial, Helvetica, sans-serif;
	color:#666666;
	}
#contenuTexte a:hover.correspondance, #contenuTexte a:active.correspondance {color:#CCC;}

#contenuTexte a:link.voir, #contenuTexte a:visited.voir {
	float:left;
	margin:10px 0 0 0;
	padding:0 0 0 15px;
	font:small-caps bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	width:90%;
	background:url(../images/charte/puce02.gif) left top no-repeat;
	}
#contenuTexte a:hover.voir, #contenuTexte a:active.voir {color:#CCC;}


#contenuTexte a:link.amis, #contenuTexte a:visited.amis {
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	font:small-caps bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	width:90%;
	background:url(../images/charte/puce02.gif) left 2px no-repeat;
	}
#contenuTexte a:hover.amis, #contenuTexte a:active.amis {color:#CCC;}

#contenuTexte a:link.prevenir, #contenuTexte a:visited.prevenir {
	float:left;
	margin:5px 0 15px 0;
	padding:0 0 0 15px;
	width:90%;
	font:small-caps bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/charte/puce02.gif) left top no-repeat;
	}
#contenuTexte a:hover.prevenir, #contenuTexte a:active.prevenir {color:#CCC;}


#contenuTexte a:link#panier-fiche, #contenuTexte a:visited#panier-fiche {
	width:297px;
	height:30px;
	float:left;
	background:url(../images/charte/bt-panier.gif) left top no-repeat;
	}
#contenuTexte a:hover#panier-fiche, #contenuTexte a:active#panier-fiche {background:url(../images/charte/bt-panierhover.gif) left top no-repeat;}


#contenuTexte span.label-fiche {
	font:small-caps bold 13px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	float:left;
	width:80px;
	margin:0 5px 5px 0;
	}

select.liste-fiche{
	width:160px;
	border:1px solid #252525;
	background:#252525;
	color:#CCC;
	padding:0 0 0 3px;
	float:left;
	font-size:11px;
}



/* POPUP AGRANDISSEMENT */
#img-popup {
	background:#1C1C1C;
	width:467px;
	height:560px;
	float:left;
	margin:20px 10px 0 20px;
	border:3px solid #303030;
	text-align:center;
	}
	
#blocvignetteV-popup {
	width:61px;
	height:560px;
	float:left;
	margin:20px 0 0 0;
	}	
	
#blocvignetteV-popup a:link, #blocvignetteV-popup a:visited {
	margin-bottom:5px;
	height:66px;
	width:59px;
	display:block;
	background:#1C1C1C;
	text-align:center;
	}
#blocvignetteV-popup a:link img, #blocvignetteV-popup a:visited img {border:2px solid #252525;}


/* DESCRIPTION PRODUIT */
#blocdescription-fiche {
	width:459px;
	height:42px;
	background:url(../images/charte/bg-fiche-description.gif) left top no-repeat;
	padding:15px 15px;
	float:left;
	margin:35px 0 0 0;
	}

#contenuTexte #blocdescription-fiche p {
	font:small-caps bold 13px Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align:left;
	margin:0;
	padding:0 0 2px 0;
	}

#description {
	margin:5px 0 0 15px;
	width:470px;
	height:auto;
	padding:0 0 0 0;
	}
#contenuTexte #description p {
	font:normal bold 11px Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align:left;
	}

#logo-fiche {
	width:100px;
	height:100px;
	float:right;
	margin:20px 20px 0 0;
	text-align:center;
	z-index:100;
	}
#bloc-correspondance {width:750px; margin:0 auto;}

/* PRODUITS ASSOCIES */
#bloc-produit-assoc {
	font:small-caps normal 14px Arial, Helvetica, sans-serif;
}

.produit-assoc {
	width:110px;
	height:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#666;
	margin:0 25px 20px 0;
	float:left;
}
#contenu #bloc-produit-assoc a img {border:3px solid #333;}
	
#contenuTexte #bloc-produit-assoc  h2.grand{color:#FF3399; width:490px;}


/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
	width:350px;
	float:left;
	margin:25px 0 0 10px;
	padding-left:10px;
	color:#FFF;
	font:small-caps bold 12px "Trebuchet MS"  Arial, Helvetica, sans-serif;
}

#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	font:small-caps bold 11px "Trebuchet MS"  Arial, Helvetica, sans-serif;
	color:#FFF;
	}

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

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	height:80px;
	padding-left:2px;
	background:#494949;
	border:1px solid #494949;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#FFF;
	background:#494949;
	border:1px solid #494949;
	cursor:pointer;
	text-align:center;
	padding:0;
	margin:0;
	}

#bloc-ami #f_envoyerAmi .bouton-ami:hover{color:#FF3399;}
	
#bloc-ami h1{
	margin:0 0 0 0;
	color:#FF3399;
	background:url(../images/charte/puce.png) top left no-repeat;
	padding:0;
	height:30px;
	font:small-caps bold 22px "Trebuchet MS"  Arial, Helvetica, sans-serif;
}

.fianet {
	margin:0px 0 0 20px;
	display:block;
	}