@charset "utf-8";
/* CSS Document */

/******************************** BODY ********************************/
body.he{
	background: url(../images/fiche-technique/graphisme-commun/body-he.gif) center top #C1CB87;
}
body.aloe{
	background: url(../images/fiche-technique/graphisme-commun/body2.gif) center top  #00FF00;
}
body.body-purple{
		background: url(../images/fiche-technique/graphisme-commun/body.gif) center top #BAA6BA;
}
body.body-pink{
		background: url(../images/fiche-technique/graphisme-commun/body-packaging.gif) center top #BAA6BA;
}
body.body-blue{
		background: url(../images/fiche-technique/graphisme-commun/body-bleu.gif) center top #BAA6BA;
}
body.body-red{
		background: url(../images/fiche-technique/graphisme-commun/body-red.gif) center top #BAA6BA;
}
/******************************** CONTENEUR ********************************/

.he{
	background:url(../images/fiche-technique/graphisme-commun/ft-conteneur-he.gif) repeat-y left #fff;
}
.extraits-plantes{
	background:url(../images/fiche-technique/graphisme-commun/ft-conteneur2.gif) repeat-y left #fff;
}
.fd-purple{
	background:url(../images/fiche-technique/graphisme-commun/ft-conteneur.gif) repeat-y left #fff;
}
.fd-pink{
	background:url(../images/fiche-technique/graphisme-commun/ft-conteneur-pink.gif) repeat-y left #fff;
}
.fd-blue{
	background:url(../images/fiche-technique/graphisme-commun/ft-conteneur-bleu.gif) repeat-y left #fff;
}
.fd-red{
	background:url(../images/fiche-technique/graphisme-commun/ft-conteneur_red.gif) repeat-y left #fff;
}

/******************************** TYPO ********************************/
h1.titre-pdt{
	width:450px;
	font: normal 30px Century Gothic;
	line-height: 40px;
	text-align: center;
	margin: 0 0 0 5px;
	float:left;
	color: #330033; 
}
.commentaire-titre{
	width:550px;
	padding:0 60px;
	text-align:center;
	font-weight:bold;
	color:#CC0066;
}
h2{
	margin: 5px 0 5px 0;
	font: normal 16px Century Gothic;
}
.sstitre{
	font-weight: bold;
	text-decoration:underline;
	margin:3px 0 6px 0;
	color: #330033;
}
ul.ft{
	padding: 0 0 3px 25px;
}
/******************************** BLOC MISE EN FORME ********************************/
#ombre-top{
	width:100%;
	height:52px;
	text-align:center;
	background: url(../images/fiche-technique/graphisme-commun/ombre-top.gif) no-repeat center bottom;
}
#polaroid{
	width:330px;
	position: relative;
	height:355px;
	margin-top:-109px;
	float: right;
}
#polaroid-emulsifiant{
	width:330px;
	position:relative;
	height:355px;
	margin-top:-111px;
	float: right;
}
#presentation{
	width:645px;
	float: left;
	margin: 5px 0 0px 0;
}
.qualites-proprietes{
	width:980px;
	margin: 5px 0 5px 0;
	clear:left;
	height:auto;
}
.col-left{
	width:180px;
	float:left;
}
.col-right-presentation{
	float:left;
	width:465px;
}
.col-right{
	float:left;
	width:780px;
	clear:right;
}
#en-bref{
	width: 90%;
	margin: 0 auto 20px auto;
	background:#BAA6BA;
	font-weight:bold;
	padding:10px 15px;
}
#en-bref p, #en-bref img{
	text-align:center;
	color: #330033;
	font-weight: bold;
}
#en-bref-emulsifiant{
	width: 90%;
	margin: 0 auto 20px auto;
	background:#BAA6BA;
	font-weight:bold;
	padding:10px 15px;
}
#en-bref-emulsifiant p{
	text-align:left;
	color: #330033;
}
#en-bref-emulsifiant ul.liste-en-bref{
	color:#330033;
}
#en-bref-emulsifiant ul.liste-en-bref li{
	list-style-type:circle;
	list-style-image:none;
	background: none;
	padding: 0px;
}
.tab_modop-emul{background: #f7e4ed;} .tab_modop-emul .modop{ padding: 0 10px;}
.modop-ft{
	border: 1px dashed #CC0066;
	background-color:#f6e2ec;
	padding:3px 10px 5px 10px;
	width:90%;
	margin: 0 auto 7px auto;
}
#conteneur .bloc-hygiene{
	border-top: 1px dashed #330033;
	border-bottom: 1px dashed #330033;
	padding: 0 0 4px 0;
	width:99%;
}
#conteneur .hygiene-avertissement-titre{
	border-bottom: 1px dashed #330033;
	margin: 10px 0 0 0;
}
.hygiene-avertissement-end{
	border-bottom: 1px solid #330033;
}
#infos{
	border:2px solid #330033;
	padding:10px;
	width:97%;
	text-align:center;
	font: bold Century Gothic;
	color:#330033;
}
#conteneur p.zoom-hv{
	margin: -5px 0 6px 10px;
}
#dev-durable{
	background:url(../images/FR/FT/encart-developpement-durabl.gif) repeat #c49563;
	width: 730px;
	margin:0 auto 20px auto;
	padding: 40px 20px 15px 20px;
	border:none;
}
#dev-durable p{
	color: #5d3205;
}
.tab-actifs-aloe{
	border: 1px solid #330033;
}
.global-utilisation-aloe{
	width: 95%;
	margin: 10px auto 5px;
}
.utilisation-aloe{
	padding: 5px 5px 0px 5px;
	width: 96%;
	margin: 0px auto 0px auto;
}
.aloe-precaution{
	width:80%;
	margin: 5px auto;
	background: #EBE2E6;
	padding: 3px 5px 3px 10px;
}
.tab-actifs-aloe td{
	border: 1px solid #330033;
	vertical-align:top;
}
.utilisation-he{
	border: 1px dashed #CC0066;
	padding: 10px;
	background-color:#faf4f7;
	width: 93%;
	margin:0px auto 10px auto;
}
.sous-ul{
	padding-bottom:2px;
}
/********************* HV **********************/
.tab_hv_beaute{
	border: 1px solid #e8c7d6;
	width:100%;
	margin: 5px 0;
}
.tab_hv_beaute .col_img_beaute{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HV/encart-utilisation_03.jpg) no-repeat top left #f2dfee;
}
.tab_hv_cheveux{
	border: 1px solid #d5b79d;
	width:100%;
	margin: 5px 0;
}
.tab_hv_cheveux .col_img_cheveux{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HV/encart-utilisation_06.jpg) no-repeat top left #EBD2BC;
}
.tab_hv_domestique{
	border: 1px solid #d1d7ac;
	width:100%;
	margin: 5px 0;
}
.tab_hv_domestique .col_img_domestique{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HV/encart-utilisation_10.jpg) no-repeat top left #e3eabc;
}
.tab_hv_veto{
	border: 1px solid #D3D9F9;
	width:100%;
	margin: 5px 0;
}
.tab_hv_veto .col_img_veto{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HV/encart-utilisation_12.jpg) no-repeat top left #D3D9F9;
}
.tab_hv_cuisine{
	border: 1px solid #e5c79c;
	width:100%;
	margin: 5px 0;
}
.tab_hv_cuisine .col_img_cuisine{
	width:195px;
	height: 70px;
	background: url(../images/FR/FT/HY/encart_tab_proprietes_08.gif) no-repeat top left #fbf1d9;
}
.tab_ab_parfum{
	border: 1px solid #eab169;
	width:100%;
	margin: 5px 0;
}
.tab_ab_parfum .col_img_parfum{
	width:195px;
	height: 70px;
	background: url(../images/FR/FT/absolue/encart-parfum_12.jpg) no-repeat top left #F9EAD3;
}
.tab_hv_bien-etre{
	border: 1px solid #bdb0cf;
	width:100%;
	margin: 5px 0;
}
.tab_hv_bien-etre .col_img_bien-etre{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HY/encart_tab_proprietes_10.gif) no-repeat top left #e4ddee;
}
/********************* packaging **********************/
.tab_packaging_utilisation{
	border: 1px solid #e8c7d6;
	width:100%;
	margin: 5px 0;
}
.tab_packaging_utilisation .col_img_utilisation{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/packaging/tab_utilisation.gif) no-repeat top left #f2dfee;
}
.tab_packaging_nettoyage{
	border: 1px solid #d1d7ac;
	width:100%;
	margin: 5px 0;
}
.tab_packaging_nettoyage .col_img_nettoyage{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/packaging/tab_nettoyage.gif) no-repeat top left #D7DA7B;
}
/********************* HYDROLAT **********************/
.tab_hydrolat_beaute{
	border: 1px solid #e8c7d6;
	width:100%;
	margin: 5px 0;
}
.tab_hydrolat_beaute .col_img_beaute{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HY/encart_tab_proprietes_03.gif) no-repeat top left #f2dfee;
}
.tab_hydrolat_cosmetique{
	border: 1px solid #e8c7d6;
	width:100%;
	margin: 5px 0;
}
.tab_hydrolat_cosmetique .col_img_cosmetique{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/EA-F/encart-cosmetique_03.jpg) no-repeat top left #f2dfee;
}
.tab_hydrolat_sante{
	border: 1px solid #d1d7ac;
	width:100%;
	margin: 5px 0;
}
.tab_hydrolat_sante .col_img_sante{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HY/encart_tab_proprietes_06.gif) no-repeat top left #e9ecd4;
}
.tab_hydrolat_cuisine{
	border: 1px solid #e5c79c;
	width:100%;
	margin: 5px 0;
}
.tab_hydrolat_cuisine .col_img_cuisine{
	width:195px;
	height: 70px;
	background: url(../images/FR/FT/HY/encart_tab_proprietes_08.gif) no-repeat top left #fbf1d9;
}
.tab_hydrolat_bien-etre{
	border: 1px solid #bdb0cf;
	width:100%;
	margin: 5px 0;
}
.tab_hydrolat_bien-etre .col_img_bien-etre{
	width:195px;
	min-height: 200px;
	background: url(../images/FR/FT/HY/encart_tab_proprietes_10.gif) no-repeat top left #e4ddee;
}
.col-proprietes{
	padding:5px 10px 0 10px;
}
.hydrolat-avertissement{
	font: bold italic 11px Century Gothic, sans-serif ; 
	line-height: 15px;
}
/********************* EMULSIFIANT **********************/
.tab_pratique_emulsifiant{
	text-align:center;
	width:100%;
	margin: 0 0 10px 0;
}
.tab_pratique_emulsifiant .orange{
	background-color:#fce9cc;
}
.tab_pratique_emulsifiant .pink{
	background-color:#fddfee;
}
.tab_pratique_emulsifiant .mix{
	background-color:#fbf2f0;
}
.tab_equivalence{
	text-align:center;
}
.tab_formule_type{
	border-top:1px solid #BAA6BA;
	background: #fff;
	width:100%;
	text-align:center;
	border-spacing: 0px;
	border-collapse: collapse; 
	margin: 0 0 6px 0;
}
.tab_formule_type td{
vertical-align:top;
}
.tab_formule_type .border{
	border-right:1px solid #BAA6BA;
}
.tab_formule_type .titre{
	background-color:#ede6ed;
	font: bold 13px Century Gothic;
	color: #CC0066;
}
.infos-tab{
	border-top:1px solid #BAA6BA;
	text-align:left
}
.tab_formule_type .lightpurple{
	background: #f4eef4;
}
.tab_texture_emulsifiant{
	border-spacing: 0px;
	border-collapse: collapse;
	width:100%;
	margin-top:0px;
	border:none;
	text-align: center;
}
.tab_texture_emulsifiant .titre{
	font: bold 14px Century Gothic;
	color: #CC0066;
	padding:12px 0;
	background:#FDDFEE;
	border:1px solid pink;
}
.tab_texture_emulsifiant .fond-clair{
	background-color: #fcf2e3;
	padding:2px;
	border:1px solid #ffce74;
}
.tab_texture_emulsifiant .fond-fonce{
	background-color:FCE9CC;
	padding:2px;
	border:1px solid #ffce74;
}
.tab_texture_emulsifiant ul{
	margin-left:0;
	padding-left:10px;
}
.encart-challenge{
	width:90%;
	background: #ede4e8;
	margin: 0 auto; 
	padding: 10px 20px;
}
/******************* RECETTE TIPHANIE *******************/
.tab_hygiene{
	width:99%;
	background-color: #DDE89D;
	vertical-align:top;
}
#recette-tiphanie{
	clear:both;
	width:99%;
	padding: 0px 0 10px 0;
	border-top: 1px solid #330033;
	border-bottom: 1px solid #330033;
	margin: 20px 0;
}
#conteneur #recette-tiphanie p.sstitre{
	margin: 6px 0 1px;
} 
.encart-titre-recette{
	background:#EBE2E6;
	padding:5px;
}
.encart-titre-recette-cuisine{
	background:#f5dfaf;
	padding:5px;
}
.encart-titre-recette-menage{
	background:#cdd88b;
	padding:5px;
}
.tab_infos_recette{
	width:100%;
	border-top:1px solid #330033; 
	border-bottom:1px solid #330033;
}
.info-doc-impression{
	width:52%; 
	margin: 5px auto 0 auto;
}
.tab_infos_recette td{
	margin:0;
	padding:0;
}
.col-left-recette-portrait{
	float:left;
	width:600px;
}
.col-left-recette-paysage{
	float:left;
	width:490px;
}
.col-right-photo-paysage{
	float:right;
	text-align:right;
	width:475px;
}
.col-right-photo-portrait{
	float:right;
	text-align:right;
	width:355px;
}
.tab_ingredient{
	border:1px solid #CC0066;
	margin: 0 0 0 0;
}
.tab_recette_liens_pdf{
 	border-bottom:1px solid #330033;
}
.border-right-pink{
	border-right:1px solid #CC0066;
}
.border-right-pink-double{
	border-right:2px solid #CC0066;
}
.tablefondvert{
	background:#DDE89D;
}
.bloc-avertissement{
	background: #EBE2E6;
	padding: 5px 3px;
	margin:7px 0 10px 0;
}
#conteneur .tab_equivalence{
	margin: 20px 0;
}
/******************* RECETTE NELLY *******************/
#recette-nelly h3{
	text-decoration:underline;
	color:#CC0066;
	font: normal 13px Century Gothic;
	margin: 6px 0px 2px 0;
}
#recette-nelly h2{
	text-decoration:none;
	color:#CC0066;
	font: bold 16px Century Gothic;
	text-transform:uppercase;
	margin: 11px 0px 0px 0;
}
#recette-nelly ul{
	margin:0 0 2px 0;
	padding: 0 0 0 25px;
}
#recette-nelly .modop-nelly{
	margin: -0px 0 0 10px;
}
#conteneur .legende-recette-min{
	margin: -5px 0 7px 0;
	font: italic 11px Century Gothic, sans-serif;
}
/**************************************/
.tab-he-utilisation .border-he{
	border:1px solid #BDB0CF;
}
.tab-he-utilisation td{
	padding:5px;
}
.tab-he-utilisation .titre-he-utilisation{
text-align:right;
}
.tab-he-utilisation .cutane{
	background-color: #F2ECF4;
}
.tab-he-utilisation .oral{
	background-color:#F4F6DE;
}
.tab-he-utilisation .cosmeto{
	background-color:#FAEAF2;
}
.tab-he-utilisation .bain{
	background-color:#ECEDF5;
}
.tab-he-utilisation .diffusion{
	background-color:#E8F3F6;
}
.tab-he-utilisation .cuisine{
	background-color:#FCECD4;
}
/****************************** ACTIF ******************************/
.tab-propriete-actif{
	width:90%;
	margin: 0 auto;
	text-align:center;
	vertical-align:top;
}
.titre-pdt span.actif-cosmetique{
	font:24px Century Gothic;
	color: #330033; 
}
/****************************** AROMA ******************************/
body.emulgel-vert{
	background:url(../images/fiche-technique/aroma/body-emulgel1.gif) repeat-y center top #9FC21D;
}
.fd-emulgel-vert{
	background:url(../images/fiche-technique/aroma/fd-conteneur-emulgel1.gif) repeat-y left #fff;
}
body.emulgel-rose{
	background:url(../images/fiche-technique/aroma/body-emulgel2.gif) repeat-y center top #D72584;
}
.fd-emulgel-rose{
	background:url(../images/fiche-technique/aroma/fd-conteneur-emulgel2.gif) repeat-y left #fff;
}
.aroma-produit{
position: absolute;
padding:280px 0 0 40px;
/padding:320px 0 0 40px;
}
/***************** !!!!HACK!!!! *****************/
* html .clearer{
	height:0px;
}
* html #presentation{
	width:650px;
	float: left;
	margin: 15px 0 0px 0;
}
* html ul{
	margin: 5px 0 10px 15px;
	padding: 5px 0 10px 10px;
}
* html #polaroid{
	margin-top:-126px;
}