/* HTML ELEMENTS */

body {
background-color: #22201c;
margin: 20px 0px 20px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #22201c;
font-size: 12px;
text-align: left;
line-height: 1.3;
}

div, form {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0px 0px 30px 0px;
padding: 0px;
color: #890402;
}

h2 {
font-size: 14px;
font-weight: bold;
text-align: left;
padding: 0px;
margin: 0px 0px 10px 0px;
}

input, textarea {
border: 1px solid #84775c;
background-color: #fbf9f6;
font-size: 11px;
}

input.check {
border: none;
background-color: transparent;
}

img {
border: 0px;
}

a {
color: #780200;
}

a:visited {
color: #490201;
}

a:hover {
color: #a63634;
text-decoration: none;
}

p {
margin: 15px 0px 15px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
list-style-position: outside;
margin: 10px 0px 0px 10px;
padding: 0px;
}

li {
list-style: disc;
list-style-image: none;
margin: 0px;
padding: 0px 0px 10px 0px;
}

ol li {
list-style: decimal;
}


img[align="middle"] {
vertical-align: middle;
}

/* SPECIAL CLASSES AND IDS */

div.content-separator {
background-image: url('images/content-separator.gif');
background-repeat: repeat-x;
background-position: 0% 50%;
padding: 20px 0px 20px 0px;
}

div.column-separator {
background-image: url('images/column-separator.gif');
background-repeat: repeat-x;
background-position: 0% 50%;
padding: 15px 0px 15px 0px;
}

div.clearer {
clear: both; 
margin: 0px;
padding: 0px;
height: 0px;
line-height: 0px;
}

a.imageHighlight:hover {
background: transparent;
}

a.imageHighlight img {
border: 2px solid #b0a080;
padding: 2px;
}


a.imageHighlight:visited img {
border: 2px solid #b0a080;
}  

a.imageHighlight:hover img,
a.imageHighlight:active img {
border: 2px solid #890402;
}

.brobec {
color: #890402;
font-weight: bold;
}

table.info {
border: 1px solid #b0a080;
}

table.info td {
font-size: 11px;
}

table.info .info-header {
background-color: #f0ebe1;
font-weight: bold;
}

.produit-prix {
font-size: 18px;
font-weight: bold;
color: #d03c38;
margin: 0px 0px 15px 0px;
}

.produit-prix-reg {
font-size: 14px;
font-weight: bold;
text-decoration: line-through;
color: #b0a080;
}

.produit-prix-reg2 {
font-size: 10px;
font-weight: bold;
text-decoration: line-through;
color: #b0a080;
}

.produit-desc {
font-size: 11px;
margin: 0px 0px 5px 0px;
}

.produit-code {
font-size: 10px;
color: #5f5f5f;
margin: 0px 0px 0px 0px;
text-align: right;
}

.produits-categorie {
width: 140px;
background-image: url('images/produits-categorie-bg.jpg');
background-repeat: no-repeat;
background-position: 50% 50%;
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 0px 0px 0px 0px;
}


/* LAYOUT */

#top-menu {
background-image: url('images/top-menu.gif');
background-repeat: no-repeat;
}

#top-menu-text {
padding: 10px 0px 0px 30px;
text-align: left;
}

#top-menu-text a, #top-menu-text a:visited, #top-menu-text a:hover {
display: block;
font-size: 10px;
text-decoration: none;
color: #22201c;
background-image: url('images/top-menu-bullet.gif');
background-position: 0% 50%;
background-repeat: no-repeat;
padding: 2px 0px 2px 10px;
}

#top-menu-text a:hover {
text-decoration: underline;
}

#top-main-menu {
background-image: url('images/top-main-menu.gif');
background-repeat: repeat-x;
background-color: #a61310;
margin: 3px 0px 3px 0px;
}

.top-main-menu-text, .top-main-menu-text-en {
text-align: left;
padding: 0px 0px 0px 70px;
margin: 0px;
}

.top-main-menu-text-en {
padding: 0px 0px 0px 130px;
}

.top-main-menu-text a, .top-main-menu-text a:visited, .top-main-menu-text a:hover, .top-main-menu-text-en a, .top-main-menu-text-en a:visited, .top-main-menu-text-en a:hover {
display: block;
font-size: 11px;
color: #ffffff;
text-decoration: none;
padding: 8px 12px 9px 20px;
margin: 0px;
background-image: url('images/top-main-menu-bg.gif');
background-position: 0% 50%;
background-repeat: no-repeat;
float: left;
}


.top-main-menu-text a:hover, .top-main-menu-text-en a:hover {
background-image: url('images/top-main-menu-hover-bg.gif');
}

#top-main-menu-selected {
background-image: url('images/top-main-menu-selected.gif');
}

#top-sub-menu {
background-color: #b0a080;
margin: 0px 0px 3px 0px;
}

.top-sub-menu-text {
text-align: center;
color: #000000;
}

.top-sub-menu-text a, .top-sub-menu-text a:visited, .top-sub-menu-text a:hover {
font-size: 10px;
color: #000000;
text-decoration: none;
}

.top-sub-menu-text a:hover {
text-decoration: underline;
}

#top-sub-menu-selected {
color: #FFFFFF;
}

#body-content-top, #body-content-bottom {
background-color: #e6e6e6;
}

#body-content {
background-color: white;
text-align: left;
background-image: url('images/content-bg.gif');
background-repeat: repeat-x;
background-position: top;
}

#body-content-text {
min-height: 386px;
padding: 20px 40px 20px 40px;
}

* html #body-content { /* IE only hack for min height */
height: 386px;
}

#body-column {
background-color: #f0ebe1;
}

#body-column-text {
text-align: center;
padding: 20px 10px 20px 10px;
font-size: 10px;
}

#body-column p {
margin: 5px 0px 5px 0px;
}


#body-column ul {
text-align: left;
margin: 10px 10px 10px 20px;
}

#body-column li {
padding: 0px 0px 0px 0px;
list-style-image:  url('images/column-list-bullet.gif');
}

#body-column li a, #body-column li a:visited {
text-decoration: none;
}

#body-column li a:hover {
text-decoration: underline;
}

#bottom {
background-color: #b0a080;
margin: 3px 0px 0px 0px;
}

#bottom-footer {
background-color: #4c4a47;
margin: 3px 0px 0px 0px;
}

#bottom-footer-text {
text-align: center;
font-size: 10px;
color: #bab9b8;
padding: 6px 0px 0px 0px;
}

#bottom-footer-text a, #bottom-footer-text a:visited, #bottom-footer-text a:hover {
font-size: 10px;
color: #bab9b8;
text-decoration: none;
}

#bottom-footer-text a:hover {
color: white;
text-decoration: underline;
}