body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
				color: #000;
		text-align: center; /*center layout in ie5 and 5.5. */
	}
	
	/* Formulaires */

	form {
		font-size : 11px;
		margin: 0;
	}

	select, input, textarea {
		font-size : 11px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	input.simple {
		border : 0px;
	}

	label {
		font-size: 11px;
		color:#999;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	/* General */
	
	/* Navigation HAUTE */
	
	#nav {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin:  0 0 0 0px;
padding:0;
z-index:6;
}

#nav li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#menu a#last { border-right: 1; }

#menu {
height: 37px;
background: url(../pics/cg/ades_eclairage_sommaire.jpg) no-repeat left top;
}

#menu li {
display: block;
list-style: none;
}

#menu li, #menu a {
height: 13px;
display: block;
}


#nav ul {
margin:0;
padding:0;
z-index:3
}

#nav li a {
color: #FFFFFF;
display:block;
padding: 10px 0;
margin-left:0px;
margin-right:1px;
text-align:center;
text-decoration:none;
width: 154px;
}

#nav ul a {
color:#FFFFFF;
text-decoration:none
}

#nav li a:hover, #menu li.active a, #menu li.current a {	background: transparent url(../pics/cg/ades_eclairage_sommaire.jpg) -50px -37px no-repeat;
	border: 1px solid #2e8cca;
	padding: 10px 0px;
	border-bottom: 2px solid #2e8cca;
	font-weight:bold;
	}
	
#menu a:hover, #menu li.active a, #menu li.current a {
color:#003c6b;
}
	

	#formcontact {
		margin: 20px 0 0;
		padding: 20px;
		margin-bottom: 1em;
		text-align: center;
		background: #E3EEF6;
		text-align: center;
	}
	
	#formcontact table {
		text-align: left;
		font-size: 1em;
		color: #333;
	}
	
	select, input, textarea {
		padding: 3px;
		border : 1px solid #E3EEF6;
	}
	
	textarea {
		width: 305px;
	}
	
	
	/* Navigation gauche */
	
	
	#navcontainer {
	width: 230px;
	margin: 0;
	padding: 0 .8em;
	text-align:left;
	font-weight: normal;
	}
	
	/* navlist */

	ul#left-menu
	{
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
		}
	
	ul#left-menu li
	{
	margin: 0;
	padding: 0;
	line-height: 20px;
	border-bottom:1px solid #000066;
	}
	
	ul#left-menu ul
	{
	margin: 0px 0 4px 4px;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
	}
	
	/* niv 1+ */
		
	ul#left-menu li a
	{
	background-image: url(../pics/cg/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0;
	list-style-position: outside;
	padding: 2px 0 2px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003883;
	font-size: 11px;
	display: block;
	}
	
	ul#left-menu li.active a {
	font-weight: bold;
	}
	
	/* niv 2+ */
	
	ul#left-menu li li
	{
	border: none;
	line-height: 18px;
	padding: 0 0 0 20px;
	}
	
	ul#left-menu li li a
	{
	padding: 0 0 0 15px;
	background-image: none;
	}
	
	ul#left-menu li.active li a {
	font-weight: normal;
	}
	
	ul#left-menu li.active li.active a {
	font-weight: bold;
	}
	
	
	/* niv 3+ */
	
	ul#left-menu li.active li.active li a
	{
	font-weight: normal;
	}
	
	ul#left-menu li.active li.active li.active a
	{
	font-weight: bold;
	}
	
	ul#left-menu .separator hr
	{
	height: 2em;
	visibility: hidden;
	}
	
	
/*Style pour Sous-Titre*/

#header {
height: 174px;
background: url(../pics/cg/ades_sources_eclairages.jpg) no-repeat left top;
}
#conteneur {
position: relative;
width: 780px;
margin: 0 auto; 
}

#milieu {
background: url(../pics/cg/traite_bleu.gif) repeat-y left top;
margin:0px;
padding:0px;
}

#centre {
text-align: left;
margin-left: 253px;
margin-bottom: 1em;
background-color:#f7f7f7;
padding: 0 8px;
}

#gauche {
float:left;
/*left:0;*/
/*width: 250px;*/
min-height: 365px;
background: url(../pics/cg/ades_eclairage_ampoule.jpg) no-repeat right 10px;
}

#sectionproduits #gauche {
background: transparent;
}

#pied {
height:114px;
background: url(../pics/cg/ades_eclairage_adresse.jpg) no-repeat left top;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
margin:0px;
padding:0px;
}

.float-left-pied
{
float:left;
width:45%;
vertical-align: top;
margin:0px;
padding:0px;
clear:none;
color:#FFFFFF;
}

.float-right-pied
{
float:right;
width:45%;
vertical-align: top;
margin:0px;
padding:0px;
clear:none;
color:#FFFFFF;
}

.float-left-pied p
{
text-align:left;
margin-left:10px;
margin-top:23px;
}

.float-right-pied p
{
text-align:right;
margin-right:5px;
margin-top:5px;
}

.float-left-pied a
{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.float-right-pied a
{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.float-left-pied a:hover
{
font-weight:bold;
text-decoration:underline;
}

.float-right-pied a:hover
{
font-weight:bold;
text-decoration:underline;
}

/*DEBUT PAGE INDEX*/



/*FIN PAGE INDEX*/



/*DEBUT PAGE VENTE CHARIOTS ELEVATEURS*/

#button {
	width: 240px;
	padding: 0;
	margin:0;
	margin-left:1px;
	margin-top:10px;
	top: 0;
	left: 0;
	background: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
#button ul ul {
	margin-left: 5px;
	padding-left: 15px;
	line-height : 17px;
	}
	
#button ul.first {
	padding: 0;
	margin: 0;
	margin-top: 3px;
	margin-left: 1px;
	font-weight: bold;
	
	
	}
	/* mise en gras de la gamme en cours */
	#button ul.first li.here a {
		font-weight: bold;
		background: #eee;
	}
	#button ul.first li li.here a {
		color: #555958;
	}
	#button ul.first li li.nothere a {
		font-weight: normal;
	}

	
#button li a {
	list-style: none;
	list-style-image: none;
	padding-left: 10px;
	width: 250px;
	display: block;
	line-height: 25px;
	color: #555958;
	text-decoration: none;
	background: #f9f9f9;
	border-top: 1px solid #006209;
	border-bottom: 1px solid #006209;
	margin: 0;
	margin-top: 3px;
	}
html>body #button li a {
	width: auto;
	}
		
#button li a:hover {
	list-style: none;
	list-style-image: none;
	color: #006209;
	background: #fefefe !important;
	/*border-top: 1px solid #fefefe;
	border-bottom: 1px solid #ccc;*/
	margin:0px;
	margin-top: 3px;
	}

#button li.here a {
	width: 95%;
	display: block;
	color: #555958;
	text-decoration: none;
	list-style: none;
	list-style-image: none;
	background: #fff;
	margin:0px;
	margin-top: 3px;
	
	}
html>body #button li.here a {
	width: auto;
	}

#button li {
	list-style: none;
	font-size: 0.95em;
	}
	
#button li.nothere a {
						color: #555958;
	background: #f9f9f9;
	list-style: none;
	font-size: 1em;
	margin: 0;
	margin-top: 3px;
	}
	
	
	#button ul.second  {
						color: #555958;
	background: #FFFFFF;
	list-style: none;
	font-size: 1em;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	#button ul.second li.nothere a {
						color: #555958;
	background: #FFFFFF;
	list-style: none;
	font-size: 1em;
	margin: 0;
	border: 1px solid #FFFFFF;
	line-height:17px;
	
	}
	
	#button ul.second li.here a {
	color: #555958;
	background: #FFFFFF;
	background-image: url(../pics/elements/fleche_produit.gif);
    background-repeat:no-repeat;
    background-position:left;
	list-style: none;
	font-size: 1em;
	margin: 0;
	border: 1px solid #FFFFFF;
	line-height:17px;
	}
	
		
#button li.second {
	font-size: 1em;
	list-style-image: none;
	list-style: none;
	background: #f4f4f4;
	margin-left: -30px;
	}
	
#button li.second a {
	font-weight: normal;
	background: #f9f9f9;
	padding-left: 0;
	}

#button ul.third {
	font-size: 1em;
	list-style-image: none;
	list-style: none;
	padding-left: 10px;
	}

#button .third a {
	padding-left: 5px;
	font-weight: normal;
	}
	
#button .third li a {
	list-style: none;
	font-size: 1em;
	padding-left: 15px;
	}
	
#button .third  li.here a {
	background: #fff;
	list-style: none;
	font-size: 1em;
	padding-left: 15px;width: 164px;
	}


#gauche p.index_gauche
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003883;
font-size:11px;
text-align:justify;
background-color:#f7f7f7;
margin-top:0px;
padding-top:0px;
padding-bottom:15px;
padding-left:4px;
padding-right:4px;
margin-left:4px;
margin-right:4px;
border-bottom:1px solid #318cc7;
margin-bottom:0px;
}

#centre h1, #centre h2, #centre h3, #centre h4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #318cc7;
margin: 15px 0 0;
padding: 15px 4px 10px;
color:#003883;
font-size:16px;
font-weight:bold;
text-align:justify;
background-color:#FFFFFF;
}

#centre h2
{
border-top: none;
padding: 5px 4px;
color:#003883;
font-size:14px;
font-weight:bold;
text-align:justify;
background-color:#FFFFFF;
}

#centre h3
{
border-top: none;
padding: 5px 4px;
font-size: 14px;
font-weight: normal;
text-align: justify;
background-color: transparent;
}

#centre h4
{
border-top: none;
padding: 5px 4px;
font-size:12px;
background-color: transparent;
}

#centre h1 a, #centre h2 a, #centre h3 a, #centre h4 a
{
color:#003883;
}

#centre h1 a:hover, #centre h2 a:hover, #centre h3 a:hover #centre h4 a:hover
{
text-decoration: none;
}

#centre .centre_float_left
{
float:left;
}

#centre .centre_float_left h2
{
border-top:1px solid #318cc7;
margin: 0 4px;
}



#centre p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003883;
font-size:12px;
text-align:justify;
margin:10px 10px 0px 5px;
}

#centre img.img_float_right
{
float:right;
margin-right: 10px;
margin-top: 20px;
}

#centre p.index_centre
{
width: 224px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003883;
font-size:11px;
text-align:justify;
background-color:#FFFFFF;
margin: 0 4px 20px;
padding: 0 4px 15px;
border-bottom:1px solid #318cc7;
font-weight:normal;
}

#centre ul
{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003883;
font-size:11px;
margin-left:0px;
padding-left:10px;
/*margin-top:20px;*/
}

#centre ul li/*#puce*/
{
list-style:none;
/*background-image: url(../pics/cg/puce.gif);*/
background-repeat: no-repeat;
background-position: 0;
padding-left: 15px;
padding-top:0px;
line-height: 1.5em;
/*list-style-position:outside;*/
}

#centre ul li#no_puce
{
background-image:none;
list-style:none;
padding-left: 15px;
}

#gauche h1.entete_index_gauche
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding:10px 0px 0px 5px;!important
padding:5px 0px 0px 5px;
/*margin:10px 0px 15px 5px;*/
font-size:22px;
letter-spacing:0.5em;
border:0px;
background-color:#FFFFFF;
}

#espace
{
height:40px;
}
	
/*FIN PAGE VENTE CHARIOTS; ELEVATEURS*/

#centre hr {
	/*clear: left;*/
	height: 0;
	visibility: hidden;
}

/* Categories et Produits */

.category_items {
	margin: 1em 0;
}

.category_item {
	margin: 0 5px .5em;
	padding: 1em .5em .5em;
	width: 45%;
	height: 170px;
	float: left;
	background: #fafafa;
	text-align: center;
}

.category_item img {
	/*float: left;*/
	margin: 0 1em .5em 0;
	padding: 0;
}

.category_item a img {
	border: none;
}

#centre .category_item h2 {
	margin: 0;
	font-size: 13px;
	background: transparent;
	text-align: center;
}

#centre .category_item p {
	margin: 0;
}

.catalog_item .item_images {
	margin: 1em 0;
	padding: 1em 0;
	background: #fff;
	text-align: center;
}

#centre .item_attribute_val table, #centre table {
	width: 100%;
	margin: 0;
padding: 0;
border: 1px solid #318CC7;
border-top: none;
background: #fafafa;
border-collapse: collapse;
empty-cells: hide;
 /*table-layout: fixed;*/
}

#centre .item_attribute_val table td, #centre table td
{
padding: 0;
margin: 0;
border: 1px solid #318CC7;
text-align: left;
vertical-align: top;
}

#centre .item_attribute_val td *, #centre .item_attribute_val  td p
{
font-size: 10px;
}

#centre .item_attribute_val  td p
{
text-align: left;
}

#centre table td, #centre table td * {
	text-align :center;
	padding: 4px 0;
}

#centre .ftcoltab table {
	width: 84px;
	margin: 1em 0;
	float: left;
}

/* Images */
.floatright {
		float: right;
		margin: 0 0 10px 10px;
	}

	.floatleft {
		float: left;
		margin: 0px 10px 10px 0;
	}
	
/* Actualité */

#centre .NewsSummary h2 {
	margin-bottom: 10px;
}

#centre .NewsSummaryContent h4, #centre .NewsSummary  h4 {
	padding: 0;
	margin: 0;
}





/* Contact */


.contactform {
	padding: 2px 0 0;
}
.contactform fieldset {
	margin: 0;
	padding: 1em 0 1em;
	border: none;
	font-size: 12px;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; float: left; width: 15.5em; font-weight: bold; color: #003883; }

.contactform div input {padding: 0.25em; width: 40%; border: 1px solid #BFBAB8; }
.contactform div textarea { margin: 1em 0 0 0em; padding: 0.25em; width: 28em; height: 12em; border: 1px solid #BFBAB8; }
.contactform div.submit { width: auto; text-align: left; padding-left: 172px; }
.contactform div.submit input { margin: 0; padding: 5px 10px; width: 160px; color: #fff; font-weight: bold; background: #007AB6; border: none; }

div.required {color: #FC3502;}
.error_message { padding: 2px 0 0; }
.error_message ul { background: #FFFFCC; margin: 0 0 1em; padding: .5em 10em; }

.contactform .checkobjet { width: 100%; }
.contactform .checkobjet label { width: 14em; float: none;  padding-top: 5px }
.contactform .checkobjet div { width: auto; padding: 0 0; }
.contactform .checkobjet div label { display: inline; float: none; width: auto; font-weight: normal; }
.contactform .checkobjet div input { width: 1em; border: none; margin-left: 172px; }


/* FEU */

.logininfo { 
	margin: 1em 0;
	padding: 2px 0 0;
}
.logininfo div { padding: 0; margin: .5em 0; }
.logininfo label { display: block; float: left; width: 15.5em; font-weight: bold; color: #003883; }
.logininfo input { padding: 0.25em; width: 40%; border: 1px solid #BFBAB8; }
.logininfo div.submit { width: auto; text-align: left; padding-left: 172px; }
.logininfo div.submit input { margin: 0; padding: 5px 10px; width: 160px; color: #fff; font-weight: bold; background: #007AB6; border: none; }
#centre .logininfo p.erreur { margin: 1em 0; color: Red; }

.logoutinfo {
	text-align: right;
	margin: 0;
	padding: .5em;
	border-bottom: 1px solid #318CC7;
}