body {
	color: black;
	background: #EFECE2;
	font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

a img {
  border: 0;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}


.clear {
  clear: both;
}


/* Positionnement et alignement */

.left {
  float: left;
  margin: 0 10px 5px 0;
}

.right {
  float: right;
  margin: 0 0 5px 10px;
}



/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

h2 {
  color: #FF7800;
  margin: 10px 0 15px 0;
  padding: 0px 0 0 0;
  line-height: 1.2;
  font-size: 1.7em;
  letter-spacing:-1px;
  font-weight:bold;
}

h3 {
  color : #666;
  font-size: 1.4em;
  font-weight: normal;
  margin: 10px 0 5px 0;
  padding: 10px 0 0 0;
}

h4 {
	font-size: 1.1em;
	margin: 5px 0px 0px 5px;
	color:;
	border-bottom:1px solid #F8B333;
}

h5 {
	font-size: 1em;
	/*font-style: italic;
	font-weight: normal;*/
	margin: 1.5em 0 1em 0;
}

a {
  color: #3B81BE;
  text-decoration: none;
}

a:visited {
  color: #688291;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
}

h2 a {
  color: #FF7800;
  /*font-family:Sans-serif;*/
}

h2 a:hover, h2 a:focus, h2 a:active {
  text-decoration: none;
  color: #eb5800;
}




/* ----------------------------- */
/*            Header             */
/* ----------------------------- */

#header {
  background: black url(img/header-bg-blue.jpg) 50% 35px no-repeat;
  /* border-bottom: 4px solid #D7D4CB; */
}


#lampes-led {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

#header h1 {
  margin: 15px 0 0 0; 
  padding: 0;
  font-size: 15px;
  line-height: 1;
}

/* liens d'évitement */

#header ul#eclairage-public-led  {
  padding-top: 10px;
  list-style: none;
 text-align:right;
}

#header ul#eclairage-public-led li {
  display: inline;
  color : #888;
  font-size: 15px;
  margin-right: 15px;
  
}

#header ul#eclairage-public-led li a {
  color : #fff;
  text-decoration: none;
}


/* Sous-Menu principal */

#sous-menu {
  width: 960px;
  height: 66px;
  margin: 0 auto;
  background:  url(img/menu-bg.png) left top no-repeat;
  margin-top:-7px;
}

#sous-menu ul {
  padding: 25px 0 0 10px;
  list-style: none;
}

#sous-menu li {
  margin-right: 15px;
  display: inline;
}

#sous-menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  font-variant: small-caps;
}

#sous-menu li a:hover {
  border-top:8px solid #F8B333;
}

#sous-menu li a.active {
  border-top:8px solid #F8B333;
  
}



/* ----------------------------- */
/*            bloc Page          */
/* ----------------------------- */

#global {
  width: 990px;
  margin: 0 auto;
}

#page {
  background: #EFECE2 url(img/center-bg.png) center top repeat-y;
  padding: 0;
  color: #444;
}

#page.full {
  background: #EFECE2 url(img/center-bg-full.png) center top repeat-y;
}

#contenu {
  margin-left: 44px;
  padding-top: 30px;
  margin-right: 44px;
  width:auto;
  float:none;
}


#container{width:auto;height:770px;}
#container_index{width:auto;height:390px;}

#container_prod{width:auto;min-height:200px;}

#gauche{float:left;width:250px;text-align:left;border-right:3px solid #E8B03F;background:#002E46;color:#ffffff;}
#droite{float:right;width:600px;}

#gauche_prod{float:left;width:300px;}
#droite_prod{float:right;width:550px;}


#gauche_contact{float:left;width:500px;text-align:left;}
#droite_contact{float:right;width:350px;border:1px solid #000000;}

#droite p{
padding:5px;	
}

p.contact{
padding:10px;	
text-align:right;
}


/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */

#footer {
  clear: both;
  background: url(img/footer.jpg) center top no-repeat;
  min-height: 126px;
  padding: 0 0 20px 0;
  font-size: 0.9em;
  color: #ADADAD;
  padding-top: 25px;
}

#footer-mobile {
	display:none;
}

#footer a {
  color: #ADADAD;
  text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
  text-decoration: underline;
}

#footer-menu {
  height: 53px;
  padding: 0;
  background: url(img/footer-menu.jpg) center bottom no-repeat;
}

#footer-menu p, #footer-end p {
  margin: 0;
  padding: 0;
}

#footer-menu ul {
  text-align: right;
  padding: 7px 30px 0 0;
}

#footer-menu ul li {
  display: inline;
  margin-left: 20px;
}

#footer-menu ul a {
  text-decoration: none;
  color: #7A6E64;
  font-size: 1.4em;
  font-weight: bold;
  font-variant: small-caps;
}

#footer-menu ul a:hover, #footer-menu ul a:focus, #footer-menu ul a:active {
  color: black;
}

#footer-menu ul li.gopagetop a:hover img {
  position: relative;
  bottom: 6px;
}

#footer-links {
  float: right;
  list-style: none;
  line-height: 1.5;
  text-align: right;
  margin-right: 44px;
  margin-top: 10px;
  width: 200px;
}

#footer #citation {
  padding: 5px 0 0 0;
  margin: 10px 0 0 44px;
  font: normal 1.5em Georgia, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  width:520px;
}

#footer #citation span {
  font-size:0.8em;
  margin-left:0.5em;
  color:#ccc;
  white-space:nowrap;
}

#footer #citation .suggestion {
  font-size:0.6em;
  margin-left:200px;
}

#footer-end {
  padding: 0;
  background: black url(img/footer-end.png) center top;
  color: white;
}

#footer-end img {
  padding: 10px 0 10px 35px;
}

#footer-end #eclairage-led {
  width: 690px;
  float: right;
  text-align: left;
  line-height: 1.3;
  padding: 10px 20px 10px 0;
  margin-right: 40px;
  background: black url(img/footer-acco-2.png) right center no-repeat;
  color: #aaa;
}

#footer-end #eclairage-led p {
  padding: 3px 0 0 20px;
  background: url(img/footer-acco-1.png) left center no-repeat;
}

#footer-end #eclairage-led a {
  text-decoration: none;
  color: #888;
}

#footer-end #eclairage-led a:hover {
  text-decoration: underline;
}

#footer-end #eclairage-a-led {
	width: 960px;
	text-align: center;
	font-size: 0.8em;
	margin: auto;
}

#footer-end #eclairage-a-led p{
	padding: 0 10px 15px;
}

#footer-end #eclairage-a-led a {
  text-decoration: none;
  color: #888;
}

#footer-end #eclairage-a-led a:hover {
  text-decoration: underline;
}

#lampe-a-led {
	text-align: center;
	font-size: 0.8em;
}

#lampe-a-led a {
  text-decoration: none;
  color: #888;
}

#lampe-a-led a:hover {
  text-decoration: underline;
}

#footer-end div.spacer {
  clear: both;
  line-height: 1;
  font-size: 1px;
  height: 1px;
}






/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 40em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont align?s ? droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour am?liorer la lisibilit? des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 2px;
	margin: 0 0 2px 0;
	text-align:right;
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs ? cliquer sur les intitul?s ***/
	
}

#corpForm input {
	width:200px;
	margin-right:115px;
}

label.oblig {
	font-weight: bold;	/*** Mise en ?vidence des champs obligatoires ***/
	
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}



#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpForm .normal {	/*** Retour ? l'?tat normal apr?s l'utilisation ***/
	background: white;
	color: black;
}





fieldset.ampoule-led{
border:none;
padding:5px;
text-align:center;
}

fieldset.ampoule-led p{
width:240px;
text-align:left;
}

fieldset.ampoule-led legend {
color:#ffffff;
font-size:20px;
text-decoration:underline;
font-weight: bold;
text-align:center;
}




ul.led {
	padding-left:15px;
}

span.ampoule-led {
	font-weight: bold;
}

p.led {
	text-align:right;
}


ul.eclairage-public {
  padding: 0;
  list-style: none;
  text-align:center;
}	


ul.eclairage-public li {
	width:290px;
	height:160px;
	float:left;
	background:  #E5E3D1;
	margin-right:8px;
	margin-bottom:10px;
	border:1px solid #000000;
	padding-top:8px;
}




ul.eclairage-public li a {
	font-variant: small-caps;
	color:#000000;
	font-size:20px;
	
}


#presentation_commercial p {
	padding-left:5px;
}	

#type_application p{
	padding-left:5px;
}	


#caracteristiques_communes{
	
	width:290px;
	top:120px;
}	

#caracteristiques_communes p{
	padding-left:5px;
	
}	


#produits{
height:260px;	
}	

#titre_produit {
	font-family : Trebuchet,Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding:5px;
	border: 1px solid #999999;
	background-color:#E2EBEE;
	margin-bottom:5px;
	font-weight:bold;	
}	



ul.ampoule-led {
  padding-left: 15px;
  list-style: none;
  text-align:center;
}	


ul.ampoule-led li {
	width:210px;
	height:100px;
	float:left;
	background:  #E5E3D1;
	margin-right:8px;
	margin-bottom:10px;
	border:1px solid #000000;
	padding-top:8px;
}




ul.ampoule-led li a {
	font-variant: small-caps;
	color:#000000;
	font-size:18px;
	
}



p.clients_titre{
text-align:center;
color:#000000;
font-weight:bold;
}

p.clients{
text-align:center;
}


/* ----------------------------- */
/*           Navepomo            */
/* ----------------------------- */
/* Fichier head.php (en-tête) */

div.napevomo-head img{
	float: right;
	margin: 5px;
}

/* Fichier projet.html */

#napevomo-haut {
	height: 20px;
	background-image: url(../img/napevomo/napevomo-haut.png);
	margin: 0;
}

#napevomo {
	background-color:#FF6;
	background-image: url(../img/napevomo/napevomo-cote.png);
	background-repeat:repeat-y;
	padding: 15px;
	text-align: justify;
}

#napevomo span.image {
	float: left;
	margin-top: 20px;
}

#napevomo span.texte {
	padding-left: 20px;
}

#napevomo hr {
	background-image: url(../img/napevomo/HR.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	height: 10px;
}

#napevomo-bas {
	height: 20px;
	margin: 0;
	background-image: url(../img/napevomo/napevomo-bas.png);
}