* { margin: 0px; padding: 0px;}

html, body {
height: 100%;
font-family: Times New Roman, Times, serif;
font-size: 14px;
background: url('img/backbody01.jpg') repeat;
scrollbar-arrow-color: #4d3e3a;
scrollbar-track-color: #e2dcc5;
scrollbar-shadow-color: #606953;
scrollbar-face-color: #a0c12f;
scrollbar-highlight-color: #f2efe5;
scrollbar-darkshadow-color: #4d3e3a;
scrollbar-3dlight-color: #e2dcc5;
}

#racine {
	/*overflow: hidden;*/
	text-align: center;
	background: url('img/bords.png') repeat-y;
	min-height: 100%;
	position: relative;
	width: 1030px;
	margin:0 auto;
	}

#global{ 
	margin-left:5px;
	position: relative;
	min-height: 100%;
	padding-bottom: 120px;
	width: 1020px;
	}
	
#corps{
	color: #4d3e3a;
	position: relative;
	margin: 60px 20px 10px 20px;
	text-align: justify;
	text-justify: newspaper;
	}
	
#prod a{
text-align: center;
text-decoration: none;
color: #4d3e3a;
width:350px;
height:180px;
display:block;
background: url('img/fondprod01.png') no-repeat;
}

#prod a:hover{
text-decoration: none;
color: #a0c12f;
background: url('img/fondprod02.png') no-repeat;
}

#prod .prodtitre{
padding-top : 4px;
padding-bottom : 14px;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}

#prodtext {
	position:absolute;
	display:block;
	margin-top: 38px;
	margin-left:151px;
	width: 187px;
	height:111px;
	font-size: 14px;
	text-align: justify;
	text-justify: newspaper;
}
	
#texte{
	text-align: justify;
	text-justify: newspaper;
	}
	
#texte a, a:visited{
	color: #4d3e3a;
	text-decoration: underline;
}

#texte a:hover{
	color: #a0c12f;
	text-decoration: none;
	background-color: #4d3e3a;
	border-bottom: 1px solid #a0c12f;
}
	
#textetitre{
width: 60px;
text-align: center;
padding: 2px;
margin-bottom: 8px;
text-decoration: none;
background-color: #4d3e3a;
font-size: 16px;
font-weight: bold;
color: #a0c12f;
}
	
#texte ul{
list-style-type:square;
}

#texte .plan{
padding-left: 25px;
background: url('img/puceplan.gif') no-repeat left;
font-weight: bold;
}

#texte .plan a, a:visited{
	color: #4d3e3a;
	text-decoration: underline;
}

#texte .plan a:hover{
	color: #a0c12f;
	text-decoration: none;
	background-color: #4d3e3a;
	border-bottom: 1px solid #a0c12f;
}
		
#cat ul {
text-align:center;
font-weight: bold;
list-style-type:none;
}

#cat ul li {
text-transform: uppercase;
white-space: nowrap;
margin: 0 0 2px 0;
}

#cat ul li a {
display:block;
color: #4d3e3a;
padding: 4px 12px 4px 12px;
text-decoration: none;
background-color: #a0c12f;
}

#cat ul li a:hover {
display:block;
padding: 4px 12px 4px 12px;
color: #a0c12f;
text-decoration: none;
background: #4d3e3a url('img/bordcat.gif') repeat-y left;
}

#cat #current a {
display:block;
padding: 4px 12px 4px 12px;
color: #a0c12f;
text-decoration: none;
background: #4d3e3a url('img/bordcat.gif') repeat-y left;
}

#souscat ul {
text-align:center;
font-weight: bold;
list-style-type:none;
}

#souscat ul li {
white-space: nowrap;
margin: 0 0 1px 0;
}

#souscat ul li a {
display:block;
color: #f2efe5;
padding: 2px 10px 2px 10px;
text-decoration: none;
background-color: #4d3e3a;
}

#souscat ul li a:hover {
display:block;
padding: 2px 10px 2px 10px;
color: #4d3e3a;
text-decoration: none;
background: #a0c12f url('img/bordsouscat.gif') repeat-y left;
}

#souscat #current a {
display:block;
padding: 2px 10px 2px 10px;
color: #4d3e3a;
text-decoration: none;
background: #a0c12f url('img/bordsouscat.gif') repeat-y left;
}
	
a.lien1, a.lien1:visited{
	color: #4d3e3a;
	text-decoration: underline;
}

a.lien1:hover{
	color: #a0c12f;
	text-decoration: none;
	background-color: #4d3e3a;
	border-bottom: 1px solid #a0c12f;
}
	
#pied{
	margin-left:5px;
	bottom: 0;
	width: 1020px;
	height: 120px;
	position: absolute;
	background: url('img/bandeaubas.png');
	text-align:center;
	color:#f2efe5;
	} 
	
#piedcredits{
	padding : 45px 20px  20px;
	line-height :12px;
}

.barrebas{
	font-size: 16px;
	font-weight: bold;
	color: #f2efe5;
}

a.lienbas1, a.lienbas1:visited{
	font-size: 16px;
	font-weight: bold;
	color: #f2efe5;
	text-decoration: none;
}

a.lienbas1:hover{
	color: #4d3e3a;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	background-color: #f2efe5;
	border-bottom: 4px solid #a0c12f;
}

a.lienbas2, a.lienbas2:visited{
	font-size: 14px;
	color: #a0c12f;
	text-decoration: none;
}

a.lienbas2:hover{
	color: #4d3e3a;
	text-decoration: none;
	background-color: #f2efe5;
	border-bottom: 4px solid #a0c12f;
}
	
#ban {
	position:relative;
	width: 1020px;
	height:190px;
	text-align:center;
	color:#f2efe5;
	background: url('img/bandeauhaut.png');
}

.fondmenu {
	width: 1020px;
	position:absolute;
	margin-top:160px;
	height:80px;
	text-align:center;
	padding:0;
	line-height :80px;
	color:#ffffff;
	background: url('img/bandeaumenu.png');
	font-size: 18px;	
	font-weight:bold;
}

#logouto {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#venteflash {
	position: absolute;
	top: 30px;
	left: 20px;
}

#stocklimite {
	position: absolute;
	top: 30px;
	right: 20px;
}

#menu {
margin: 0;
padding: 0;
}

#menu ul {
margin: 0;
text-align:center;
font-weight: bold;
}

* html #menu ul {
margin-bottom: 0;
}

#menu ul li {
display: inline;
}

#menu ul li a {
margin: 0 1px 0 1px;
color: #4d3e3a;
height:80px;
padding: 20px 10px 6px 10px;
text-decoration: none;
background-color: #e2dcc5;
}

#menu ul li a:hover {
background-color: #f2efe5;
border-bottom: 6px solid #a0c12f;
padding-bottom: 0;
}

#menu #current a {
background-color: #f2efe5;
border-bottom: 6px solid #a0c12f;
padding-bottom: 0;
}

.select {
	position: absolute;
	width: 110px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 2px 12px 0 8px;
	background: url(img/select.png) no-repeat;
	overflow: hidden;
}

.suiv a{
	display:block;
	color: #4d3e3a;
	height: 21px;
	width:52px;
	padding: 2px 12px 0 0;
	background: url(img/suiv01.png) no-repeat ;
	text-decoration : none;
	text-align:right;
}

.suiv a:hover{
	color: #a0c12f;
	height: 21px;
	width:52px;
	padding: 2px 12px 0 0;
	background: url(img/suiv02.png) no-repeat ;
	text-decoration : none;
	text-align:right;
}

.prec a{
	display:block;
	color: #4d3e3a;
	height: 21px;
	width:68px;
	padding: 2px 0 0 12px;
	background: url(img/prec01.png) no-repeat ;
	text-decoration : none;
	text-align:left;
}

.prec a:hover{
	color: #a0c12f;
	height: 21px;
	width:68px;
	padding: 2px 0 0 12px;
	background: url(img/prec02.png) no-repeat ;
	text-decoration : none;
	text-align:left;
}