html {background : #005 url(img01.jpg) repeat;}
Body { background: url(img03.jpg) repeat ; display: block; width: 70%; margin-left: auto; margin-right: auto; font-family: palatino; color: #fff; padding: 15mm; margin-top: 4em; margin-bottom: 4em; position: relative}

ul {width: 30%; float: left; background: url(img06.jpg) repeat; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; color: #260; list-style: url(img04li.jpg);}
ul a { color: #260; text-decoration: none}

#menusite ul, #menupage ul, #menuaspect ul, .menutournepage ul {background: url(img04.jpg) repeat; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;}
#menusite a, #menupage a, #menuaspect a, .menutournepage a {color: #523; text-decoration: none}
#menusite a:hover, #menupage a:hover, #menuaspect a:hover, .menutournepage a:hover { background: #fde }
#menusite li, #menupage li, #menuaspect li, .menutournepage li {display: inline; padding-left: 5px; padding-right: 5px; }
#menusite li:first-child, #menupage li:first-child, #menuaspect li:first-child, .menutournepage li:first-child {border-left: none}

div#menuaspect .menuaspectprincipal, div#menuaspect .menuaspect0, div#menuaspect .menuaspect1, div#menuaspect .sansstyle {}
 div#menuaspect .menuaspect2, div#menuaspect .menuaspect3, div#menuaspect .menuaspect4, div#menuaspect .menuaspect5, div#menuaspect .menuaspect6, div#menuaspect .menuaspect7, div#menuaspect .menuaspect8, div#menuaspect .menuaspect9, div#menuaspect .menuaspect10 {display: none}
div#menuaspect2 .menuaspect1, div#menuaspect2 .menuaspect2, div#menuaspect2 .menuaspect3, div#menuaspect2 .menuaspect4, div#menuaspect2 .menuaspect5, div#menuaspect2 .menuaspect6, div#menuaspect2 .menuaspect7, div#menuaspect2 .menuaspect8, div#menuaspect2 .menuaspect9, div#menuaspect2 .menuaspect10 {display: none}


p {background: url(img02.jpg) repeat; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; color: #749;}
p + p {margin-top: -1em}

h1, h2, h3 {width: 30%; float : left; background: url(img05.jpg) repeat; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; color: #376}

p:hover, p:hover a, ul:hover, h1:hover, h2:hover, h3:hover, cite:hover { background: #251; color: #fef;}
ul:hover a { color: #fef;}

.titre h1:before {display: block; right: -100px; content: "Jardin fleuriste"; font-size: 2em; color: #f50}
.titre p:last-child:before  {content: "Croyez ce que vous voulez mais dites le avec des fleurs"; font-size: 2em; color: #f50}

#chap1 h2:before {content: "Section des Papaver"; font-size: 2em; color: #f50}
#chap1 p:first-child:before  {content: "Plantes initiatiques, dangereuses et terriblement belles"; font-size: 2em; color: #f50}

#chap2 h2:before {content: "Section des Chrysan- themum"; font-size: 2em; color: #f50}
#chap2 p:last-child:before  {content: "Plantes cotoyant les morts"; font-size: 2em; color: #f50}

#chap3 h2:before {content: "Section des plantes magiques"; font-size: 2em; color: #f50}
#chap3 p:last-child:before  {content: "Plantes diverses pour soigner le corps et l'esprit"; font-size: 2em; color: #f50}