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

@import url("background.php");



h1			{ float: left; margin: 0px; padding: 0px; width: 126px; height: 50px; display: block; background: url(/images/LumiGroup.png) top left no-repeat; }
/* h2			{ margin-top: 0px; color: #fff; } */
h2			{ margin-top: 0px; color: #f2f2f2; font-size: 16px; font-family: Verdana; font-weight: normal; }
a:link		{ font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #F2F2F2; text-decoration: none; }
a:active	{ font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #F2F2F2; text-decoration: none; }
a:visited	{ font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #F2F2F2; text-decoration: none; }
a:hover		{ font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #EDBC00; text-decoration: none; }
input		{ width: 250px; background: none; border: 1px #F2F2F2 solid; color: #F2F2F2; }
textarea	{ width: 383px; height: 200px; background: none; border: 1px #F2F2F2 solid; color: #F2F2F2; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: normal; }
table p		{ text-align: justify; }

.container	{ width: 900px; height: auto; display: block; margin: 0px auto; }
.cache		{ display: none; }
.bouton		{ border: none; width: 77px; height: 22px; }



h4.puce	{ margin: 0px; }
.puce {  background: url(/images/puce.gif) left no-repeat; padding: 0px 0px 0px 7px; }

/* +++++++++   HEADER   ++++++++ */

	.header	{ padding: 0px 10px; margin: 85px 0px 0px; position: relative; }
	
	#menu	{ position: absolute; bottom: 0px; right: 0px; margin: 0px 10px 0px 0px; padding: 0px; width: 725px; height: 40px; display: block; }
	
	#langue					{ position: absolute; top: -85px; right: 5px; padding: 0px 0px 0px 2px; margin: 0px; list-style: none; display: block; width: 76px; height: 23px; display: block; background: url(/images/BG-langue.png) top center no-repeat; }
	#langue li				{ color: #808080; float: left; }
	#langue li.selected		{ padding: 7px 0px 0px 0px; text-align: center; width: 36px; height: 20px; display: block; color: #808080; background: url(/images/BG-langue-O.png) top center no-repeat; }
	#langue li a:link		{ padding: 7px 0px 0px 0px; text-align: center; width: 36px; height: 20px; display: block; color: #808080; background: none; }
	#langue li a:active		{ padding: 7px 0px 0px 0px; text-align: center; width: 36px; height: 20px; display: block; color: #808080; background: none; }
	#langue li a:visited	{ padding: 7px 0px 0px 0px; text-align: center; width: 36px; height: 20px; display: block; color: #808080; background: none; }
	#langue li a:hover		{ padding: 7px 0px 0px 0px; text-align: center; width: 36px; height: 20px; display: block; color: #808080; background: url(/images/BG-langue-O.png) top center no-repeat; }
	
/* +++++++++ END HEADER ++++++++ */






/* +++++++++   CONTENT   ++++++++ */

	.content				{ margin: 0px 0px 15px; padding: 0px 10px; border-top: 1px #F2F2F2 solid; background: url(/images/BG-gradient.png) top center no-repeat; }
	.breadcrumbs			{ margin: 10px 0px 50px; padding: 0px; list-style: none; }
	.breadcrumbs li 		{ float: left; margin: 0px 10px 0px 0px; }
	.breadcrumbs li.active 	{ background: url(/images/puce.gif) left no-repeat; padding: 0px 0px 0px 7px; }
	
	
	.nouvelles						{ margin: 0px; padding: 0px; list-style: none; width: 200px; float: left; border: 1px #f2f2f2 solid; border-left: none; border-right: none; border-top: 2px #f2f2f2 solid; }
	.nouvelles li					{  margin: 0px; padding: 5px 0px 5px 5px; border: 1px #F2F2F2 solid; border-left: none; border-top: none; border-right: none;  }
	.nouvelles li a:link			{ background: none; margin: 0px 0px 0px 15px; }
	.nouvelles li a:active			{ background: none; margin: 0px 0px 0px 15px; }
	.nouvelles li a:visited			{ background: none; margin: 0px 0px 0px 15px; }
	.nouvelles li a:hover			{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; color: #F2F2F2; }
	.nouvelles li span				{ margin: 0px 0px 0px 15px; padding: 0px; color: #F2F2F2; }
	.nouvelles li span.active		{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; color: #F2F2F2; }
	.nouvelles li a.active		{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; color: #F2F2F2; }
	.nouvelles li ul				{ margin: 0px 0px 0px 7px; padding: 0px; list-style: none; }
	.nouvelles li ul li				{ border: none; }
	
	.nouvelle						{ float: right; width: 650px; }
	.nouvelle ul					{ margin: 0px; padding: 0px; list-style: none; }
	.nouvelle ul li					{ margin: 0px 0px 25px; }

	.nouvelle-accueil td a:link			{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; }
	.nouvelle-accueil td a:active			{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; }
	.nouvelle-accueil td a:visited			{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; }
	.nouvelle-accueil td a:hover			{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; color: #EDBC00; }


	.presentation	{ float: left; }
	
		
	.categories						{ margin: 0px; padding: 0px; list-style: none; width: 200px; float: left; border: 1px #f2f2f2 solid; border-left: none; border-right: none; border-top: 2px #f2f2f2 solid; }
	.categories li					{ padding: 15px 0px 15px 25px; margin: 0px; border: 1px #F2F2F2 solid; border-left: none; border-top: none; border-right: none; }
	
	
	
	
	.categories li a:link			{ background: none; margin: 0px 0px 0px 15px; }
	.categories li a:active			{ background: none; margin: 0px 0px 0px 15px; }
	.categories li a:visited		{ background: none; margin: 0px 0px 0px 15px; }
	.categories li a:hover			{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; color: #EDBC00; }

	.categories li a.OUVERT	{ color: #EDBC00; background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; }

	.categories li ul	{ border: none; list-style: none; margin: 10px 0px 0px 15px; padding: 0px; }
	.categories li ul li	{ border: none; padding: 0px; margin: 2px 0px; }
	.categories li ul li a.OUVERT	{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; }


	.produits			{ margin: 0px 0px 0px 22px; padding: 0px; list-style: none; float: left; width: 654px; }
	.produits li		{ width: 103px; height: 150px; display: block; float: left; margin: 0px 7px 15px 0px; position: relative; }
	.produits li.last	{ margin: 0px 0px 15px 0px; }
	.produits li a img			{ border: 1px #F2F2F2 solid; margin: 0px 0px 5px; }
	.produits li a img:link		{ border: 1px #F2F2F2 solid; }
	.produits li a img:active	{ border: 1px #F2F2F2 solid; }
	.produits li a img:visited	{ border: 1px #F2F2F2 solid; }
	.produits li a img:hover		{ border: 1px #EDBC00 solid; }
	.produits .eco_reponsable_fr	{ margin: -4px; padding: 0px; width: 80px; top: 0px; height: 80px; position: absolute; background: url(/images/eco-responsable.png) top left no-repeat; }
	.produits .eco_reponsable_en	{ margin: -4px; padding: 0px; width: 80px; top: 0px; height: 80px; position: absolute; background: url(/images/eco-friendly.png) top left no-repeat; }
	
/*
	.produit a:link		{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; }
	.produit a:active	{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; }
	.produit a:visited	{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; }
	.produit a:hover	{ background: url(/images/puce.gif) left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 7px; color: #EDBC00; }
*/
	.produit a:link		{ color: #f2f2f2; }
	.produit a:active	{ color: #f2f2f2; }
	.produit a:visited	{ color: #f2f2f2; }
	.produit a:hover	{ color: #EDBC00; }
	
	
	li.suspensions	{ background: url(/images/suspensions.png) 5px left no-repeat; }
	li.encastres	{ background: url(/images/encastres.png) 15px left no-repeat; }
	li.projecteurs	{ background: url(/images/projecteurs.png) 5px left no-repeat; }
	li.plafonniers	{ background: url(/images/projecteurs.png) 5px left no-repeat; }
	li.murales	{ background: url(/images/murales.png) 10px left no-repeat; }
	li.lampes-de-table	{ background: url(/images/lampes.png) 5px left no-repeat; }
	li.lampes-sur-pied	{ background: url(/images/lampes.png) 5px left no-repeat; }
	li.led	{ background: url(/images/led.png) 10px left no-repeat; }
	li.exterieur	{ background: url(/images/exterieurs.png) 8px left no-repeat; }
	li.systemes-sur-rail	{ background: url(/images/fluorescents.png) 15px left no-repeat; }
	li.fluorescents-haute-efficacite	{ background: url(/images/fluorescents.png) 15px left no-repeat; }
	li.luminaires-pour-mobilier	{ background: url(/images/luminaires.png) 15px left no-repeat; }
	

	.accueil-projets					{ margin: 0px; padding: 0px; list-style: none; }
	.accueil-projets li					{ float: left; width: 114px; display: block; margin: 0px 8px 0px; }
	.accueil-projets li a img			{ border: 1px #F2F2F2 solid; margin: 0px 0px 5px; }
	.accueil-projets li a img:link		{ border: 1px #F2F2F2 solid; }
	.accueil-projets li a img:active	{ border: 1px #F2F2F2 solid; }
	.accueil-projets li a img:visited	{ border: 1px #F2F2F2 solid; }
	.accueil-projets li a img:hover		{ border: 1px #EDBC00 solid; }
	.accueil-projets li a span			{ background: url(/images/puce.gif) left no-repeat; padding: 0px 0px 0px 7px; }

	a.nouvelle						{ background: url(/images/puce.gif) left no-repeat; padding: 0px 0px 0px 7px; }
	.accueil-nouvelle a img:link	{ border: 1px #F2F2F2 solid; }
	.accueil-nouvelle a img:active	{ border: 1px #F2F2F2 solid; }
	.accueil-nouvelle a img:visited	{ border: 1px #F2F2F2 solid; }
	.accueil-nouvelle a img:hover	{ border: 1px #EDBC00 solid; }


	.nos-services		{ margin: 0px 0px 0px 13px; padding: 0px; list-style: none; list-style-image: url(/images/puce.gif); }
	.nos-services li	{ margin: 0px 0px 5px 0px; }


	.projets					{ margin: 50px 0px 0px; padding: 0px; list-style: none; }
	.projets li					{ float: left; width: 114px; height: 230px; display: block; margin: 0px 13.5px 25px 0px; }
	.projets li.normal			{ float: left; width: 114px; display: block; margin: 0px 13.5px 25px 0px; }
	.projets li.last			{ float: left; width: 114px; display: block; margin: 0px 0px 25px 0px; }
	.projets li a img			{ border: 1px #F2F2F2 solid; margin: 0px 0px 5px; }
	.projets li a img:link		{ border: 1px #F2F2F2 solid; }
	.projets li a img:active	{ border: 1px #F2F2F2 solid; }
	.projets li a img:visited	{ border: 1px #F2F2F2 solid; }
	.projets li a img:hover		{ border: 1px #EDBC00 solid; }
	.projets li a span			{ background: url(/images/puce.gif) left no-repeat; padding: 0px 0px 0px 7px; }
	.projets .nouveau_fr	{ margin: -4px; width: 107px; height: 107px; display: block; position: absolute; background: url(/images/nouveau.png) top left no-repeat; }
	.projets .nouveau_en	{ margin: -4px; width: 107px; height: 107px; display: block; position: absolute; background: url(/images/new.png) top left no-repeat; }
	
	.galerie		{ width: 375px; height: 345px; display: block; float: left; }
	
	.informations-projet		{ width: 465px; float: right; }
	.informations-projet p		{ text-align: justify; }
	
	
	.manufacturiers						{ margin: 25px 0px 0px -28px; padding: 0px; list-style: none; }
	.manufacturiers	li					{ width: 148px; height: 125px; display: block; float: left; }
	.manufacturiers	li.normal			{ float: left; margin: 0px 0px 20px 28px; }
	.manufacturiers li.last				{ margin: 0px 0px 20px 28px; }
	.manufacturiers li a img			{ margin: 0px 0px 5px; height: 75px; display: block; }
	.manufacturiers li a span			{ background: url(/images/puce.gif) left no-repeat; padding: 0px 0px 0px 7px; }
	
	ul.contributions			{ list-style: none; margin: 50px 0px 0px; padding: 0px; }
	ul.contributions li			{ margin: 15px 0px; }
	ul.contributions li strong	{ font-size: 12px; color: #EDBC00; }
/* +++++++++ END CONTENT ++++++++ */






/* +++++++++   FOOTER   ++++++++ */
	
	.footer						{ margin: 50px 0px 0px; text-align: center; border-top: 1px #F2F2F2 solid; background: url(/images/BG-gradient.png) top center no-repeat; }
	.footer p					{ font-size: 10px; }
	.footer ul					{ margin: 0px auto; padding: 0px; list-style: none; }
	.footer ul li				{ float: left; margin: 0px; display: inline; }
	.footer ul li:before		{ content: "|"; visibility: hidden; }
	.footer ul li.slash:after	{ content: " | "; color: #F2F2F2; }
	.footer ul li a:link		{ font-size: 10px; margin: 0px 5px; }
	.footer ul li a:active		{ font-size: 10px; }
	.footer ul li a:visited		{ font-size: 10px; }
	.footer ul li a:hover		{ font-size: 10px; }
	
/* +++++++++ END FOOTER ++++++++ */










/* ++++++++   LIGHTBOX ALERT   +++++++ */
	
	#cache		{ display: none; background: url(/images/BG-alert.png); width: 100%; height: 100%; position: fixed; z-index: 25; top: 0px; }
	#box 		{ display: none; position: fixed; width: 275px; top: 50%; left: 50%; margin: -100px auto auto -137px; text-align: center; z-index: 50; }  
	#dropMSG	{ color: #171717; }
	
	
	td.topLEFT		{ width: 20px; height: 20px; background: url(/images/top-left.png) bottom right no-repeat; }
	td.top			{ height: 20px; background: url(/images/top.png) bottom repeat-x; }
	td.topRIGHT		{ width: 20px; height: 20px; background: url(/images/top-right.png) bottom left no-repeat; }

	td.LEFT			{ width: 20px; background: url(/images/left.png) center right repeat-y; }
	td.middle		{ background: #F2F2F2; padding: 15px; }
	td.RIGHT		{ width: 20px; background: url(/images/right.png) center left repeat-y; }

	td.bottomLEFT	{ width: 20px; height: 20px; display: block; background: url(/images/bottom-left.png) top right no-repeat; }
	td.bottom		{ height: 20px; background: url(/images/bottom.png) top center repeat-x; }
	td.bottomRIGHT	{ width: 20px; height: 20px; display: block; background: url(/images/bottom-right.png) top left no-repeat; }
	
/* ++++++   END LIGHTBOX ALERT   +++++ */



/* ++++++++   CLEARFIX   +++++++ */

	.clearfix:after 		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }
	.clearfix  				{ display: inline-block; }
	html[xmlns] .clearfix 	{ display: block; }
	* html .clearfix 		{ height: 1%; }

/* ++++++   END CLEARFIX   +++++ */