* { padding:0; margin:0; border:0 }

body { background:#FFF url(fond_accueil.jpg) center top no-repeat; font-family:verdana,arial; font-size:12px; text-align:justify; color:#333 }
a { color:#000; text-decoration:none }
a:hover,a:active { text-decoration:underline }
a:focus { outline:none }

p { margin-top:15px }
p:first-child { margin-top:0 }
h2 { font-size:12px; padding-top:15px; padding-bottom:12px; font-variant:small-caps }

.nodisplay { display:none }
.clear { clear:both; }

#bulleDiv { display:none; padding:5px; padding-top:3px; padding-bottom:3px; color:#111; background:#FFF; border:1px solid #000; font-weight:bold }

#main { margin:0 auto; width:954px; background:url(bandeau_accueil_contact.png) center top no-repeat }

#bandeau { height:160px; padding-top:22px; padding-right:52px }
#bandeau #panier { height:90px; width:233px; text-align:right; float:right }
#bandeau #panier .paiement { display:block; margin-top:16px; margin-right:5px }
#catalogue { float:left; padding-left:50px; padding-top:12px; width:500px; color:#FFF; font-weight:bold }
#catalogue span { padding-right:10px }

#catalogue #menu { width:490px }

#bandeau .menu { display:inline-block; padding-left:10px; padding-right:10px; text-transform:uppercase; color:#FFF; margin-top:12px }
#bandeau .menu:first-child { left:0 }
#bandeau #la { text-decoration:underline }
#catalogue .menu { border-left:1px #FFF solid; margin:0 }

a#accueil { display:block; float:right; width:41px; height:41px; background:url(accueil_base.png) no-repeat center center }
a#accueil:hover,a#accueil:active { background-image:url(accueil_roll.png) }
a#contact { display:block; float:right; width:41px; height:41px; background:url(contact_base.png) no-repeat center center }
a#contact:hover,a#contact:active { background-image:url(contact_roll.png) }

#coeur_haut { background:url(page_haut.png) bottom center no-repeat; height:25px }
#coeur  { background:url(page_milieu.png) center repeat-y; padding-left:20px; padding-right:20px }
#coeur_bas { background:url(page_bas.png) top center no-repeat; height:25px }

.gauche { width:27px; height:420px; background:url(gauche.png) top right no-repeat }
.centre { width:211px; height:420px; background:url(centre.png) top repeat-x }
.droite { width:27px; height:420px; background:url(droite.png) top left no-repeat }
#gauche .gauche,#gauche .centre,#gauche .droite { float:left }
#droite .gauche,#droite .centre,#droite .droite { float:right }
#droite .centre { width:582px }

#gauche h2 { text-align:center; background:url(separateur_themes_catalogue.png) bottom center no-repeat; font-variant:small-caps; margin-bottom:25px }
#droite h2 { position:relative; background:url(separateur_liste_articles.png) bottom left no-repeat; margin-left:-22px; padding-left:22px }
#droite h2 strong { font-variant:small-caps }

#gauche .centre div { margin-top:20px; background:url(rollover.png) center center no-repeat }
#gauche .centre a { display:block; height:70px }
#gauche .centre a:active,#gauche a:hover { background:url(rollover.png) center center no-repeat }
#gauche .centre #ici { position:relative; display:block; margin-right:-15px; background:url(rubrique_en_cours.png) right center no-repeat; height:70px }

#bas { text-align:center; color:#595959; font-size:11px; font-weight:bold }
#bas a { color:#595959 }