body,p,table,tr,td  {  color: black; font-size: 11px; line-height: 14px; font-family:  Helvetica, "Lucida Sans", "Lucida Grande", Tahoma, Verdana, Arial, geneva}
HR {margin-bottom:  0;}

/* td {} */
p.visuel_produit,img {text-align:center;}
/* styles communs */
a:link,a       {
	color: green;
	text-decoration: none;
}
a:visited      {
	color: green;
	text-decoration: none;
}
a:hover  {
	color: green;
	text-decoration: none;
}
.hierarchie    { font-size: 10px }


/* style pour les menus */
/*.menuNav  { color: #696969; font-weight: bold; font-size: 11px; line-height: 11px; font-family:  Arial, Helvetica, "Lucida Sans", "Lucida Grande", Tahoma, Verdana, geneva }*/
.BoutonChercher { font-size: 9px; line-height: 9px }

/*______________________Nav compatible IE 6____________________________________*/
 /* common styling */
.nav {
font-family: Arial, Tahoma, "Lucida Sans", "Lucida Grande", Helvetica; position:relative;  width:100%; font-size:11px; z-index:100;font-weight: bold;
clear:both; /* for this page only */
}

.nav ul {
padding:0; margin:0; list-style-type: none;
}

.nav ul li {
float:left; position:relative;
}

.nav li.last {
 margin:0;
}

.nav ul li a, .nav ul li a:visited {
	display: block;
	text-decoration: none;
	color: #006400;
	width: 100%;
	height: 21px;
	line-height: 21px;
	background: yellow url(../images/Off.gif) repeat-x;
}

html>body .nav ul li ul {
}

.nav ul li ul {
display: none;
}

.nav table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* specific to non IE and IE7 browsers */
html>body .nav ul li:hover a {
color:#060;background:#fff url(../images/Over.gif) repeat-x;
}

.nav ul li:hover ul {
display:block; position:absolute; top:20px; margin-top:1px; left:0; width:158px; height:auto;text-align:left;
}

.nav ul li:hover ul li:hover ul{
display:block; position:absolute; top:20px; margin-top:1px; left:0; width:158px; height:auto;text-align:left;
}

.nav ul li:hover ul li ul {
display: none;
}

.nav ul li:hover ul li:hover ul li ul {
display: none;
}

.nav ul li:hover ul li a{
display:block; background:#060; color:#FC0; height:18px; line-height:18px; width:158px;
filter: alpha(opacity = 80);
-moz-opacity: 0.8;
opacity: 0.8;
padding-left:10px;
}


/*.nav ul li:hover ul li a{
display:block; background:#060; color:#fff; height:18px; line-height:18px; width:158px;
filter: alpha(opacity = 80);
-moz-opacity: 0.8;
opacity: 0.8;
padding-left:10px;
}*/

.nav ul li:hover ul li:hover ul li a{
display:block;  background:#060; color:#FC0; height:18px; line-height:18px; width:158px;
filter: alpha(opacity = 80);
-moz-opacity: 0.8;
opacity: 0.8;
padding-left:10px;
}

.nav ul li:hover ul li:hover ul li:hover ul li a{
display:block;  background:#060; color:#FC0; height:18px; line-height:18px; width:220px;
filter: alpha(opacity = 80);
-moz-opacity: 0.8;
opacity: 0.8;
padding-left:10px;
}

.nav ul li:hover ul li a.drop {
background:#060; url(../images/fleche.gif) center right no-repeat;
}

.nav ul li:hover ul li:hover ul li a.drop {
background:#060; url(../images/fleche.gif) center right no-repeat;
}

.nav ul li:hover ul li:hover a {
	background: green;
	color: yellow;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
}

.nav ul li:hover ul li:hover ul li:hover a {
	background: green;
	color: yellow;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
}

.nav ul li:hover ul li:hover a.drop {
	background: green url(../images/fleche_hover.gif) no-repeat center right;
}

.nav ul li:hover ul li:hover ul li:hover a.drop {
	background: #006400 url(../images/fleche_hover.gif) no-repeat center right;
}

.nav ul li:hover ul li:hover ul {
display:block; position:absolute; left:168px; top:-1px; width:158px;
}

.nav ul li:hover ul li:hover ul li:hover ul {
display:block; position:absolute; left:168px; top:-1px; width:158px;
}

.nav ul li:hover ul li:hover ul.left {
display:block; position:absolute; left:-168px; top:-1px; width:158px;
}

.nav ul li:hover ul li:hover ul li:hover ul.left {
display:block; position:absolute; left:-168px; top:-1px; width:158px;
}

.nav ul li:hover ul li:hover ul li a {
	background: #060;
	color: yellow;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.nav ul li:hover ul li:hover ul li:hover  ul li a {
	background: #060;
	color: yellow;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.nav ul li:hover ul li:hover ul li:hover a {
	background: green;
	color: #fff;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
}

.nav ul li:hover ul li:hover ul li:hover ul li:hover a {
	background: green;
	color: #fff;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
}

.nav ul li:hover ul.ulleft li a,
.nav ul li a:hover ul.ulleft li a{
padding-left:15px;
}

.nav ul li:hover ul li:hover ul.ulleft li a,
.nav ul li a:hover ul li:hover ul.ulleft li a{
padding-left:15px;
}

.nav ul li:hover ul.ulleft li:hover ul li a,
.nav ul li a:hover ul.ulleft li a:hover ul li a{
padding-left:10px;
}

.nav ul li:hover ul li:hover ul.ulleft li:hover ul li a,
.nav ul li a:hover ul li:hover ul.ulleft li a:hover ul li a{
padding-left:10px;
}

.nav ul li:hover ul li a.drop_left,
.nav ul li a:hover ul li a.drop_left {
background: #006400  url(../images/fleche_left.gif) 3px 50% no-repeat; color:#FFFFFF; width:158px; w\idth:158px;
}

.nav ul li:hover ul li:hover ul li a.drop_left,
.nav ul li a:hover ul li:hover ul li a.drop_left {
background: #006400  url(../images/fleche_left.gif) 3px 50% no-repeat; color:#FFFFFF; width:158px; w\idth:158px;
}

.nav ul li:hover ul li:hover a.drop_left,
.nav ul li a:hover ul li a.drop_left:hover {
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
	background: green url(../images/fleche_hover_left.gif) no-repeat 3px 50%;
	color: #FFFFFF;
	width: 158px;
	w\idth: 158px;
}

.nav ul li:hover ul li:hover ul li:hover a.drop_left,
.nav ul li a:hover ul li:hover ul li a.drop_left:hover {
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	opacity: 1;
	background: green url(../images/fleche_hover_left.gif) no-repeat 3px 50%;
	color: #FFFFFF;
	width: 158px;
	w\idth: 158px;
}

/* for IE5.x and IE6 browsers only */
.nav ul li a:hover {
	/*ne pas toucher cette ligne car risque que le menu ne fonctionne plus sous ie6 */
	color: #c00;
	background: green url(../images/Over.gif);
}

.nav ul li a:hover ul {
display:block; position:absolute; top:23px; left:0; background:#eee; margin-top:0;text-align:left;
}

.nav ul li a:hover ul li a {
display:block; background:#006400; color:#fff; height:18px; hei\ght:18px; line-height:18px; width:158px; w\idth:158px;
padding-left:10px;
}

.nav ul li a:hover ul li a.drop {
background:#006400 url(../images/fleche.gif) center right no-repeat;
}

.nav ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}

.nav ul li a:hover ul li a:hover {
	background: green;
	color: #fff;
}

.nav ul li a:hover ul li a.drop:hover {
	background: green url(../images/fleche_hover.gif) no-repeat center right;
}

.nav ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#060; left:168px;
}

.nav ul li a:hover ul li a:hover ul.left {
visibility:visible; position:absolute; top:0; color:#060; left:-168px;
}

.left {clear:both;}

h6 {
	font-family: Arial,Helvetica,sans-serif;
	color: green;
	font-size: 40px;
}

h5 {
	font-family: Arial,Helvetica,sans-serif;
	color: green;
	font-size: 30px;
}

h1 {
	font-family: Arial,Helvetica,sans-serif;
	color: green;
	font-size: 36px;
}

h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-align: justify;
}

.colori1 {
	color: #006400;
}

.colori2 {
	color: #9acd32;
}

.l1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
}

.l2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
}


