body {
 margin: 10px 0px 0px 15px;
 padding: 0;
 background-color: #F8F8FA;
 background-image: url(fond.gif);
 font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #333333;
}
img {
 border: none;
}
a {
 color: #2E3092;
}
li {
 list-style: none;
 background-image: url(puce.gif);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 padding: 0px 0px 0px 18px;
}
#total {
 width: 755px;
}
#header {
 width: 755px;
 height: 65px;
 background-image: url(bandeau.jpg);
 background-repeat: no-repeat;
 margin-bottom: 15px;
}
#header h1 {
 width: 1px;
 height: 1px;
 margin: 0;
 overflow: hidden;
}
#menu {
 float: left;
 width: 154px;
 margin: 0;
}
#menu img {
 float: left;
 margin: 0;
}
#menu ul {
 float: left;
 margin: 0;
 padding: 0;
}
#menu ul li {
 margin: 0px 0px 0px 5px;
 padding: 0;
 list-style: none;
 background-image: none;
}
#menu ul li a {
 text-decoration: none;
}
#menu ul li a span {
 margin: 0px 0px 0px -300px;
 width: 144px;
 height: 33px;
}
#menu ul li a.accueil {
 display: block;
 width: 144px;
 height: 40px;
 background-image: url(bout_accueil.gif);
}
#menu ul li a.accueil:hover,
body.bodyacc #menu ul li a.accueil {
 background-position: 0px -45px;
}
#menu ul li a.ceramiques {
 display: block;
 width: 144px;
 height: 40px;
 background-image: url(bout_ceramiques.gif);
}
#menu ul li a.ceramiques:hover {
 background-position: 0px -45px;
}
body.bodyceramiques #menu ul li a.ceramiques:hover,
body.bodyceramiques #menu ul li a.ceramiques {
 background-position: 0px -90px;
}
#menu ul li a.atelier {
 display: block;
 width: 144px;
 height: 40px;
 background-image: url(bout_atelier.gif);
}
#menu ul li a.atelier:hover {
 background-position: 0px -45px;
}
body.bodyatelier #menu ul li a.atelier:hover,
body.bodyatelier #menu ul li a.atelier {
 background-position: 0px -90px;
}
#menu ul li a.contact {
 display: block;
 width: 144px;
 height: 40px;
 background-image: url(bout_contact.gif);
}
#menu ul li a.contact:hover {
 background-position: 0px -45px;
}
body.bodycontact #menu ul li a.contact:hover,
body.bodycontact #menu ul li a.contact {
 background-position: 0px -90px;
}#menu ul li ul {
 display: none;
 float: none;
 margin: 0px 0px 0px 8px;
 padding: 0px 0px 10px 11px;
 font-size: 11px;
 color: #2E3092;
 width: 118px;
 background-image: url(fond_sous_rub.gif);
 background-position: bottom;
 background-repeat: no-repeat;
}
.bodyceramiques #menu ul li.liceramiques ul {
 display: block;
}
.bodyatelier #menu ul li.liatelier ul {
 display: block;
}
.bodycontact #menu ul li.licontact ul {
 display: block;
}
#menu ul li ul li {
 margin: 0;
 padding: 3px 0px 3px 7px;
 background-image: url(puce_sous_rub.gif);
 background-repeat: no-repeat;
 background-position: 0px 7px;
 line-height: 13px;
}
#menu ul li ul a {
 color: #2E3092;
}
#menu ul li ul a:hover {
 color: #FF6600;
}
#menu ul li ul a.on {
 color: #FF6600;
 font-weight: bold;
}
#inter {
 float: left;
 width: 590px;
 margin: 0px 0px 0px 11px; 
}
#inter div {
 float: left;
 padding: 3px 10px 10px 15px;
 width: 565px;
 background-image: url(fond_inter.gif);
 background-repeat: repeat-y;
}
#inter div p {
 margin: 5px 0px 10px 0px;
}
#inter div p img {
margin: 8px 2px 8px 2px;
}
#inter h2 span {
 display: none;
}
#inter h2 {
 margin: 0;
 background-repeat: no-repeat;
 width: 590px;
 height: 45px;
}
body #inter h2 {
 background-image: url(titre_gen.gif);
}
body.bodyacc #inter h2 {
 background-image: url(titre_bienvenue.gif);
}
body.bodyceramiques #inter h2 {
 background-image: url(titre_ceramiques.gif);
}
body.bodyatelier #inter h2 {
 background-image: url(titre_atelier.gif);
}
body.bodycontact #inter h2 {
 background-image: url(titre_contact.gif);
}
#inter div h3 {
 margin: 0px 0px 5px 0px;
 font-size: large;
 color: #FF6600;
}
#inter div h4 {
clear: both;
 margin: 3px 0px 3px 10px;
 font-size: medium;
}
#footer {
 float: right;
 width: 575px;
 margin: 0px 0px 10px 0px;
 background-image: url(bas_inter.gif);
 background-repeat: no-repeat;
 padding-right: 15px;
 color: #2E3092;
 font-size: x-small;
}
#footer .hautpage {
 margin: 0;
 padding-left: 15px;
}
#footer .hautpage a {
 display: block;
 width: 92px;
 height: 23px;
 background-image: url(haut_page.gif);
}
#footer .hautpage a:hover {
 background-position: 0px -27px;
}
#footer .hautpage a span {
 display: none;
}
#footer .credits {
 margin: 10px 0px 0px 0px;
 text-align: right;
}
#footer .credits a {
 color: #CC0000;
 text-decoration: none;
}
#footer .credits a:hover {
 text-decoration: underline;
}

/* couleurs de texte */
div.coul01, .bleu, .coul01 {
 color: #2E3092;
}
div.coul02, .orange, .coul02 {
 color: #FF6600;
}
div.coul03, .rouge, .coul03 {
 color: #CC0000;
}