/*	CSS Boutique Melisse
	Création Agence Grain de Sel le 25/05/2010 */

/* Balises par défaut
------------------------------*/
*{
	 margin:0;
	 padding:0;
	 border:0;
}

.separateur{ 
	 display: block;
	 height: 0;
	 margin: 0;
	 _margin:-7px 0;
	 padding: 0;
	 border: 0;
	 visibility: hidden;
	 clear:both;
}

html {
	font-size:9pt;
}

body{
  	text-align : center;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	color:#6f191a;
	font-size:1em;
	background:url("../img/melisse/bkg-body.jpg") 0 0 repeat-x;
	background-color:#7d3030;
	behavior: url('csshover3.htc');
}

/* Blocs de disposition
------------------------------*/
#conteneur{
 	margin : 0 auto;
	width:968px;	
	text-align:left;
	margin-top:7px; 
	padding-bottom:40px;
}
#lienRef{
 	list-style-type:none;
}
#contenu{
	width:968px;	
	backgroud-color:#fff;
	margin-top:32px;
	padding-top:44px;
}

#bandeau{
	position:abosolute;
	width:968px;	
	height:313px;
	background-color:#fff;
	z-index:10;
}
#centre{
	width:968px;
	background:url("../img/melisse/bkg-centre.jpg") 0 0 repeat-y;
	padding-top:19px;
	padding-bottom:20px;
}
#footer {
	width:968px;
	text-align:center;
	padding-top:2px;
}

/* lien ref *************************/
#lienRef li{
 	display:inline;
}
#lienRef a{
 	color:#fff;
	text-decoration:none;
}
#lienRef a:hover{
	text-decoration:underline;
}

/* contenu ****************************************/
#imgDefilement {
	width:968px;
	height:285px;
	display:block;
	margin:0;
	padding:0;
	background:url('../img/melisse/bandeau5.jpg');
}

.logo{
	position:relative;
	width:270px;	
	height:37px;
	display:block;
	margin-top:-285px;
	text-decoration:none;
	color:#e02327;
	padding-left:100px;
	padding-top:90px;
	text-align:center;
}

/* panier *************************/
#panier{
	position:relative;
	z-index:30;
	margin-top:-107px;
	width:128px;
	margin-left:736px;
}

#panier a{
	color:#6f191a;
	display:block;
	font-size:1.1em;
}

.nbProduit{
	text-decoration:none;
	margin-top:10px;
	color:#6f191a;
	display:block;
	float:right;
	font-size:1.1em;
}

/* mon compte *************************/
#monCompte{
	position:relative;
	z-index:30;
	width:228px;
	left:736px;
	margin-top:59px;
	.margin-top:35px;
}

#monCompte a{
	color:#6f191a;
	font-size:1.1em;
}

/* formulaire mon compte  *************************/
 #frmCompte,#liensCpte {
	width:223px;
	height:62px;
	margin:0;
	padding:0;
	background:url("../img/melisse/compte.png") 0 0 no-repeat;
	_background:url("../img/melisse/compte.gif") 0 0 no-repeat;
	padding-top:4px;
	padding-left:7px;
}

.chpTxtCompte{
    
	height:18px;
	padding-left:2px; 
	padding-top:2px;
	margin:0;
	width:150px;
	color:#6f191a;
	background-color:#fff;
	margin-top:9px;
	border:none;
}

#liensCpte a {
    display:block;
	padding-left:2px; 
	padding-top:2px;
	height:18px;
	margin:0;
	margin-top:9px;
	width:150px;
	color:#6f191a;
	border:none;
}
	

.btnCompte {
	float:right;	
	text-decoration:none;
	color:#6f191a;
	margin-right:22px;
	font-size:15px;
	margin-top:-5px;
	.margin-top:-40px;
	font-weight:bold;	
	background:transparent;
	border:none;
	cursor:pointer;
	
}

.btnCompte:hover {
}


#menu{
 	list-style-type:none;
	margin-top:109px;
	height:21px;
	background:url("../img/melisse/menu.gif") 0 0 no-repeat;
	padding-top:7px;
}

#menu li{
 	float:left;
	width:120px;
	margin:0px;
	text-align:center;
	font-weight:bold;	
	padding-bottom:4px;
}

#menu li.first{
	width:248px;
}

#menu a{
 	color:#6f191a;
	text-decoration:none;
	font-size:1.1em;
}

#menu a:hover{
	text-decoration:underline;
}

.ssMenu {
    display:none;
	position:absolute;
	width:228px;
	min-height:135px;
	border-top:1px solid #fff;
	margin-top:4px;
	z-index:100;
	padding-bottom:10px;
}

.ssMenu a{
   font-weight:normal !important;
}

#menu li:hover .ssMenu,#menu li a:hover .ssMenu {
   display:block;
}



.ssMenu ul {
    list-style-type:none;
	width:132px;
	padding-bottom:20px;
	position:relative;
}

.ssMenu ul li {
	padding:5px;
	border-bottom:2px solid #fff;
}

#ssMenu6 { margin-left:-107px; }

.fr {
	float:right;
}

/***********************************************************************************************/
/* colonne left ********************************************************************************/
#colonneLeft{
	width:242px;
	float:left;
	padding-left:5px;
}

/* formulaire recherche  *************************/
 #frmRecherche {
	width:222px;
	height:42px;
	background:url("../img/melisse/recherche.gif") 3px 0 no-repeat;
	padding-top:22px;
	margin-bottom:6px;
	padding-left:20px;
}

.chpTxtRecherche {
	height:18px;
	padding-left:2px; 
	padding-top:2px;
	margin:0;
	width:164px;
	color:#6f191a;
	background-color:#fff;
	border:0;
}
	

.btnRecherche {
    border:0;
	background:transparent;
	text-decoration:none;
	color:#6f191a;
	margin-left:27px;
	font-size:1.1em;
	font-weight:bold;
}

.btnRecherche:hover {
}

/* post it  *************************/
#postIt {
	width:242px;
	background:url("../img/melisse/bkg-post-it.jpg") 0 0 repeat-y;
	/*margin-bottom:15px;*/
}

#postIt p{
	width:238px;
	padding:0 2px;
	text-align:center;
	color:#e02327;
	font-size:1.1em;
	margin-top:-25px;
	margin-bottom:10px;
}

#horaire{
	width:238px;
	padding:0;
	margin:0;
	margin-left:4px; 
	font-weight:bold;
	text-align:top;
}

#horaire td{
	padding-bottom:5px
}

/* engagements  *************************/
#engagements {
	width:242px;
	background:url("../img/melisse/bkg-engagement.gif") 0 0 repeat-y;
}
 
#engagements h1{
	width:172px;
	height:31px;
	background:url("../img/melisse/top-engagement.jpg") 0 0 no-repeat;
	font-size:1em;
	text-transform:uppercase;
	padding-top:30px;
	padding-left:70px;
}

#menuEngagements {
	width:205px;
	margin-left:15px;
}

#menuEngagements td{
	padding-bottom:10px;
}

#menuEngagements a{
	color:#6f191a;
	text-decoration:none;
}

.picto{
	padding-right:20px;
}

.partage-favoris{
	color:#df1d29;
	height:24px;
	text-decoration:none;
	padding-left:47px;
	padding-top:12px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	background:url("../img/melisse/partage-favoris.gif") 0 0 repeat-y;
	margin-left:15px;
	margin-top:10px;
}

#liensInfos {
	padding-top:10px;
}
#liensInfos li {
	color:#4a0811;
	border-bottom: 1px solid #4a0811;
	list-style-type:none;
	margin-right:5px;
}
#liensInfos a {
	color: #4a0811;
	text-decoration: none;
	padding: 5px;
	display: block;
	width:227px;
}
#liensInfos a:hover{
	background-color:#CEB8A4;
	font-weight:bold;
}


/***********************************************************************************************/
/* colonne right *******************************************************************************/
#colonneRight{
	width:671px;
	background:url("../img/melisse/papillon.jpg") 0 19px no-repeat;	
	float:right;
	min-height:500px;
	_height:500px;
	padding:10px 25px 0 25px;
}

#colonneRight h1{
	color:#e02327;
	text-transform:uppercase;
	padding-left:26px;
	font-size:1.1em;
	margin-bottom:10px;
}

#colonneRight p{
	text-align:justify;
}

#blocBandeauPub{
	margin-top:20px;
	margin-bottom:20px;
}
#imgHautBandeauPub {
	margin-left:332px;
}
#imgBasBandeauPub {
	margin-left:12px;
}
#bandeauPub{
	width:669px;
	border:1px solid #6f191a;
}

#footer li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float:left;
	padding:4px 5px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#lienSignature {
	float:right;
	padding-bottom:5px;
}
#lienSignature li {
	color:#fff;
}
.block_various_links li {
	border-right:1px solid #fff;
}
.block_various_links li.last_item {
	border:none !important;
}


/***********************************************************************************************/
/** css ACCUEIL ********************************************************************************/
/* blocPromoNews  *************************/
#blocPromoNews {
	width:671px;
	margin-bottom:20px;
}

#blocPromo {
	width:436px;
	float:left;
	padding-top:5px;
	height:224px;
}

#blocNews {
	width:235px;
	float:right;
	background:url("../img/melisse/bkg-news.gif") 0 0 repeat-y;	
	height:229px;
}

#blocNews p{
	width:200px;
	padding:0 25px 0 10px;
	font-size:1.1em;
	height:135px;
	overflow:hidden;
}

#blocNews a{	
	color:#6f191a;
}

/* selection *************************/
#bloc-selection{
	width:671px;	
}

#bloc-selection h1{
	font-weight:normal;
	font-size:1.2em;
	color:#6f191a;
	text-transform:lowercase;
	padding-left:0;
}

#selection{
	width:669px;	
	height:205px;
	border:1px solid #6f191a;
}

#selection ul {
	list-style-type:none;
}

.flecheGauche{
	width:26px;	
	height:205px;
	background:url("../img/melisse/selection-fleche-gauche.gif") 50% 50% no-repeat;
	display:block;
	background-color:#f76567;
	float:left;
	cursor:pointer;
}
.flecheDroite{
	width:26px;	
	height:205px;
	background:url("../img/melisse/selection-fleche-droite.gif") 50% 50%  no-repeat;
	display:block;
	background-color:#f76567;
	float:right;
	cursor:pointer;
}

.produitSelection{
	width:195px;
	float:left;
	height:196px;
	padding:8px 0px 0px 9px;
	background:url("../img/melisse/selection-bkg.gif") 100% 0 no-repeat;
}

.produitSelectionSans{
	width:195px;
	float:left;
	height:196px;
	padding:8px 0px 0px 10px;
	background:none !important;
}

.titre-produitSelection{
	font-size:1em;
	text-decoration:none;
	height:30px;
	color:#6f191a;
	display:block;
	overflow:hidden;
	font-weight:bold;
	margin-bottom:5px;
}

.titre-produitSelection:hover{
	text-decoration:underline;
}

.img-produitSelection{
	height:30px;
	border:1px solid #6f191a;
	width:128px;
	height:128px;
	float:left;
}

.prix-produitSelection{
	float:right;
	background:url("../img/melisse/selection-prix.gif") 0 0 no-repeat;
	width:57px;
	height:35px;
	display:block;
	color:#fff;
	text-align:center;
	padding-top:23px;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	margin-right:3px;
}

.voir-produitSelection{
	background:url("../img/melisse/selection-puce.gif") 90% 50% no-repeat;
	width:156px;
	height:17px;
	display:block;
	color:#6f191a;
	background-color:#dccdbf !important;
	text-align:right;
	text-decoration:none;
	font-size:1em;
	margin-top:10px;
	.margin-top:-5px;
	padding-right:36px;
	padding-top:3px;
}

 .carousel-wrap {float:right;margin:0;width:610px;overflow:hidden;margin-right:7px;}

.papAccueil {
	float:right;
	margin-left:10px;
}
/** \\ css ACCUEIL *****************************************************************************/
/***********************************************************************************************/


/***********************************************************************************************/
/** css RUBRIQUE *******************************************************************************/
/** fil *************************/
#fil{
	list-style-type: none;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
	
#fil li {
	display:inline;
	text-decoration:none;
	color:#6f191a;
	font-size:1em;
}

#fil a {	
	font-family:Arial, Helvetica, sans-serif;
	color:#6f191a;
	font-size:1em;
	text-decoration:none;
}

#fil a:hover {
	text-decoration:underline;
}

#fil h3 {	
	color:#6f191a;
	font-size:1em;
	text-decoration:none;
	display:inline;
	text-transform:uppercase;
	font-weight:normal;
}

/** bloc rubrique *************************/
.blocRubrique{
	width:671px;
	background:url("../img/melisse/bkg-rubrique.gif") 0 0 repeat-x;
	height:160px;
	margin-bottom:10px;
}
.imgRubrique {
	float:left;
	padding-top:4px;
}
.texteRubrique{
	width:449px;
	height:132px;
	padding:10px 10px;
	margin-left:152px;
}
.texteRubrique p {
	width:449px;
	height:62px;
	text-align:justify;
	margin-top:30px;
}
.texteRubriqueTitre{
	color:#e02327;
	font-size:1.3em;
	text-decoration:none;
	float:left;
	font-weight:bold;
	width:380px;
}
.texteRubriquePrix{
	color:#e02327;
	font-size:1.3em;
	text-decoration:none;
	float:right;
	font-weight:bold;
	width:69px;
}

.texteRubriqueDecouvrir{
	color:#e02327;
	font-size:1.1em;
	text-decoration:none;
	float:left;
	font-weight:bold;
	padding-top:13px;
}

.texteRubriquePanier{
	color:#e02327;
	font-size:1.1em;
	text-decoration:none;
	float:right;
	font-weight:bold;
	background:url("../img/melisse/panier-rub.jpg") 0 0 no-repeat;
	height:30px;
	padding-left:53px;
	padding-top:13px;
}

#sousCategLst {
    list-style-type:disc !important;
}

#sousCategLst li{
	float:left;
	width:300px;
	margin-bottom:8px;
	display:block;
	margin-right:20px;
	font-weight:bold;
}

#sousCategLst li a {
	color:inherit;
	text-decoration:inherit;
}

#sousCategLst li a:hover {
	text-decoration:underline !important;
}



.titreCateg {
	background:url("../img/melisse/transparent.png") 100% 0 no-repeat;
	_background:#fff;
	_filter: alpha(opacity=75);
	height:35px;
	text-align:right;
	position:absolute;
	width:600px;
	_width:633px;
	padding:0;
	padding-right:10px;
	margin-left:33px;
	_margin-left:0px;
	margin-top:0px;
	line-height:35px;
	color:#907f7c !important;
	_color:#4b4240 !important;
}

.remisede {
	color:#e02327;
	float:right;
}
/** \\ css RUBRIQUE ****************************************************************************/
/***********************************************************************************************/


/***********************************************************************************************/
/** css PRODUIT ********************************************************************************/
#blocImgProduit {
	width:396px;
	float:left;
}

#imgProduit {
	width:396px;
	/*height:396px;*/
	border:1px solid #6f191a;
	float:right;
}


#blocTRPBProduit {
	height:361px;
	float:right;
	margin-top:33px;
	width:273px;
	_width:270px;
	
}

#blocTRPBProduit h1 {	
	color:#f42327;
	font-size:1.1em;
	font-weight:bold;
	padding-left:24px;
}

#blocTRPBProduit .shortDesc  {	
	height:176px;
	overflow:hidden;
	padding-left:24px;
}

/* formulaire quantite  ********************************************/

#frmQuantite label{
	color:#6f191a;
	margin-right:10px;
	font-size:1.1em;
	margin-left:24px;
	}
		

#frmQuantite input.text{
	height:20px;
	padding-left:2px; 
	padding-top:2px;
	margin:0;
	width:36px;
	color:#6f191a;
	border:1px solid #6f191a;
	background-color:#fff !important;
	text-align:center;
	}
.frmQuantiteBtn{
	font-size:1.3em !important;
	padding-top:47px !important;
	.padding-top:65px !important;
	display:block !important;
	overflow:visible;
	color:#fff !important;
	height:50px !important;
	.height:32px !important;
	width:242px !important;
	background:url("../img/melisse/btn-ajouter-produit.gif") 0 0 no-repeat !important;
	border:0 !important;
	text-align:left !important;
	padding-left:20px !important;
	}


#blocTRPBProduitPrix{
	color:#6f191a;
	font-size:1.1em;
	margin-top:20px;
	padding-left:24px;
	}

/* bloc onglet produit  ********************************************/
#ongletsProduit {
	width:671px;
	/*height:214px;*/
}

#menuOngletsProduit{
	background:url("../img/melisse/onglet-produit.jpg") 0 0 no-repeat !important;
	width:671px;
	height:33px;
}

#menuOngletsProduit li{
	background:url("../img/melisse/puce-onglet-produit.png") 20px 50% no-repeat;
	_background:url("../img/melisse/puce-onglet-produit.gif") 20px 50% no-repeat;
	float:left;
	display:inline;
	height:23px;
	list-style-type:none;
	padding-top:10px;
}

#menuOngletsProduit a{
	display:block;
	padding-left:50px;
	width:117px;
	color:#6f191a;
	font-size:1em;
	text-decoration:none;
	cursor:pointer;
}

#menuOngletsProduit a.lienBlocActif{
	font-weight:bold;
}

#menuOngletsProduit a:hover{
	text-decoration:underline;
}

#blocOngletsProduitTexte{
	width:649px;
	border-left:1px solid #6f191a;
	border-right:1px solid #6f191a;
	border-bottom:1px solid #6f191a;
	padding:10px;
	position:relative;
	height:auto;
}

#blocOngletsProduitTexte h2{
	color:#e02327;
	font-weight:normal;
	font-size:1em;
	margin-bottom:10px;
}

#blocOngletsProduitTexte p{
	text-align:justify;
}

.blocInactif {
	display:none;
}

.lienBlocActif {
	display:block !important;
	cursor:default !important;
}

.lienBlocActif:hover{
	text-decoration:none !important;
}

.legendIm {
	Text-align:center;
	font-size:90%;
	
}
.blocProduitTexte ul {
	margin-left:20px;
}
.prix, .promo {
	color: #e02327;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 1.1em;
}
.prixBarre {
	text-decoration: line-through;
}
/** \\ css PRODUIT *****************************************************************************/

/***********************************************************************************************/


/***********************************************************************************************/
/** css CMS ************************************************************************************/
#contenuCMS {
	text-align:justify;	
}
/** \\ css CMS *********************************************************************************/
/***********************************************************************************************/


/***********************************************************************************************/
/** Pagination *********************************************************************************/
#pagination_previous, #pagination_next, ul.pagination a, ul.pagination span, #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span  {
	background-image:none !important;
	background-color:none !important;
	border:none !important;
}
ul.pagination li{
	background-color: #fff;
}
ul.pagination li.disabled span {
	color: #888888;
}
/** \\ Pagination ******************************************************************************/
/***********************************************************************************************/


/***********************************************************************************************/
/** Panier *************************************************************************************/
#cadeauCmd {
	padding:10px;
	margin-bottom:15px;
	color:#e02327;
	border:2px solid #e02327;
}
/** \\ Panier **********************************************************************************/
/***********************************************************************************************/

/***********************************************************************************************/
/** Bloc Nwsletter *****************************************************************************/
#newsletter_block_left {
	width:235px;
	margin-top:10px;
	background:#CFB8A6;
}
#newsletter_block_left h4 {
	background-color: transparent;
	background-image:none;
	border-bottom-color:#6F1A1B;
	padding:5px;
}
#newsletter_block_left .block_content {
	background:none;
}
#newsletter_block_left input, #newsletter_block_left select {
	border-color:#6F1A1B;
}
#newsletter_block_left input.button_mini {
	background-image:none;	
	border:none;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;
	color:#6F1A1B !important;
	padding:3px 6px
}
#newsletter_block_left input.button_mini:hover {
	color:#000 !important;
}
/** \\ Bloc Nwsletter **************************************************************************/
/***********************************************************************************************/