html { background: #B4D8F2 }
body { width: 1000px; margin: 0; background: #467DA6 url(../img/fond.gif) }

h1 { width: 1000px; height: 238px; margin: 0; background: url(../img/bandeau.jpg) }
h1 span { display: none }
h1 a { position: absolute; width: 1000px; height: 238px }

#menu1 { float: left; width: 150px; padding-top: 4px; font: bold 13px Arial }
#menu1 ul { margin: 0; padding: 0 }
#menu1 li { list-style: none; border-bottom: solid 1px #467DA6 }
#menu1 a { display: block; padding: 2px 0 2px 20px; color: #467DA6; text-decoration: none; background: url(../img/puce_famille.gif) no-repeat 5px 6px }
#menu1 a:hover, #menu1 a.selected { background-color: #FEAE01 }
#menu1 a:active, #menu1 a:focus { background-color: #D9C378 }
#menu1 span { display: block; margin-top: 17px; text-align: center; font: bold 15px Verdana; color: #467DA6 }
#menu1 #special { margin-top: 18px }
#menu1 #nouveautes a { background-image: url(../img/puce_nouveaute.gif) }
#menu1 #promotions a { background-image: url(../img/puce_promotion.gif) }
#menu1 p { color: #467DA6; font: 12px Verdana; text-align: center; margin-top: 15px }
#menu1 p img { margin-top: 5px }
#menu1 #picto-contact { margin: 10px 8px 0 8px }

#menu2 { width: 850px; height: 23px; float: right; font: bold 13px Verdana; background: #276EA4; border-top: solid 1px #B4D8F2; border-bottom: solid 1px #B4D8F2 }
#menu2 ul { margin: 0; padding: 0 }
#menu2 li { display: inline; float: left; padding: 0 26px; line-height: 22px; padding-bottom: 1px; list-style: none; border-right: solid 1px #B4D8F2 }
#menu2 a { color: #FFF; text-decoration: none }
#menu2 a:hover { color: #FFAD05 }
#menu2 #panier { margin-left: 22px; padding-right: 0; border-right: none; background: url(../img/panier.gif) no-repeat 0 3px }
#menu2 #panier a { color: #FEAE01 }
#menu2 #panier a:hover { color: #FFF }

address { clear: both; width: 850px; height: 68px; color: #467DA6; background: #B4D8F2 url(../img/pied.gif) no-repeat; padding-left: 150px; padding-top: 20px; text-align: center; line-height: 1em; font: 13px Arial }
address a { color: #467DA6; font-weight: bold; text-decoration: none }
address a:hover { color: #000 }

#contenu { position: relative; width: 820px; float: right; background: url(../img/fond_contenu.gif) no-repeat 0 100%; min-height: 535px; padding: 15px; font: 13px Arial; color: #FFF }
p { margin: 0 }

/* Styles communs à toutes les pages */

#accroche { margin-bottom: 15px; padding: 10px 30px 0 30px; font: 12px Verdana; border-top: solid 1px #B4D8F2; border-bottom: solid 1px #B4D8F2 }
#accroche h2 { margin: 0; font: bold 13px Verdana; margin-bottom: 10px }
#accroche a { font-weight: bold }
#accroche p { margin-bottom: 10px }

.boutons { text-align: center }
.boutons a { margin: 0 15px; padding: 3px 6px; color: #276EA4; background: #66FEFD; border: 1px solid #B4D8F2; border-right-color: #276EA4; border-bottom-color: #276EA4; font: bold 13px Verdana; text-decoration: none }
.boutons a:hover { background: #FEAE01 }
.boutons .panier { padding-left: 32px; background: #FEAE01 url(../img/panier_commande.gif) no-repeat 5px 3px; }
.boutons .panier:hover { background: #66FEFD url(../img/panier_commande.gif) no-repeat 5px 3px }
.boutons .haut_page { padding-right: 32px; margin-left: 80px; background: #66FEFD url(../img/haut_page.gif) no-repeat 95% 4px }
.boutons .haut_page:hover { background: #FEAE01 url(../img/haut_page.gif) no-repeat 95% 4px }

.erreur { background: #D00; padding: 15px 0; margin: 0 0 15px 0; font-weight: bold; font-size: 14px; text-align: center; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF }
.information { background: #0B0; padding: 15px 0; margin: 0 0 15px 0; font-weight: bold; font-size: 14px; text-align: center; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF }

/* Format imprimable */

@media print
{
h1 { display: none }
#menu1 { display: none }
#menu2 { display: none }
#contenu { width: 700px; position: static; float: none }
address { width: 700px; padding-left: 0 }
.boutons { display: none }

}