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

h1{
display:block;
padding-bottom:0px;
border-bottom:1px solid #919a86;
padding-top:10px;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
color:#3d616f;
}
h2{
font-size:16px;
font-weight:bold;
color:#919a86;
padding-top:4px;
}
h3{
border-bottom:1px solid #999;
font-size:15px;
display:block;
color:#9eb0b7;
}
.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#919a86;
}

b{
	color:#909090;
}
#contenu p{
	margin:10px 0px;
}
ul{
	margin-left:40px;
}
li{
	list-style-image:url(../images/charte/puce01.gif);}





/********************************* ACCUEIL *********************************/
#listingaccueil{
	float:left;
	width:280px;
	min-height:210px;
	height:auto !important;
	height:210px;
	margin:0px 7px 20px 5px;
	padding:0px;
	border-bottom:1px solid #7D939B;
	border-left:1px solid #7D939B;
	border-right:1px solid #7D939B;
}
#listingaccueil #listingtitrenouveaute{
	float:left;
	background:url(../images/listing/titre-nouveaute.gif) no-repeat top left;
	width:280px;
	height:39px;
	margin:0px;
	padding:0px;
}
#listingaccueil #listingtitrepromo{
	float:left;
	background:url(../images/listing/titre-promo.gif) no-repeat top left;
	width:280px;
	height:39px;
	margin:0px;
	padding:0px;
}
#listingaccueil .blocvisuel{
	margin-left:5px;
	float:left;
	width:85px;
}
#listingaccueil .blocvisuel img{
	margin:5px 0;
	border:0px;
}
#listingaccueil .blocvisuel .prix{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#921B21;
	font-weight:bold;
	text-align:center;
	margin-left:5px;
}
#listingaccueil .blocvisuel .prixbarre{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3d5d6e;
	font-weight:normal;
	text-align:center;
	margin-left:5px;
}
#listingaccueil .bloctexte{
	font-size:10px;
	margin-top:5px;
	margin-right:5px;
	float:right;
	width:170px;
}
#listingaccueil .bloctexte .designation{
	font-weight:bold;
	font-size:11px;
	color:#921B21;
}
#listingaccueil .bloctexte a{
	font-weight:bold;
	color:#921B21;
}





/********************************* LISTING *********************************/
#listing{
	float:left;
	background:url(../images/listing/fd-listing.gif) repeat-y;
	width:280px;
	min-height:210px;
	height:auto !important;
	height:210px;
	margin:0px 7px 20px 8px;
	padding:0px;
	border-bottom:1px solid #7D939B;
}
#listing .listingtitre{
	float:left;
	background:url(../images/listing/fd-titre.gif) no-repeat top left;
	width:270px;
	height:37px;
	margin:0px;
	padding:2px 0px 0px 10px;
	color:#3D616F;
}
#listing .listingtitre .designation{
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#listing .listingtitre .designation a{
	font-weight:bold;
	color:#921B21;
}
#listing .blocvisuel{
	padding-left:5px;
	float:left;
	width:115px;
}
#listing .blocvisuel img{
	margin:5px 0;
	border:0px;
}
#listing .blocvisuel .prix{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#921B21;
	font-weight:bold;
	text-align:center;
	margin-left:5px;
}
#listing .blocvisuel .prixbarre{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3d5d6e;
	font-weight:normal;
	text-align:center;
	margin-left:5px;
	text-decoration:line-through.
}
#listing .bloctexte{
	font-size:10px;
	margin-top:5px;
	margin-right:5px;
	float:right;
	width:135px;
}
#listing .bloctexte a{
	font-weight:bold;
	color:#921B21;
}


/**************************************************************************************/
/* 		                                FICHE PRODUIT
/*************************************************************************************/
#contenu #fiche-produit{
	float:left;
	width:590px;
}
/**************************** BLOC VISU ****************************/
#contenu #fiche-produit #blocvisuel{
	float:left;
	width:45%;
	margin-bottom:20px;
	border:1px solid #e1e3e4;
}
#contenu #fiche-produit #blocvisuel img{
	margin:10px auto;
}
#contenu #fiche-produit #blocvisuel #blocvignette{
	float:left;
	width:100%;
	margin:0px;
	padding:5px 0px 10px 0px;
	background-color:#eceded;
}
#contenu #fiche-produit #blocvisuel #blocvignette img{
	float:left;
	margin:2px 5px 2px 5px ;
}
#contenu #fiche-produit #blocvisuel p{
	margin:0px;
	background-color:#eceded;
}
#contenu #fiche-produit #blocvisuel a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#921B21;
	text-decoration:none;
}
#contenu #fiche-produit #blocvisuel a:hover{
	color:#3D616F;
	text-decoration:none;
}

/**************************** BLOC INFO ****************************/
#contenu #fiche-produit #blocinfo{
	float:right;
	width:52%;
	padding:3px;
	margin-bottom:20px;
	background-color:#eceded;
	border:1px solid #e1e3e4;
}
#contenu #fiche-produit #blocinfo h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#3D616F;
	text-transform:none;
	margin-bottom:7px;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
}
#contenu #fiche-produit #blocinfo p{
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#677179;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
}
#contenu #fiche-produit #blocinfo a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#921B21;
	text-decoration:none;
}
#contenu #fiche-produit #blocinfo a:hover{
	color:#3D616F;
	text-decoration:none;
}
#contenu #fiche-produit #blocinfo .prix{ /*****Prix normal *****/
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#921B21;
}
#contenu #fiche-produit #blocinfo .prixbarre{ /*****Prix avant promo *****/
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:line-through;
	color:#3D616F;
	margin-right:50px;
}
#contenu #fiche-produit #blocinfo .prixpromo{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#921B21;
}
#contenu #fiche-produit #blocinfo .voirdesc{
	font:bold 12px Arial, Helvetica, sans-serif;
	display:block;
	padding-left:10px;
	background:url(../images/charte/puce01.gif) no-repeat 0px 5px;
}

#contenu #fiche-produit #blocinfo .envoieami,
#contenu #fiche-produit #blocinfo .envoieami:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:0px solid #fff;
	display:block;
	padding-top:5px;
}
#contenu #fiche-produit #blocinfo .envoieami,
#contenu #fiche-produit #blocinfo .envoieami:hover{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
#friendForm{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
}
#friendForm input{
	width:180px;
	font-size:1.2em;
	border:1px solid #7f9db9;
	margin:2px 10px 0 0px;
	background-color:#eceded;
}


/**************************** BLOC DESCRIPTIF ****************************/
#contenu #fiche-produit #blocdescriptif{
	float:right;
	width:580px;
	padding:3px;
	background-color:#eceded;
	border-top:1px solid #e1e3e4;
	border-right:1px solid #e1e3e4;
	border-left:1px solid #e1e3e4;
}
#contenu #fiche-produit #blocdescriptif h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#3D616F;
	text-transform:none;
	margin-bottom:12px;
	border-bottom:0px solid #fff;
	padding-bottom:2px;
}
#contenu #fiche-produit #blocdescriptif p{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#677179;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
}
#contenu #fiche-produit #blocdescriptif .img{
	width:auto;
	margin-left:10px;
}
#contenu #fiche-produit #blocdescriptif .ligne{
	float:left;
	width:100%;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#677179;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	margin:10px 0px;
}
#contenu #fiche-produit #blocdescriptif .lignetitre{
	float:left;
	width:100%;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#677179;
	padding-bottom:5px;
	margin:0px 0px;
}
#contenu #fiche-produit #blocdescriptif .lignetitre .titdesignation{
	float:left;
	width:228px;
	height:29px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-right:3px;
	padding-top:10px;
	background:url(../images/listing/fd-titredes.gif) repeat-x;
}
#contenu #fiche-produit #blocdescriptif .lignetitre .titrubrique{
	float:left;
	width:100px;
	height:29px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-right:3px;
	padding-top:10px;
	background:url(../images/listing/fd-titredes.gif) repeat-x;
}
#contenu #fiche-produit #blocdescriptif .lignetitre .titqte{
	float:left;
	width:139px;
	height:29px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-right:3px;
	padding-top:10px;
	background:url(../images/listing/fd-titredes.gif) repeat-x;
}

#contenu #fiche-produit #blocdescriptif .ligne .designation{
	float:left;
	width:218px;
	text-align:left;
	margin-right:3px;
	padding:0px 0px 0px 10px;
	color:#3d616f;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#contenu #fiche-produit #blocdescriptif .ligne .rubrique{
	float:left;
	width:100px;
	text-align:center;
	margin-right:3px;
	padding:0px;
	color:#3d616f;
	font-weight:bold;
}
#contenu #fiche-produit #blocdescriptif .ligne .qte{
	float:left;
	width:139px;
	text-align:center;
	margin-right:3px;
	padding:0px;
	color:#3d616f;
	font-weight:bold;
}
#contenu #fiche-produit #blocdescriptif .ligne .qte .ajoutpanier:link,
#contenu #fiche-produit #blocdescriptif .ligne .qte .ajoutpanier:active,
#contenu #fiche-produit #blocdescriptif .ligne .qte .ajoutpanier:visited{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#921B21;
	text-decoration:none;
}
#contenu #fiche-produit #blocdescriptif .ligne .qte .ajoutpanier:hover{
	color:#921B21;
	text-decoration:underline;
}

/*#contenu #fiche-produit #blocdescriptif .rubrique{
	float:left;
	width:190px;
	font-weight:bold;
	background:url(../images/charte/puce03.gif) no-repeat 0px 5px;
	padding-left:10px;
}
#contenu #fiche-produit #blocdescriptif .contenurub{
	float:right;
	width:400px;
}*/


/**************************** BLOC PRODUIT ASSOCIE ****************************/
#contenu #fiche-produit #blocprodassocie{
	float:right;
	width:580px;
	height:190px;
	padding:15px 3px 3px 3px ;
	margin:0px;
	background-color:#eceded;
	border-left:1px solid #e1e3e4;
	border-right:1px solid #e1e3e4;
	border-bottom:1px solid #e1e3e4;
	border-top:0px solid #e1e3e4;
}
#contenu #fiche-produit #blocprodassocie h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#3D616F;
	text-transform:none;
	margin-bottom:2px;
	border-bottom:0px solid #fff;
	padding-bottom:2px;
}
#galerie{
   	float:left;
	width:538px;
	height:155px;
	white-space:nowrap;
  	overflow: hidden;
}
#galeriedef{
   	float:left;
  	height: 155px;
}

#galeriedef img{
	margin-right:5px;
	border:1px solid #fff;
  	/*height: 150px;    */
  	/*mis en commentaire par lna car ça deforme l'image*/
}
#flechegauche{
  	float: left;
  	margin: 0 3px;
  	cursor: pointer;
}
#flechedroite{
  	float: right;
  	margin: 0 3px;
  	cursor: pointer;
}


/*****************************************************/
/* 		               CONTACT
/*****************************************************/
#contactTxt{
	width:45%;
	float:left;
}
#contactTxt img{
	padding:1px;
	border:1px solid #3D616F;
}
#contactTxt p,
#contactPlan p{
	text-align:center;
}
#contactPlan{
	width:45%;
	float:right;
}
.textecontact{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	color:#677179;
}
#formContact label{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#677179;
}
#formContact input{
	width:180px;
	font-size:1.2em;
	color:#677179;
	border:1px solid #3D616F;
	background-color:#f8f8f8;
}
#formContact textarea{
	width:495px;
	font-size:12px;
	color:#677179;
	border:1px solid #3D616F;
	background-color:#f8f8f8;
}
#formContact .bouton{
	width:160px;
	margin:2px 10px;
	border:1px solid #3D616F;
	background-color:#f8f8f8;
	font-size:12px;
	color:#677179;
	font:normal 1em Arial, Helvetica, sans-serif;
	text-align:center;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*****************************************************/
/* 		             MES AJOUTS
/*****************************************************/
.quantite {
width:20px;
text-align:center;
}

#newsLetter_logged {
background-image:url(../images/charte/bg-espaceMembre_logged.gif);
padding-top:40px;
}

#suppr_charte{
margin-left:152px;
margin-top:3px;
}

/* ENVOYER A UN AMI */
#bloc-ami {
	width:350px;
	float:left;
	margin:10px 0 0 10px;
	padding-left:10px;
	border-left:1px solid #e6e6e6;
	font-size:11px;
	color:#666666;
}

#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	}

#bloc-ami #f_envoyerAmi input{
	width:200px;
	height:15px;
	padding-left:2px;
	background:#607c87;
}

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	height:80px;
	padding-left:2px;
	background:#607c87;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#FFF;
	background-color:#607c87
	cursor:pointer;
	text-align:center;
}