body {
color : #fff;
background-color: #990000;
margin: 0px;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
}
img {
border:0;
}
#conteneur {
background-image: url(images/bg-conteneur.gif);
background-repeat: repeat-x;
background-color: #860000;
margin : 0px auto 0px auto;
border-right: 1px solid #740000;
border-left: 1px solid #740000;
width: 90%;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-color: #860000;
background-image: none;
}
div.home {
position: absolute;
width: 270px;
height: 100px;
cursor: pointer;
}
div.home h1 {
display: none;
visibility: hidden;
}
#header {
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-position: 20px 26px;
height: 120px;
}
#principal {
padding: 0px 10px 0px 10px;
margin: 5px auto 10px auto;
height: 320px;
}
html>body #principal {
margin-top: 0;
height: auto;
min-height: 320px;
}
#footer {
background-color: #740000;
padding: 25px;
text-align: center;
font-size: 10px;
line-height: 15px;
color: #ad6449;
margin-bottom: 50px;
}
#footer a {
text-decoration: none;
color: #ad6449;
}
#footer a:hover {
text-decoration: underline;
color: #d4c792;
}
#menu {
padding-top: 0px; 
position: absolute;
font-size: 10px;
margin: 40px 0 0 275px;
}
#menu a {
text-decoration: none;
color: #ad6449;
padding: 8px;
background-image: url(images/puce-menu.gif);
background-repeat: no-repeat;
background-position: center left;
}
#menu a.active,#menu a:hover {
color: #d4c792;
background-image: url(images/puce-menu-active.gif);
}
#menu2 {
padding-top:55px; 
font-size: 12px;
margin: 0px 0 0 300px;
}
#menu2 a {
background-image: url(images/menu2.gif);
text-decoration: none;
padding-top: 6px;
height: 22px;
width: 189px;
float: right;
margin-left: 5px;
margin-right: 10px;
text-align: center;
}
#menu2 a.active,#menu2 a:hover {
background-image: url(images/menu2-hover.gif);
}
/************************* Typographie **************/ 
a {
font-weight: bold;
text-decoration: underline;
color: #fff;
}
a:hover {
text-decoration: none;
}
.italic {
font-style: italic;
}
.produit {
border: 1px solid #B9C9EB;
}
.img {
float: left;
}
h1 {
color: #d4c792;
font-size: 28px;
border-bottom: 1px solid;
padding: 5px 10px 10px 0px;
}
h2 {
font-size: 18px;
border-bottom: 1px solid;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 12px
}
p.txt {
color: #d4c792;
font-size: 12px;
}
p.reda {
line-height: 17px;
}

form#form_defil
{
margin: 0px 0px 0px 280px;
}

input#defil
{
position: absolute;
width: 50%;
background-color: #000;
border: 0px;
color: #d4c792;
font-family: "Trebuchet MS", helvetica, sans-serif;
font-style: italic;
font-weight: bold;
}
/***************************************Table des produits**************************************/
table.liste {
width: 90%;
margin: 25px auto 25px auto;
border-collapse: collapse;
}
table.liste th select,table.liste th input {
float: left;
color: #d4c792;
font-size: 12px;
font-weight: bold;
border: 1px solid #a5281d;
padding: 5px;
background-color: #860000;
margin-right: 2px;
}
table.liste th input {
font-size: 10px;
float: right 
}
table.liste th span.search {
font-size: 10px;
float: right;
margin: 5px 10px 0 0; 
}
table.liste th select option {
}
table.liste th {
background-color: #740000;
color: #d4c792;
border: 1px solid;
padding: 10px;
}
table.liste td {
border: 1px solid #ad6449;
font-size: 12px;
padding: 20px 10px 20px 10px;
}
table.liste td.prix {
width: 180px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
table.liste td.tdfoto {
text-align: center;
width:200px;
}
table.liste img {
border: 1px solid #740000;
}
table.liste .td2 {
vertical-align: middle;
}
table.liste td a {
text-decoration: none;
}
table.liste span.nbphoto {
display: block;
font-size: 10px;
color: #ad6449;
text-align: center;
}
table.liste td a.plusinfo,table.diapo td a.retour  {
text-decoration: none;
display: block;
color: #d4c792;
text-align: center;
background-color: #740000;
padding: 3px;
border: 1px solid #740000;
}
table.liste td a.plusinfo:hover , table.diapo td a.retour:hover {
text-decoration: none;
color: #d4c792;
background-color: #990000;
}
.nomprod {
color: #f9d542;
padding: 3px;
border-left: 20px solid #740000;
font-weight: bold;
}
table.liste td a:hover {
text-decoration: underline;
}
table.liste td span.ref {
display: block;
font-size: 10px;
text-align: center;
color: #FFFFFF;
}
span.ref2 {
display: block;
margin: 10px 0 0px 0;
font-size: 14px;
text-align: left;
color: #fff;
font-weight: bold;
}

dimage img {
display: block;
}
.vendu {
position: absolute;
width: 118px;
height: 68px;
background-image: url(images/vendu.png);
}
.dimage {
display: inline;
}
table.liste td.pagination {
text-align: right;
color: #fff;
}
table.liste td.pagination a {
background-color: #d4c792;
color: #740000;
padding: 5px;
border: 1px solid;
}
table.liste td.pagination a:hover {
text-decoration: none;
background-color: #fff;
}
table.liste td.pagination strong {
padding: 5px;
color: #740000;
border: 1px solid;
background-color: #ad6449;
}
div.fiche p {
line-height: 25px;

}
span.prixfiche {
font-size: 16px;
font-weight: bold;
color: #d4c792;
display: block;
margin: 20px 0 20px 0;
}
span.prix {
background-image: url(images/fond-etiquette.png);
width: 212px;
padding-top: 12px;
height: 36px;
text-align: center;
font-size: 20px;
font-weight: bold;
display: block;
float: right;
margin-top: -50px;
}
table.fotofiche {
margin: auto;	
border-collapse: collapse;
}
table.fotofiche td {
padding: 10px;

}
table.fotofiche img {
border: 1px solid;
}
table.diapo td {
vertical-align: top;
}
#panocom {
background-image: url(images/bg-panocomm.gif);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #5e0000;
padding-bottom: 20px;
}
#panocom a.liencom {
margin: 0 10px 0 10px;
background-repeat: no-repeat;
background-position: center left;
display: block;
padding: 2px 5px 2px 15px;
text-decoration: none;
background-image: url(images/puce-comm.png);
}
#panocom span.titrecom {
font-weight: bold;
padding: 5px;
text-align: center;
font-size: 14px;
display: block;
background-color: #5e0000	; 
color: #d4c792;
margin: 0 0px 10px 0;
}
a.lienAccueil {
display:block;
color: #d4c792;
text-decoration: none;
background-image: url(images/puce-accueil.png);
background-repeat: no-repeat;
background-position: center left;
padding: 6px 10px 6px 30px;
}
a.lienAccueil:hover {
color: #fff;
}