/* navigation styles */
/* Set the width of the menu elements */
#nav-prodnav li { 
        width: 98px; 
        margin-right:9px;
        margin-left:0px;
       }
#nav-prodnav li li { 
        width: 160px; 
       }
/* Unless you know what you do, do not touch this */ 
#nav-prodnav, #nav-prodnav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#nav-prodnav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#nav-prodnav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#nav-prodnav li { 
	margin-left: -1px;
	float: left; 
	}
#nav-prodnav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}
/* Styling the basic apperance of the menu elements */
#nav-prodnav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 5px; 
	text-decoration: none; 
        color:#FFFFFF;
        font-size:1.2em;
	}
#nav-prodnav li a { 
	border-right: 0px;
	border-left: 0px;
	}
#nav-prodnav li li a { 
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	}	
#nav-prodnav li, #nav-prodnav li.menuparent { 
/*	background-color: #9f9f9f;    */
	}
#nav-prodnav li li, #nav-prodnav li li.menuparent { 
	background-color: #7f7f7f;    
	}
/* Styling the basic apperance of the active page elements */
/* (shows what page in the menu is being displayed) */
#nav-prodnav li.menuactive { 
	background-color: #7F7F7F; 
	}
#nav-prodnav li.menuactive li.menuactive { 
	background-color: #9F9F9F; 
	}
/* Styling the basic apperance of the menuparents - */
/* here styled the same on hover (fixes IE bug) */
#nav-prodnav li.menuparent:hover {
	background-color: #4D4D4D; 
}
#nav-prodnav ul li.menuparent, #nav-prodnav ul li.menuparent:hover, #nav-prodnav ul li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
/* Styling the apperance of menu items on hover */
#nav-prodnav li:hover, #nav-prodnav li.menuh, #nav-prodnav li.menuparenth, #nav-prodnav li.menuactiveh { 
	background-color: #4D4D4D; 
	}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav-prodnav ul, 
#nav-prodnav li:hover ul, 
#nav-prodnav li:hover ul ul, 
#nav-prodnav li:hover ul ul ul, 
#nav-prodnav li.menuparenth ul, 
#nav-prodnav li.menuparenth ul ul, 
#nav-prodnav li.menuparenth ul ul ul { 
	display: none; 
	}
#nav-prodnav li:hover ul, 
#nav-prodnav ul li:hover ul, 
#nav-prodnav ul ul li:hover ul, 
#nav-prodnav ul ul ul li:hover ul, 
#nav-prodnav li.menuparenth ul, 
#nav-prodnav ul li.menuparenth ul, 
#nav-prodnav ul ul li.menuparenth ul, 
#nav-prodnav ul ul ul li.menuparenth ul { 
	display: block; 
	}
<!--
/* IE Hacks */
#nav-prodnav li li { 
	float: left; 
	clear: both; 
	}
#nav-prodnav li li a { 
	height: 1%; 
	}
-->/* service navigation styles */
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav-lnav li { 
        margin-right:15px;
       }
#nav-lnav a { 
        color:#FFF;
        font-size:120%;
	}
/* Unless you know what you do, do not touch this */ 
#nav-lnav, #nav-lnav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
        
	}
#nav-lnav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#nav-lnav ul ul { 
	left: 100%; 
	top: 0px; 
	}
	
#nav-lnav li { 
	float: left; 
	}
#nav-lnav li li { 
	float: none; 
	position: relative; 
	}
/* Styling the basic apperance of the menu elements */
#nav-lnav a { 
	display: block; 
	margin: 0px; 
	padding:0;
	text-decoration: none; 
	}
#nav-lnav li.menuactive a { 
        font-weight:normal;
	}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#nav-lnav ul li.menuparent, 
#nav-lnav ul li.menuparent:hover, 
#nav-lnav ul li.menuparenth { 
	background-image: url(uploads/simple/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
#nav-lnav li:hover a, 
#nav-lnav li.menuh a, 
#nav-lnav li.menuparenth a, 
#nav-lnav li.menuactiveh a { 
        color:#D8D582;
	}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav-lnav ul, #nav-lnav li:hover ul, #nav-lnav li:hover ul ul, 
#nav-lnav li.menuparenth ul, #nav-lnav li.menuparenth ul ul { 
	display: none; 
	}
#nav-lnav li:hover ul, #nav-lnav ul li:hover ul, #nav-lnav ul ul li:hover ul, 
#nav-lnav li.menuparenth ul, #nav-lnav ul li.menuparenth ul, #nav-lnav ul ul li.menuparenth ul { 
	display: block; 
	}
/* IE Hacks */
#nav-lnav li li { 
	float: left; 
	clear: both; 
	}
#nav-lnav li li a { 
	height: 1%; 
	}
/* service navigation styles */
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav-snav li { 
        margin-right:15px;
       }
#nav-snav a { 
        color:#D8D582;
        font-size:120%;
	}
/* Unless you know what you do, do not touch this */ 
#nav-snav, #nav-snav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
        
	}
#nav-snav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#nav-snav ul ul { 
	left: 100%; 
	top: 0px; 
	}
	
#nav-snav li { 
	float: left; 
	}
#nav-snav li li { 
	float: none; 
	position: relative; 
	}
/* Styling the basic apperance of the menu elements */
#nav-snav a { 
	display: block; 
	margin: 0px; 
	padding:0;
	text-decoration: none; 
	}
#nav-snav li.menuactive a { 
        font-weight:normal;
	}
/**/
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#nav-snav ul li.menuparent, 
#nav-snav ul li.menuparent:hover, 
#nav-snav ul li.menuparenth { 
	background-image: url(uploads/simple/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
#nav-snav li:hover a, 
#nav-snav li.menuh a, 
#nav-snav li.menuparenth a, 
#nav-snav li.menuactiveh a { 
	color: #fff; 
	}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav-snav ul, #nav-snav li:hover ul, #nav-snav li:hover ul ul, 
#nav-snav li.menuparenth ul, #nav-snav li.menuparenth ul ul { 
	display: none; 
	}
#nav-snav li:hover ul, #nav-snav ul li:hover ul, #nav-snav ul ul li:hover ul, 
#nav-snav li.menuparenth ul, #nav-snav ul li.menuparenth ul, #nav-snav ul ul li.menuparenth ul { 
	display: block; 
	}
/* IE Hacks */
#nav-snav li li { 
	float: left; 
	clear: both; 
	}
#nav-snav li li a { 
	height: 1%; 
	}
	/* ProductList */
#divContainer { width:100%; padding:1px; }
	/* Checkboxes */
input.cmpbox { }
	/* Links on AttributeNames to sort */
a.key1_link { font-weight:bold; color:#000; text-decoration:none; border: 0px;}
a.key0_link { font-weight:bold; color:#000; text-decoration:none; border: 0px;}
	/* Small table (in ptkey-cell) that contains the sort-image and sort-link */
.key .key_table { padding:0px; margin:0px; }
.key .key_table td { border:0px; }
.td_sortimage { width:11px; padding:0px;}
.td_sortimage img { border: 0px;}
.td_key { padding:0px; font-weight: bold; } 
/*
 *	Define HORIZONTAL Layout
 */
	/* attributes and products table */
#aup.hor { border:0px; border-collapse:collapse; }
#aup.hor .attributetable { border:1px solid #BABABA; width:180px; }
#aup.hor #producttable { border-top:1px solid #BABABA; border-bottom:1px solid #BABABA; table-layout:fixed; }
#aup.hor #producttable th { width:110px; }
#aup.hor th, 
#aup.hor td.c0, 
#aup.hor td.c1 { border-right:1px solid #BABABA; padding-left:1px; }
	/* Define Key Cells */
#aup.hor .r0 td.key { background-color:#E4E2AA;  vertical-align:middle; width:180px; }
#aup.hor .r1 td.key { background-color:#CDCC00;  vertical-align:middle; width:180px; }
	/* Define CELLS with Checkboxes */
#aup.hor tr.r0 th.c0, 
#aup.hor tr.r0 th.c1 { border-right:1px solid #BABABA; border-top:none; padding-left:6px; text-align:center; background-color:#FFF; width:110px; height:30px; }	
	/* Define CELLS in Horizontal Table Design (Rows 0 and 1 / Col 0 and 1 switch) */
#aup.hor .r1 .c0 { background-color:#DBDBDB; width:110px; }
#aup.hor .r1 .c1 { background-color:#F3F3F3; width:110px; }
#aup.hor .r0 .c1 { background-color:#DBDBDB; width:110px;}
#aup.hor .r0 .c0 { background-color:#C7C7C7; width:110px;}
	/* Define SEPARATORS */
#aup.hor .separator td.key,
#aup.hor .separator td.c0,
#aup.hor .separator td.c1 {  border-top:2px solid #FFF;  }
#aup.hor .r1 .image, 
#aup.hor .r0 .image { background-color:#FFF; }
/*
 *	Define VERTICAL Layout
 */
#aup.ver #producttable { border:1px solid #BABABA; border-collapse:collapse; }
#aup.ver th,
#aup.ver td.c0, 
#aup.ver td.c1 { border-top:1px solid #BABABA; padding-left:1px; }
	/* Define Key Cells */
#aup.ver tr.key td.c0 { background-color:#CDCC00;  vertical-align:top; }
#aup.ver tr.key td.c1 { background-color:#E4E2AA;  vertical-align:top; }
	/* Define CELLS in Vertical Table Design (Rows 0 and 1 switch) COL 1*/
#aup.ver .r1 .c1 { background-color:#C7C7C7; width:110px; }
#aup.ver .r0 .c1 { background-color:#DBDBDB; width:110px; }
	/* Define CELLS in Vertical Table Design (Rows 0 and 1 switch) COL 0*/
#aup.ver .r1 .c0 { background-color:#DBDBDB; width:110px; }
#aup.ver .r0 .c0 { background-color:#F3F3F3; width:110px; }
        /* Define CELLS with Checkboxes */
#aup.ver th { text-align:center; border-left:1px solid #BABABA; }
#aup.ver .r0 th.c0 { background-color:#FFF; }
#aup.ver .r1 th.c0 { background-color:#FFF; }
#aup.ver .separator {  border-left:2px solid #FFF;  }
#aup.ver .r0 .image,
#aup.ver .r1 .image { background-color:#FFF; empty-cells:show; }
/* 
 *       Define sort, compare an direction links 
 */
.direction_horizontal a {
   float:left;
   margin-left:3px;
   background:  url(uploads/images/system/default/direction_horizontal.gif) no-repeat 0px 0px; 
   text-indent:-700em; 
   text-decoration:none;  
   height: 20px;
   width: 20px;
   font-size: 10%;
}
.direction_vertical a {
   float: left;
   background:  url(uploads/images/system/default/direction_vertical.gif) no-repeat 0px 0px; 
   text-indent:-700em; 
   text-decoration:none;  
   height: 20px;
   width: 20px;
   margin-bottom:2px;
   font-size: 10%;
}
.comparebutton { 
   border:none; 
   padding:0px; 
   cursor:pointer; 
   float: right;
   margin-right:3px;
   background: url(uploads/images/system/default/compare.gif) no-repeat 0px 0px; 
   text-indent:-700em; 
   text-decoration:none;  
   height: 16px;
   width: 60px;
   font-size: 10%;
}
.sort_none a {
  float: right;
   background:  url(uploads/images/system/default/sort.gif) no-repeat 0px 0px; 
   text-indent:-700em; 
   text-decoration:none;  
   height: 19px;
   width: 10px;
   font-size: 10%;
}
.sort_up a {
  float: right;
   background:  url(uploads/images/system/default/sort_up.gif) no-repeat 0px 0px; 
   text-indent:-700em; 
   text-decoration:none;  
   height: 19px;
   width: 10px;
   font-size: 10%;
}
.sort_down a {
  float: right;
   background:  url(uploads/images/system/default/sort_down.gif) no-repeat 0px 0px; 
   text-indent:-700em; 
   text-decoration:none;  
   height: 19px;
   width: 10px;
  font-size: 10%;
}

/*@media print {*/
.prodtbl td {font-size: 11px;}
.imgtd img {max-width: 100%; max-height: 100%;}
* html .imgtd img {width: auto; height: auto; }

/*}*//* basic styles */
a:link { color: #4D4D4D; }
a:visited { color: #7F7F7F; } 
a:hover { color:#4D4D4D; text-decoration:none; }
body { 
  background-color:#4D4D4D; 
  margin: 0em;
  padding: 1em;
  text-align: left;
  font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
  font-size:12px;
  line-height: 1.3em;
}
/* header */
h1.logo a {
  float:left;
  background:  url(uploads/images/system/default/toptenbe.gif) no-repeat 0px 0px; 
  text-indent:-700em; 
  text-decoration:none;    /* added, to avoid the underlined link on the logo */
  height: 57px;
  width: 250px;
  margin: 0;
  padding: 0;
}
#xlsicon {
  background:url(uploads/images/system/default/icon-xls.gif) no-repeat 0px 0px;
  padding:1px 0px 2px 20px;
}
#printicon {
  background:url(uploads/images/system/default/icon-print.gif) no-repeat 0px 0px;
  padding:1px 0px 2px 20px;
}
#closeicon {
  background:url(uploads/images/system/default/icon-close.gif) no-repeat 0px 0px;
  padding:1px 0px 2px 20px;
}
h1.logo {
  margin: 0;
  padding: 0;
}
/* Service navigation  - more styles in separate stylesheet */
div#servicemenu {
   float:left;
   padding:0px;
   margin:0px;
   margin-top:29px;
   margin-left: 3em;
}
div#languagemenu {
   float: right;
   padding:0px;
   margin:0px;
   text-align: right;
}
/* picture bar */
div#picturebar {
  position:relative;
  clear: both;
  width: 100%;
  padding-top:30px;
  padding-left:10px;
  z-index:2;
}
div#picturebar img {
  position:relative;
  border: 1px solid #fff;
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
  z-index:3;
}
div#colorbar {
  position:relative;
  margin-top:-50px;
  height:46px;
  width: 100%;      /*ajouté par rapport à l'original*/
  overflow: hidden; /*ajouté par rapport à l'original*/
  z-index:1;
}
div#poweredby {
  float:right;
  padding:6px 17px;
  font-weight:bold;
}
div#poweredby a:hover {
  color: #4D4D4D;
} 
img.poweredbyimg {
  position:relative; 
  top:4px; 
  padding-right:4px;
}
/* Horizontal menu bar - more styles in a separate stylesheet */
div#menubar { 
  clear:both;
  height: 40px;
  background-color:#7c9529;      /*modifié par rapport à default - remplacement couleur vert1*/
background-attachment: scroll;
	background-image:url(uploads/images/system/default/bgmenubar.gif);
	background-repeat: repeat-x;
	background-position: 0pt 100%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 15px;
  font-weight:bold;
  font-size:0.9em;
  
  position:relative;
  z-index:10;
}
#textSearch, #buttonSearch {
float:right;
display:block;
margin-top:0px;
}

#buttonSearch {
margin-right:5px;
}

#textSearch {
background-color:#cccccc;
margin-right:15px;
}

/* Content block */
#main { 
  clear: both;
  background-color:#4d4d4d; 
  margin:0px; 
  padding:15px 15px; 
  
}
div#breadcrumbs {
  height: 30px;
  background-color:#ffffff; /* modifié par rapport au défaut - couleur vert 2*/
  margin: 0px;
  padding: 10px 0px 0px 15px;
vertical-align: text-bottom;
}
a.breadcrumbs:visited {color: #cccc00;} 
#content { 
  background-color:#FFF; 
  margin:0px; 
  padding:10px 10px; 
  border:1px solid #BABABA;
  height:auto;
}
h2#title{ 
  margin:15px 0px 18px 0px; 
  padding:0px; }

h2#section{
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #669933;
}
h2#newsletter{
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
}

div.NewsSummarySummary h3 a{
color: #669933;
text-decoration:none;
}

div#relatedpages {
  margin-left: 3em;
  font-size: 100%;
  margin-bottom:16px;
}
div#footer {
  clear: both;
}
.sitemap {
 margin-left: 10px;
 text-indent: -1em;
 font-size: 1.2em;
 line-height: 1.5em;
}
.sitemap li {
  margin-left: 0;
  list-style: none;
}
ul.sitemap li:before {
  content: "\00BB \0020";
}
ul.sitemap li ul {
  margin-left: 0;
  padding-left: 1.4em;
  font-size: 95%;
}
ul.sitemap li ul li:before {
  content: "\00BA \0020";
}
.partners {
	background-color: #ffffff;
}