body {
    background-color: #F7EFD5;
    margin:0;
    height: 100%;
    background-image: url("images/frontoffice/left_loop.jpg");
    background-repeat:repeat-y;
  }

h1 {
    font :  bold  30px  Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
#contenu h1{
	background: transparent url(images/frontoffice/puce_titre.gif) left center no-repeat;
	padding-left: 40px;
	text-align: left;
  }

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #6699FF;
    text-decoration: underline;
  }

html {
    height: 100%;
  }

textarea, input {
    font : 10px Arial;
    border : #000000 solid 1px;
    margin: 2px;
  }

#acroche {
    float: left;
    position: absolute;
    top: 38px;
    left: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style:italic;
  }

#ancienprix {
    text-decoration: line-through;
  }

#bouton {
    background : #000000;
    font : bold 12px Arial;
    color : #FFFFFF;
  }

#categorie {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 205px;
    left: 10px;
    background : #EEDEBA;
    padding: 0px;
    border: 1px solid;
    padding: 0px;
    width: 170px;
    overflow:hidden;
  }

#categorie p {
    background : #9BC3EB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding: 0px;
    margin:0px;
    border: 2px;
    text-align: center;
    width: 170px;
  }

#contact {
    border: 1px solid #000000;
    background : #EEDEBA;
    padding: 5px;
    width: 450px;
  }

#contact .bouton {
    background-color:#C0C0C0;
    color:#000000;
  }

#contact #champ {
    float: right;
    width: 340px;
    text-align: left;
  }

#contact #etiquette {
    float: left;
    width: 100px;
    text-align: right;
    font : Arial, serif;
    font-size: 12px;
    font-weight:bold;
  }

#contact #ligne {
    clear: both;
    padding-top: 0px;
  }

#contenu {
    position: relative;
    margin-left: 280px;
    margin-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
  }

#contenu #document {
    font-family: Arial;
    font-size:12px;
    margin-left:20px;
    margin-right:50px;
    margin-top:50px;
  }

#contenu h1 #puce {
    vertical-align:middle;
    margin:0px;
    margin-right:10px;
    padding:0px;
    border-width:0pxpadding;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
  }

#demprix {
    float: left;
    position: absolute;
    top: 148px;
    left: 10px;
    background : #EEDEBA;
    padding: 0px;
    width: 170px;
    border: 1px solid #000000;
	text-align:center;
  }

#demprix a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 0px;
    margin: 2px;
    text-decoration:none;
    border: 2px;
    text-align: center;
    padding: 2px;
  }

#demprix p {
    background : #9BC3EB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border: 2px;
    text-align: center;
  }

#error {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    color:#247cd4;
  }

#haut {
    background-image: url("images/frontoffice/top_loop.jpg");
    width: 100%;
  }

#imgprod {
    float:left;
    position:relative;
    border: solid 1px;
    margin: 5px;
  }

#infoprod {
    border: 1px solid #000000;
    margin-right: 15px;
    background-color: #eedeba;
	padding: 10px;
}

#infoprod p {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    color: #000000;
    margin:10px;
  }

#lang {
    float: right;
    position: absolute;
    top: 25px;
    right: 10px;
    padding: 0px;
    font-family: Arial, serif;
    font-size: 10px;
  }

#left {
    margin-bottom:0%;
    width: 275px;
    margin:0px;
    float: left;
    clear: both;
  }

#message {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6699FF;
    font-weight: bold;
    background-position: center center;
    text-align: center;
  }

#nouveaute {
    border: 1px solid #000000;
    padding: 10px;
    margin-left: 280px;
    margin-right: 20px;
    background-color:#EEDEBA;
  }

#nouveaute h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #183E12;
    text-decoration: underline;
    margin: 0px;
  }

#nouveaute img {
    border: solid 1px;
    text-align: center;
    width:130px;
  }

#nouveaute #prix {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    text-decoration:none;
    color: #000000;
    background-color:#9BC3EB;
    padding:1px;
    border: 1px solid #000000;
    text-align: center;
    width: 128px;
  }

#nouveaute #prod {
    float: left;
    text-align: center;
    margin: 0.5em;
    padding: 3px;
    width: 130px;
    height:200px;
    z-index: 15;
    position:relative;
  }

#nouveaute #prod a {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #000000;
    display: block;
  }

#nouveaute #prod dd {
    margin: 0;
    padding: 0;
  }

#nouveaute #spacer {
    clear: both;
  }

#pager {
    text-align: right;
    border: solid 1px;
    margin-top: 10px;
    background-color: #7C7C7C;
  }

#pager #current {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #FF8468;
    padding: 2px;
  }

#pager #page {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #000000;
    padding: 2px;
  }

#piedpage {
    font-family: Arial;
    font-size:10px;
    color:#6A6A6A;
    text-align:center;
    margin-left: 280px;
    margin-right: 20px;
    margin-top: 5px;
  }

#piedpage a {
    text-decoration:none;
    color:#6A6A6A;
  }

#prodlistcateg {
    border: 1px solid #000000;
    padding: 10px;
    background-color: #EEDEBA;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #6699FF;
  }

#prodlistcateg img {
    border: solid 1px;
    color: #000000;
    text-align: center;
    width:130px;
  }

#prodlistcateg #prix {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    text-decoration:none;
    color: #000000;
    background-color:#9BC3EB;
    padding:1px;
    border: 1px solid #000000;
    text-align: center;
    width: 128px;
  }

#prodlistcateg #prod {
    float: left;
    text-align: center;
    margin: 0.5em;
    width: 130px;
    height:200px;
    z-index: 15;
    position:relative;
  }

#prodlistcateg #prod a {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #000000;
    border-width:0px;
    display: block;
  }

#prodlistcateg #prod dd {
    margin: 0;
    padding: 0;
  }

#prodlistcateg #spacer {
    clear: both;
  }

#recherche {
    float: left;
    position: absolute;
    top: 95px;
    left: 10px;
    background : #EEDEBA;
    padding: 0px;
    border: 1px solid #000000;
    width: 170px;
    text-align:center;
  }

#recherche #chptxt {
    background : #f7dc22;
    font : 10px Arial;
    border : #000000 solid 1px;
    width : 110px;
  }

#recherche form {
    margin-left:3px;
    margin-right:3px;
    margin-top:5px;
    margin-bottom:5px;
  }

#recherche p {
    background : #9BC3EB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border: 2px;
    text-align: center;
  }

#rechercheresult {
    border: 1px groove #66CCFF;
    padding: 10px;
    background-color: #EEDEBA;
    text-align:center;
    margin: 10px;
  }

#rechercheresult #result {
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
    vertical-align: middle;
  }

#rechercheresult #result #image {
    text-align: left;
    vertical-align: middle;
    margin: 5px;
  }

#rechercheresult #result #ref {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    color: #8F1F1F;
    text-align: left;
    vertical-align: middle;
  }

#rechercheresult #result #titre {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    color: #000000;
    text-align: left;
    vertical-align: middle;
  }

#reference {
    font-family: Arial, serif;
    font-size: 14px;
    font-weight:bold;
    text-align: left;
    text-decoration:none;
    color: #ffffff;
  }

#smenu {
    float: right;
    position: absolute;
    top: 65px;
    left: 300px;
    border-bottom : 1px solid #000000;
    margin : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    margin-left: 0px;
    margin-right: 5px;
    text-align: left;
    clear: both;
  }

#smenu a {
    background : #bba385;
    border-color: #444444;
    border-top: 2px outset #444444;
    border-right: 2px outset #444444;
    border-bottom : 1px solid #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    color : #000000;
    padding-top : 3px;
    padding-left: 15px;
    padding-right: 15px;
  }

#smenu li {
    display : inline;
    list-style-type : none;
    margin : 2px;
    padding : 0px;
    text-align: center;
  }

#smenu ul {
    display : inline;
    list-style-type : none;
    margin : 0px;
    padding : 0px;
  }

#spacer {
    clear: both;
  }

#sprod {
    text-align:right;
    margin:20px;
  }

#sprod #cell {
    background-color: #9BC3EB;
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    border: 2px outset;
    color: #FFFFFF;
    padding:2px;
  }

#sprod #titre {
    background-color: #F7EFD5;
    font-family: Arial, serif;
    font-size: 12px;
    font-weight:bold;
    text-align: center;
    border: 2px outset;
    padding:2px;
  }

#demprix a:hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFCC33;
    text-decoration: none;
    padding: 2px;
  }

#nouveaute #prod a:hover {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #6699FF;
  }

#pager #page:hover {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #FF8468;
    padding: 2px;
  }

#piedpage a:hover {
    text-decoration: underline;
    color:#6A6A6A;
  }

#prodlistcateg #prod a:hover {
    font-family: Arial, serif;
    font-size: 10px;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    color: #6699FF;
    border-width:0px;
  }

#smenu a:hover {
    background : F7EFD5;
    color : #247CD4;
  }