/*======================================================
	
		
=======================================================*/

#master {
	position:static;
	width: 902px;
	margin: 0 auto;
	padding: 0 14px 0 14px;
	background-image: url(../img/fr/bg-content.png);	
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../static/img/fr/bg-content.png', sizingMethod='crop'); 
	}
body.en #master {	
	background-image: url(../img/en/bg-content.png);	
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../static/img/en/bg-content.png', sizingMethod='crop'); 
	}	
	/*page temporaire splash*/
	body.background-temp #master {
	background-image: url(../img/fr/bg-content.png);	
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='static/img/fr/bg-content.png', sizingMethod='crop'); 
	}
	
#index #master {
	width: 782px;
	height: 645px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/bg-home.png) no-repeat;	
	}	
	
#index #master #logo{
	background: none;	
	}		

	
	
/*-------------------------------------
	Header
---------------------------------------*/
#header  {
	width: 902px;
	float: left;
	position:relative;
	height: 246px;
	}

div#nav ul,
div#footer ul,
div#offre-de-service ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#nav li,
div#footer li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	}
#logo {
	height: 97px;
	width: 400px;
	margin: 0 0 0 10px;
	}
body.fr #logo { float: left; background: url(../img/fr/logo-nubioproducts.gif) no-repeat;}
body.en #logo { float: left; background: url(../img/en/logo-nubioproducts.gif) no-repeat; }	
#logo a { 
	display: block;
	width: 304px;
	height: 87px;
	margin: 0px 65px 0 0px;
	overflow: hidden;
	}	
#logo a:hover { 
	outline: none;
	}	
#slogan {
	float: left;
	display: block;
	width: 251px;
	height: 35px;
	margin: 30px 0 0 145px;
	text-indent: -5000px;
	background: pink;
	}	
body.fr #slogan { background: url(../img/fr/slogan-biohygien.gif) no-repeat; }
body.en #slogan { background: url(../img/en/slogan-biohygien.gif) no-repeat; }	

/* nav */
#nav { padding-left: 12px;
	}
#nav ul li a { 
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	}
#nav ul li a:hover { 
	outline: none;
	 }
#nav ul li.accueil { 	
	margin-left: 0px; 
	}	
	#nav ul li.bio-propulse { 	
	margin-left: 3px; 
	}	
	#nav ul li.enviro-performance { 	
	margin-left: 188px; 
	}	
	#nav ul li.nu-biotech { 	
	margin-left: 2px; 
	}	
	
/* images nav fr */
	body.fr #nav { width: 902px; clear: both; height: 24px; }
	body.fr #nav .accueil a				{ width:140px; height:24px; }
	body.fr #nav .bio-propulse a		{ width:200px; height:24px; }
	body.fr #nav .enviro-performance a	{ width:175px; height:24px; }
	body.fr #nav .nu-biotech a			{ width:174px; height:24px; }
	/* active state */
	body.fr #nav .accueil a:hover,
	body#page-index.fr #nav .accueil								{ width:140px; height:24px; background:url(../img/fr/nav-hover.gif) no-repeat 0 0; }
	body.fr #nav .bio-propulse a:hover,
	body#page-bio-propulse-par-innu-science.fr #nav .bio-propulse 	{ width:200px; height:24px; background:url(../img/fr/nav-hover.gif) no-repeat -143px 0; }
	body.fr #nav .enviro-performance a:hover,
	body#page-enviro-performance.fr #nav .enviro-performance		{ width:175px; height:24px; background:url(../img/fr/nav-hover.gif) no-repeat -345px 0; }
	body.fr #nav .nu-biotech a:hover,
	body#page-nu-biotech-vs-chimie.fr #nav .nu-biotech				{ width:174px; height:24px; background:url(../img/fr/nav-hover.gif) no-repeat -522px 0; }
	
/* images nav en */
	body.en #nav { width: 902px; clear: both; height: 24px; }
	body.en #nav .accueil a				{ width:140px; height:24px; }
	body.en #nav .bio-propulse a		{ width:200px; height:24px; }
	body.en #nav .enviro-performance a	{ width:175px; height:24px; }
	body.en #nav .nu-biotech a			{ width:174px; height:24px; }
	/* active state */
	body.en #nav .accueil a:hover,
	body#page-index.en #nav .accueil								{ width:140px; height:24px; background:url(../img/en/nav-hover.gif) no-repeat 0 0; }
	body.en #nav .bio-propulse a:hover,
	body#page-bio-propulse-par-innu-science.en #nav .bio-propulse 	{ width:200px; height:24px; background:url(../img/en/nav-hover.gif) no-repeat -143px 0; }
	body.en #nav .enviro-performance a:hover,
	body#page-enviro-performance.en #nav .enviro-performance		{ width:175px; height:24px; background:url(../img/en/nav-hover.gif) no-repeat -345px 0; }
	body.en #nav .nu-biotech a:hover,
	body#page-nu-biotech-vs-chimie.en #nav .nu-biotech				{ width:174px; height:24px; background:url(../img/en/nav-hover.gif) no-repeat -522px 0; }		
	
/*	nav index */
#index #nav ul { 	
	position: absolute;
	top: 224px;
	left: 16px;
	}	
#index #nav ul li { 	
	float: none;
	margin: 18px;
	}	
#nav .bt-welcome a	{ width:154px; height:26px; }
#nav .bt-bienvenue a	{ width:154px; height:26px; }
#nav .bt-bienvenida a	{ width:154px; height:26px; }	
	
/* subnav */	
div#offre-de-service { 
	float: left;
	 }		
.offre-de-service span {
	display: none;
	}	
div#offre-de-service ul { 
	float: left;
	padding: 18px 0 0 95px;
	clear: both;	
	 }		
div#offre-de-service ul li { 
	margin-bottom: 7px;
	 }	 	
#offre-de-service ul li a { 
	display: block;
	margin-top: 2px;
	text-indent: -5000px;
	background-position: top left;
	background-repeat:no-repeat;
	overflow: hidden;
	 }	
#offre-de-service ul li a:hover {
	background-position: 0 -23px;
	outline: none;
	} 
	 
	 
/* images subnav fr */
	body.fr #offre-de-service { width: 902px; }
	body.fr #offre-de-service .industrial-products a	{ width:135px; height:23px; background-image:url(../img/fr/bt-industrial-products.gif); }
	body.fr #offre-de-service .ikare-products a			{ width:135px; height:23px; background-image:url(../img/fr/bt-ikare-products.gif); }
	
/* images subnav en */	
	body.en #offre-de-service .industrial-products a	{ width:135px; height:23px; background-image:url(../img/en/bt-industrial-products.gif); }
	body.en #offre-de-service .ikare-products a			{ width:135px; height:23px; background-image:url(../img/en/bt-ikare-products.gif); }
/*-------------------------------------
	Content
---------------------------------------*/
#content {
	float: left;
	width: 800px;
	min-height: 325px;
		height: auto !important;
		height: 325px;				/* ie6 */
	padding: 30px 40px 0 40px;	
	color: #000;
	/*font-weight: bold;*/
	}
h1 { 
	margin: 0; padding: 0;
	text-indent: -5000px;
	}		
h2 { 
	display: none;
	}	
h3 { 
	color: #005cac;
	text-transform: uppercase;
	font-size: bold;
	margin-bottom: 15px;
	}	 
#revolution { 
	text-indent: -5000px;
	}		 
 .img-content-right  { 
	float: right;
	 }		
.img-content-left	{ 
	float: left;
	 }		
	
/*specific positionning of images*/	 
#img-evalutation-sur-mesure { 
	margin: 0 26px 0 6px;
	}			 
#img-michael-gallagher { 
	margin: -30px 0 -35px 30px;
	 }		 
#img-bio-propulse { 
	margin: 0 30px 50px 0;
	}	
	
#content .link-pdf {
	margin-left: 60px;
	list-style: none;
	}
#content .link-pdf li {
	margin-bottom: 7px;
	}

#content .pdf {
	padding:  1px 0 15px 35px;
	background: url(../img/icon-pdf.gif) no-repeat;	
	color: #999;
	text-decoration: none;
	}	
#content .acrobat {
	border: 1px solid #000;
	width: 19em;
	padding: 7px 2px 9px 33px;
	text-indent: -33px;
	}	
#content .acrobat.pdf {
	border: 1px solid #000;
	padding: 7px 2px 9px 33px;
	}	
#content .acrobat .pdf {
	background: url(../img/icon-pdf.gif) no-repeat -1px 4px;	
	}
	.en #content .acrobat .pdf {
	background: url(../img/icon-pdf.gif) no-repeat -1px -1px;	
	}
/* à normaliser*/	
#content .col 	{ 
	float: left;
	width: 550px;
	font-size: 95%;
	margin: 8px 0 10px 0;
	}
	
#content .col p span {
	font-size: 110%;
	}	
#content .col p {
	padding: 0;
	}		
	
#content .col ul {
	margin-left: 90px;
	padding: 0;
	}			
	
#content .col .pdf {
	float: right;
	font-size: 95%;
	padding:  1px 0 15px 30px;
	}
#content a.pdf.acrobat{
	border: 1px solid #000;
	padding: 7px 9px 9px 30px;
	text-indent: 0;
	margin: 20px -17px 0 0;
	background: url(../img/icon-pdf.gif) no-repeat -1px 7px;	
	width: 10em;
	}	
/*layout specifique pour nu-biotech*/
#content .nu-biotech-col {
	float: left;
	width: 370px;
	}	
#content #first-col {
	margin: 0 50px 0 0px;
	}		
#content .nu-biotech-col img {
	margin-left: 150px;
	}			
#content .nu-biotech-col h3 {
	text-align: center;
	margin: 0;
	}	
#content .nu-biotech-col .subtitle {
	text-align: center;
	}		
#versus	 {
	color: #005cac;
	text-transform: uppercase;
	position: absolute;
	font-size: 200%;
	font-size: bold;
	top: 30px;
	left: -62px;
	padding: 3px 0 3px 0;
	}				
	
/*layout specifique pour produits*/	
.produit-fiche {
	float: left;
	width: 185px;
	padding-top: 8px;
	}	
#content .produit-fiche .link-pdf {
	margin-left: 0px;
	list-style: none;
	}
#content .produit-fiche .acrobat {
	width: 12em;
	}	
.produit-liste li {
	float: left;
	width: 280px;	
	min-height:90px;
		height: auto !important;
		height:90px;				/* ie6 */
	padding: 5px 0 5px 25px;
	list-style:none;
	}	
	.en .produit-liste li.row1 {
	min-height:120px;
		height: auto !important;
		height: 120px;				/* ie6 */
	}	
.produit-liste li a {
	color: #7cbe34;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 110%;
	/*font-weight: bold;*/
	line-height: 110%;
	display:block;
	}	
.produit-liste li a span {
	color: #89000f;
	font-size: 90%;
	/*font-weight: bold;*/
	}	
.produit-liste li a span.nettoyant {
	color: #196a25;
	}	
	
.produit-liste li a span.href-text {
	color: #000;
	text-transform: none;
	}				
	
#content .tabcontent{
display:none;
margin-bottom: 50px;
}		
/*layout specifique pour contact*/	
#content .contact-col {
	float: left;
	margin: 20px 0 0 84px;
	}	
#content .contact-col a {
	color: #000;
	text-decoration: none;
	}		
#content ul {
	margin-left: 15px;
	}	
#content p a {
	text-decoration: underline;
	color: #000;	}		
	
#content-footer {
	clear: both;
	width: 902px;
	height: 84px;	
	background: url(../img/bg-content-footer.gif) no-repeat;
	}			
#container-footer {
	width: 100%;
	height: 23px;
	background: url(../img/bg-container-footer.gif) repeat-x;
	}						 
/*-------------------------------------
	Footer
---------------------------------------*/		
	
#footer {
	width: 902px;
	height: 22px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;	
	background: url(../img/fr/bg-footer.gif) repeat-x;
	}	
	
body.en #footer {
	background: url(../img/en/bg-footer.gif) repeat-x;
	height: 36px;
	clear:both;
	}		
/* nav footer */	
#footer ul li { 
	float: left;
	}	
/*à faire mettre une seule image background*/
#footer ul li a { 
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	 }
#footer ul li a:hover { 
	outline: none;
	 }
#footer ul li.temoignages { 	
	margin-left: 0px; 
	}	
	#footer ul li.salle-de-presse { 	
	margin-left: 4px; 
	}	
	#footer ul li.liens-utiles { 	
	margin-left: 1px; 
	}	
	#footer ul li.contact { 	
	margin-left: 1px; 
	}	
	#footer ul li.carrieres { 	
	margin-left: 2px; 
	}	
	#footer ul li.acces-prive { 	
	margin-left: 2px; 
	}	
	#footer ul li.english { 	
	margin-left: 2px; 
	}	
	#footer ul li.espanol { 	
	margin-left: 2px; 
	}	
	
/* iamges nav footer fr */
	body.fr #footer .temoignages a		{ width:109px; height:22px; }
	body.fr #footer .salle-de-presse a	{ width:113px; height:22px; }
	body.fr #footer .liens-utiles a		{ width:111px; height:22px; }
	body.fr #footer .contact a			{ width:110px; height:22px; }	
	body.fr #footer .carrieres a		{ width:108px; height:22px; }
	body.fr #footer .acces-prive a		{ width:113px; height:22px; }	
	body.fr #footer .english a			{ width:113px; height:22px; }
	body.fr #footer .espanol a			{ width:108px; height:22px; }	
	
	/* active state */
	body.fr #footer .temoignages a:hover,	
	body#page-temoignages.fr #footer .temoignages 			{ width:109px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -10px 0; }
	body.fr #footer .salle-de-presse a:hover,
	body#page-salle-de-presse.fr #footer .salle-de-presse	{ width:113px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -123px 0; }
	body.fr #footer .liens-utiles a:hover,
	body#page-liens-utiles.fr #footer .liens-utiles			{ width:111px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -237px 0; }
	body.fr #footer .contact a:hover,
	body#page-contact.fr #footer .contact 					{ width:110px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -349px 0; }	
	body.fr #footer .carrieres a:hover,		
	body#page-carrieres.fr #footer .carrieres 				{ width:108px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -461px 0; }	
	body.fr #footer .acces-prive a:hover			{ width:113px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -571px 0; }	
	body.fr #footer .english a:hover				{ width:113px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -686px 0;}
	body.fr #footer .espanol a:hover				{ width:108px; height:22px; background:url(../img/fr/nav-footer.gif) no-repeat -801px 0; }	
	
/* iamges nav footer en */
	body.en #footer .temoignages a		{ width:109px; height:22px; }
	body.en #footer .salle-de-presse a	{ width:113px; height:22px; }
	body.en #footer .liens-utiles a		{ width:111px; height:22px; }
	body.en #footer .contact a			{ width:110px; height:22px; }	
	body.en #footer .carrieres a		{ width:108px; height:22px; }
	body.en #footer .acces-prive a		{ width:113px; height:22px; }	
	body.en #footer .english a			{ width:113px; height:22px; }
	body.en #footer .espanol a			{ width:108px; height:22px; }	
	
	/* active state */
	body.en #footer .temoignages a:hover,	
	body#page-temoignages.en #footer .temoignages 			{ width:109px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -10px 0; }
	body.en #footer .salle-de-presse a:hover,
	body#page-salle-de-presse.en #footer .salle-de-presse	{ width:113px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -123px 0; }
	body.en #footer .liens-utiles a:hover,
	body#page-liens-utiles.en #footer .liens-utiles			{ width:111px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -237px 0; }
	body.en #footer .contact a:hover,
	body#page-contact.en #footer .contact 					{ width:110px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -349px 0; }	
	body.en #footer .carrieres a:hover,		
	body#page-carrieres.en #footer .carrieres 				{ width:108px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -461px 0; }	
	body.en #footer .acces-prive a:hover			{ width:113px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -571px 0; }	
	body.en #footer .english a:hover				{ width:113px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -686px 0;}
	body.en #footer .espanol a:hover				{ width:108px; height:22px; background:url(../img/en/nav-footer.gif) no-repeat -801px 0; }	
		
/*Page specific*/
h3#h-innu-science	{  text-indent: -5000px; width:500px; height:91px; background:url(../img/fr/logo-innu-science.jpg) no-repeat 150px 0px; }	
h3#h-enviro-performance	{ float: left; text-indent: -5000px; width:400px; height:100px; background:url(../img/fr/logo-enviro-performance.jpg) no-repeat 150px 0px; }	
h3#h-nusystem {
	margin-left: 223px;
	}
#content ol li a { 
	color: #000;
	 }	
	
/*page retail products */	 
#page-newsroom #content,
#page-retail-product	#content  {
	width: 870px;
	}	
#page-retail-product	#content h3 {
	margin-bottom: -2px;
	margin-top: 4px;
	letter-spacing: -0.1em;
	line-height: 1.3em;
	}		
 .newsroom-col {
	float: left;
	width: 390px;
	}	
#first-col.newsroom-col  {
	margin: 0 50px 0 0px;
	}	
 #page-retail-product .newsroom-col {
	width: 380px;
	}			
#page-retail-product #first-col.newsroom-col  {
	margin: 0 40px 0 0px;
	width: 420px;
	}	
#page-retail-product #content p {
	line-height: 1.5em;
	}		

#page-retail-product ul  {
	padding-top: 0px;	}		
#page-retail-product span.title { 
	color: #7cbe34;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -0.1em;
	}		
#page-retail-product span.align-right { 
	float: right;
	font-size: bold;
	margin-top: -1.5em;
	}

/*layout commercial products*/		
.produit-fiche {
	float: left;
	width: 185px;
	padding-top: 8px;
	}	
#content .produit-fiche .link-pdf {
	margin-left: 0px;
	list-style: none;
	}
#content .produit-fiche .acrobat {
	width: 12em;
	}	
.produit-liste li {
	float: left;
	width: 280px;	
	min-height:90px;
		height: auto !important;
		height:90px;				/* ie6 */
	padding: 5px 0 5px 25px;
	list-style:none;
	
	}	
	.en .produit-liste li.row1 {
	min-height:120px;
		height: auto !important;
		height: 120px;				/* ie6 */
	}	
.produit-liste li a {
	color: #7cbe34;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	line-height: 110%;
	display: block;
	}	
.produit-liste li a span {
	color: #89000f;
	font-size: 90%;
	
	}	
.produit-liste li a span.nettoyant {
	color: #196a25;
	}	
.produit-liste li a span.href-text {
	color: #000;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	
	}				
#content .tabcontent{
	display:none;
	margin-bottom: 50px;
	}	
#page-commercial-products  ul.produit-liste {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	}
#page-commercial-products .produit-liste li {
	min-height:10px;
		height: auto !important;
		height:10px;				/* ie6 */
		float: none;
		padding: 5px 0 0px 25px;
	}
#page-commercial-products	#content .tabcontent{
	margin-bottom: 200px;
	}	

#page-liens-utiles #content a {
	text-decoration: none;
	}	
#page-liens-utiles #content a:hover {
	text-decoration: underline;
	}		

 #page-contact #content a:hover {
	text-decoration: underline;
	}	

	