body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(pix/back.png);
	background-color: #ece5db;
	height:100%;
}

html {height:100%;}

/************* HEADER **************************************************/

#horizon {
	margin-top: 0px;
	padding-top: 0px;
	position: absolute;
	z-index: -5;
	top:0px;
	left:0px;
	width:100%;
	height:125px;
	background-image:url(pix/back-head.png);
	text-align: center;
}

#logo a {
	display: block ;
	width: 270px ;
	color: #000 ;
	text-decoration: none ;
	background: url(./pix/logo.png) no-repeat 0 -0px ;
}
#logo a:hover {background: url(./pix/logo.png) no-repeat 0 -125px ;}

/*********************** MAIN **************************************/

#main {
	margin: 0 auto 0 auto;
	position: absolute;
	height: 100%;
	width: 900px;
	background-image:url(pix/back-main.png);
	text-align: center;
}

#contenu {
	margin: 0 auto 0 auto;
	padding-left: 20px;
	position: relative;
	width: 840px;
	top: -143px;
	text-align: center;
}

.menu {
 display: block;
 width: 270px;
 height: 20px;
 background: url(./pix/bouton.png) no-repeat 0 -20px;
 text-align:left;
 line-height: 20px;
}
.menu :hover {
 display: block;
 width: 270px;
 height: 20px;
 background: url(./pix/bouton.png) no-repeat 0 0px;
 text-align:left;
 line-height: 20px;
}
.menu a {
 text-indent: 65px;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
}
.menu-selec {
 display: block;
 width: 270px;
 height: 20px;
 background: url(./pix/bouton.png) no-repeat 0 0px;
 text-align: left;
 line-height: 20px;
}
.menu-selec a {
 text-indent: 65px;
 font-size: 10px;
 font-weight: bold;
 color: #000000;
}
.menu-bas {
display: block;
height: 70px;
background: url(./pix/footeur.png);
}

#top-nav {
 font-size: 9px;
 align: center;
 text-align:center;
 margin-top: 8px;
}

a.top-nav {
 font-family: Verdana;
 font-size: 9px;
 text-decoration: none;
 color: #666666;
}

h1 {
 font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
 font-size: 24px;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 margin-top: 0px;
}

h2 {
 font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #ffffff;
 font-weight: bold;
}

h3 {
 display: block;
 font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
 background: url(./pix/titre.png);
 width: 708px;
 height: 55px;
 padding-top: 15px;
 padding-left: 15px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 margin-left: 7px;
 font-size: 20px;
 color: #000000;
 text-align: left;
}

#cmd-valider a {
	display: block ;
	width: 104px ;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/valider.png) no-repeat 0 0px ;
}
#cmd-valider a:hover {background: url(pix/valider.png) no-repeat 0 -40px ;}
#cmd-valider a:active {background: url(pix/valider.png) no-repeat 0 0 ;}
#cmd-continuer a {
	display: block ;
	width: 104px ;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/achat.png) no-repeat 0 0px ;
}
#cmd-continuer a:hover {background: url(pix/achat.png) no-repeat 0 -40px ;}
#cmd-continuer a:active {background: url(pix/achat.png) no-repeat 0 0 ;}


/**************** CARTE ********************************/

.carte{
 padding: 5px;
 text-align:left;
 margin-top: 10px;
}

#achat a {
	float: left;
	display: block ;
	width: 104px ;
	color: #000 ;
	text-decoration: none ;
	margin: 0;
	padding:0;
	background: url(pix/achat.png) no-repeat 0 0px ;
}
#achat a:hover {background: url(pix/achat.png) no-repeat 0 -40px ;}
#achat img {
	margin: 0;
	padding:0;
	border: 0px;
}

#savoir a {
	float: left;
	display: block ;
	width: 101px ;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/savoir.png) no-repeat 0 0px ;
}
#savoir a:hover {background: url(pix/savoir.png) no-repeat 0 -40px ;}

.prod-titre {
 width: 165px;
 font-family: Verdana;
 font-size: 14px;
 text-decoration: none;
 color: #000000;
 font-weight: bold;
 margin-top : 10px;
 margin-left: 20px;
 margin-bottom: 10px;
}
.prod-descr {
 font-family: Verdana;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
 padding-left: 20px;
 padding-bottom: 10px;
}
.prod-prix {
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Verdana;
 font-size: 12px;
 text-decoration: none;
 text-indent: 20px;
 color: #660000;
 font-weight: bold;
}
.prod-cat {
 font-family: Verdana;
 font-size: 10px;
 color: #666666;
 text-decoration: none;
}
.prod-bla {
 display: block;
 width: 160px;
 margin-left: 20px;
 margin-bottom: 0px;
 font-family: Trebuchet;
 font-weight: bold;
 font-size: 11px;
}

div#eso-gauche {
  float: left;
	width: 210x;
	height: 210px;
	align: center;
	padding: 0px 10px 10px 10px;
}

div#eso-cont {
 width: 320px;
 text-align: left;
 font-size: 10px;
 padding-right: 20px;
}
#maincontent{
margin-top:0px;
top: 0px;
left: 0px;
position: absolute;
width:100%;
clear:both;
height: 80%;
}

/************** CADDIE***********************************/

#panier {
 display: block;
 padding-top: 20px;
 padding-left: 80px;
 font-size: 14px;
 text-align: left;
}
#panier b {
 font-size: 16px;
}
#panier i {
  color: #660000;
	font-style: none;
}
#panier a {
 color: #000000;
 font-style: none;
}

/**************** FICHE PRODUIT **********************************/

#fiche {
 display: block;
 width: 713px;
 background: url(pix/produit-02.png);
 text-align: left;
}

#fiche-haut {
 display: block;
 height: 15px;
 width: 713px;
 background: url(pix/produit-01.png);
}
#fiche-bas {
 display: block;
 width: 713px;
 height: 20px;
 background: url(pix/produit-03.png);
}

#fiche b {
 font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
 color: #660000;
 font-size: 18px;
 font-weight: bold;
}
#fiche p {
 font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 font-weight: bold;
}

/************** les GG *****************************************/

#gg-petit {
margin: 0 auto 0 auto;
padding-top:20px;
width:150px;
height:80px; 
overflow: auto; 
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align:justify;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#000000;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#000000;
cursor:hand;
}

#gg-grand {
margin: 0 auto 0 auto;
padding-top:20px;
width:400px;
height:80px; 
overflow: auto; 
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align:justify;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#000000;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#000000;
cursor:hand;
}