body {
  margin:0;
  text-align:center;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#333;
  behavior: url(csshover.htc);
  }
/* Links
----------------------------------------------- */
a:link {
  color:#FFFFFF;
  text-decoration: underline;
  }
a:visited {
  color:#FFFFFF;
  text-decoration: underline;
  }
a:hover {
  color:#FFFFFF;
  text-decoration: none;
  }
.A_LIEN:link {
   COLOR: #000000;
   TEXT-DECORATION: underline;  
   }
.A_LIEN:visited {
   COLOR: #000000;
   TEXT-DECORATION: underline;  
   } 
.A_LIEN:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;  
	}

.A_LIEN_ADMIN:link {
   COLOR: #000000;
   TEXT-DECORATION: underline;  
   }
.A_LIEN_ADMIN:visited {
   COLOR: #000000;
   TEXT-DECORATION: underline;  
   } 
.A_LIEN_ADMIN:hover {
	COLOR: #FF0000;
	TEXT-DECORATION: none;  
	}
		
.A_LIEN_ADMIN2:link {
   COLOR: #FFF600;
   TEXT-DECORATION: underline;  
   }
.A_LIEN_ADMIN2:visited {
   COLOR: #FFF600;
   TEXT-DECORATION: underline;  
   } 
.A_LIEN_ADMIN2:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;  
	}
	
.A_LIEN_ADMIN3:link {
   COLOR: #FF0000;
   TEXT-DECORATION: underline;  
   }
.A_LIEN_ADMIN3:visited {
   COLOR: #FF0000;
   TEXT-DECORATION: underline;  
   } 
.A_LIEN_ADMIN3:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;  
	}	

.a_bon {
	color: #fff;
	text-decoration: none;
	background-color: #ff0000;
	padding-top:0px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	border: 1px solid;
	border-color: #000;
}
.a_bon:hover {
	color: #ff0000;
	text-decoration: none;
	background-color: #ffff00;
	padding-top:0px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
	border: 1px solid;
	border-color: #000;
}
.a_bon2 {
	color: #FFFF00;
	text-decoration: underline;
	font-weight: none;
}
.a_bon2:hover {
	color: #195789;
	text-decoration: none;
	font-weight: none;
}

.pdt:link {
   COLOR: #53D1D9;
   TEXT-DECORATION: underline;  
   }
.pdt:visited {
   COLOR: #000000;
   TEXT-DECORATION: underline;  
   } 
.pdt:hover {
	COLOR: #000000;
	TEXT-DECORATION: none;  
	}
	
a img {
  border-width:0;
  }

.champ {
	FONT-SIZE: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	BORDER-BOTTOM-COLOR: #OOOOOO;
	BORDER-LEFT-COLOR: #OOOOOO;
	BORDER-RIGHT-COLOR: #OOOOOO;
	BORDER-TOP-COLOR: #OOOOOO;
	Background-color: #ECECEC;
	COLOR: #000000; 

}

.BORDURE {
	border: 1 solid #000000
	    }

.form {
    margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 11px;
}

.select {
	font-size:9px;
}

.tble {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	color:#fff;
	background-color:#256DA8;
	border: 1px dotted;
	border-color: #fff;
}

.h1_prod {font-size:25px; color:#fff; line-height:24px;}
.h2_prod {font-size:18px; color:#66CCFF; font-weight:normal;}

#bouton {float:left; background-image: url(img/btn1.gif); background-repeat:no-repeat; margin-bottom:20px; margin-right:10px; width:249px; text-align:center; height:30px;}
#bouton .btn {padding:5px; height:30px; width:249px; color:#000; text-decoration:none; font-size:13px;}
#bouton .btn:hover {padding:5px; height:30px; width:249px; color:#fff; text-decoration:none; font-size:13px;}

div#menu {width: 203px;}

/* fond blanc pour le menu */ 
div#menu a {color:#000000; font-weight:none; font-size:11px;}
div#menu a:hover {color:#000000; font-weight:none; font-size:11px;}
div#menu ul {padding: 0; width: 203px; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB; border:0px;}

div#menu ul li {position:relative; list-style: none;}
div#menu ul ul {position: absolute; top: -1px; left: 200px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 4px; display:block; width:180px;}
div#menu li a:hover {text-decoration: none; padding: 4px 0 4px 4px; display:block; width:180px; font-weight:none;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width:180px;}

#categorie {padding-top:21px; margin-right:12px; float:left;}
#categorie a {font-size:13px; color:#fff; text-decoration:none; padding:7px; padding-left:15px; padding-right:15px; background-color:#00223A; border:1px solid; border-color:#5387B0; height:20px; margin:0px; margin-top:-7px;}
#categorie a:hover {font-size:13px; color:#fff; text-decoration:none; padding:7px; padding-left:15px; padding-right:15px; background-color:#0097A8; border:1px solid; border-color:#00223A; height:20px; margin:0px; margin-top:-7px;}