/* -----------------------------------------------------------
Author : Pierre Bourgeois for Numotiv.com
Email : pbcomweb@gmail.com
URL :  http://pierrebourgeois.org
-------------------------------------------------------------- */

/*  reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;padding: 0;border: 0; font-weight: inherit;font-style: inherit; font-size: 100%; 
  font-family: inherit; vertical-align: baseline; outline: none; }
  

/* object{display:block; position:relative; overflow:hidden; top:0px; left:0px; margin: 0; padding:0; } */

/*  Typography
-------------------------------------------------------------- */  
html * { font-size: 100.01% }
body { font-size: 62.5%; /*(0.625 * 16px = 10px) */
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  
  background: #9D9D9D url(../images/backgroundBody_dgray.jpg) top left repeat-x;
  /*
  background: #9D9D9D url(../images/Cyclone-Background.jpg) top left repeat-x;
  */
  padding-top: 1em; color: #666;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { margin: 0; }
h2 {font-size: 20px; color: #313131; text-transform: uppercase; margin: 10px 0 15px 0;}
h3.focus {color: white; text-transform: uppercase; font-size: 14px;
	background: url(../images/titrefocus.gif) no-repeat; padding:3px 12px;}
h3.spip {font-size: 30px; font-weight: bold; margin: 10px 0 20px 0; color:#B4B4BE;}

#focus {
  margin: 10px 0px 15px 0px; 
  width: 530px; 
  padding: 10px; 
  height: 138px;
  min-height: 138px;
  height: auto !important;
  background: #EDEDED;
}	
#focus h3 {font-size: 16px; font-weight: bold; margin: 0 15px 10px 10px;}
#focus img.spip_logos {float: left; margin: 0 12px 12px 0;}
#focus p {margin: 0px 10px 0px 0px;}

h3.titreproducts {padding:8px 20px; color: #FFF; font-size: 16px; margin: 0;
	font-weight: bold; background: url(../images/titreproducts.gif) no-repeat;}
	

h3.titreproducts a {color: #FFFFFF;}

div.news {
  margin-top: 10px; 
  width: 270px; 
  padding: 10px; 
	/* height: 152px; */
  background: url(../images/newsbg.jpg) no-repeat;
  overflow: hidden;
}	

h3.news {color: white; text-transform: uppercase; font-size: 14px;
	background: url(../images/newtitle.gif) no-repeat; padding:3px 12px;}

a, :active, :hover, :focus { 
	outline: 0; outline-width: 0; 	border: 0;
}

a img, :link img, :visited img, :hover img { 
	border: 0;
  outline: 0;
  text-decoration: none;
} 

a,a.spip_mail
a.spip_mail:before { content: ""; color: #646363; text-decoration: none; }
a:hover { color: #FFAA1F; }

p {line-height: 1.5em; margin: 0 0 1.5em; text-align: justify;}
p, li, dt, dd { font-size: 11px; }
a img { border: none; }
.sep {font-size: 8px; padding-right: 3px; position: relative; top: -1px;}

/*  Page borders and background
-------------------------------------------------------------- */
#wrap { 
height: 800px;
}
#bg{
position:absolute;
z-index: 2;
top: 0;
left: 50%;
margin-left: -520px;
background:url(../images/luminaire.png) no-repeat top left;
width: 1000px;
height: 1100px;  
}

#head { width:820px;margin: 20px auto 0 auto;background: url(../images/header.png) top left no-repeat; height: 22px;}
#container { width:820px;margin:0 auto; position:relative; background: url(../images/page.png) top left repeat-y; z-index: 10; }
#bottom { width:820px;margin:0 auto;background: url(../images/bottom.png) top left no-repeat; height: 25px;}
#pagemargin { width:800px;margin:0 auto; }

#content > div.margin { min-height: 500px; }


/*  Top
-------------------------------------------------------------- */

#top {  
  position: relative; 
  overflow:hidden; 
  padding: 0px 0px 5px 0px; 
  width:100%;
  
  font-size: 10px; 
  color: #646363; 
}
#top ul li a { font-size: 10px;  }
#top ul li a#lang { position: absolute; display:block; left: 520px; top: 2px; }


/*  Content
-------------------------------------------------------------- */
#content { float:right; width: 570px; position:relative; top: -11px; overflow: hidden; }
#content .margin { padding: 0 10px 0 10px;}


.page_sommaire #content .margin { padding: 0 10px 0 10px;}
.page_rubrique #content .margin { padding: 0 10px 0 10px;}
#headerimg{ overflow: hidden; width:100%; height:auto; padding: 1px 0px; }
#content #headerimg img {position: relative; top: -6px; left: 1px;}
body.page_sommaire #content div.c50l div.margin {padding: 0;}

.page_rubrique.rub21 #content .spip_documents, 
.page_rubrique.rub21 #content .margin i,
.page_rubrique.rub22 #content .spip_documents, 
.page_rubrique.rub22 #content .margin i,
.page_rubrique.rub29 #content .spip_documents, 
.page_rubrique.rub29 #content .margin i{display: none;}

.rub22 div.productlist14, 
.rub22 div.productlist16,
.rub22 div.productlist18, 
.rub22 a#link14,
.rub22 a#link16,
.rub22 a#link18 {display: none;}


.page_rubrique.rub25 #content .margin dl.spip_document_485 {margin-top: 128px;}
.page_rubrique.rub25 #content .margin dl.spip_document_488 {margin-top: 90px;}
#content .margin ul.go_links {list-style-type: none; margin: 0; padding: 0; text-align: right;}
#content .margin ul.go_links li a {padding-left: 12px; text-decoration: underline;
	background: url(../images/fleche.gif) left 4px no-repeat;}

li.projet104, li.projet108, li.projet110, 
li.projet128, li.projet130, li.projet124, 
li.projet132, li.projet133 {display: none;}

.page_article.rub8 p {}
.leftcol {width: 30%; }
.rightcol {width: 70%; }
/*  Menu
-------------------------------------------------------------- */
#navigation { float:left;width:230px; position: relative; padding-bottom:260px; }
#navigation  .margin { padding: 0 0 0 10px;}
#navigation h1 a { display: block; margin: 0 0 0 1px;width:230px; height:161px; 
	text-indent: -3000px; background: url(../images/logo.jpg) top left no-repeat;}
#navigation  dl { margin: 0;}
#navigation  dl dt { margin-bottom: 10px;}
#navigation  dl dt a { font-family: arial; font-weight: normal; text-transform: uppercase; 
	font-size: 9px; letter-spacing: 1px; padding-left: 63px; padding-top: 1px;
	background: url(../images/nav.gif) left 2px no-repeat;font-style: normal;}
#navigation  dl dt a:hover,
#navigation  dl dt a.on { background: url(../images/nav-hover.gif) left 2px no-repeat; font-style: normal;}

#navigation  li a.on { color: #FFAA1F; font-style: normal;}

#navigation  dl dd ul { list-style-type: none; font-weight: bold; font-size: 10px; margin-left: 20px; padding-left: 20px;}
#navigation  dl dd ul li { margin-bottom: 10px; font-size: 11px;}
#navigation  dl dd ul li ul { margin: 10px 0; display: none;}
#navigation  dl dd ul li ul li a { font-weight: normal; margin-left: 0;font-style: normal;}
body.rub8 #navigation  dl dd ul li ul.srub8,
body.rub21 #navigation  dl dd ul li ul.srub21,
body.rub22 #navigation  dl dd ul li ul.srub22,
body.rub23 #navigation  dl dd ul li ul.srub23,
body.rub24 #navigation  dl dd ul li ul.srub24,
body.rub29 #navigation  dl dd ul li ul.srub29 { display: block;}


/*  Footer
-------------------------------------------------------------- */
#footer { z-index: 30; clear:both;width:800px;margin:0 auto; color: white; font-size: 10px;position: relative; height: 50px;font-size: 10px;}
#footer a { color: white; font-size: 10px; }
#footer li#copy { 
  position: absolute;  
  left: 640px; 
  width: 160px;
  text-align: right; 
  top: 0;
  
  font-size: 10px;
}
#linktotop { 
  text-indent:-3000px;
  display: block; 
  height: 5px; 
  width: 26px;
  float: right; 
  background: url(../images/top.gif) no-repeat; 
  margin: 10px 0 0 0;
  clear:both;

}
p.linktop { }
p.linktop a { text-align: right; display: block; height:5px; width: 26px;background: url(../images/top.gif) no-repeat;}
p.linktop a span {display:none;}
/* Forms
-------------------------------------------------------------- */

form {  width: 100%; }
form fieldset {}
form fieldset legend {display: none;}
form label { margin-bottom: 3px;}
#content form fieldset input.text, #content form fieldset textarea {border: 1px solid #CCC; padding: 3px;background: #FFFFFF;}
#content form fieldset textarea { overflow: auto; height: 250px;}



/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul { margin: 0 0 1.5em 30px; }
ul li ul { margin-left: 15px;  padding-left: 15px; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }

/*  Generic class
-------------------------------------------------------------- */
ul.horizontal { margin: 0 0 0 2px; padding: 0;}
ul.horizontal li { display:inline-block; float:left; position:relative; }
ul.horizontal li.lang { display:inline-block; float:right; }
ul.horizontal li a  { padding: 0 6px 0 0; margin: 0;}
ul.horizontal.ariane { margin-bottom: 15px;color: #666;}
ul.horizontal.ariane li a  { padding: 0;color: #666;}
.clear {clear: both;}


#productlist h3 {margin-top: -10px;}
#content div.documents_portfolio {
  border: 1px solid #CCCCCC; 
  border-top: none; 
  margin-bottom: 20px;
  margin-top: 0;
  width:548px;
  overflow:hidden;
  height:auto;
}
#content div.documents_portfolio2 { margin: 0;}

.degrade { margin-bottom: 0; height: 31px;background: url(../images/degrade-index-produits.jpg) no-repeat;}

#content div.documents_portfolio2 .margin {padding: 10px;}
.documents_portfolio .thumbnail {float: left; text-align: center; padding: 3px;}
.documents_portfolio span.titre{ display: block; margin-bottom: 10px;}	

.productslinks {text-align: center;}
.productslinks a {font-size: 11px; margin: 0 0 0 0; text-decoration: underline;}

.page_article.rub21 #content .margin {}

#specs {
  width: auto; height: 200px; list-style-type: none; 
	background: url(../images/bg_specs.jpg) no-repeat left bottom;
	margin: 0; 
  padding: 0px 30px 50px 30px; 
  position: relative;	
	overflow:hidden;
	height: 180px;
}

#specs ul { float:left; float: left; margin: 0px 10px 5px 10px; 
            width:142px; }
            
#specs ul.led {
  position:absolute;
  left: 30px;
}
#specs ul.hid {
  position:absolute;
  left: 193px;
}
#specs ul.project {
  position:absolute;
  left: 353px;
}
#specs li{ display: block; width: 140px;	height: 50px; }

#specs li a{ 
  display:block;
  font-family:Helvetica;
  font-size:9px;
  font-weight:bold;
  line-height:14px;
  padding: 18px 13px 18px 42px;
  text-align:center;
  text-transform: uppercase;
}

#specs ul.project li { background: url(../images/bg_project.gif) no-repeat left top; clear:right; }
#specs ul.project li a { text-transform: uppercase; }


#specs ul.led, #specs ul.led li { clear:left; }
#specs.en ul.led li { background: url(../images/bg_en_LED.gif) no-repeat left top; }
#specs.fr ul.led li { background: url(../images/bg_fr_LED.gif) no-repeat left top; }

#specs.en ul.hid li { background: url(../images/bg_en_HID.gif) no-repeat left top; }
#specs.fr ul.hid li { background: url(../images/bg_fr_HID.gif) no-repeat left top; }


/* Grid
-------------------------------------------------------------- */

.grid { width: 100%; overflow:hidden; }
.box {padding-left: 5px; overflow:hidden;  }
.g50l {float: left; width:290px; overflow:hidden;  }
.g50r {float: right;  width:259px; overflow:hidden;  }

.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; border: none;  height: auto; overflow:hidden; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }


/*
 * YOOsearch
 */

div#yoo-search {
	width: 215px;
	height: 18px;
	padding-left: 5px;
	background: url(../images/search_bg.png) 0 0 no-repeat;
	font-size:12px;
}

#search {
	position: absolute;
	top: 117px;
	left: 10px;
}

div#yoo-search input {
	width: 150px;  
	height: 14px;  
	padding: 2px 2px 2px 7px;
	border: none;
	outline: none;
	background: none;
	color: #646464;
	font-size: 100%;
}

div#yoo-search button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	background: url(../images/search_button.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: 100px;
	line-height: 0px;
}

div#yoo-search:hover, div#yoo-search div.sfhover  {
	background: url(../images/search_bg.png) 0 -18px no-repeat;
}

div#yoo-search:hover input, div#yoo-search input.sfhover {
	color: #000000;
}

div#yoo-search input:focus, div#yoo-search input.sffocus {
	color: #000000;
}

#content ul.search {list-style-type: none;}
#content ul.search h4 {font-weight: bold; font-size: 15px;}
#content ul.search h5 {margin-top: 15px;}	

#infoContact{
  bottom:0px;
  left:22px;
  position:absolute;
  width:200px;
}