/* CSS Document */
*{margin:0; padding:0}
html,body{
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#999;
}
h1, hr {display:none}
noscript{ font-size:18px; color:#fff}
em{color:#CCCCCC}
form div{ margin:10px 0 0 40px}
form br{display:none}
fieldset{margin:5px 50px 5px 20px; padding:5px; border:1px solid #333;}
label{ 
	margin:0 5px 0 0; 
	display:block; 
	width:100px; 
	float:left;
}
input{
	border:#666 1px solid;
	color:#333;
	font-size:95%;
}
textarea{	
	border:#999 1px solid;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:168px;
	font-size:1.1em;
}
input:focus, textarea:focus{background:#e2d9ab}
input.submit{margin: 0 0 0 228px !important; margin: 0 0 0 223px;}
input.submit:hover{background:#e2d9ab}

.button{
	height:16px;
	width:57px;
	margin:4px 0 0 0;
	background:#f4edf0;
	cursor:pointer;
}
.button:hover{ background:#ebdae2}
.hr{border-bottom:2px solid #221D07;padding:2px 0 0 0; margin:0 39px}
.hidden{display:none}
.clear{clear:both}
.margin{ margin: 5px 39px 10px 39px}
.alignright{text-align:right}
.right{float:right}
.left{float:left}
.marginImg{ margin:8px}
.red{color:#c00000}

#global{margin:0 auto;width:867px}
#wrapper{float:left;}

#blockgauche{float:left; width:194px}
#blockgauche h2{background:url(../images/coordonnees.gif) no-repeat left top; text-indent:-9999px; height:22px}
#blockgauche p{margin:8px 0}
#blockgauche strong, #blockdroit strong{color:#e2d9ab}
#blockgauche img{border:none}
#blockgauche span a { 
	color:#999; 
	text-decoration:none; 
	border-bottom: #999 1px dashed; 
	background:url(../images/picto-plan.gif) no-repeat left center;
	padding: 0 0 0 12px;
}
#blockgauche span a:hover{border-bottom: none}

#blockdroit{float:left; width:559px; margin:0 0 0 36px;}
#blockdroit h2{text-indent:-9999px; height:26px}
#blockdroit p {margin: 10px 0}
#blockdroit img{border:#676767 1px solid}
#blockdroit a:hover img{border:#e2d9ab 1px solid}
#blockdroit span{ margin: 5px 0 ;width:150px; display:block;}
#blockdroit span a { 
	background:url(../images/picto-loupe.gif) no-repeat left center; 
	padding:0 0 0 19px;
	color:#999;
	text-decoration:none;
}
#blockdroit ul{margin: 0 0 0 10px; list-style-type:none}
#blockdroit li{ background:url(../images/picto-plan.gif) no-repeat left center; text-indent: 12px;}

#dg_photo {height:75px; z-index:9999;}
#dg_photo img{float:left}

#footer p {width:50%; float:left; margin-bottom:10px;}
#footer span{ color:#666}
#footer a { color:#666; text-decoration:none; border-bottom: #666 1px dashed;}
#footer a:hover{border-bottom: none}

#ref{ clear:both}
#ref p{margin:0 0 3px 0}
#ref a{color:#333; text-decoration:none;}
#ref img {filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
/* ****************page accueil******************/
#accueil{background:url(../images/societe-falgas-illumination.gif) no-repeat left top}
#solution{background:url(../images/solutions.gif) no-repeat left top}


/* ****************page mentions legales******************/
#mentions{background:url(../images/mentions.gif) no-repeat left top}
.mentions a{	
	color:#999; 
	text-decoration:none; 
	border-bottom: #999 1px dashed; 
	background:url(../images/picto-plan.gif) no-repeat left center;
	padding: 0 0 0 12px;
}
.mentions a:hover{border: 0} 


/* ****************page lumiere et son******************/
#etude{background:url(../images/etude.gif) no-repeat left top}
#produits{ background:url(../images/produits-services.gif) no-repeat left top}
#services{ background:url(../images/services.gif) no-repeat left top}
#certifications{ background:url(../images/certification.gif) no-repeat left top}
#block1{ width:250px; margin:0 0 15px}
#block2{ width:300px; margin:0 0 15px}

/* ****************page contazct******************/
#formulaire{background:url(../images/formulaire.gif) no-repeat left top}

/* ****************page merci******************/
#confirmation{background:url(../images/confirmation.gif) no-repeat left top}