/*      ajout oct 2008     */


@import url(pages.css);


#iframe{
display:none;
	}


/*      ajout sept 2008     */




a.commande{
	display:block;
	clear:both;
	float: right;
	text-decoration:none;
	color: #8D3B84;
	font-size:11px;
	background-color: #E9DBE8;
	border: 1px solid #E9DBE8;
	background-image: url(../images/deco/img-bt-roll.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	width: 232px;
	height: 28px;
	padding-top:18px;
	font-weight:bold;

  }
  

a.commande:hover, #editorial2 a.commande:hover{
	background-image: url(../images/deco/img-bt.png);
	color: #FFFFFF;
  }
  
a.commandeplus{
	display:block;
	float:right;
	text-decoration:none;
	color: #8D3B84;
	font-size:11px;
	background-color: #E9DBE8;
	border: 1px solid #E9DBE8;
	background-image: url(../images/deco/img-bt-roll.png);
	background-repeat:no-repeat;
	background-position:top left;a
	text-align:center;
	width: 232px;
	height: 28px;
	padding-top:18px;
	font-weight:bold;

  }
  

a.commandeplus:hover, #editorial2 a.commandeplus:hover{
	background-image: url(../images/deco/img-bt.png);
	color: #FFFFFF;
  }
  
/*      ajout juin 2008     */


legend {


}

#editorial2{
  float:left;
  width: 510px;
  background-image: url(../images/deco/fond-contenu-small.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 80px;
  padding-left: 187px;
  padding-right: 187px;
  text-align:center;
  }



input {
  color: #8D3B84;
  font-size:12px;
  
  }

input.bouton {
  background-color: #8D3B84;
  color:#FFFFFF;
  cursor:pointer;
}





#editorial a, #formulaire a, #editorial2 a{
  color: #8D3B84;
  }



#editorial a:hover, #formulaire a:hover, #editorial2 a:hover{
  text-decoration: none;
}


p.warn{
  color:#8D3B84;
  font-size:13px;
  font-weight:bold;
}

.gestion {
	display:block;
	clear:both;
  padding-left:25px;
  padding-right:25px;
  padding-top:15px;
  padding-bottom:15px;
  margin: 0px;
  border: 0px;
  background-image: url(../images/deco/cartouche.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  text-align:right;
  }

div.gestion {
	display:block;
	clear:both;
	  width: 460px;
  padding-left:25px;
  padding-right:25px;
  padding-top:15px;
  padding-bottom:15px;
  margin: 0px;
  border: 0px;
  background-image: url(../images/deco/cartouche.gif);
  background-repeat: no-repeat;
  text-align:right;
  }

div.gestion2 {
float:left;
  width: 460px;
  padding-left:25px;
  padding-right:25px;
  padding-top:15px;
  padding-bottom:15px;
  margin: 0px;
  border: 0px;
  background-image: url(../images/deco/cartouche-bg.gif);
  background-repeat: repeat-y;
  text-align:right;
  }
  


input.gestion-bouton{
	color: #8D3B84;
	font-size:11px;
	background-color: #E9DBE8;
	border: 1px solid #E9DBE8;
	background-image: url(../images/deco/img-bt-roll.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	width: 232px;
	height: 46px;
	font-weight:bold;
	cursor:pointer;
  }
  

input.gestion-bouton:hover{
	background-image: url(../images/deco/img-bt.png);
	color: #FFF;
  }
  

 *:focus {outline: 0;}
 
 
label{
	vertical-align:middle;
  }
  
  
input.champs{
  	font-size:11px;
  	width: 167px;
  	height:15px;
	background-image: url(../images/deco/champ-gestion.gif);
	background-repeat:no-repeat;
	background-position: right top;
	background-color:#E9DBE8;
	color:#FFF;
	border: none;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:5px;
	margin-top:6px;
	margin-bottom:6px;
  }

input.champs:focus {
	background-image: url(../images/deco/champ-gestion-roll.gif);
	color:#8D3B84;
}




input.champs-small{
  	font-size:11px;
  	width: 110px;
  	height:15px;
	background-image: url(../images/deco/champ-gestion-small.gif);
	background-repeat:no-repeat;
	background-position: right top;
	background-color:#E9DBE8;
	color:#FFF;
	border: none;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:5px;
	margin-top:6px;
	margin-bottom:6px;
  }

input.champs-small:focus {
	background-image: url(../images/deco/champ-gestion-roll-small.gif);
	color:#8D3B84;
}

input.champs-small2{
  	font-size:11px;
  	width: 110px;
  	height:15px;
	background-image: url(../images/deco/champ-gestion-small2.gif);
	background-repeat:no-repeat;
	background-position: right top;
	background-color:#E9DBE8;
	color:#FFF;
	border: none;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:5px;
	margin-top:6px;
	margin-bottom:6px;
  }

input.champs-small2:focus {
	background-image: url(../images/deco/champ-gestion-roll-small2.gif);
	color:#8D3B84;
}


.gestion-area{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	background-color:#BBA8BC;
	color:#FFF;
	width:400px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px;
	border:none;
  }


textarea{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  }




div.cartouche-form {
float:left;
  width: 510px;
  height:10px;
  background-image: url(../images/deco/cartouche-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
  overflow:hidden;

}

div.cartouche-form-bas {
	clear:both;
  width: 510px;
  height:10px;
  background-image: url(../images/deco/cartouche-bas.gif);
  background-repeat: no-repeat;
  background-position: left top;

}


/*------------------------------------------------------*
  *-----------------------------------     CSS STRUCTURE     ----*
  *------------------------------------------------------*/


body {
  border:0;
  margin: 0;
  padding: 0;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-image: url(../images/deco/bg.jpg);
  background-color: #E5D7E6;
  background-repeat: repeat-x;
  color: #8D3B84;
}



#global{
  width: 884px;
  margin-left:auto;
  margin-right:auto;
  padding:8px;
  text-align:left;
  background-color: #FFFFFF;
}



#entete{
  float:left;
  width: 884px;
  height:178px;
  }



#menu-fond{
  float:left;
  width: 884px;
  padding-top: 2px;
  padding-bottom: 5px;
  height:22px;
  background-image: url(../images/deco/pointille-menu.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  }

#menu{
  width: 884px;
  height:22px;
  background-image: url(../images/deco/bg-menu.gif);
  background-repeat: repeat-x;
  }

#menu-left{
  float:left;
  }



#menu-right{
  float:right;
  }

#contenu{
  float:left;
  width: 884px;
  background-image: url(../images/deco/fond-contenu.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 10px;
  }



#contenu-vente{
  float:left;
  width: 884px;
  background-image: url(../images/deco/fond-contenu-small.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom:80px;
  }

#editorial{
  float:left;
  width: 584px;
  background-image: url(../images/deco/fond-contenu-small.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 60px;
  padding-left: 150px;
  padding-right: 150px;
  }


#formulaire{
  float:left;
  width: 510px;
  background-image: url(../images/deco/fond-contenu-small.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 80px;
  padding-left: 187px;
  padding-right: 187px;
  line-height: 25px;
  text-align:center;
  }

#chemin{
  float:left;
  width: 771px;
  height: 60px;
  padding-top: 10px;
  padding-left: 18px;
  padding-right: 11px;
  overflow:hidden;
  }


#connexion{
  float:left;
  width: 84px;
  height: 51px;
  padding-top: 10px;
  }


#titre{
  float:left;
  width: 492px;
  padding-left: 18px;
  padding-right: 374px;
  padding-bottom: 5px;
  }

#gauche{
  float:left;
  width: 510px;
  }

#texte {
  padding-top: 5px;
  padding-bottom: 5px;
}

#droite{
  float:left;
  width: 374px;
  padding-bottom: 272px;
  }

#pied{
  clear:both;
  width: 884px;
  height:111px;
  background-image: url(../images/deco/pied.gif);
  }

#copyright{
  float:left;
  font-size: 10px;
  color:#FFFFFF;
  height:17px;
  padding-top: 94px;
  padding-left: 18px;
  }


#menu-annexe{
  float:right;
  font-size: 10px;
  color:#D3D601;
  height:17px;
  padding-top: 94px;
  padding-right: 18px;
  }


/*------------------------------------------------------*
  *-----------------------------------     CSS HOME     ----*
  *------------------------------------------------------*/

body#home {
  background-image: url(../images/deco/bg-home.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

#page-home{
  float:right;
  text-align:left;
  width:970px;
  }
  
#anim{
  float:left;
  width: 359px;
  }

#enter{
	float:left;
  width: 359px;
  overflow:hidden;
  height:198px;
  }
  
#annonce{
	float:left;
  width: 359px;
  }

#intro{
float:left;
  width: 611px;
  height:513px;
  overflow:hidden;
  }

#menu-home{
  margin-top:2px;
  float:left;
  width: 970px;
  clear:both;

  }

div.cartouche-marque-haut-home {
  width: 134px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/cartouche-marque-haut-home.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.cartouche-marque-home {
  background-image: url(../images/deco/cartouche-marque-home.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 5px;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS BLOG     ----*
  *------------------------------------------------------*/


#global-blog{
  position:relative;
  width: 884px;
  margin-left:auto;
  margin-right:auto;
  padding:8px;
  text-align:left;
  background-image: url(../images/deco/fond-blog.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #FFFFFF;
}



#menu-blog{
  width: 884px;
  height:22px;
  background-image: url(../images/deco/fond-menu-blog.gif);
  background-repeat: no-repeat;
  }

#blog{
  float:left;
  width: 642px;
  background-image: url(../images/deco/fond-contenu-small.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 110px;
  padding-left: 242px;
  padding-top: 30px;

  }

span.date{
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  display:block;
  width:122px;
  height:36px;
  background-image: url(../images/deco/date.jpg);
  background-repeat: no-repeat;
  padding-top: 28px;
  text-align: center;
}

div.jour{
  clear:both;
  font-size: 14px;
  font-weight: bold;
  padding-left:10px;
  padding-top:50px;
}

div.post {
  float:left;
  width: 642px;
  padding-bottom: 10px;
}



div.post-blog-haut {
  width: 612px;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  background-image: url(../images/deco/bloc-blog-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}


div.post-blog {
  background-image: url(../images/deco/bloc-blog.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 20px;
}

h1.titre-blog{
  font-size: 12px;
  font-weight: bold;
  color: #C7CA01;
  padding-bottom:10px;
}

div.contrib-bloc-haut {
  width: 592px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 35px;
  background-image: url(../images/deco/contrib-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.contrib-bloc {
  background-image: url(../images/deco/contrib.gif);
  background-repeat: no-repeat;
  background-position: left bottom;

}
div.contrib {
  float:left;
  width: 622px;
  padding-top: 15px;
  padding-bottom:10px;

}



/*------------------------------------------------------*
  *-----------------------------------     CSS HISTORIQUE     ----*
  *------------------------------------------------------*/


#historique{
  float:left;
  width: 809px;
  background-image: url(../images/deco/fond-contenu-small.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 90px;
  padding-left: 75px;
  }

div.bloc-historique{
  float:left;
  width: 510px;
  padding-top:30px;
  padding-bottom:30px;
  text-align:justify;
  background-image: url(../images/deco/bas-historique.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  }

div.date-historique{
  float:left;
  width:224px;
  }

div.contenu-historique{
  float:left;
  width:510px;
  padding-bottom:20px;
  }

div.texte-historique{
  padding-top: 5px;
  padding-bottom: 5px;
  }


/*------------------------------------------------------*
  *-----------------------------------     CSS VISUEL     ----*
  *------------------------------------------------------*/


div.cartouche-haut {
  width: 500px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/cartouche-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.cartouche {
  background-image: url(../images/deco/cartouche.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 5px;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS CATEGORIES     ----*
  *------------------------------------------------------*/
#fiche
{
  float:left;
  width: 655px;
  margin-left:69px;

  padding-bottom: 25px;
  background-color:#36C;
}

#fiche2
{
  float:left;
  width: 429px;
  padding-bottom: 25px;
  padding-right:50px;
}

div.categorie {
  float:left;
  width: 174px;
  padding-left: 12px;
  margin-bottom: 14px;
}


div.cartouche-pt-haut {
  width: 164px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/cartouche-pt-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.cartouche-pt {
  background-image: url(../images/deco/cartouche-pt.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 5px;
}

div.cartouche-pt-titre {
  float:left;
  padding-left: 5px;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS MARQUES     ----*
  *------------------------------------------------------*/



span.description{
  padding-left: 18px;
  padding-right: 5px;
  padding-bottom: 18px;
  display:block;
}

div.marque {
  float:left;
  width: 144px;
  padding-right: 14px;
  padding-bottom: 14px;
}



div.cartouche-marque-haut {
  width: 134px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/cartouche-marque-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}



div.cartouche-marque {
  background-image: url(../images/deco/cartouche-marque.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 5px;
}



/*------------------------------------------------------*
  *-----------------------------------     CSS TEXTE     ----*
  *------------------------------------------------------*/

h1{
  font-size:15px;
  font-weight: bold;
  text-transform: uppercase;
  margin:0px;
  }



h1.titre-categorie{
	display:block;
	height:30px;

	overflow:hidden;
  font-size:11px;
  }


h2{
  font-size:12px;
  color: #C7CA01;
  font-weight: bold;
  margin:0px;
  }

.gestion2 h2{
  color: #8D3B84;
  }
  
  /*------------------------------------------------------*
  *-----------------------------------     CSS LIENS     ----*
  *------------------------------------------------------*/

a.lien{
  color: #8D3B84;
  }


a.lien:hover{
  text-decoration: none;
}



a.lien-menu-annexe{
  color: #D3D601;
  }


a.lien-menu-annexe:hover{
  text-decoration: none;
}

a.imgaccueil{

  }


a.imgaccueil:hover{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	}


img.imgliste{

	background-color:#FFF;
	border: #E5D7E6 2px solid;
	}

img.imgliste:hover{
	background-color:#FFF;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);

	}

  /*------------------------------------------------------*
  *-----------------------------------     CSS AUTRES     ----*
  *------------------------------------------------------*/


img.menu{
cursor:pointer;
  }

strong.fonce{
  font-weight: bold;
  color: #8B558B;
  }

strong.clair{
  font-weight: bold;
  color: #C29BC5;
  }

input.ok{
  font-weight: bold;
  width: 34px;
  height: 16px;
  background-image: url(../images/deco/ok.gif);
  background-repeat: no-repeat;
  border:0;
  cursor:pointer;
  background-color: #FFFFFF;
  }

input.ok-bis{
  font-weight: bold;
  width: 34px;
  height: 16px;
  background-image: url(../images/deco/ok.gif);
  background-repeat: no-repeat;
  border:0;
  background-color: #F2F0F3;
  cursor:pointer;
  }

input.ok-ter{
	margin-top:5px;
  font-weight: bold;
  width: 34px;
  height: 16px;
  background-image: url(../images/deco/ok.gif);
  background-repeat: no-repeat;
  border:0;
  background-color: #E5D7E6;
  cursor:pointer;
  }


input.champs-parrainnage{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #B3A7A9;
  border-right-color: #EFE3E5;
  border-bottom-color: #EFE3E5;
  border-left-color: #B3A7A9;
  color:#C29BC5;
  font-size:11px;
  width: 150px;
  background-color: #F2EEEF;
  }




input.champs-home-mail{
	float: left;
	width: 116px;
	height:14px;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-right: 4px;
	padding-left: 30px;
	margin-right: 5px;
	color:#C29BC5;
	font-size:11px;
	background-image: url(../images/deco/mail-off.jpg);
	background-repeat:no-repeat;
	background-position: right top;

	border: none;
	background-color:#E5D7E6;
  }
  

input.champs-home-mail:focus {
  background-image: url(../images/deco/mail-on.jpg);
  color:#FFF;
}

input.champs-home-secure{
float: left;
width: 116px;
height:14px;
padding-top: 6px;
padding-bottom: 8px;
padding-right: 4px;
padding-left: 30px;
margin-right: 5px;
color:#C29BC5;
font-size:11px;
  background-image: url(../images/deco/secure-off.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	border: none;
	background-color:#E5D7E6;
  }

input.champs-home-secure:focus {
  background-image: url(../images/deco/secure-on.jpg);
  color:#FFF;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS CATEGORIE     ----*
  *------------------------------------------------------*/
#liste_produit
{
  float:left;
  width: 669px;
  margin-bottom: 25px;
}


div.enveloppe {
  float:left;
  padding-left: 13px !important;
  padding-left: 7px;
  padding-bottom: 17px;
}

a.ariane{
	display:block;
	float:left;
  font-size:15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right:15px;
  margin-bottom:15px;
  color:#8D3B84;
  text-decoration:none;
  }

a.ariane:hover{
	color:#BF68B7;
  }
 
div.bloc-haut {
  float:left;
  width: 200px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/bloc-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}


div.bloc {
  float:left;
  background-image: url(../images/deco/bloc-bas.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom:5px;
}


div.bloc-titre {
  float:left;
  width: 194px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C3C3C3;
  padding:3px;
  font-weight:bold;
  height: 38px;
  overflow:hidden;

}

div.bloc-titre2 {
  float:left;
  width: 194px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C3C3C3;
  padding-top:7px;
  padding-left:3px;
  padding-right:3px;
  padding-bottom:3px;
  height: 15px;
  overflow:hidden;
}

div.bloc-image{
  float:left;
  width: 200px;
  height: 200px;
  overflow:hidden;
}

span.prix-cat{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #C6CB01;
}

span.prix-barre-cat{
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
  text-decoration: line-through;

}
/*------------------------------------------------------*
  *-----------------------------------     CSS PRODUIT     ----*
  *------------------------------------------------------*/



/*-----------   cartouche accueil   -------------*/


div.now {
  float:left;
  padding-top:80px;
  background-image: url(../images/deco/moment.png);
  background-repeat: no-repeat;
  background-position:center top;

}

div.next {
  float:left;
  margin-top:20px;
  padding-top:155px;
  background-image: url(../images/deco/avenir.png);
  background-repeat: no-repeat;
  background-position:center top;
}

div.cartouche-accueil {
  float:left;
  width: 884px;
  padding-bottom: 25px;
}

div.cadre-accueil {
  float:left;
  width: 704px;
  height: 232px;
  padding: 11px;
  background-image: url(../images/deco/cadre-accueil.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.cadre-accueil-next {
  float:left;
  width: 704px;
  height: 232px;
  padding: 11px;
  background-image: url(../images/deco/cadre-accueil.gif);
  background-repeat: no-repeat;
  background-position: left top;

}



div.accueil-gauche {
  float:left;
  width:354px;
  height: 210px;
  overflow:hidden;
}

div.accueil-droite {
  float:left;
  width:350px;
  height: 210px;
  overflow:hidden;
}

div.accueil-text {
  float:left;
  width:234px;
  height: 117px;
  padding-right: 120px;
  margin-bottom: 50px;
  overflow:hidden;
}

div.accueil-bt {
  float:left;
  width:354px;
  height: 43px;
  overflow:hidden;
}



/*-----------   entete   -------------*/

div.cadre-categorie-haut {
  float:left;
  width: 425px;
  padding-top: 5px;
  padding-left: 4px;
  padding-right: 4px;
  background-image: url(../images/deco/cadre-categorie-haut.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.cadre-categorie {
  float:left;
  background-image: url(../images/deco/cadre-categorie.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom:5px;
}

#image-droite {
  float:left;
  width:650px;
  min-height:255px;
  background-image: url(../images/deco/frise.gif);
  background-position:top right;
  background-repeat:no-repeat;
  overflow:hidden;
}

#menu-gauche {
  float:left;
  width: 210px;
  background-image: url(../images/deco/bloc-bas.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#menu-gauche2 {
  float:left;
  width: 144px;
  background-image: url(../images/deco/bloc-bas2.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

div.bloc-haut2 {
  width: 134px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/bloc-haut2.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

/*-----------   entete menu cat  -------------*/


#menu-gauche2 ul
{
  width: 134px;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
  list-style-type: none;
  text-transform:uppercase;
}



#menu-gauche2  a
{
	display: block;
	color: #9A6596;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	width:109px;
	margin-bottom:5px;
	background-image: url(../images/deco/puce-blanche.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
}

#menu-gauche2  a:hover
{
	background-image: url(../images/deco/puce-rose.gif);
	background-color: #E9D8EB;
	color: #A475A0;
}

#menu-gauche2 ul ul li {
  margin: 0px;
  text-transform:none;
  display:none;
  }

#menu-gauche2 ul ul#cat-active li {
  margin: 0px;
  text-transform:none;
  display:block;

  }

#menu-gauche2 ul ul#cat-active li a {
	background-image: url(../images/deco/puce-blanche-small.gif);
	background-repeat: no-repeat;
    background-position: 14px 7px;
	background-color: #FFF;
  }

#menu-gauche2 ul ul#cat-active li a:hover {
	background-image: url(../images/deco/puce-rose-small.gif);
	background-repeat: no-repeat;
    background-position: 14px 7px;
	background-color: #E9D8EB;
  }
  
#menu-gauche2 ul ul li a#sscat-active {

	color: #984F94;
    background-position: 14px 7px;
	background-color: #E9D8EB;
	background-image: url(../images/deco/puce-rose-small.gif);
	background-repeat: no-repeat;
  }

#menu-gauche2 ul ul a
{
	padding-left: 30px;
	width:104px;

	color: #C998C7;
}

#menu-gauche2 ul ul a:hover
{

  color: #984F94;
}

#menu-gauche2 ul ul
{
margin:0px;
padding:0px;

}

#menu-gauche2  li.selectitem a
{

	background-repeat: no-repeat;
	background-color: #E9D8EB;
	background-image: url(../images/deco/puce-rose.gif);
}

#menu-gauche2  li.selectitem a:hover
{

}
/*-------------------------------------------------------------------------------------*/



#image-droite2 {
 float:left;
  width:498px;
  height:298px;
  padding:6px;
  overflow:hidden;
  background-image: url(../images/deco/cartouche-totale.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-left:5px;
   margin-bottom:10px;
}






div.cadre-categorie-haut2 {
  float:left;
  width: 716px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(../images/deco/cadre-categorie-haut2.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

div.cadre-categorie2 {
  float:left;
  background-image: url(../images/deco/cadre-categorie2.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom:5px;
}


/*-----------   entete menu cat  -------------*/


#menu-gauche ul
{
	width: 200px;
  margin: 0px;
  padding: 5px;
  list-style-type: none;
  text-transform:uppercase;

}



#menu-gauche  a
{
	display: block;
	color: #9A6596;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	width:175px;
	margin-bottom:5px;
	background-image: url(../images/deco/puce-blanche.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;	
}

#menu-gauche  a:hover
{
	background-image: url(../images/deco/puce-rose.gif);
	background-color: #E9D8EB;
	color: #A475A0;
}

#menu-gauche ul ul li {
  margin: 0px;
  text-transform:none;
  display:none;
  }

#menu-gauche ul ul#cat-active li {
  margin: 0px;
  text-transform:none;
  display:block;

  }

#menu-gauche ul ul#cat-active li a {
	background-image: url(../images/deco/puce-blanche-small.gif);
	background-repeat: no-repeat;
    background-position: 14px 7px;
	background-color:#FFF;
  }
  

#menu-gauche ul ul#cat-active li a:hover {
	background-image: url(../images/deco/puce-rose-small.gif);
	background-repeat: no-repeat;
    background-position: 14px 7px;
	background-color: #E9D8EB;
  }
  
#menu-gauche ul ul li a#sscat-active {

	color: #984F94;
    background-position: 14px 7px;
	background-color: #E9D8EB;
	background-image: url(../images/deco/puce-rose-small.gif);
	background-repeat: no-repeat;
  }

#menu-gauche ul ul a
{
	padding-left: 30px;
	width:170px;

	color: #C998C7;
}

#menu-gauche ul ul a:hover
{

  color: #984F94;
}

#menu-gauche ul ul
{
margin:0px;
padding:0px;

}

#menu-gauche  li.selectitem a
{

	background-repeat: no-repeat;
	background-color: #E9D8EB;
	background-image: url(../images/deco/puce-rose.gif);
}

#menu-gauche  li.selectitem a:hover
{

}




/*-----------   visionneuse   -------------*/




h1.titre-produit{
  font-size:22px;
  font-weight: normal;
  padding-bottom: 10px;
  padding-left: 3px;
  text-transform:none;
  }



#mon_produit
{
  float:left;
  width: 724px;
}

#product_cadre
{
  float:left;
  width:285px;
  height:285px;
  background-image: url(../images/deco/cadrezoom.gif);
  background-repeat: no-repeat;
  padding:5px;
}

#product_div_normal
{
  position:relative;
  overflow:hidden;
  width:275px;
  height:275px;

}
/*-----------   miniatures   -------------*/

#liste_miniature
{
  float:left;
  height: 85px;
  overflow:hidden;
  width: 598px;
  padding-left: 126px;
}

div.enveloppe_miniature
{ float:left;
  padding-left:14px;
}

div.miniature
{
  background-image: url(../images/deco/cadrezoompetit.gif);
  background-repeat: no-repeat;
  float:left;
  padding:5px;
}

img.mini
{
  float:left;
  width:75px;
  height:75px;
  cursor:pointer;
  background-repeat: no-repeat;
}

/*-----------   infos produit   -------------*/

#infos
{
  float:left;
  width: 130px;
  padding-top: 14px;
  padding-right: 10px;
}

#infos br
{
line-height: 8px;
}

span.prix{
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  display:block;
  width:130px;
  height:45px;
  background-image: url(../images/deco/prix.gif);
  background-repeat: no-repeat;
  padding-top: 50px;
  text-align: center;
}

select {
  	color: #8D3B84;
  	font-size:11px;
	padding:2px;
	margin-top:3px;
	margin-bottom:3px;
	background-color: #F5EFF5;
	border:1px solid #F5EFF5;
  }
  
select.taille{
  font-size: 10px;
  width: 124px;
  color: #FFFFFF;
  border:1px solid #FFFFFF;
  background-color: #B58EB2;
}


#editorial2 a.bloc-lien
{
	display:block;
  	color: #8D3B84;
	text-decoration:none;
	width: 445px;
	padding:10px;
	margin-bottom:5px;
}

#editorial2 a.bloc-lien:hover
{
	background-color:#D0B3CD;
  	color: #FFF;

}

div.couffin-comm
{
	background-color: #F5EFF5;
	width: 445px;
	padding:10px;
	margin-bottom:15px;
}
/*------------------------------------------------------*
  *-----------------------------------     CSS HACK     ----*
  *------------------------------------------------------*/

	


a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}