/*zdzdzd**************** STYLE GLOBAUX *****************/

a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/

/***************** STYLES A EXPLOITER POUR LES 5 RUBRIQUES PRINCIPALES H1 // changer en fonction des rubriques *****************/
#contenu h1.vert a:link , h1.vert a:visited {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;

}

#contenu h1.type
{
	background:url(../images/charte/bg-titre-type.jpg) no-repeat left top;
	font:bold 18px Arial, Helvetica, sans-serif;
	text-align:right;
	color:#fff;
	margin:0 0 12px;
	padding:10px 5px 0 0;
	height:32px;
}

#contenu h1.rubrique1
{
	background:url(../images/charte/bg-titre-aromatherapie.jpg) no-repeat left top;
}

#contenu h1.rubrique2
{
	background:url(../images/charte/bg-titre-beautenaturelle.jpg) no-repeat left top;
}
#contenu h1.rubrique3
{
	background:url(../images/charte/bg-titre-encensdumonde.jpg) no-repeat left top;
}
#contenu h1.rubrique4
{
	background:url(../images/charte/bg-titre-bienetre.jpg) no-repeat left top;
}
#contenu h1.rubrique5
{
	background:url(../images/charte/bg-titre-creationethique.jpg) no-repeat left top;
}
#contenu h1.marques
{
	background: url(../images/charte/bg-titre-marques.jpg) no-repeat left top;
}

/***************** STYLE A EXPLOITER POUR L'AFFICHAGE DES SOUS-SOUS MENUS *****************/
#contenu h1.produits{
	text-align:center;
	color:#fff;
	margin:0 0 12px;
	height:43px;
	line-height:25px;
	background:url(../images/charte/bg-sousoumenus.jpg) no-repeat left top;
}

#contenu h1.produits a:link, #contenu h1.produits a:visited{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#a0558e;
	padding:3px;
	text-decoration:none;
}
#contenu h1.produits a:hover, #contenu h1.produits a:active{
	color:#d42a2a;
	text-decoration:underline;
}
/***************** STYLE TITRES h2 classiques ... *****************/
#contenu h2{
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#c7c52c;
	margin:0 0 7px;
}

#contenu h2 a:link , h2 a:visited {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#D42A2A;
}

#contenu h1 a:link , h1 a:visited {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#contenu p{
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#5B194A;
	line-height:1.8em;
	margin-bottom:1.2em;
}
#contenu p em{
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
}
#contenu p.couleur, span.couleur{
	font-weight:bold;
	color:#833b71;
}
#contenu #contenutxt a:link, #contenu #contenutxt a:visited{
	font-weight:bold;
	text-decoration:underline;
	color:#d42a2a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#contenu #contenutxt a:hover, #contenu #contenutxt a:active{
	color:#833b71;
	text-decoration:none;
}

#contenutxt {
	width:700px;
	float:left;
}
/***************** STYLE FOOTER *****************/
#footer p{
	font:10px/30px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
	padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#000;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color:#d42a2a;
	font-size:10px;
	font-weight:normal;
}

/***************** CONTACT *****************/ 


#contenu input,textarea{
	width:97%;
	border:1px solid #793367;
	font-size:12px;
	color:#682657;
	background-color:#E7D7E2;
	font-family:Arial, Helvetica, sans-serif;

}


#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}


#contenu input:focus,textarea:focus{
	border:1px solid #D2CF30;
}

#contenu .listee1{
	width:97%;
	border:1px solid #793367;
	font-size:12px;
	color:#682657;
	background-color:#E7D7E2;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu .champRequis{
	color:#D42A2A;
}

#contact_fomulaire {
	width:362px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
}

#contenu .boutonform {
	border:1px solid #CC0000;
	font-size:12px;
	color:#000;
	background-color:#FEF8E6;
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
}

#contenu .boutonform:focus {
	color:#CF1618;
}

.titre_parti {
	width:200px;

	margin-bottom:15px;
	margin-left:0px;
}


#contact_coordonnees {
	width:230px;
	float:left;
	margin-left:60px;
	margin-bottom:20px;
	margin-top:10px;
}


#contact_plan {
	width:230px;
	float:left;
	margin-left:60px;
	margin-top:40px;

}

#caractristik{
	width:270px;
	float:left
}

#contenu  .txt_bas{
	font-size:11px;
	line-height:1.4em;
	text-align:justify;
}

#contenu .capa{
	width:95%;
	border:1px solid #CC0000;
	font-size:12px;
	color:#000;
	background-color:#FEF8E6;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .capa:focus{
	border:1px solid #D2CF30;
}

#contenu label {
	font-size:12px;
	color:#580c45;
	line-height:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}


#contenu .loi {
	width:530px;
	margin-left:80px;
	margin-top:20px;
}



/* ------------------------------- Général ------------------------------- */



#contenu .enval {
	color:#D42A2A;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .enval3 {
	color:#c7c52c;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .enval2 {
	color:#c7c52c;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:0px;
	margin-top:7px;
}

#contenu .envalcenter {
	color:#006600;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:480px;
	margin-left:80px;
	margin-bottom:15px;
}


#contenu li {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce11.jpg);
	line-height:1.8em;
	text-align:justify;
	color:#5B194A;
	
}
#contenu ul {
	margin-left:40px;
	margin-bottom:10px;
	margin-top:5px;
	line-height:1.8em;
}

#contenu .liste {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce3.jpg);
	line-height:1.8em;
	text-align:justify;
	color:#5B194A;
	
	
}

#contenu .listeul {
	margin-left:80px;
}

/*--------------------------------- Accueil ---------------------------------*/

.bas {
	margin-bottom:10px;
}

.groupe {
	float:left;
	width:700px;

}


#contenutxt .titre_parti2 {
	width:700px;
	margin-top:30px;
	margin-bottom:10px;
	position:relative;
	float:left;
	height:43px;
}


#contenutxt .titre_parti2 .picto_nouvo{
	width:26px;
	height:26px;
	position:absolute;
	top:7px;
	left:255px;
	background-image:url(../images/charte/n.jpg);
	background-repeat:no-repeat;
}


#contenutxt .titre_parti2 .picto_coeur{
	width:26px;
	height:26px;
	position:absolute;
	top:7px;
	left:255px;
	background-image:url(../images/charte/c.jpg);
	background-repeat:no-repeat;
}


#contenutxt .titre_parti2 .picto_promo{
	width:26px;
	height:26px;
	position:absolute;
	top:7px;
	left:255px;
	background-image:url(../images/charte/p.jpg);
	background-repeat:no-repeat;
}

/*****************************************************/
/* 		Vignette
/*****************************************************/
/*.vignette-produit{
	float:left;
	width:200px;
	margin-bottom:25px;
	text-align:center;
	margin-top:10px;
}
.vignette-produita{
	float:left;
	width:180px;
	margin-bottom:25px;
	text-align:center;
	margin-top:10px;
	margin-left:65px;
	margin-right:65px;
}*/
#contenu .vignette-produit
{
	width:170px;
	padding:9px;
	text-align:center;
	background-color:#fff;
	border:1px solid #d5e6ad;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	height:275px;
}

#contenu .milieu
{
	margin-left:65px;
	margin-right:65px;
}

#contenu .vignette-produit .designation
{
	background-color:#D5E6AD;
	color:#78228D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0pt 0pt 10px;
	padding:2px;
	text-align:center;
	width:auto;
}

#contenu  .vignette-produit .designation a,
#contenu  .vignette-produit .designation a:link,
#contenu  .vignette-produit .designation a:visited
{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#D42E2E;
	text-decoration:none;
}

#contenu .vignette-produit .descriptif
{
	color:#A1558E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align:justify;
}

#contenu .vignette-produit img.mini
{
	margin:0 auto;
}


#contenu .vignette-produit .marque
{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#78228d;
	margin:0;
	width:auto;
	margin-bottom:5px;
	
}

#contenu .vignette-produit .prix
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#D42A2A;
	border-bottom:0 none;
	margin:9px 0;
	display:block;
}

#contenu .vignette-produit . pr
{
		font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#D42A2A;
	border-bottom:0 none;
	margin:9px 0;
	display:block;
}

#contenu .vignette-produit . prbarre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#D42A2A;
	border-bottom:0 none;
	margin:9px 0;
	display:block;
}






/*-----------*/
.savoir {
	width:123px;
	height:29px;
	margin-bottom:3px;
	margin-left:20px;
}

.prixpromo1
{
	color:#D42A2A;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left:40px;
	font-size:13px;
}

.prixpromo2
{
	color:#D42A2A;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:line-through;
	margin-right:40px;
	font-size:13px;
}




/*--------------------------------- Listing ---------------------------------*/

.decale {
	margin-left:150px;
}
#contenu .alpha {
	margin-left:120px;
	width:500px;
	height:15px;
	text-align:center;
	margin-top:10px;
}

#contenu #contenutxt .pagination
{
	width:80%;
	text-align:center;
	margin:30px auto 0 auto;
}

#contenu #contenutxt .pagination p
{
	text-align:center;
	padding-top:15px;
}

#contenu #contenutxt .pagination p,
#contenu #contenutxt .pagination a
{
	color:#D42A2A;
	font-size:16px;
	font-weight:bold;
}

#contenu #contenutxt .pagination a:hover
{
	color:#833B71;
}

#contenu #contenutxt .pagination .prev
{
	float:left;
	width:46px;
	height:49px;
}
#contenu #contenutxt .pagination .next
{
	float:right;
	width:33px;
	height:49px;
}

#contenu #contenutxt .message
{
	color:E7D7E2;
	font-size:18px;
	text-align:center;
}

/* ------------------------- fiche produit  ------------------------- */

/*#fichegeneral{
	float:left;
	width:590px;
	margin-bottom:20px;
}*/

#fiche{
	width:602px;
	padding:5px;
	background-color:#fff;
	border:1px solid #d5e6ad;
	margin-bottom:20px;
	float:left;
	margin-left:45px;
	margin-top:10px;
}

#fiche label
{
	display:block;
	float:left;
	width:120px;
	margin-right:10px;
}

#fiche select.listee1
{
	display:inline;
	width:160px;
}



#imagefiche
{
	width:272px;
	margin-right:10px;
	float:left;
}

#imagefiche #imagesProduit img
{
	border:#DEAACB solid 1px;
	margin:0 auto;
}

#imagefiche #imagesProduit .noImage
{
	width:270px;
	padding:100px 0;
	font-size:1.5em;
	border:#DEAACB solid 1px;
	color:#DEAACB;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#imagefiche #vignettes
{
	width:272px;
	text-align:right;
}


.decaleimg {
	margin-right:6px;	
}

#info .decaletab {
	margin-right:6px;	
}
#info {
	width:307px;
	float:left;
	border:1px solid #DEAACB;
	padding:5px;
}

#info .designation2{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#833B71;
	margin:0;
	padding:2px 0 5px  0;
	width:auto;
	background-color:#DEAACB;
	margin-bottom:10px;
}

#info .desc {
	margin-bottom:10px;
	text-align:justify;
	color:#a1558e;
}
#info .marque2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#78228d;
	margin:0;
	width:auto;
	margin-bottom:5px;
	margin-top:3px;
	float:left;
	margin-right:10px;
	
}
#info  .prix3 {
	display:block;
}


#info  .prix3 .pr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#D42A2A;
	font-size:1.1em;
}

#info  .prix3 .prbarre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#D42A2A;
	text-decoration:line-through;
	margin-right:20px;
}

#detail {
	float:right;
	width:145px;
	height:30px;
	margin-top:20px;
}

#prop {
	width:138px;
	margin-top:20px;
	float:left;
}

.dec {
	margin-bottom:10px;
}

#contenutxt #autre {
	width:600px;
	margin-bottom:20px;
	float:left;
	margin-left:45px;
	margin-top:10px;
	text-align:center;
}

.dec2 {
	margin-left:90px;
}