/*  WLED 2011 - 16/09/2010 GC
 
 +----------------+
 | logo |    pays |  banner
 | site |    menu |
 +----------------+
 |                |  advert (sur accueil seulement)
 +----------------+
 | from |    head |  center (index général)
 | line |    pave |
 +----------------+
 | from |    head |  center (index rubrique)
 | line |    bloc |
 +----------------+
 | from |    head |  center (pages)
 | list |    page |
 +----------------+
 |                |  footer
 +----------------+
 
*/
 
 BODY { background:#ff7000 url('wled.jpg') no-repeat fixed center; margin:0px; padding:0px; text-align:center; }
 INPUT, TEXTAREA, SELECT { font-family: verdana, tahoma, arial, sans-serif; font-size:8pt; border-style:solid; border-width:1px; border-color:#eb6a0a; } 
 H1 { font-family: verdana, tahoma, arial, sans-serif; font-size:16pt; }
 A, TD, P { font-family: verdana, tahoma, arial, sans-serif; font-size:8pt; }
 A { color:#eb6a0a; text-decoration:underline; }
 A:hover { color:#FF0000; text-decoration:none; }
 IMG { border:0px; }
 
 #banner { position:relative; width:980px; height:90px;  }
  
 #logo { position:absolute; left:3px; top:10px; }
 #logo IMG { width:200px; height:70px; }
 #menu { position:absolute; left:240px; top:55px; width:500px; height:20px; }
 #menu A { width:90px; height:20px; display:block; float:left; line-height:20px; text-align:center; background-image:url('menu.png'); text-decoration:none; font-size:9pt; font-weight:bold; color:#FFFFFF; }
 #menu A:hover { background-image:url('menuhover.png'); }
 #pays { position:absolute; left:720px; top:50px; }
 #pays IMG { margin:2px; width:28px; height:21px; }
   
 #advert { position:relative; width:980px; margin-bottom:20px; }
  
 #center { position:relative; width:980px; border:0; margin:0; padding:0; }}

 #home A { margin-top:auto; margin-bottom:auto; width:180px; height:60px; padding:10px; font-size:12pt; color:#000000; background-color:#FFFFFF; text-align:center; text-decoration:none; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
 #home A:hover { color:#FF0000; font-weight:bold; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }
 #line { position: absolute; width:179px; top:0px; left:0px; background-color:#FFFFFF; }
 #line UL { padding:0; margin:0 0 0 5px; }
 #line LI { margin:0 0 0 16px; }
 #from {
  position: absolute; width:180px; height:360px; top:0px; left:0px; background-color:#000000; color:#FFFFFF; font-size:12pt; 
  border-left:1px thin #000000; border-right:1px thin #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; }
 #list { position: absolute; width:180px; top:360px; left:0px; }
 #list A { width:175px; height:50px; display:block; color:#FFFFFF; padding:5px; border-bottom:solid 1px grey; }
 #list A:hover { color:#000000; background-color:white; text-decoration:none; }
 #list UL { list-style-type:none; margin:0; padding:0; }
 #list LI { width:175px; height:50px; display:blocl; }
 #list IMG { float:left; width:60px; height:45px; margin-right:5px; }
 #pave { background-color:#FFFFFF; }
 #pave A { width:120px; height:90px; margin:10px 0 0 8px; display:block; float:left; }
 #pave A:hover { background-color:#eb6a0a; } 
 #pave IMG { width:120px; height:90px; }
 #page { width:800px; border-left:1px thin #000000; border-right:1px thin #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; background-color:#FFFFFF }
 #info { width:758px; border:1px thin #000000; background-color: #fffed4; margin:20px; padding:10px; font-weight:bold; color:#eb6a0a; }
 #bloc { width:367px; float:left; border-style:solid; border-width:1px; border-color:#eb6a0a; margin:20px 0 0 20px; padding:10px; cursor:hand; }

 #bloc DL { margin-left:140px; }
 #bloc DT { margin:0; padding:0; }
 #bloc DT A { font-size:12pt; font-weight:bold; text-decoration:none; }
 #bloc DD { margin:0; padding:0; }
 #bloc IMG { float:left; margin:0; width:120px; height:90px; }

 #footer { position:relative; width:980px; height:40px; margin-top:20px; }
 #footer P  { text-align:right; }
  
 /* page catalogues - deprecated */
 .c_bloc { background-color:#FFFFFF; border-width:1px; border-style:solid; border-color:#000000; }
 .c_imag { color:#eb6a0a; }
 .c_name { font-size:16pt; margin-bottom:0px; color:#000000; }
 .c_desc { margin:20px; color:#000000; background-color:#FFFFFF; text-decoration:none; }
 .c_desc:hover { text-decoration:underline; }
 .c_goto { color:#eb6a0a; font-size:10pt; text-decoration:underline; }
 .c_goto:hover { color:#FF0000; font-size:10pt; text-decoration:none; }
 
 /* pages catalogue */
 .s_bloc { background-color:#eb6a0a; }
 .s_imag { margin-right:7px; }
 .s_name { font-size:16pt; margin-bottom:0px; margin-top:0px; color:#000000; }
 .s_desc { color:#000000; background-color:#FFFFFF; text-decoration:none; }
 .s_desc:hover { text-decoration:underline; }
 .s_goto { color:#eb6a0a; font-size:10pt; font-weight:bold; text-decoration:underline; }
 .s_goto:hover { color:#FF0000; font-size:10pt; text-decoration:none; }
 
 #Button {	width: 180px;	padding: 0 0 1em 0; background-color: none; color: #000000;	}
 #Button ul {	list-style: none;	margin: 0; padding: 0; border: none;	}
 #Button li {	margin: 0px;	height:60px; }
 #Button li img {	margin-left: -5px; margin-right:5px; }
 #Button li a { display: block; padding: 5px 5px 5px 0.5em; height:50px; background-color: none; color: #000000; text-decoration: none; width: 100%; }
 #Button li a:hover { background-color: #FFFFFF; background-image:url('button.gif'); color: #ff0000;  }
 
 #Zoom { 
  position:absolute; width:500; height:400; visibility:hidden;
  background-color:#CCCCCC; border-width:1px; border-color:#000000; 
 }
 
 .p_page { background-color:#FFFFFF; border: 1px; border-syle:solid; border-color:#000000; }
 .p_name { font-size:18pt; margin-bottom:0px; color:#000000; }
 .p_desc { font-size:10pt; }
 .p_bloc { background-color:#CCCCCC; }
 .p_dats { background-color:#FFFFFF; color=#000000; font-size:7pt; }
 .p_data { background-color:#FFFFFF; color=#000000; font-size:7pt; text-align:center; }
 .p_goto { color:#eb6a0a; text-decoration:none; }
 .p_cell { background-color:#FFFFFF; text-align:center; width:20%; }
 .p_mini { border:0px; width:144px; height:120px; }
 #p_leds {
  border:1px dashed #000000; align:center; width:110px; height:40px; padding:4px; color:#555555; 
  background-image:url('p_leds.jpg'); font-size:20pt; font-weight:bold
  
 }
 
 A.p_menu { color:#eb6a0a; text-decoration:none; }
 A.p_menu:hover { color:#FFFFFF; text-decoration: none; }
 

 /* services */
 #content { margin: 0px; padding: 0px 0px 0px 20px; font-size: 13px;}
 A.serviceplus  { color:#FFFFFF; text-decoration:underline; font-size: 18px;}
 A.serviceplus :hover { color:#FFFFFF; text-decoration:none; font-size: 18px; }
 A.service  { color:#eb6a0a; text-decoration:underline; font-size: 18px;}
 A.service :hover { color:#eb6a0a; text-decoration:none; font-size: 18px; }
 .accroche {	color:#666464;	font-size:30px;	margin: 20px 0 30px 0; padding:0px;}
 .accroche,  ul{	margin-left:30px;  color:#666464;}
 #maquette {	float: left; width:200px; margin: 0px 0px 0px 30px; padding:0px;}
 #simulation {float: left; width:200px; margin: 0px 0px 0px 5px; padding:0px;}
 #declinaison {	float: left; width:232px; margin: 0px 0px 0px 10px; padding:0px;}
 #etude {	float: left; width:232px;margin: 0px 0px 0px 30px; padding:0px;}
 .libel { padding:0px 0px 0px 0px; vertical-align:middle; font-size: 20px; font-weight:bold;}
 .img { vertical-align:-8px; }
 #plus h2 { margin: 0px ; padding:0px ;font-size:30px;  font-weight:bold;}
 #plus {  color:#fa8b18; clear:left; margin: 0px 0px 0px 483px; padding:0px 0px 0px 0px;}
 #gauche { font-size:20px; float:left; width:440px; 	margin:0px; padding:0px;}
 #droite {float: right; width:470px;  margin:0px; padding:12px; background-color:#fa8b18 ; font-size:18px; color:#FFFFFF }
 #lesplusg { float: left;   width:180px; ; padding:0px; margin: 0px;}
 #lesplusd { float: right;  width:250px;  color:#FFFFFF ; padding:0px; margin: 0px;} 
 .vignette { text-align:center; padding:10px 0px 10px 0px; clear:left; }
 .croix { vertical-align:-19px; margin-right:10px; }
 .etin {  margin-right:30px; }
 #book {position: relative; top: -50px; left:0px; }
 
 /* */