.logo {background-image: url("fond site21.jpg");}
.hautmenug {background-image: url("images/hautmenug1234.gif");}
.basmenug {background-image: url("images/basmenug123.gif");}
#centrer {text-align: center; font-size:14px;}
.tailleimgdefil {width:70%; height:70%;}
.police2verdana {font-family: Verdana; font-size: 2;}
.s14coulpink {font-size:14px; color: #FFFFFF;}
.s14coulgris {font-size:14px; color: #404040;}
.s14coulblanc td, h1, span, h4, h5, font { color: white;}
.s16coulpink {font-size:16px; color: #FFFFFF;}
.s16coulblanc {font-size:16px; color: #404040;}
.s16coulgrisclair {font-size: 16px; color: #ffffff; background: #c0c0c0; border:1;}
.bordrose { border: 1px solid #D08EA0; }
.bordblanc {border: 1px solid #FFFFFF;}
.denomination {font-size:16px; color: #404040;}
.tab {margin-left: 200px; }
.li {width: 200px; }
.li2 {width: 220px;}
.denombarrenompg {font-size: 11px; color: #404040; font-weight: bolder;}
.s2coulgris	{
				font-size: 14px;
				color: gray;
			}
.fondgris	{
				BACKGROUND: #c0c0c0;
				
			}
			
.ConfigTableDecouvrir	{
							VERTICAL-ALIGN: TOP;
							WIDTH: 748;
							HEIGHT: 150;
						
						}
/* PROPRIETES DES TROIS TABLES */
.ConfigPetiteBarre	{
						PADDING: 0;
						BORDER-COLLAPSE: COLLAPSE;
						WIDTH: 748;
						HEIGHT: 33;
						BACKGROUND: url("fondpagetext.jpg");
						BORDER: 0;						
					}
.contenuPetitebarre { 	BACKGROUND: url("hautfondpagetext33.jpg");
						
						WIDTH: 748;
						HEIGHT: 20;
						BORDER: 0;
						Vertical-ALIGN: center;
					}
.CORPS	{
			PADDING: 0;
			BORDER-COLLAPSE: COLLAPSE;
			HEIGHT: 373;
			BACKGROUND: url("fondpagetext0.jpg");
			border: 1px solid #D08EA0;
			vertical-align: top;
		}
.BASDEPAGE 	{
				 PADDING: 0;
				 BORDER-COLLAPSE: COLLAPSE;
				 WIDTH: 742;
				 HEIGHT: 33;
				 BACKGROUND: #D6A0AF;
				 BORDER: 1px solid #D08EA0;
				 COLOR: #4f4f4f;
				 FONT-WEIGHT: bolder;
			}

body{
         background: #ffffff
}
dbody {
	background-color: #000000;
}
body, td, th {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

A {
    color: #ffffff;
	text-decoration: underline;
	font-family : Verdana;

    font-weight: bold;
	margin: 0;
	padding: 0;

}

A.clean {
    font-weight: bold;
    text-decoration: none;
}

A:hover {
	border-style:dotted; border-width:0; color: #FFfff;
    text-decoration: underline;
	background-color: #C0C0C0;

}


      .vignette span
      {
         display: none; /* On masque le span par défaut */
      }
      a.vignette:hover
      {
         border: 0; /* Pour que ce soit fonctionnel sous IE */
      }
      a.vignette:hover span /* On définit où va s'afficher l'image au passage de la souris */
      {
         display: block;
         position: absolute;
         top: 250px;
         left: 400px;
      }

	#prodimages {

	height:320px;
	width:430px;
	float:left;
	margin:5px;
	clear:none;

}
	  
	  .prodgrandimg {
	
	height:320px;
	width:430px;
	margin-bottom:3px;
	border:1px solid yellow;
	background:black;
}
	
	  .prodvignette {
	float:left;
	clear:none;
	
	height:50px;
    padding:0px;
    margin:0px;
	margin-right:1px;
	margin-bottom:2px;
	border:1px solid #505050;
}
.prodvignette img {
    vertical-align:top;
	align:center;
	height:100px;
	border:0px;
    margin:0px;
    padding:0px;
}


#prodvignettes {
	float:left;
	width:50px;
	margin-top:37px;
	clear:none;
}

<!-- 
/* CSS issu des tutoriels http://css.alsacreations.com */
body {
margin: 0px;
padding: 0px;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 50%;
z-index:100;
width: 100%;
margin-left: -375px; /* moitié de la largeur */
BORDER-COLLAPSE: COLLAPSE;

}
#menu dl {
float: left;

padding: 0px;
margin: 0px;
BORDER-COLLAPSE: COLLAPSE;
}

#menu dl1 {
float: left;
width: 563px;
height: 62px;
margin: 0px;
padding: 0px;
BORDER-COLLAPSE: COLLAPSE;
}

/* Onglets position normale  */
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #fff000;
border: 0px solid gray;
margin: 0px;
padding: 0px;
BORDER-COLLAPSE: COLLAPSE;
}
/* Bord sous-menus */
#menu dd {
border: 0px solid gray;
margin: 0px;
padding: 0px;
BORDER-COLLAPSE: COLLAPSE;
}

/* Fond sous-menus */
#menu li {
text-align: center;
background: #fff;
width: 187px;
height: 62px;
padding: 0px;
margin: 0px;
BORDER-COLLAPSE: COLLAPSE;
}
/* Propriétés liens sous-menus */
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0px;
padding: 0px;
margin: 0px;
BORDER-COLLAPSE: COLLAPSE;
}
/* Fond sous-menus survolés */
#menu li a:hover, #menu dt a:hover {
background: #eee;
padding: 0px;
margin: 0px;
BORDER-COLLAPSE: COLLAPSE;
}

#site {
position: absolute;
top: 158px;
left: 50%;
z-index:1;
width: 100%;
margin-left: -379px; /* moitié de la largeur */

padding: 5px;

}


a img {border: none;
margin: 0px;
padding: 0px;
}

img {margin: 0px;
padding: 0px;
}
-->

legend {
color:white;
font-weight:bold;
font-size: 20px;
}

table#petitebarre	{
	PADDING: 0;
	border-collapse: collapse;
	WIDTH: 748;
	HEIGHT: 33;
	BACKGROUND: url("fondpagetext.jpg");
	BORDER: 0;
	
				}