body {  
background: #ffcc66 ; 
height: 80%;
/* font-family: cursive; */ 
scrollbar-base-color: #ffcc66;
scrollbar-arrow-color:brown;
scrollbar-track-color:#ffdd66;
scrollbar-3dlight-color: brown;
scrollbar-darkshadow-Color:#ffcc66;
scrollbar-shadow-color:brown;
scrollbar-face-color:#ffcc66;
/*
scrollbar-highlight-color:brown;
scrollbar-base-color: #faebd7 ;
scrollbar-face-color:#FFEFDD;
scrollbar-arrow-color:brown;
scrollbar-track-color:cyan2;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
*/
}

table td { text-align: center; }					 
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26px; color: #666666; font-weight: lighter}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight: lighter}
p { text-align: left; color: #660033 }
li { padding: 0px; margin: 0px; }
img { border: 0 ; }

#corps { margin: 5px;}
#logo   { z-index:0;border: 0px solid; }
/* -------------------------------------------- Entete --------------------------------------------------- */
#entete {
					background: #ffedc0 url("../icones/bandeau_haut.jpg") top left;
/* 					background-repeat: no-repeat;
					background-attachment: fixed;  */
					border:2px outset #ffedf0;
					vertical-align: middle;
}
html > body #entete { height:100%; } 
/* ----------------------------------- Coordonnées société ------------------------------------------------------ */
#coord {
			width:10%;
			font-size:0.8em;
			color:#993300;
			text-align:center;
			vertical-align:top;
			border: 2px dotted;
}
/* -------------------------------------------- Menu ------------------------------------------------------ */
#menu { 	width:5%;
					background: #ffedc0  ;
					background: #ffedc0 url("../icones/bandeau_menu.jpg") bottom left ;
/* 					background-repeat: no-repeat;
					background-attachment: fixed;  */
					height: 95%;
					text-align: center;
					vertical-align: top;
					border:2px outset #ffedf0;
}
/* -------------------------------------------- pied de page -------------------------------------------- */
#pied { 	background: transparent ; border: 2px groove white;
          float: right;  text-align: right;
}
#entete a { text-decoration: none; color: white; font-size: 0.7em;}
/* -------------------------------------------- sous-menu ---------------------------------------------------- */
#sous-menu {}
/* --------------------------------------------- Contenu -------------------------------------------------- */
#contenu {
					background: transparent url("../icones/papillon3.gif") ;
					background-repeat: no-repeat;
					background-position: 150px 100px;
					background-attachment: fixed;
					padding:10px;
					vertical-align: top;
					width: 70%;
}

#catal {  
					height:490px;
					overflow: auto;
}
html > body #contenu { 
		 	 		position: relative; float: none;
					background-position: 250px 150px;
} 
/* ---------------------------------- entete ----------------------------- */
#entete h1 {color: #fff; font-size:1.7em;text-align: center; }
/* ---------------------------------- option ----------------------------- */
#option { width: 15%; vertical-align: top; height: 95%;}
/* ---------------------------------- menu ----------------------------- */
#menu ul, #menu li {	/* utilisation de liste pour le menu */
list-style-type: none;	 /* suppression des puces de liste */
margin:0;
padding:0;
}
#menu ul {
/*position: absolute; positionnement pour IE5 et IE5.5 */
text-align: center;
}
#menu li {text-align: left; }

#menu li a {	/* dimensions et définitions des boutons */
/* background: transparent url('../icones/bandeau_haut.jpg') top left no-repeat;border: 3px inset; */
background: transparent ;
background: transparent url('../icones/bandeau_menu.jpg') top right;
border: 1px outset; 
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 20px;
margin:7px;
padding-left: 5px;
color: #ffff00;
font-size: .9em;
/* line-height: 1em;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
#menu li a:hover {
background: transparent url('../icones/bandeau_haut.jpg') top left;
border: 1px inset;
color: #993300;
}
/*
#menu a#menu1 {background-position: -0px -100px;}
#menu a#menu2 {background-position: -60px -100px;}
#menu a#menu3 {background-position: -120px -100px;}
#menu a#menu4 {background-position: -180px -100px;}
#menu a#menu5 {background-position: -240px -100px;}
#menu a#menu6 {background-position: -300px -100px;}
*/
#menu li#current {
background: #88aaaa ; 
/*
background: transparent url('../icones/bandeau_menu.jpg') top left;
*/
 padding-top: 1px; 
 padding-bottom: 1px; 
 border-top: 2px solid orange;
 border-bottom: 2px solid orange;
}

/* -------------------------------------------- sous-menu ---------------------------------------------------- */
#sous-menu ul { list-style-type:none; }
#sous-menu li a {	/* dimensions et définitions des boutons */
background: transparent url('../icones/pin.gif') ;
color: #840;
line-height: .6em;
line-height: .7em;	/* hauteur de ligne pour éviter les paddings */
text-align: center;
font-family: arial, serif;
text-decoration: none;
border:2px groove;
/* 
width: 90px; 
margin-left: 20px;
*/
}
#sous-menu li#currprod a{
background: #66ffff;
border: 2px groove orange;
color: #993300;
}
#sous-menu li a:hover {
background: #ffff66;
border: 2px inset;
color: #006666;
}
/*
#sous-menu a#prod1:hover {background-position: -80px -10px;}
#sous-menu a#prod2:hover {background-position: -160px -10px;}
#sous-menu a#prod3:hover {background-position: -240px -10px;}
#sous-menu a#prod4:hover {background-position: -300px -10px;}
#sous-menu a#prod5:hover {background-position: -360px -10px;}
#sous-menu a#prod6:hover {background-position: -420px -10px;}
#sous-menu a#prod7:hover {background-position: -480px -10px;}
#sous-menu a#prod8:hover {background-position: -540px -10px;}
*/
.invisible { display: none; }
/* --------------------------------------------- Contenu -------------------------------------------------- */
#contenu .vignette { width: 80px;  border: 2px ridge brown; }
#contenu hautdepage {font-size:0.6em;  border-color: #ffffcc; }
#contenu caption { font-style: italic ; font-weight: bold; color: #336633;} 
#contenu table { margin: 20px; border: 2px; }
#contenu th { background-color: #ccffcc; text-align: center; }
#contenu td {  padding-left:10px; padding-right: 10px;}
#contenu a { text-decoration: none; font-weight: bold; color : brown; }
#contenu a:active { background-color: yellow; }
#contenu h2 { text-align: left; color: #006600; font-size:1em; font-weight: bold; }
#contenu hr { height: 8px ; border: 0px outset #ff9900; background-image: url("../icones/bandeau_haut.jpg") ;}
#contenu hr.inter {height: 5px; border: 1px groove #ffffcc;   }
#contenu a:hover { background: #e3e3ab; color: #006600; }
#contenu ul { list-style-type:none;} 
#contenu li { text-align: left; } 
/* --------------------------------------------- Option -------------------------------------------------- */
#option ul { list-style-type:none;} 
#option li a { 
				background: transparent url("../icones/pin.gif"); 
				border: 2px outset;
			  color: #990033;
			  padding: 3px; 
        text-align: center;
        font-family: arial, serif;
        text-decoration: none;
				margin-top: 10px; 
				display: block;	/* mise en block de <a> pour lui donner des dimensions */
}
#option li a#currsp {
background: transparent url('../icones/bandeau_haut.jpg') top right no-repeat;
border: 2px inset;
color: #fff;
}

#option li a:hover {
background: transparent url('../icones/bandeau_haut.jpg') bottom right no-repeat;
border: 2px inset;
color: #ffff00;
}