BODY {scrollbar-face-color:#3366CC;   scrollbar-shadow-color: #000000;  scrollbar-highlight-color: #FFFFFF;  scrollbar-3dlight-color: #000000;   scrollbar-darkshadow-color: #000000;   scrollbar-track-color: #FFFFFF;  scrollbar-arrow-color: #FFFFFF;}

body {
margin: 0;
padding: 0;
font: 70% verdana, arial, sans-serif;
}

a:link {color:#3366CC;}
a:visited {color:#3366CC;}
a:hover {color:#FF0000; text-decoration:none; font-weight:bolder;}

a.menu:link {font-size: 100%; color:#3366CC; font-weight:normal;  text-decoration: none;}
a.menu:visited {font-size: 100%; color:#3366CC; font-weight:normal;  text-decoration: none;}
a.menu:hover {font-size: 90%; color:#3366CC; font-weight:bold;  text-decoration: none;}

a.bleu:link {font-family: verdana, arial, helvetica; font-size: 100%; font-weight:normal; text-decoration: none; COLOR: #3366CC;}
a.bleu:hover {font-family: verdana, arial, helvetica; font-size: 100%; font-weight:normal; text-decoration: underline; COLOR: #3366CC;}
a.bleu:visited {font-family: verdana, arial, helvetica; font-size: 100%; font-weight:normal; text-decoration: none; COLOR: #3366CC;}

a.viewpic { position:relative; border-bottom: none;	text-decoration: none;}
a:hover.viewpic { text-decoration: none; background: none;}
a.viewpic span {display: none;}
a:hover.viewpic span {
  display: inline;
  position: absolute;
  top: -10px;
  left: 0px;
  z-index: 10;
  width:100%;
  height:100%;
}

img {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
}
img.prod  {
margin: 0px 5px 0px 5px;
padding: 0;
height: 60px;
border: 0;
}

table {
margin: 0 0 0 0;
padding: 0;
font-size: 100%;
}

tr{
margin: 0 0 0 0;
padding: 0;
}
td{
margin: 0 0 0 0;
padding: 0;
}

h1 {
margin: 12px 0px 10px 10px;
color: #FFF;
font-size: 100px;
text-align: center;
font-weight: bold;
}

h2 {
margin: 0px 0px 0px 0px;
font-size: 160%;
text-align: center;
font-weight:bold;
COLOR: #3366CC;
}

h3 {
margin: -1px -11px 1px -11px;
padding: 0 0 0 10px;
color: #FFF;
font-size: 130%;
font-weight: bold;
background-image: url('IMG_SITE/fond2_h3.jpg');
border: 1px solid #3366CC;
}

p {
margin: 0px 0px 10px 0px;
font-size: 100%;
COLOR: #000000;
}
p.cat {
font-size: 160%;
text-align: center;
font-weight:bold;
COLOR: #3366CC;
}
p.prod {
font-size: 120%;
text-align: left;
font-weight:bold;
COLOR: #3366CC;
}
p.bleu {
font-size: 100%;
text-align: left;
COLOR: #3366CC;
}
p.blanc{
font-size: 100%;
text-align: center;
font-weight: bold;
COLOR: #FFF;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

form {
font-size: 100%;
font-weight:bold;
}
input {
	
}
#user {
	border: 1px solid #3366CC;
	padding-left: 18px;
	background: #fff url(IMG_SITE/form_user.jpg) no-repeat 4px center;
}
#pass { 
	border: 1px solid #3366CC;
	padding-left: 18px;
	background: #fff url(IMG_SITE/form_pass.gif) no-repeat 4px center;
}
#search {
	border: 1px solid #3366CC;
	padding-left: 18px;
	background: #fff url(IMG_SITE/form_search.png) no-repeat 4px center;
}
#mail {
	border: 1px solid #3366CC;
	padding-left: 18px;
	background: #fff url(IMG_SITE/form_mail.png) no-repeat 4px center;
}
input.bouton {
border:2px outset #3366CC;
height:20px;
font-size: 80%;
font-weight:bold;
background-color:#3366CC;
color:white;
cursor:pointer;
}
input.bouton:hover {
border:2px outset #3366CC;
background-color:white;
color:#3366CC;
}
input.bouton:active {
border:2px inset #3366CC;
background-color:#3366CC;
color:white;
}
input:focus, textarea:focus {
background-color:white;
color:#3366CC
}