/* ------------------------------------------------------
   Default HTML element definitions
------------------------------------------------------ */
body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 70%;*/
	margin: 0px;
	color: #333333;
	background-image: url(global-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* Removing borders from linked images */ 
a img {border:none;}

/* removing extra margin from form elements */
form {margin:0px; padding:0px;}

/* used for breaking flows */ 
.break {
	clear:both;
}
a:link, a:visited{
	/*color: #333333;*/
	color:#666666;
	text-decoration: underline;
	background-color: inherit;
}
#menu a:hover {
	/*color: #333333;*/
	color:#FFFF66;
	text-decoration: none;
	background-color: inherit;
}
p {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin: 0px;
}
#container {
	
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -383px;
	width: 766px;
	height: 450px;
	visibility: visible;
	background-color: transparent;
}
#content      
{
	float: right;
	width: 618px!important;width:608px;
}
#left-col {
	float: left;
	padding-left:10px;
	width: 130px;
	padding-top: 23px;
}

/*#horizon        
	{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
	*/
	
#shopping-card {
	background-image: url(cart.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	padding-right: 25px;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 4px;
	background-color:inherit;
}
a#shopping-card {
	background-color:inherit;
	color: #FFFFFF;
	text-decoration:none;
}

#ph2 {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	letter-spacing: 0.09em;
	font-weight:bold;
	font-size:10px;
	color:#666666;
}

#ph2 a{
	color:#666666;
	text-decoration:none;
	letter-spacing: 0.19em;
	margin-top:-50px;
}

#ph2 a:hover{
	color:#FFFF66;
}


#text-info {
	margin-top:8px;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
	height: 285px;
	position: relative;
	padding: 20px;
	padding-top: 10px;
	overflow:auto;
	scrollbar-3d-light-color:#999999;
	scrollbar-arrow-color:#FFFFCC;
	scrollbar-base-color:#999999;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-face-color:#333333;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#999999;

}

#text-info a,#text-info a:hover{
	color:black;
}
#left-col h1{
	margin: 0px;
	padding: 0px;
	text-indent:-5000px;
}

#content h1{
	color: #054336;
	font-size: 12px;
	font-weight: bold;
	background-color: inherit;
	margin: 0px;
	padding: 0px;
}

a#logo:link, a#logo:visited {
	background-image: url(logo-espace-lumiere.gif);
	background-repeat: no-repeat;
	display: block;
	height: 153px;
	width: 114px;
	background-position: left top;
	letter-spacing: 0.09em;
	font-weight: bold;
	/*text-indent: -5000px;*/
}

.mediumtext {
	text-align:right;
	font-size:12px;
}

a:hover .mediumtext,a:hover .mediumtextbottom{
	color:black;
}
.mediumtextbottom {
	text-align:center;
	font-size:12px;
}
#links {
	color: #054336;
	background-color: inherit;
}
#links a:link, #links a:visited {
	color: #054336;
	background-color: inherit;
	text-decoration: none;
}
#links a:hover {
	text-decoration: underline;
}
#links a:hover.nlintra {text-decoration: none;
}
UL#menu {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:130px;
	font-size:10px;
}
#menu li {
	padding-top: 10px;
}

#menu a:link, #menu a:visited {
	display: block;
	height: 18px;
	width: 130px;
	/*text-indent: -5000px;*/
	letter-spacing: 0.08em;
	font-weight:bold;
	font-size:9px;
	text-decoration:none;

}
/*#menu a:hover {
	background-position: 0px -20px;
}
#menu #marked {
	background-position: 0px -20px;
}
#menu .produits {
	background-image: url(produits.gif);
}
#menu .references {
	background-image: url(references.gif);
}
#menu .showrooms {
	background-image: url(showrooms.gif);
}
#menu .contacts {
	background-image: url(contacts.gif);
}
#menu .commande {
	background-image: url(commande.gif);
}
#menu .services {
	background-image: url(services.gif);
}
#menu .mention-legales {
	background-image: url(mentions-legales.gif);
}*/
#bottom-nav {
	color: #FFFFFF;
	height: 50px;
	position: relative;
	width: 440px;
	font-size: 9px;
	background-color: inherit;
}
#bottom-nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#bottom-nav li {
	display: inline;
}

/* **************************** TEST ************************ */
a.screen:link, a.screen:visited {
	color:#FFFFFF;
	position:relative;
	background-color:inherit;
	z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
border: 0;/* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
left:-134px; /* position */
top:-15px;
width:300px;
text-align:center;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:20px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
#bottom-nav ul a {
	display: block;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	top: 15px;
}
#bottom-nav ul a:hover {
	background-position: 0px -32px;
}

#app {
	background-image: url(icon-appliques.gif);
	left: 10px;	
}
#bureau {
	background-image: url(icon-bureau.gif);
	left: 50px;
}
#exterieur {
	background-image: url(icon-ext.gif);
	left: 90px;
}
#industriel {
	background-image: url(icon-industriel.gif);
	left: 130px;
}
#lampad {
	background-image: url(icon-lampad.gif);
	left: 170px;
}
#lampes {
	background-image: url(icon-lampes.gif);
	left: 210px;
}
#lustres {
	background-image: url(icon-lustres.gif);
	left: 250px;
}
#reeditions {
	background-image: url(icon-reeditions.gif);
	left: 290px;
}
#salle {
	background-image: url(icon-salle.gif);
	left: 330px;
}
#suspensions {
	background-image: url(icon-suspensions.gif);
	left: 370px;
}
#autres {
	background-image: url(icon-autres.gif);
	left: 410px;
}

#habillage {
	position: absolute;
	right: 0px;
	top: 50px;
	text-align: right;
	color: #666666;
	background-color: inherit;
}

a.nlintra, a:hover.nlintra{
	color:black;
	text-decoration:none;
	cursor:text;
}

p#soustitre {
	margin-bottom: 8px;
	}