/* 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;
}


/* ACCUEIL */
#bloc-accueil {
	width:380px;
	margin:20px auto 0 auto;
	}
	
#catalogue-nouveaute h2, #catalogue-promotion h2{
	margin:10px 0 10px 0;
	font:small-caps bold 15px "Trebuchet MS", Helvetica, sans-serif;
	color:#333;
	background:#FFEBE2;
	padding:0 5px;
	height:19px;
	width:380px;
	text-align:center;
}

#bloc-accueil h2{
	margin:10px 0 10px 0;
	font:small-caps bold 15px "Trebuchet MS", Helvetica, sans-serif;
	color:#333;
	background:#FFEBE2;
	padding:0 5px;
	height:19px;
	width:380px;
	text-align:center;
}
	
#catalogue-nouveaute {
	width:400px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	}

#catalogue-promotion {
	width:400px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	}	

/*************************** LE CATALOGUE ***********************/
/* FIL ARIANE */
#chemin{
	padding:0 0 20px 0;
	text-align:left;
	font:1.2em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#993300;	
	margin-bottom:5px;
	font-weight:bold;
	width:450px;
	float:left;
	}
	
#contenuTexte #chemin a:link, #contenuTexte #chemin a:visited{
	text-decoration:none;
	color:#993300;
	font:small-caps 1.1em "Trebuchet MS" Arial, Helvetica, sans-serif;
	}
	
#contenuTexte #chemin a:hover {text-decoration:none; color:#FFA77F;}



/* PAGINATION */
#pagination {
	width:100%;
	margin:0 auto;
	font-size:11px;
	color:#FFEBE2;
	text-align:center;
	font-weight:bold;
	}
#pagination a:link, #pagination a:visited {font:normal bold 11px "Trebuchet MS" Arial, Helvetica, sans-serif; color:#993300;}
#pagination a:hover, #pagination a:active {font:normal bold 11px "Trebuchet MS" Arial, Helvetica, sans-serif; color:#FFA77F;}



/* FILTRE */
#filtre {
	height:20px;
	margin-bottom:20px;
	margin-right:15px;
	float:right;
	width:160px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

select.liste-listing {
	/*width:160px;*/
	background-color:#FFEBE2;
	color:#993300;
	font-size:11px;
	text-align:left;
	border:1px solid #FFEBE2;
	float:right;
}


/* LE CATALOGUE */
#catalogue {
	width:630px;
	height:auto;
	margin:0 20px 0 0;
	float:left;
	}
		
#vignette-produit{
	float:left;
	width:184px;
	height:245px;
	margin:0 35px 30px 0;
	text-align:center;
	font: small-caps normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	position:relative;
}
	
#contenuTexte a.designation-listing:link, #contenuTexte a.designation-listing:visited{
	padding:2px 5px 2px 5px;
	width:174px;
	height:35px;
	background:#993300;
	font: small-caps bold 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:0;
	color:#FFEBE2;
	text-align:center;
	display:block;
}

#contenuTexte p.prix-listing{
	padding:2px 5px 2px 8px;
	width:171px;
	height:18px;
	background:#FFEBE2;
	font: small-caps bold 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
	margin:0;
	color:#993300;
}
span.barre-produit {color:#993300; font: normal bold 11px "Trebuchet MS" Arial, Helvetica, sans-serif;}

#contenuTexte a.img-listing:link, #contenuTexte a.img-listing:visited {
	display:block;
	width:180px;
	height:165px;
	text-align:center;
	background:#FFF;
	border:2px solid #FFEBE2;
}

#contenuTexte a.btdetail-listing:link, #contenuTexte a.btdetail-listing:visited {
	display:block;
	width:184px;
	height:16px;
	cursor:pointer;
	text-align:center;
	color:#993300;
	font: small-caps bold 12px Arial, Helvetica, sans-serif;
	background:#FFEBE2;
}
#contenuTexte a.btdetail-listing:hover, #contenuTexte a.btdetail-listing:active {background:#993300;color:#FFEBE2;}


#contenuTexte p.btepuise-listing{
	display:block;
	width:184px;
	height:16px;
	text-align:center;
	color:#993300;
	font: small-caps bold 12px Arial, Helvetica, sans-serif;
	background:#FFEBE2;
}

span.prix-barre {text-decoration:line-through;}


#picto-coeur, #picto-promotion, #picto-nouveaute {
	width:183px;
	position:absolute;
	bottom:16px;
	left:0;
	height:16px;
	z-index:100;
	}
	
#picto-coeur{background:url(../images/charte/picto-coeur.gif) left top no-repeat;}
#picto-promotion{background:url(../images/charte/picto-promotion.gif) left top no-repeat;}
#picto-nouveaute {background:url(../images/charte/picto-nouveaute.gif) left top no-repeat;}






/* LA FICHE PRODUIT */
#fiche-produit{
	width:670px;
	float:left;
	padding-bottom:20px;
}

/* IMAGE FICHE */
#blocimg-fiche {
	width:270px;
	height:330px;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}

#contenuTexte a:link#img-fiche, #contenuTexte a:visited#img-fiche{
	width:270px;
	height:330px;
	float:left;
	margin:0 0 0 0;
	text-align:center;
	}
#contenuTexte a:link#img-fiche img, #contenuTexte a:visited#img-fiche img {border:2px solid #FFEBE2;}

#blocvignette-fiche {
	width:260px;
	height:50px;
	float:left;
	margin:0 0 5px 5px;
	text-align:center;
}
#contenuTexte #blocvignette-fiche a:link, #contenuTexte #blocvignette-fiche a:visited {
	margin-right:10px; 
	border:1px solid #FFEBE2;
	display:block;
	float:left;}




/* CONTENU FICHE */
#contenu-fiche {
	width:373px;
	float:left;
	margin:0 0 0 0;
	}

#blocdesignation-fiche {
	width:353px;
	height:33px;
	background:url(../images/charte/bg-description.gif) left top no-repeat;
	padding:10px 15px;
	margin:0 0 5px 0;
	}

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

span.petit {
	color:#333;
	font:small-caps bold 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0;
	margin:0 0 0 0;
	}
	
#blocprix-fiche {
	width:343px;
	height:28px;
	background:url(../images/charte/bg-prix.gif) left top no-repeat;
	padding:5px 15px 5px 15px;
	margin:0 0 5px 0;
	}

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

#blocsepare-fiche {
	width:373px;
	height:18px;
	background:url(../images/charte/bg-separe.gif) left top no-repeat;
	}

#blocdescription-fiche {
	margin:0 0 0 15px;
	width:353px;
	height:auto;
	padding:10px 0 10px 0;
	}
#contenuTexte #blocdescription-fiche p {
	font:normal bold 11px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:justify;
	}
	
	
#blocachat-fiche {
	width:340px;
	height:60px;
	padding:15px 15px;
	}

#contenuTexte a:link#panier-fiche, #contenuTexte a:visited#panier-fiche {
	width:373px;
	height:18px;
	float:left;
	margin:5px 0;
	cursor:pointer;
	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 a:link#ami-fiche, #contenuTexte a:visited#ami-fiche {
	width:373px;
	height:18px;
	float:left;
	margin:5px 0;
	cursor:pointer;
	background:url(../images/charte/bt-amis.gif) left top no-repeat;
	}
#contenuTexte a:hover#ami-fiche, #contenuTexte a:active#ami-fiche {background:url(../images/charte/bt-amishover.gif) left top no-repeat;}

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

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

select.liste-fichepetit{
	width:80px;
	border:1px solid #e6e6e6;
	background:#e6e6e6;
	color:#666;
	padding:0 0 0 3px;
	float:left;
	font-size:11px;
}



/* PRODUITS ASSOCIES */
#fiche-produit .titre-associe {
	width:650px;
	height:28px;
	padding:2px 5px;
	color:#333;
	margin-top:15px;
	margin-bottom:5px;
	font:small-caps bold 15px "Trebuchet MS"  Arial, Helvetica, sans-serif;
}

.bloc-produitassocie {
	width:115px;
	height:125px;
	text-align:center;
	margin-right:15px;
	float:left;
}

#contenuTexte a:link.img-produitassocie, #contenuTexte a:visited.img-produitassocie {
	width:115px;
	height:105px;
	margin:0 0 0 0;
	background:#993300;
	display:block;
	border:1px solid #FFEBE2;
	}
	
	
#contenuTexte .bloc-produitassocie p {
	color:#333;
	font:small-caps bold 12px "Trebuchet MS"  Arial, Helvetica, sans-serif;
	text-align:center;
	}



/* 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:#993300;
	}

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

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

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#993300;
	background:#FFEBE2;
	border:1px solid #FFEBE2;
	text-align:center;
	cursor:pointer;
	font:small-caps bold 10px "Trebuchet MS"  Arial, Helvetica, sans-serif;
	}

#bloc-ami h1{
	margin:0 0 0 0;
	color:#FFF;
	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;
}



/* CGV */
#bloc-cgv {
	margin:15px 40px 0 0;
	padding-left:5px;
	width:380px;
	float:left;
	}

/* MENTIONS LEGALES */
#bloc-mentions {
	margin:15px 40px 0 0;
	padding-left:5px;
	width:380px;
	float:left;
	}


/* ONGLERIE */
#bloc-onglerie {
	margin:25px 40px 0 0;
	padding-left:5px;
	width:300px;
	float:left;
	}
#bloc-onglerie p {font-size:12px;}


#animation-onglerie {
	margin:15px 0 0 0;
	width:460px;
	height:345px;
	float:left;
	}

table#tab-tarif	{
	margin:20px auto;
	width:300px;
	color:#333;
	font:small-caps bold 12px "Trebuchet MS"  Arial, Helvetica, sans-serif;
	}
	
table#tab-tarif	 th {background:#993300; color:#FFEBE2;}
table#tab-tarif td.tarif {color:#993300; text-align:right;}






/* RUBRIQUE CONTACT */
#bloc-adrcontact {
	width:340px;
	float:left;
	margin:30px 60px 0 30px;
}
#bloc-adrcontact h2{
	margin:10px 0 10px 0;
	font:small-caps bold 15px "Trebuchet MS", Helvetica, sans-serif;
	color:#333;
	background:#FFEBE2;
	padding:0 5px;
	height:19px;
	width:340px;
	text-align:center;
}

#bloc-adrcontact p {font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif; color:#333; text-align:center;}

/** **/
#bloc-contact {
	width:280px;
	float:left;
	margin:40px 0 0 0;
	font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#757063;
	padding-left:20px;
	border-left:1px solid #FFEBE2;
}
#bloc-contact table {width:100%;}

#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#993300;
	padding:0 10px 0 2px;
	border:1px solid #CCC;
	background:#FFF;
}

#formContact input, #formContact textarea{
	width:170px;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#333;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact .radio{
	width:9%;
	border:none;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#757063;
}

#formContact .bouton{
	width:80px;
	cursor:pointer;
	color:#333;
	font-size:10px;
	text-align:center;
	background:#FFEBE2;
	border:1px solid #FFEBE2;
	padding:0;
	margin:0;
}
#formContact .bouton:hover {color:#993300;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#993300; font-size:9px;}


/* PLAN DU SITE */
#bloc-plan {
	width:350px;
	float:left;
	margin:0 40px 0 10px;
	}
		
#bloc-plan h2{
	margin:10px 0 10px 0;
	background:#FFEBE2;
	padding:0 5px;
	height:19px;
	width:100%;
	text-align:left;
}

#contenuTexte #bloc-plan h2 a:link, #contenuTexte #bloc-plan h2 a:visited {font:small-caps bold 14px "Trebuchet MS", Helvetica, sans-serif; color:#333;}
#contenuTexte #bloc-plan h2 a:hover, #contenuTexte #bloc-plan h2 a:active {font:small-caps bold 14px "Trebuchet MS", Helvetica, sans-serif; color:#FFF;}



#compte{
	font:bold 10px "Trebuchet MS", Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#666666;
}

#compte a:link, #compte a:visited {color:#ff8111; text-decoration:none;}
#compte a:hover,#compte a:active{color:#CCC; text-decoration:none;}