html { background: #BABABA }
body { position: relative; width: 860px; margin: 20px auto; padding: 239px 0 0 0; background: #FFF; border: solid 1px #069 }

#bandeau h1 { position: absolute; z-index: 1; right: 0; top: -13px; width: 860px; height: 252px; margin: 0; font: 10px Verdana; text-align: right; color: #FFF; background: url(../img/menu-hack.gif) no-repeat 674px 222px }
#bandeau h2 { position: absolute; left: 0; top: 0; width: 495px; height: 124px; margin: 0; padding: 85px 0 0 365px; background: #3283C5 url(../img/bandeau.jpg); font: bold 16px Verdana; color: #ABC2E5 }
#bandeau h2 strong { color: #F9FAFC; font-size: 17px; text-transform: uppercase }

#flash { position: absolute; left: 30px; top: 155px }

#logo { position: absolute; z-index: 2; left: 0; top: 0; width: 851px; height: 199px; padding: 10px 0 0 9px }
#logo img { border: 0 }

#menu { z-index: 2; position: absolute; left: 0; top: 209px; width: 493px; height: 30px; margin: 0; padding: 0 0 0 181px; background: url(../img/menu-fond.gif) }
#menu li { float: left; width: 122px; height: 26px; padding: 4px 0 0 0; border-right: solid 1px #FFF; list-style: none; text-align: center }
#menu li.first_item { border-left: solid 1px #FFF }
#menu a { font: bold 11px Verdana; color: #FFF; text-decoration: none }
#menu a:hover { text-decoration: underline }

/* Première colonne de menus */

#menus_a { float: left; width: 181px }

#menu_acheter { background: url(../img/acheter-fond.gif) repeat-x; margin: 0 0 15px 0 }
#menu_acheter h3 { height: 24px; margin: 0; padding: 9px 0 0 32px; font: bold 14px Verdana; text-transform: uppercase; color: #666; background: url(../img/acheter-titre-fond.gif) 2px 0 no-repeat }
#menu_acheter ul { margin: 0; padding: 0; background: url(../img/acheter-menu-fond.gif) repeat-x }
#menu_acheter li { height: 26px; margin: 0 25px 0 14px; padding: 4px 0 0 28px; list-style: none; border-top: dashed 1px #999; background-repeat: no-repeat; background-position: 0 2px }
#menu_acheter li.first_item { border-top: none }
#menu_acheter a { font: bold 11px Verdana; color: #666; text-decoration: none }
#menu_acheter a:hover { text-decoration: underline }
#acheter_0 { background-image: url(../img/acheter-puce-0.gif) }
#acheter_1 { background-image: url(../img/acheter-puce-1.gif) }
#acheter_2 { background-image: url(../img/acheter-puce-2.gif) }
#acheter_3 { background-image: url(../img/acheter-puce-3.gif) }
#acheter_4 { background-image: url(../img/acheter-puce-4.gif) }
#acheter_5 { background-image: url(../img/acheter-puce-5.gif) }

#menu_selections { margin: 0 0 15px 0; background: url(../img/selections-fond.gif) repeat-x }
#menu_selections h3 { height: 24px; margin: 0; padding: 9px 0 0 32px; font: bold 14px Verdana; text-transform: uppercase; color: #FFF; background: url(../img/selections-titre-fond.gif) 2px 0 no-repeat }
#menu_selections ul { margin: 0; padding: 0; background: #E00C76 }
#menu_selections li { height: 26px; margin: 0 25px 0 14px; padding: 4px 0 0 27px; list-style: none; border-top: dashed 1px #FFF; background-repeat: no-repeat; background-position: 0 6px }
#menu_selections li.first_item { border-top: none }
#menu_selections a { font: bold 11px Verdana; color: #FFF; text-decoration: none }
#menu_selections a:hover { text-decoration: underline }
#selections_0 { background-image: url(../img/selections-puce-0.gif) }
#selections_1 { background-image: url(../img/selections-puce-1.gif) }

#menu_informations { margin: 0 0 15px 0 }
#menu_informations h3 { height: 24px; margin: 0 0 5px 0; padding: 9px 0 0 32px; font: bold 14px Verdana; text-transform: uppercase; color: #FC0; background: url(../img/informations-titre-fond.gif) 2px 0 no-repeat }
#menu_informations ul { margin: 0; padding: 0 }
#menu_informations li { margin: 0 25px 0 14px; padding: 0 0 0 21px; list-style: none; height: 20px; background: url(../img/informations-puce.gif) 0 5px no-repeat; }
#menu_informations a { font: 11px Verdana; color: #666; text-decoration: none }
#menu_informations a:hover { text-decoration: underline }

#menu_liens { background: url(../img/acheter-fond.gif) repeat-x; margin: 0 0 15px 0 }
#menu_liens h3 { display: block; height: 24px; margin: 0; padding: 9px 0 0 32px; font: bold 14px Verdana; text-transform: uppercase; color: #666; background: url(../img/acheter-titre-fond.gif) 2px 0 no-repeat }
#menu_liens a { font: bold 11px Verdana; color: #666; text-decoration: none }
#menu_liens a:hover { text-decoration: underline }

/* Seconde colonne de menus */

#menus_b { float: right; width: 186px }

#panier { margin: 0 8px 15px 8px; font: bold 12px Verdana; text-align: center; line-height: 32px; background: url(../img/panier-fond.gif) 0 0 no-repeat; border-bottom: dashed 1px #999 }
#panier strong { display: block; font-size: 14px; text-transform: uppercase; text-align: right; border-bottom: dashed 1px #999 }
#panier a { color: #C06; text-decoration: none }
#panier a:hover { text-decoration: underline }

#telephone { margin: 0 0 15px 0; text-align: center; font: 10px Verdana; color: #666 }
#telephone strong { font: bold 11px Verdana }

#menu_sinformer { background: url(../img/sinformer-fond.gif) repeat-x; margin: 0 0 15px 0 }
#menu_sinformer h3 { height: 24px; margin: 0; padding: 9px 0 0 32px; font: bold 14px Verdana; text-transform: uppercase; color: #666; background: url(../img/sinformer-titre-fond.gif) 2px 0 no-repeat }
#menu_sinformer ul { overflow: hidden; margin: 0; padding: 0; background: url(../img/sinformer-menu-fond.gif) repeat-x }
#menu_sinformer li { float: left; width: 166px; padding: 10px 6px 0 14px; list-style: none }
#menu_sinformer h4, #menu_sinformer h4 a { margin: 0; padding: 10px 0 0 0; font: bold 11px Verdana; color: #666; border-top: dashed 1px #666 }
#menu_sinformer li.first_item h4, #menu_sinformer h4 a { border-top: none; padding-top: 0 }
#menu_sinformer a { padding: 1px 0 1px 10px; display: block; font: 11px Verdana; text-decoration: none; color: #666 }
#menu_sinformer a:hover { text-decoration: underline }

/* Pied de page */

#pied { clear: both; height: 60px; background: #3283C5 /*url(../img/pied-fond.gif)*/ }
#pied, #pied a { font: 11px Verdana; color: #FFF }
#pied a { text-decoration: none }
#pied a:hover { text-decoration: underline }

#port { float: left; margin: 0; width: 181px; height: 38px; padding: 12px 0 0 0; text-align: center; border-right: solid 1px #FFF }
#paiement { float: right; margin: 0; width: 186px; height: 42px; padding: 8px 0 0 0; text-align: center; font-size: 9px; border-left: solid 1px #FFF }
address { margin: 0 201px 0 196px; padding: 12px 0 0 0; text-align: center; font-style: normal }

/* Contenu principal */

#contenu { overflow: hidden; position: relative; padding: 15px; font: 11px Verdana; color: #666 }

/* Format imprimable */

@media print
{
}