*
{
margin:0;
padding:0;
}

img  {border: 0}

a img
{
	border:none;
}

.gras
{
	font-weight: bold;
}

.hr{
clear:both;
}

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

/**********************************************************************************/
/*** Général **********************************************************************/
html,body
{
	height:100%;
	background-image:url(../images/charte/fondSite.gif);
	background-repeat: repeat;
	background-color:#F6D8F5;
}

#contenant
{
	width:767px;
	margin:auto;
	background-image: url(../images/charte/fondPage.gif);
}

/**********************************************************************************/
/*** Bandeau Haut *****************************************************************/
#bandeau
{
	background-image: url(../images/charte/bandeau.jpg);
	height: 196px;
	overflow:hidden;
}

#bandeau h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	padding-left:15px;
}

/**/
.menu
{
	margin-left:560px;
	margin-top:68px;
}

.menu li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../images/charte/li-papillons.gif);
	list-style-type: none;
	padding-left: 25px;
	padding-bottom:3px;
	background-repeat: no-repeat;
	display:block;
	_line-height: 16px;
}

.menu li a
{
	color: #9A5D81;
	text-decoration: none;
}

/**/
.langue
{
	margin-left:588px;
	margin-top:5px;
	display:block;
	height: 15px;
	overflow:hidden;
}

.langue li
{
	list-style-type: none;
	display:block;
	margin-right:5px;
	float:left;
}

/**/
.univers
{
	height: 15px;
	margin-left:340px;
	margin-top:17px;
	display:block;
	overflow:hidden;
}

*+html .univers /*Hack de position pour IE7*/
{
	margin-top:10px;

}

.univers li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	display:block;
	float:left;
	background-image: url(../images/charte/li-universgif.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
	margin-right:10px;
}

.univers li a
{
	color: #9A5D81;
	text-decoration: none;
}

.promo
{
	font-weight: bold;
	color: #FF89B9;	
}

/**********************************************************************************/
/*** Mis en page 3 colones principales ********************************************/
#colGauche
{
	background-image: url(../images/charte/fondGauche.gif);
	float: left;
	width: 184px;
	background-repeat: no-repeat;
}

#colCentre
{
	background-image: url(../images/charte/fondCentre.gif);
	float: left;
	width: 400px;
	background-repeat: no-repeat;
}

#colDroite
{
	float: left;
	width: 183px;
	background-repeat: no-repeat;
}

#bas
{
	background-image: url(../images/charte/basPage.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 69px;
	width: 766px;
	clear:both;
}

#bas ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DC5381;
	list-style-type: none;
	width: 183px;
}

#bas ul a
{
	color: #DC5381;
	text-decoration:none;
	display:block;
	text-align:center;
}

#bas ul a:hover
{
	text-decoration:underline;
}

#legal
{
	list-style-type: none;	
	margin-left:15px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:5px;
}

#legal li
{
	background-image: url(../images/charte/papillonviolet.gif);
	background-repeat:no-repeat;
	padding-left: 25px;
}

#legal li a
{
	color: #B25C7F;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#legal li a:hover
{
	color: #B25C7F;
	text-decoration: underline;	
}
/**********************************************************************************/
/*** Accueil **********************************************************************/
#colCentre #univers
{
	width: 381px;
	height: 243px;
	overflow:hidden;
	margin-left:10px;
	margin-top:40px;
}

#colCentre #univers img
{
	float:left;
}

#colCentre #promo
{
	width: 381px;
	margin-left:10px;
	margin-top:10px;
	background-image: url(../images/charte/tetetableau.gif);
	background-repeat: no-repeat;
}

#colCentre #promo h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 5px;
	padding-top:3px;
	padding-bottom:3px;

}

#colCentre #promo table
{
	width: 381px;
	border: 1px solid #B25C7F;
}

#colCentre #promo td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B25C7F;
	background-image: url(../images/charte/pointilleProduits.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px;
	font-weight: bold;
}

#colCentre #promo a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B25C7F;
	font-weight: bold;
	text-decoration:none;
}

#colCentre #promo a:hover
{
	text-decoration:underline;
}

#colCentre #promo .prix
{
	text-align: right;
	width: 90px;
}

#colCentre #promo .impair
{
	background-color: #F4E6E1;	
}

#colCentre .btnblog
{
	margin-left:10px;
	margin-top:10px;
}

#colCentre #ppopulaires
{
	margin-left:10px;
	width: 380px;
	background-color: #F8CAE5;
	border: 1px solid #B25C7F;
}

.h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #DC5381;
	display:block;
	padding-top:10px;
	padding-left:20px;
	font-weight: bold;
}

#ppopulaires ul
{
	width: 175px;
	padding-left:10px;
	margin-top:10px;
	padding-bottom:10px;
	float:left;
	list-style-type: none;
}

#ppopulaires ul a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B25C7F;
	text-decoration: none;
	font-weight: normal;
}

#ppopulaires ul a:hover
{
	text-decoration: underline;	
}

#txtaccueil
{
	padding: 10px;
	border: 1px solid #B25C7F;
	width: 361px;
	margin-left:10px;
	margin-top:40px;
	background-color: #FBEDF9;
}


#txtaccueil p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #B25C7F;
}
/**********************************************************************************/
/*** Mis en page des Rubriques ***************************************************/
#colGauche h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #722564;
	background-image: url(../images/charte/h1Coeur.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top:7px;
	padding-bottom:3px;
	margin-top:20px;
	margin-left:15px;
}

#colGauche .rubrique
{
	background-image: url(../images/charte/fondRubrique.gif);
	width: 159px;
	background-repeat: no-repeat;
	margin-left:15px;
	background-color: #B25C7F;
	overflow:hidden;
}

#colGauche .rubrique .bas
{
	background-image: url(../images/charte/basRubrique.gif);
	background-repeat: no-repeat;
	height: 20px;
	clear:both;
}

#colGauche .rubrique .pointille
{
	background-image: url(../images/charte/pointilleRubrique.gif);
	background-repeat: repeat-x;
	height: 20px;
	clear:both;
	background-position: center;
}

#colGauche .rubrique h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/charte/h2Rubrique.gif);
	text-indent: 14px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left:8px;
	background-repeat: no-repeat;
	background-position: 0px 9px;
}

#colGauche .viewphoto 
{
	float: left;
	height: 80px;
	width: 80px;
	overflow:hidden;
	border: 1px solid #722564;	
	margin-left:10px;
	margin-top:5px;
}

#colGauche .pprix
{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	width: 50px;
	margin-left: 5px;
	margin-top: 15px;
}

#colGauche .pprix a
{
	color: #FFFFFF;
	text-decoration: none;
}

#colGauche .pprix a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

/*********************************************************************************/
/*** Mise en page du Menu **********************************************************/
#colGauche .rubrique ul
{
	background-color: #C4698E;
	margin-top:5px;
	padding-top:3px;
	padding-bottom:3px;
}

#colGauche .rubrique li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: none;
	background-image: url(../images/charte/liMenu.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:10px;
	margin-left:20px;
}

#colGauche .rubrique a
{
	color: #FFFFFF;
	text-decoration:none;
}

#colGauche .rubrique a:hover
{
	text-decoration:underline;
}

/*********************************************************************************/
/*** Liste des produits **********************************************************/
.titreliste
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C4698E;
	padding-top:18px;
	padding-bottom:10px;
	padding-right: 10px;
	font-weight: normal;
	text-align: right;
}

#listeproduits
{
	width: 398px;
	margin-top: 3px;
	margin-left: 2px;
}

#listeproduits .produit
{
	background-color: #F4E6E1;
	float: left;
	width: 190px;
	margin-left:5px;
	margin-bottom:10px;
}

#listeproduits .produit h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/charte/produitTop.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top:5px;
	height: 36px;
	overflow:hidden;
}

#listeproduits .imgproduit
{
	height: 100px;
	width: 80px;
	/*border: 1px solid #B25C7F;
	background-color: #B25C7F;*/
	margin-left:5px;
	float:left;
	overflow:hidden;
	margin-right:10px;
}

#listeproduits .txtproduit
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B25C7F;
	text-align: justify;
	padding-right:10px;
	padding-left:3px;
	display:block;
}

.txtproduit strong
{
	font-size: 16px;
	color: #CC0000;
	font-weight: bold;
}

#listeproduits .ficheproduit
{
	height: 180px;
	width: 190px;
	overflow:hidden;	
}

#listeproduits .cartoucheprix
{
	background-image: url(../images/charte/produitPrix.gif);
	width: 190px;
	height:35px;
	margin-top:5px;
	margin-bottom:10px;
	overflow:hidden;
	background-position: 91px bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B25C7F;
}

#listeproduits .prix
{
	font-weight: bold;
	display:block;
	margin-left:120px;

}

#listeproduits .prixpromo
{
	text-decoration: line-through;
	display:block;
	margin-left:120px;
}

#listeproduits .basproduit
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D2F7B;
	background-image: url(../images/charte/produitBas.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	text-align: center;
	
}

#listeproduits .basproduit a
{
	color: #5D2F7B;
	text-decoration:none;
}




/*********************************************************************************/
/*** Fiche produit  **************************************************************/
#ficheproduit
{
	background-color: #F4E6E1;
	width: 390px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#ficheproduit h2
{
	font-size: 13px;
	font-weight: bold;
	background-color: #C4698E;
	background-image: url(../images/charte/h2produit.gif);
	background-repeat: no-repeat;
	text-indent: 5px;
	color: #FFFFFF;
	padding-bottom:3px;
	padding-top:3px;
}

#ficheproduit #blockphotos
{
	float: left;
	width: 185px;
	margin-top:5px;
}

#ficheproduit .viewphoto
{
	float: left;
	height: 100px;
	width: 80px;
	/*border: 1px solid #B25C7F;*/
	margin-left:5px;
	margin-bottom:5px;
	overflow:hidden;
}

#ficheproduit .txtphotos
{
	font-size: 13px;
	color: #B25C7F;
	text-align: center;
	width: 165px;
	margin-left: 5px;
	clear:both;
}

.txtproduits
{
	float: left;
	width: 200px;
	display:block;
	margin-top:5px;
	font-size: 12px;
	color: #B25C7F;
	text-align: justify;

}

.txtproduits strong
{
	font-size: 16px;
	color: #CC0000;
	font-weight: bold;
}

#ficheproduit h5
{
	font-size: 16px;
	color: #C4698E;
	background-image: url(../images/charte/h5commander.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	clear:both;
	padding-top:3px;
	margin-left:5px;
}

#ficheproduit h3
{
	color: #B25C7F;
	font-size: 12px;
	margin-left:25px;
}

#ficheproduit #commander
{
	background-color: #FFFFFF;
	width: 380px;	
	margin-left:5px;
}

#ficheproduit #bas
{
	background-image: url(../images/charte/basproduit.gif);
	background-repeat: no-repeat;
	margin-top:10px;
	height: 21px;
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
} 

#listarticles
{
	color: #B25C7F;
	font-size: 12px;
	list-style-type: none;
	width:370px;
	margin-left:5px;
}

#listarticles .article
{
	width:250px;
}

#listarticles .prix, #listarticles .article
{
	background-image: url(../images/charte/pointilleProduits.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding-bottom:5px;
}

#listarticles .prix
{
	width:120px;
	font-size: 13px;
	font-weight: bold;
	text-align:right;	
}

#listarticles .barre
{
	font-size: 12px;
	font-weight: normal;
	color: #B25C7F;
	text-decoration: line-through;
}

#listarticles .radiobtn
{
	margin-right:2px;
}

#commandezone
{
	font-size: 12px;
	color: #B25C7F;
	font-weight: bold;
	margin-left:22px;
	vertical-align: middle;
}

#commandezone .qte
{
	width: 60px;
	margin-right: 10px;
	margin-bottom:5px;
}

#commandezone .btn
{
	margin-top:5px;
}

/*********************************************************************************/
/*** Cross selling **************************************************************/
.h4coeur
{
	font-size: 16px;
	color: #C4698E;
	background-image: url(../images/charte/h4coeur.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	clear:both;
	padding-top:3px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
}


#crosssel, #comments
{
	width: 390px;
	margin-left: 5px;
	border: 1px solid #F2BDE9;
}

#crosssel .produit
{
	float: left;
	width: 190px;
	overflow:hidden;
	
}

#crosssel .ph
{
	height: 80px;
	width: 80px;
	border: 1px solid #722564;
	overflow:hidden;
	float:left;
	margin:5px;
}

#crosssel .txt,#crosssel .prix
{
	font-family: Arial, Helvetica, sans-serif;
	color: #C4698E;
	font-size: 12px;
	margin-top:5px;
}

#crosssel .txt a
{
	color: #C4698E;
	text-decoration:none;
}

#crosssel .txt a:hover
{
	text-decoration:underline;
}

#crosssel .prix
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

#crosssel .barre
{
	text-decoration: line-through;	
}

#crosssel .hr
{
	margin-bottom:5px;
	clear:both
}
/*********************************************************************************/
/*** Commentaires ****************************************************************/

#comments .intro
{
	font-family: Arial, Helvetica, sans-serif;
	color: #C4698E;
	font-size: 12px;
	padding:5px;
	text-align: center;
}

#comments .commentaire{
	font-family: Arial, Helvetica, sans-serif;
	color: #C4698E;
	font-size: 12px;
	padding:5px;
	font-style: italic;
}

/*********************************************************************************/
/*** Mise du panier **************************************************************/
#minipanier
{
	background-color: #F4E6E1;
	width: 175px;
	overflow:hidden;
}

#toppanier
{
	background-image: url(../images/charte/topPanier.gif);
	height: 57px;
	width: 176px;
}

#toppanier h5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #90786F;	
	margin-left:90px;
	padding-top:13px;
}

.articlespanier
{
	background-image: url(../images/charte/fondArticles.gif);
	width: 176px;
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding-bottom:10px;
	background-color: #F4E6E1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B25C7F;
}

.txtarticles
{
	padding:5px;
}

.prixarticles
{
	background-image: url(../images/charte/fondPrix.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-top:3px;
	padding-right:15px;
	text-align: right;
}

#baspanier
{
	background-image: url(../images/charte/basPanier.jpg);
	width: 175px;
	height: 103px;
}

.totalpanier
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B25C7F;
	font-weight: bold;
	text-indent: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.btnpanier
{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B25C7F;
	text-decoration: none;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.btnpanier:hover
{
	text-decoration: underline;
}