* { 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:48px; padding-top:112px; padding-right:52px }
#catalogue { float:left; padding-left:190px; padding-top:12px; width:560px; color:#FFF; font-weight:bold }
#catalogue span { padding-right:10px }
#catalogue #menu {  }
#catalogue #menu .menu { display:inline-block; padding-left:10px; padding-right:10px; text-transform:uppercase; border-left:1px #FFF solid; color:#FFF }
#catalogue #menu .menu:first-child { border-left:0 }
#catalogue #menu #la { text-decoration:underline }
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 }