/*--------------------
  Styles standards 
  --------------------*/

@import 'http://www.cosmeticplant.ro/css/screen/reset.css';
@import 'http://www.cosmeticplant.ro/css/screen/typography.css';

/*--------------------
  Styles spécifiques 
  --------------------*/


@import 'http://www.cosmeticplant.ro/css/screen/layout.css';	/* Positionnement et background des principaux blocs*/
@import 'http://www.cosmeticplant.ro/css/screen/boxes.css';		/* Habillage des Boxes */
@import 'http://www.cosmeticplant.ro/css/screen/content.css';	/* Habillage des pages Content */
@import 'http://www.cosmeticplant.ro/css/screen/checkout.css';	/* Habillage des pages Checkout (commande) */
@import 'http://www.cosmeticplant.ro/css/screen/account.css';	/* Habillage des pages Account (gestion du compte) */
@import 'http://www.cosmeticplant.ro/css/screen/forms.css';		/* Habillage des formulaires mis en page (fmep) */

@import 'http://www.cosmeticplant.ro/css/screen/buttons.css';	/* Boutons (actions, formulaires...) */

@import 'http://www.cosmeticplant.ro/css/screen/wysiwyg-editor-styles.css';
/* @import 'custom/pdftools.css'; */
/* ------------------------------------------------
	 Messages warnings et erreurs
   ------------------------------------------------ */
   
#header-messages {
}
		#header-messages  ul, .messageStack ul { margin: 0; padding: 0; }
		#header-messages  li, .messageStack li { padding: 0.5em; margin-bottom: 0.5em; }
		.messageStackError   { color: white; background: brown; }
		.messageStackWarning { color: white; background: orange; }
		.messageStackSuccess { color: white; background: olive; }


/* ------------------------------------------------
   Classe pour tables avec bordures
   ------------------------------------------------ */

table.bordure      { margin-bottom: 0.8em; border-top:1px solid #ddd; border-left:1px solid #ddd; }
table.bordure th,
table.bordure td   { height: 1em; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.bordure th   { font-weight:bold; }


/* ------------------------------------------------
	 Pagination (page suivante/précédente)
   ------------------------------------------------ */
   
#splitPageTop, #splitPageBottom {
	background-color: #f6f8f7;
	height: 25px;
	line-height: 25px;
	padding-left:15px;
	margin:2px 20px 12px 6px;
}
		#splitPageTop p, #splitPageBottom p {
			margin: 0.5em 0; padding: 0;
		}
		#splitPageTop .splitpage-text, #splitPageBottom .splitpage-text {
			display: block; float: left;
		}
		#splitPageTop .splitpage-links, #splitPageBottom .splitpage-links {
			display: block; float: left; margin-left: 1em;
		}
		#splitPageTop .inactif, #splitPageBottom .inactif {
			padding: 0.2em 0.6em; margin-right: 0.6em;
			background: #999; color: white;
		}
		#splitPageTop .pn_inactif, #splitPageBottom .pn_inactif {
			padding: 0.2em 0.6em; margin-right: 0.6em;
			color: #69839a;
		}
		#splitPageTop a, #splitPageBottom a {
			padding: 3px 0.6em; margin-right: 0.6em;
			background: url('http://www.cosmeticplant.ro/imagini/num_split_off.gif') no-repeat; color: #4693c7;
			background-position: center;
		}
		#splitPageTop .jump, #splitPageBottom .jump {
			padding: 3px 0.6em; margin-right: 0.6em;
			background: url('http://www.cosmeticplant.ro/imagini/num_split_on.gif') no-repeat; color: white;
			background-position: center;
		}
		#splitPageTop a:hover, #splitPageBottom a:hover {
			background: url('http://www.cosmeticplant.ro/imagini/num_split_on.gif') no-repeat; color: white;
			background-position: center;
			text-decoration: none;
		}
		#splitPageTop a.pn, #splitPageBottom a.pn {
			padding: 0.2em 0.6em; margin-right: 0.6em;
			background: #f6f8f7; color: #6e9e00; font-weight: bold;
		}
		#splitPageTop a:hover.pn, #splitPageBottom a:hover.pn {
			padding: 0.2em 0.6em; margin-right: 0.6em;
			background: #f6f8f7; color: #6e9e00; text-decoration: underline;
		} 
		
/* ------------------------------------------------
	 Product info
   ------------------------------------------------ */

#productInfo {}

		#productInfo #productTitre h1, #productInfo #productTitre h3 { 
			color:#e1277c;
		}
		
		#productInfo #productImage { 
			position:relative;
			float: left;
			margin: 0 1em 1em 0;
			width:250px;
			text-align:center;
		}
		#productInfo #productImage #encart_promo { 
			position:absolute;
			top:0;
			right:0;
			width:84px; 
			height:75px;
			line-height:30px;
			background: url('http://www.cosmeticplant.ro/imagini/encart_promo.png') no-repeat;
			color: white;
			font-size:22px;
			font-weight:bold;
			text-align:center;
			padding-top:8px;
		}
		
		#productInfo #productModel { 
			line-height:5px;
			margin-bottom:20px;
		}
		#productInfo #agrandirImage a { 
			color:#497283;
			margin-left:30px;
		}
		
		#productInfoSpec{
			float:right;
			margin-right:10px;
			padding:0 11px 10px 20px;
			width:460px;
			background:url(http://www.cosmeticplant.ro/imagini/fond_description.gif) no-repeat;
		}
			#productInfoSpec p.productDescription{
				text-align:justify;
				margin-top:10px;
				width:440px;
			}		
			#productInfoSpec p.productPrice{
				background:url(http://www.cosmeticplant.ro/imagini/fond_prix.gif) no-repeat;
				width:188px;
				margin-top:20px;
				padding-left:15px;
				padding-top:10px;
				float:left;
			}
			#productInfoSpec p.productQuantity{
				float:right;
				margin-top:30px;
				margin-right:150px;
			}
			#productInfoSpec p.bt_ajout_panier{
				margin-left:30px;
				margin-top:30px;
			}
			
		#productInfoSpec p.productDescription span.haut_description{
			float:right;
		}
		#productInfoSpec .productTypePeau {
		 	/*margin-left:30px;*/
		 	margin-top:10px;
		 }
		 #productInfoSpec .productLabel {
		 	/*margin-left:30px;*/
		 	margin-top:10px;
		 	line-height: 26px;
		 }
		 #productInfoSpec .productLabel img {
		 	vertical-align: bottom;
		 	margin:0 5px;
		 }
		 #productInfoSpec .productPrice {
			margin-left:30px;
		}
		

		#productInfo .productInfoBox { 
			margin: 1.5em 0 1.5em 0; 
		}
		
		#productInfo #tab-controls {margin-top:5px; /*background-color: #bd0459;*/ }
		#productInfo #tab-controls .on {background-color: white;}
		#productInfo #tabs {clear:both;margin-bottom:10px;background-color: white; width:200px;}
		#productInfo #tabs .tabbed {padding:10px;display:none;}
		#productInfo #tabs .on {display:block;background:url(http://www.cosmeticplant.ro/imagini/bordure_onglets.gif) no-repeat;width:724px;min-height: 208px;height: auto !important;height: 208px;}
		#productInfo #tabs textarea#review {width:450px;}
		#productInfo #onglet13,	#productInfo #onglet14,	#productInfo #onglet15,	#productInfo #onglet16,	#productInfo #onglet17,
		#productInfo #onglet18 {font-size:12px;font-weight:bold;color:#fff;outline:none;display:block;float:left;width:123px;margin-right:1px;height:22px;line-height:23px;text-align:center;background: url(http://www.cosmeticplant.ro/imagini/fond_onglet.gif);}
		
		#productInfo #onglet13.on, #productInfo #onglet14.on, #productInfo #onglet15.on, #productInfo #onglet16.on,	#productInfo #onglet17.on,
		#productInfo #onglet18.on {color:#bd0459;background:url(http://www.cosmeticplant.ro/imagini/fond_onglet_actif.jpg);width:123px;}
		
		#productInfo .off {font-weight:bold;color:#fff;display:block;float:left;width:123px;height:22px;line-height:22px;text-align:center;background:url(http://www.cosmeticplant.ro/imagini/fond_onglet_off.jpg) no-repeat;}
		
#sitemap ul, #sitemap li
{
	margin-bottom:0;
	padding-bottom: 0;
}


/*---------------------------
	Xsell Products
----------------------------*/
.xsell{
	background:url(http://www.cosmeticplant.ro/imagini/repeat_xsell.jpg) repeat-y;
	width:751px;
	margin-left:1px;
	/*min-height: 510px;
	height: auto !important;
	height: 510px;*/
}
.xsell h4{
	color:#618a00;
	/*font-family:"Helvetica Neue, Tahoma, Verdana";*/
	font-size:20px;
	margin-left:20px;
	margin-bottom:10px;
}
#lien_xsell {
	color:#4b5b02;
	margin: 18px 8px 15px 0;
	text-decoration:underline;
	font-weight:bold;
	float:right;
}
.xsell .xsell_product{
	float:left;
	padding-left:10px;
	width:237px;
}
	.xsell .xsell_product .titre{
		background:url(http://www.cosmeticplant.ro/imagini/fond_titre_selection.jpg) no-repeat;
		padding:3px;
		height:43px;
		font-weight:bold;
	}
	.xsell .xsell_product .titre a{
		text-decoration:none;
		color:#73a100;
	}
	.xsell .xsell_product .img_xsell {
		float:left;
		width:100px;
		text-align: center;
	}
	.xsell .xsell_product .desc_xsell {
		float:right;
		width:135px;
	}
	.xsell .xsell_product .price_xsell {
		width:123px;
		text-align: center;
		background: url(http://www.cosmeticplant.ro/imagini/fond_prix_module.jpg) repeat-x;
		margin:5px 0;
		margin-left:100px;
		height:21px;
		line-height: 21px;
	}
	.xsell .xsell_product .price_xsell span {
		color:#e3267c;
		font-weight: bold;
		padding-left:5px;
	}
	.xsell .xsell_product .ligne {
		margin-top:4px;
		margin-bottom:15px;
	}
	.xsell .xsell_product .ligne .productLabel {
		float:left;
		width:56px;
	}
	.xsell .xsell_product .ligne .productLabel img {
		margin-left: 2px;
	}

/*---------------------------
	Shopping Cart
-----------------------------*/

#quantityChangeAlert {
	margin: 10px 0;
	background-color: #EED6BE;
	border: 2px orange solid;
	padding: 4px;
}
#quantityChangeAlert a {
	font-weight: bold;
}


/*---------------------------
	Login box
-----------------------------*/
#loginBox{	
}
	#loginBox .login_content {
	background:transparent url(http://www.cosmeticplant.ro/imagini/bas_compte.gif) no-repeat;
	color:#155FA0;
	width:191px;
	text-align:right;
	margin-right:5px;
	height:56px;
	color:white;
	font-size:10px;
	}
#loginBox form#login input{
	height:10px;
	width:65px;
	font-size:10px;
}
.loginBtn{
	background:transparent url(http://www.cosmeticplant.ro/imagini/login_btn.jpg) no-repeat 0 0;
	border:0 none;
	float:right;
	height:30px;
	margin-right:8px;
	margin-left:3px;
	width:17px;
	cursor: pointer;
}
.crea_compte{
	padding:-2px 0 0 3px;
	/*letter-spacing:-1px;*/
	text-align:left;
	margin-left:3px;
	font-size:9px;
}
.crea_compte a{
	color:#f0fe00;
	/*font-family:Arial;*/
	/*letter-spacing:-1px;*/
	font-size:9px;
	font-weight:bold;
	text-decoration:underline;
	margin-top:3px;
}
.crea_compte a:hover{
	color:#f0fe00;
}
ul.logBox li{
	margin-left:-3px;
	text-align:left;
}
ul.logBox li a{
	color:#F0FE00;
	float:right;
	font-weight:bold;
	margin-right:10px;
}
ul.logBox li a:hover{
	color:#F0FE00;
}
/*----------------------------------
	autres éléménts colonne droite
------------------------------------*/

#newsletter{
	background:url(http://www.cosmeticplant.ro/imagini/cadre_newsletter.jpg) no-repeat;
	height: 46px;
}
.newsletter_content #email_home {
	height:13px;
	width:145px;
	font-size:10px;
	margin:0;
	padding:0;
}

.newsletterBtn{
	background:url(http://www.cosmeticplant.ro/imagini/bt_newsletter.gif) no-repeat 0 0;
	border:0 none;
	height:14px;
	margin:1px 8px 0 3px;
	width:17px;
	cursor: pointer;
}
#infos_bio{
	background:url(http://www.cosmeticplant.ro/imagini/fond_compte_bio.jpg) no-repeat;
	width:189px;
	height:75px;
	padding-top:35px;
}

/*---------------------------
	garanties
-----------------------------*/
#garanties{
	background:#e4f0ca url(http://www.cosmeticplant.ro/imagini/fond_garanties.jpg) no-repeat;
	width:189px;
	padding-top:38px;
}
	#garanties ul.style{
		margin-left:0;
		margin-top:5px;
	}
	#garanties ul.style li{
		padding-top:5px;
		clear:both;
	}
		#garanties ul.style li img{
			behavior: url(../iepngfix.htc);
			float:left;
			width:36px;
		}
		#garanties a{
			color:#5588b2;
			font-size:10px;
			text-decoration:none;
			float:left;
			width:80%;
		}
		#garanties h3{
			color:#72a300;
			font-family:tahoma;
			font-size:11px;
			font-weight:bold;
			margin-bottom:-3px;
		}
		
/*---------------------------
	avantages
-----------------------------*/
#avantages{
	background:url(http://www.cosmeticplant.ro/imagini/fond_avantages.jpg) no-repeat bottom;
	width:189px;
	height:203px;
	padding-top:35px;
}
	#avantages ul.style{
		margin-left:4px;
		padding-top:20px;
	}
	#avantages h3{
		padding-top:4px;
		color:#E22579;
		font-family:tahoma;
		font-size:11px;
		font-weight:bold;
		margin-bottom:-3px;
	}	
	
/*---------------------------
	informations
-----------------------------*/
#informations{
	background:url(http://www.cosmeticplant.ro/imagini/fond_informez_vous.jpg) no-repeat;
	width:189px;
	height:70px;
	padding-top:36px;
	margin-top:20px;
}
	#informations ul.style{
		margin-left:4px;
	}
	#informations h3{
		padding-top:4px;
		color:#d26e05;
		font-family:tahoma;
		font-size:11px;
		font-weight:bold;
		margin-bottom:-3px;
	}

#avantages a, #informations a {
	margin-bottom:3px;
	color:#5588b2;
	font-size:10px;
	text-decoration:none;
}

/*---------------------------
	page mon compte
-----------------------------*/

#greeting
{
	margin-bottom:30px;
	background-color: #eff5fa;
	border: 2px #d8e8f5 solid;
	padding: 4px;
}
#greeting #close_session
{
	float:right;
}

/*---------------------------
module featured
-----------------------------*/
.featured{
	float:left;
	margin-left:5px;
	width:248px;
	background:url(http://www.cosmeticplant.ro/imagini/background_selection.jpg) no-repeat;
	/*min-height: 510px;
	height: auto !important;
	height: 510px;*/
}
#lien_selection {
	color:#4b5b02;
	margin: 18px 8px 15px 0;
	text-decoration:underline;
	font-weight:bold;
	float:right;
}
.featured .featured_product{
	padding-left:6px;
	width:237px;
}
	.featured .featured_product .titre{
		background:url(http://www.cosmeticplant.ro/imagini/fond_titre_selection.jpg) no-repeat;
		padding:3px;
		height:43px;
		font-weight:bold;
	}
	.featured .featured_product .titre a{
		text-decoration:none;
		color:#73a100;
	}
	.featured .featured_product .img_featured {
		float:left;
		width:100px;
		text-align: center;
	}
	.featured .featured_product .desc_featured {
		float:right;
		width:135px;
	}
	.featured .featured_product .price_featured {
		width:123px;
		text-align: center;
		background: url(http://www.cosmeticplant.ro/imagini/fond_prix_module.jpg) repeat-x;
		margin:5px 0;
		margin-left:100px;
		height:21px;
		line-height: 21px;
	}
	.featured .featured_product .price_featured span {
		color:#e3267c;
		font-weight: bold;
		padding-left:5px;
	}
	.featured .featured_product .ligne {
		margin-top:4px;
		margin-bottom:15px;
	}
	.featured .featured_product .ligne .productLabel {
		float:left;
		width:56px;
	}
	.featured .featured_product .ligne .productLabel img {
		margin-left: 2px;
	}

.featured .selection_fond {
	background: url(http://www.cosmeticplant.ro/imagini/fond_bas_selection.jpg);
	height:12px;
	display: block;	
}

/*---------------------------
module specials
-----------------------------*/
.specials{
	float:left;
	margin-left:5px;
	width:495px;
	background:url(http://www.cosmeticplant.ro/imagini/background_promotions.jpg) no-repeat;
	/*min-height: 510px;
	height: auto !important;
	height: 510px;*/
}
#lien_specials {
	color:#a30053;
	margin: 18px 20px 15px 0;
	text-decoration:underline;
	font-weight:bold;
	float:right;
}
.specials .specials_product{
	padding-left:6px;
	width:237px;
}
	.specials .specials_product .titre{
		background:url(http://www.cosmeticplant.ro/imagini/fond_titre_promo.jpg) no-repeat;
		padding:3px;
		height:43px;
		font-weight:bold;
	}
	.specials .specials_product .titre a{
		text-decoration:none;
		color:#e23c8a;
	}
	.specials .specials_product .img_special {
		float:left;
		width:100px;
		text-align: center;
	}
	.specials .specials_product .desc_special {
		float:right;
		width:135px;
	}
	.specials .specials_product .price_special {
		width:123px;
		text-align: center;
		background: url(http://www.cosmeticplant.ro/imagini/fond_prix_module.jpg) repeat-x;
		margin:5px 0;
		margin-left:100px;
		height:21px;
		line-height: 21px;
	}
	.specials .specials_product .price_special span {
		color:#e3267c;
		font-weight: bold;
		padding-left:5px;
	}
	.specials .specials_product .ligne {
		margin-top:4px;
		margin-bottom:15px;
	}
	.specials .specials_product .ligne .productLabel {
		float:left;
		width:56px;
	}
	.specials .specials_product .ligne .productLabel img {
		margin-left: 2px;
	}
	
.specials .promo_fond {
	background: url(http://www.cosmeticplant.ro/imagini/fond_bas_promo.jpg);
	height: 12px;
	display: block;	
}

/*---------------------------
	pub page d'accueil
-----------------------------*/
#pub_accueil p{
	color:#353535;
	font-size:14px;
	font-family:Lucida Sans Unicode, Tahoma;
}


/*---------------------------
	boutons
-----------------------------*/
#boutons{}
#boutons .details{
	background:url(http://www.cosmeticplant.ro/imagini/btn_ensavoir.jpg) no-repeat;
	height:79px;
	width:23px;
	color:#71a100;
	font-weight:bold;
}
#boutons .acheter{
	background:url(http://www.cosmeticplant.ro/imagini/btn_acheter.jpg) no-repeat;
	height:82px;
	width:23px;
	color:white;
	font-weight:bold;
}


/*---------------------------
page facture FO
-----------------------------*/
#invoiceContent div.order-date {margin-bottom:10px;float:right;background:#eff5fa;border:2px #d8e8f5 solid;padding:4px;}
#invoiceContent table {margin-left:7px;clear:both;border: 2px #d8e8f5 solid;margin-bottom:10px;}
#invoiceContent table.noborder {border: 0px;}
#invoiceContent table a {color:#ff7800;}
#invoiceContent table th {padding-left:7px;padding-right:7px;padding-top:1px;padding-bottom:1px;background:#eeeeee;font-weight:bold;}
#invoiceContent table td {padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;}
#invoiceContent table .otTtitle{text-align:right;}

/*---------------------------
	page guestbook
-----------------------------*/

#guestbook #guestbookMessage { border:1px solid #000; margin:5px; padding:5px; }
#guestbook #guestbookNote { cursor:pointer; }
#guestbook #guestbookMessage #guestbookTitle { width:20%; float:left; }
#guestbook #guestbookMessage #guestbookContent { width:75%; float:right; }

/*---------------------------
	categories
-----------------------------*/

#listing_categorie {
	background: url('http://www.cosmeticplant.ro/imagini/fond_categ.jpg') no-repeat;
	height:371px;
	width:750px;
	padding:1em;	
}
#listing_categorie .ligne {
	
}
#listing_categorie .ligne .blocThumbs {
	background: url('http://www.cosmeticplant.ro/imagini/vignette_mask.jpg') no-repeat;
	float:left;
	display:block;
	width:144px;
	/*height:96px;*/
	height:110px;
	margin:2px 1px;
	padding-top:7px;
	text-align: center;
}
#listing_categorie .ligne .blocThumbs p {
	margin-top:10px;
	height:10px;
	line-height:10px;
}
#listing_categorie .ligne .blocThumbs a {
	color: #da246e;
}
#listing_categorie .ligne .blocThumbs a:hover {
	/*text-decoration: underline;*/
}

/*---------------------------
	listing produit
-----------------------------*/

#listing_filtre {
	background: url('http://www.cosmeticplant.ro/imagini/fond_categ_03_milieu.jpg') repeat-y;
	width:750px;
	color: #39424b;
}
#listing_filtre_top {
	background: url('http://www.cosmeticplant.ro/imagini/fond_categ_03_haut.jpg') no-repeat;
	height:50px;
}
#listing_filtre_top h1 {
	padding:0.3em 0.7em;
}
#listing_filtre_bottom {
	background: url('http://www.cosmeticplant.ro/imagini/fond_categ_03_bas.jpg') no-repeat;
	height:37px;
	line-height: 32px;
	padding-left: 1em;
	margin-bottom: 20px;
}
#listing_filtre_bottom form {
	display: inline;
	padding-left: 8px;	
}
#listing_filtre .contenu {
	padding:0 1em;
	padding-bottom: 15px;
}
#listing_filtre .contenu #intitule_cat4 {
	float:left;width:80px;display:block;line-height:16px;font-weight: bold;
}
#listing_filtre .contenu .ligne {
	float:right;
	display:block;	
}
#listing_filtre .contenu .ligne .blocThumbs {
	float:left;
	width:215px;
}
#listing_filtre .contenu .blocThumbsbis {
	float:right;
	margin-right: 8px;
}
#listing_filtre .contenu .ligne .blocThumbs, #listing_filtre .contenu .blocThumbsbis {
	height:18px;
	line-height:18px;
}
#listing_filtre .contenu .ligne .blocThumbs a, #listing_filtre .contenu .blocThumbsbis a {
	display:block;
	padding-left: 23px;
	background: url('http://www.cosmeticplant.ro/imagini/puce_cat.gif') no-repeat;
	background-position:top left;
	color: #e3267c;
	font-weight: bold;
}
#listing_filtre .contenu .ligne .blocThumbs a:hover, #listing_filtre .contenu .blocThumbsbis a:hover {
	background-position:bottom left;
	color: #5c8500;
}

.listing_generique{
	width:751px;
	/*margin-left:1px;
	min-height: 510px;
	height: auto !important;
	height: 510px;*/
}
.listing_generique h4{
	color:#618a00;
	/*font-family:"Helvetica Neue, Tahoma, Verdana";*/
	font-size:20px;
	margin-left:20px;
	margin-bottom:10px;
}
.listing_generique .produit{
	float:left;
	padding-left:10px;
	width:237px;
}
	.listing_generique .produit .titre{
		background:url(http://www.cosmeticplant.ro/imagini/fond_titre_produit.jpg) no-repeat;
		padding:3px;
		height:43px;
		font-weight:bold;
	}
	.listing_generique .produit .titre a{
		text-decoration:none;
		color:#6281a0;
	}
	.listing_generique .produit .img_produit {
		float:left;
		width:100px;
		text-align: center;
	}
	.listing_generique .produit .desc_produit {
		float:right;
		width:135px;
	}
	.listing_generique .produit .price_produit {
		width:123px;
		text-align: center;
		background: url(http://www.cosmeticplant.ro/imagini/fond_prix_module.jpg) repeat-x;
		margin:5px 0;
		margin-left:100px;
		height:21px;
		line-height: 21px;
		color:#E3267C;
		font-weight:bold;
	}
	.listing_generique .produit .price_produit span {
		color:#e3267c;
		font-weight: bold;
		padding-left:5px;
	}
	.listing_generique .produit .ligne {
		margin-top:4px;
		margin-bottom:15px;
	}
	.listing_generique .produit .ligne .productLabel {
		float:left;
		width:56px;
	}
	.listing_generique .produit .ligne .productLabel img {
		margin-left: 2px;
	}
	
/*---------------------------
	nouveaux blocs
-----------------------------*/

#navigation{
	background:transparent none repeat scroll 0% 0%;
	color:white;
	font-size:11pt;
	!font-size:10pt;
	height:24px;
	font-weight:bold;
	z-index:10;
	padding-left:25px;
}
#navigation a{
	color:white;
	font-weight:bold;
}
#navigation ul.sf-menu{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	font-family:Lucida Sans Unicode;
	font-size:0.9em;
	float:left;
	z-index:10;
	/*margin-bottom:1em;
	margin-top:13px;*/	
}

#navigation ul.sf-menu li.accueil{
	float:left;
	width:90px;
	height:24px;
	background:url(http://www.cosmeticplant.ro/imagini/fond_menu_off.gif) no-repeat;
	text-align:center;
}

.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
	z-index:10;
}
.sf-menu ul li {
	width:100%;
}

.sf-menu li {
	background:url(http://www.cosmeticplant.ro/imagini/fond_menu_off.gif) no-repeat;
	width:90px;
	min-height:24px;
	height: auto !important;
	height:24px;
	float:left;
	position:relative;
	margin-left:1px;
}

.sf-menu a {
	display:block;
	position:relative;
}
	
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:2em; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:8.4em; /* match ul width */
	top:0;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-bottom:1em;
	text-align:center;
}
.sf-menu a {
	text-decoration:none;
	padding:0;
	font-family:Lucida Sans Unicode;
	font-size:1em;
	line-height: 24px;
	/*padding-top:4px;*/
}

.sf-menu li a:hover {
	background:url(http://www.cosmeticplant.ro/imagini/fond_menu_on.gif) no-repeat;
	_background:url(http://www.cosmeticplant.ro/imagini/fond_menu_off.gif) no-repeat;
}

.sf-menu li li {
	background:	#659ac3;
	width:190px;
	margin-left:-20px;
	_margin-left:-10px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
}
	.sf-menu li li a{
		font-size:9pt;
		padding-left:12px;
	}
	
	.sf-menu li li a:hover{
		background:	#99bdd9;
	}
	
.sf-menu li li li {
	background:	#659ac3;
	/* margin-left:70px;
	.margin-left:81px;
	_margin-left:41px; */
	 margin-left:58px;
	.margin-left:69px;
	/* IE 6.0 */
	_margin-left:35px;
	text-align: left;
}
	.sf-menu li li li a{
		font-size:9pt;
	}

.sf-menu a.sf-with-ul {
	min-width:	1px; /* trigger IE7 hasLayout so spans position accurately */
}

#navigation:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#navigation {display: inline-block;}
/* Hides from IE-mac */
* html #navigation{height: 1%;}
#navigation{display:block;}
/* End hide from IE-mac */

#menu-secondaire{
	float:right;
	padding-right:25px;
	padding-top:31px;
}
#menu-secondaire div {
	height:23px;
	float:left;
}
#menu-secondaire div.deb{
	background:url(http://www.cosmeticplant.ro/imagini/fond_menu2_deb.gif) no-repeat;
	width:5px;
}
#menu-secondaire div.fin{
	background:url(http://www.cosmeticplant.ro/imagini/fond_menu2_fin.gif) no-repeat;
	width:5px;
	margin-right:1px;
}
#menu-secondaire div.contenu{
	background:url(http://www.cosmeticplant.ro/imagini/fond_menu2.gif) repeat-x;
	line-height: 21px;
}
#menu-secondaire li{
	display:inline;
	height:23px;
	font-size:9pt;
	font-weight:bold;
}
#menu-secondaire a {
	color:white;
}


#filtres{
	width:100%;
	background:pink;
	text-align:right;
}
#filtres ul li{
	display:inline;
	padding-left:15px;
	padding-right:15px;
}

.produit{
	width:30%;
	float:left;
}


/*---------------------------
	liste style
-----------------------------*/

ul.left{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	color:#60b0ea;
}
ul.left li, ul.left li a{
	color:#60b0ea;
	list-style:none;
	margin:0;
	padding:0;
}

#menu_footer{
	margin-bottom:20px;
}
ul.footer{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	display:inline;
	color:white;
}
ul.footer li{
	color:white;
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	border-right:1px solid;
}
ul.footer li a{
	color:white;
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

#marques{
	width:85%;
	margin:auto;
	text-align:center;
}
#marques ul li{
	display:inline;
	border-right:1px solid white;
	padding-left:5px;
	padding-right:5px;
}

/************************/
/***** fiche produit *****/
/***********************/
#left{
	width:35%;
	float:left;
}
	#img_product img{
		padding:5px;
		border: 1px solid gray;
	}

#right{
	width:60%;
	padding-top:25px;
	float:right;
}
	#actu{
		min-height:50px;
	}
	#infos_products{
		margin:10px 0 10px 0;
		background:#ddd;
	}
		#infos_products a{
			float:right;
		}
	#onglets{
		background:pink;
		margin-top:50px;
	}
	
/* menu */
#menu_ms { width:136px; position:relative; margin-left: 8px; padding-top: 0px; float:left;}
#menu_ms a.current {outline:none;color:#1d3357;cursor:default;float:left;display:block;text-align:left;width:132px;height:22px;padding-left:4px;line-height:22px;background-image:url(images/fond_select.gif);background-repeat:no-repeat;background-position:0 0;}
#menu_ms a.current:hover {color:#1d3357;text-decoration:none;background-image:url(images/fond_select.gif);background-repeat:no-repeat;background-position:0 -22px; cursor:pointer;}
#menu_ms .dlsc { }
#menu_ms #choix_possibles_once,#menu_ms #choix_possibles_bis {position:absolute;background:#fff;top:21px;left:0;border:1px #a6b7bf solid;width:134px;line-height:20px;}
#menu_ms #choix_possibles_once a.l,#menu_ms #choix_possibles_bis a.l {padding-left:4px;display:block;color:#1d3357;}
#menu_ms #choix_possibles_once a.l:hover,#menu_ms #choix_possibles_bis a.l:hover {background:#b2e1ff;text-decoration:none;}


/*---------------------------
	Panier
-----------------------------*/


/****** Boxe ********/
#shoppingcartBox{
	width:189px;
}

#shoppingcartBox .cartContent{
	margin:0;
	padding:5px;
	background-color:#DE1C6D;
	color:#fff;
}
	#shoppingcartBox .cartContent a{
		color:#fff;
	}
	#shoppingcartBox .cartContent .ligne_produit{
		display:none;
	}
	
#bas_panier{
	width:189px;
	font-size:0;
	background: url(http://www.cosmeticplant.ro/imagini/bas_panier.gif) no-repeat center bottom;
	height:6px;
}


/****** Cummun à Shopping, Checkout, Payment ********/

#shoppingCart, #checkoutShipping,#checkoutShippingAddress, #checkoutPayment,  #checkoutConfirmation, #checkoutSuccess{
	padding-right:20px;
}
#shoppingCart h1, #checkoutShipping h1,#checkoutShippingAddress h1, #checkoutPayment h1, #checkoutPaymentAddress h1, #checkoutConfirmation h1,  #checkoutSuccess h1{
	background: url(http://www.cosmeticplant.ro/imagini/titre_panier.jpg) no-repeat top left;
	padding-left:60px;
	height:70px;
	line-height:70px;
	margin-bottom:20px;
}	
#checkoutShipping h3,#checkoutShippingAddress h3, #checkoutPayment h3, #checkoutPaymentAddress h3, #checkoutConfirmation h3, #checkoutSuccess h3{
	background: url(http://www.cosmeticplant.ro/imagini/fond_rose.gif) no-repeat top left;
	padding-left:10px;
	height:64px;
	line-height:40px;
	margin-top:20px;
}
#checkoutShipping h4,#checkoutShippingAddress h4, #checkoutPayment h4, #checkoutPaymentAddress h4, #checkoutConfirmation h4,  #checkoutSuccess h4{
	font-size:110%;
	color:#6297c1;
}

	#checkoutShipping #checkout_address table, #checkoutShipping #checkout_address th ,#checkoutShipping #checkout_address tr ,#checkoutShipping #checkout_address td,
	#shoppingCart table, #shoppingCart th ,#shoppingCart tr ,#shoppingCart td,
	#checkoutPayment table, #checkoutPayment th ,#checkoutPayment tr ,#checkoutPayment td,
	#checkoutConfirmation table, #checkoutConfirmation th ,#checkoutConfirmation tr ,#checkoutConfirmation td{
		border:0;
	}
	#shoppingCart th, #checkoutShipping th, #checkoutPayment th, #checkoutConfirmation th{
		background-color:#638fa3;
		color:#fff;
		height:32px;
		line-height:32px;
	}
	tr.surligne{
		background-color:#f2f5f7;
	}
	
	#checkoutShipping th a, #checkoutPayment th a, #checkoutConfirmation th a{
		color:#fff;
		text-decoration:underline;
	}
	
	

/****** Page shopping_cart ********/
	
	#shoppingCart table, #shoppingCart th ,#shoppingCart tr ,#shoppingCart td{
		text-align:center;
	}
	
	#shoppingCart a{
		color:#e12579;
	}
	
	#shoppingCart tr.productInCart td,#shoppingCart tr.productInCart-Over td,{
		padding:10px 0px;
	}
	#shoppingCart .cartDel input{
		border:1px solid #000;
	}
	#shoppingCart .cartName{
		text-align:left;
	}
	#shoppingCart .cartQty{
		width:120px;
	}
	#shoppingCart .cartQty input{
		width:35px;
		text-align:right;
	}
	#shoppingCart .cartPrice{
		width:100px;
	}
	#shoppingCart a.removeButton , #shoppingCart a.updateQtyButton {
		text-decoration:underline;
	}
	
	#shoppingCart .spacer{
		height:5px;
		line-height:0;
	} 
	#shoppingCart #supp_maj{
		background-color:#cfdce2;
		height:23px;
		line-height:23px;
	}
	#shoppingCart .cartSubTotal{
		font-weight:bold;
		float:right;
		font-size:12px;
	}
	#shoppingCart .cartSubTotal td{
		text-align:right;
	}
	#shoppingCart .cartSubTotal td.sous_total_ht, #shoppingCart .cartSubTotal td.tva{
		text-align:center;
		height:20px;
	}	
	#shoppingCart .cartSubTotal td.sous_total_ht{
		color:#db2371;
	}	
	#shoppingCart .cartSubTotal td.tva{
		color:#476b7b;
	}
	
	#shoppingCart .cartSubTotal .sous_total{
		line-height:41px;
		background: url(http://www.cosmeticplant.ro/imagini/fond_total_panier.gif) no-repeat top left;
		height:41px;
		width:102px;
		text-align:center;
		color:#db2371;
		font-size:150%;
		display:block;
	}
	
	
/****** Page checkout_shipping ********/
	#checkoutShipping #checkout_address tr td{
		padding:10px 5px;
	}
	
	#checkoutShipping .invoiceQty, #checkoutShipping .invoiceTaxes, #checkoutShipping .invoicePrice{
		text-align:center;
	}
	
	
	#checkoutShipping p {display:block;}
	#checkoutShipping textarea {width:462px;}
	#checkoutShipping #shippingSelect {width:100%;}
	#checkoutShipping #currentAdress {margin-left:15px;}
	#checkoutShipping .shippingSelect-out {
		height:60px;
		display:block;
		padding-top:10px;
		padding-left:3px;
		background:#F2F5F7;
		border:1px #9CB8C5 solid;
		color:#546A73;
		width:460px;
		margin-bottom:10px;
	}
	#checkoutShipping .shippingSelect-over {
		height:60px;
		display:block;
		padding-top:10px;
		padding-left:3px;
		background:#E8EDF0;
		border:1px #638FA3 solid;
		width:460px;
		margin-bottom:10px;
		
	}
	#checkoutShipping .methodIcon {display:block;float:left;margin-left:10px;width:150px;}
	#checkoutShipping .methodName {display:block;float:left;font-size:11px;font-weight:bold;}
	#checkoutShipping .methodError {font-style:italic;}
	#checkoutShipping .methodTitle {display:block;}
	#checkoutShipping .methodPrice {display:block;float:right;margin-right:20px;}
			
	#checkoutShipping input {
		display:block;
		float:right;
		margin-right:10px;
		margin-top:-1px;
	}
	
/****** Page checkout_payment ********/
	
	#checkoutPayment .invoiceDetails tr td{
		padding:10px 5px;
	}
	
		
			#checkoutPayment #gv_redeem_code {float:none;display:inline;}
			#checkoutPayment p {display:block;}
			#checkoutPayment textarea {width:462px;}
			#checkoutPayment .checkoutSelect-out {
				min-height: 70px;
				height: auto !important;
				height: 70px;
				width: 680px;
				display:block;
				padding-top:10px;
				background:#F2F5F7;
				border:1px #9CB8C5 solid;
				color:#546A73;
				margin: 10px 0;
			}
			#checkoutPayment .checkoutSelect-over {
				min-height: 70px;
				height: auto !important;
				height: 70px;
				width: 680px;
				display:block;
				padding-top:10px;
				background:#E8EDF0;
				border:1px #638FA3 solid;
				margin: 10px 0;
			}
			#checkoutPayment .methodName{display:block;font-size:11px;font-weight:bold;margin-left:10px;margin-right:10px;}
			#checkoutPayment .methodIcon {display:block;margin-left:10px;margin-top:10px;margin-right:10px;}
			#checkoutPayment input {display:block;float:right;margin-right:10px;}
			#checkoutPayment #conditions {float:none;display:inline;}
#checkoutConfirmation {}
			#checkoutConfirmation p {display:block;}
			#checkoutConfirmation textarea {width:462px;}
			#checkoutConfirmation .navBt {display:block;float:right;margin-right:10px;margin-top:25px;}
		
		
	#checkoutPayment .otTotal, #checkoutConfirmation .otTotal{
		float:right;
		color:#476b7b;
		margin-bottom:20px;
		font-size:12px;
	}
		#checkoutPayment .otTotal tr td, #checkoutConfirmation .otTotal tr td{
			padding:5px 0px;
		}
		#checkoutPayment .otTotal .otTtitle, #checkoutConfirmation .otTotal .otTtitle{
			float:right;
			color:#000;
		}
		#checkoutPayment .otTotal .sous_total, #checkoutConfirmation .otTotal .sous_total{
			color:#db2371;
		}	
		#checkoutPayment .otTotal .total, #checkoutConfirmation .otTotal .total{
			line-height:41px;
			background: url(http://www.cosmeticplant.ro/imagini/fond_total_panier.gif) no-repeat top left;
			height:41px;
			width:102px;
			text-align:center;
			color:#db2371;
			font-size:150%;
			display:block;
			font-weight:bold;
		}	
				
/****** Page checkout_payment ********/
	
	#checkoutConfirmation .invoiceDetails tr td{
		padding:10px 5px;
	}
	
/*---------------------------
	Oscms
-----------------------------*/
#page_fixe{
	padding-right:20px;
}
/****** Page oscms_page ********/

	#page_fixe h3{
		font-size:22px;
		margin-bottom:20px;
	}
	#page_fixe a{
		color:#D82576;
	}

/****** Page oscms_group ********/
#page_fixe ul.listing{
	padding:0;
	margin:0;
}
	#page_fixe ul.listing li{
		background: url(http://www.cosmeticplant.ro/imagini/fond_rose.gif) no-repeat top left;
		padding-left:10px;
		height:64px;
		margin-top:20px;
	}
	#page_fixe h3{
		float:left;
	}
	#page_fixe a.vert_blanc{
		background: url(http://www.cosmeticplant.ro/imagini/bt_vert_blanc.gif) no-repeat top left;
		float:right;
		margin-right:30px;
		margin-top:5px;
		height:22px;
		width:78px;
		line-height:20px;
		font-weight:bold;
		cursor:pointer;
		text-align:center;
	}
.textboxorange		
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	background-color:#ffffff;
	font-weight: normal;
	border: 1px solid #DE1C6D; 
		height:18px;
	
}