* { margin: 0; padding: 0; list-style-type: none; }
a:active, a:focus{ outline:none; }
img { border: 0; vertical-align: middle; }
html { background-color: #9d9c9a; }
body { position: relative; margin: 0 auto; max-width: 1100px; min-width: 762px; background: #000 url(images/ombre.png) repeat-y right; color: #CCCCCC; font: Arial, Helvetica, sans-serif; padding-right: 10px; behavior: url(include/csshover.htc); }
a { color: #ffe487; }
em { color: #FF0000; }
i { color: #FFCC33; }
h1 { position: relative; top: 12px; color: #e89039; font-size: 21px; margin: 0 0 3px 30px; text-decoration: underline; z-index: 9; zoom: 1; }
h2 { text-align: left; margin: 3px 0 7px 10px; color: #f3f2c0; font-size: 18px; clear: left; }
p { margin: 3px 5px 7px 20px; text-align: left; }
#titre { width: 500px; height: 150px; }
#logo { position: absolute; top: 10px; right: 10px; height: 270px; width: 378px; background: url(images/logo.jpg) no-repeat; }
#adresse { color: #d0ac91; position: relative; margin-left: 10px; top: 10px; font-size: 13px; }
#derniers { height: 127px; width: 490px; position: relative; margin: 0 0 20px 10px; padding: 20px 0 -20px 0; }
#derniers img { height: 90px; margin: 5px; border: 0px solid #000; }
#derniers h1 { position: relative; top: 25px; left: 180px; }
#mg { position: absolute; left: 10px; width: 270px; z-index: 10; }
#md { position: relative; top: 20px; margin: 0 10px 0 290px; min-height: 600px; }
ul#menu { margin-top: 10px; position: absolute; z-index: 10; }
ul#menu li { height: 100%; width: 250px; }
ul#menu li a { display: block; height: 45px; border-right: 1px solid #FFCC33; }
ul#sousmenu  { width: 210px; background-color: #5c5c5c; position: absolute; left: 249px; top: 0px; z-index: 10; display: none; border-left: 1px solid #FFCC33;}
ul#sousmenu li { border-bottom: 1px solid #333333; height: 20px; }
ul#sousmenu li a { display: block; color: #FFF; text-decoration: none; margin: 0 5px; height: 20px; width: 205px; }
ul#sousmenu li a:hover { color: #FF9933; }
a#accueil { background: url(images/accueil.jpg) no-repeat; }
a#accueil:hover { background: url(images/accueil1.jpg); }
a#services { background: url(images/services.jpg) no-repeat; }
a#services:hover { background: url(images/services1.jpg); }
a#catalogue { background: url(images/catalogue.jpg) no-repeat; }
a#catalogue:hover { background: url(images/catalogue1.jpg); }
a#vendus { background: url(images/vendus.jpg) no-repeat; }
a#vendus:hover { background: url(images/vendus1.jpg); }
a#infos { background: url(images/infos.jpg) no-repeat; }
a#infos:hover { background: url(images/infos1.jpg); }
a#contact { background: url(images/contact.jpg) no-repeat; }
a#contact:hover { background: url(images/contact1.jpg); }
#coinhg { position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(images/coinhg.jpg); }
#coinhd { position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url(images/coinhd.jpg); }
#coinbg { position: absolute; left: 0; width: 20px; height: 20px; background: url(images/coinbg.jpg); }
#coinbd { position: absolute; right: 0; width: 20px; height: 20px; background: url(images/coinbd.jpg); }
.objet { padding: 20px 0; margin: 0 0 0 0; width: 49%; float: left; }
#objetphoto { max-width: 50%; max-height: 100px; text-align: center; float: left; margin: 0 10px 0 0; }
#objetdesc { margin: 0 5px 0 10px; }
#objetdesc span { font-weight: bold; font-size: 16px; display: block; color: #FFFFFF; font-variant: small-caps; }
.content { background-color: #252525; padding: 20px 0; position: relative; text-align: center; }
.content ul { text-align: left; margin: 3px 0 7px 25px; }
.content ul span { text-decoration: underline; }
.content ul li { margin: 0 0 0 25px; }
#copyrights { text-align: center; margin: 50px 0 10px; height: 35px; clear: both; }
.spacer { clear: both; height: 0px; }
#news {  background: #252525; padding: 20px 0; position: relative; }
#news td { padding-left: 10px; background: #3b3b3b; color: #dbdbdb; }
#news td.new { width:70px; background: #464646; text-align: center; padding: 0; color: #FFF; }
#categories { margin-top: 10px; }
#categories li { float: left; width: 130px; height: 90px; padding: 10px; text-align: center; }
#categories li span { font-size: 14px; color: #FF9933; }
#categories li img { height: 80px; display: block; margin: auto; }
.result { clear: both; margin: 3px 20px 7px; text-align: left; border-bottom: 1px dotted #FF9933; }
.result img { float: left; width: 100px; margin: 0 10px 20px; }
hr { width: 80%; margin: auto; margin-top: 20px; color: #FFCC33; border: 0; border-bottom: 1px solid #FFCC33; }
.small { font-size: 13px; color: #a7a7a7; }
