body { background-color: #F9F5F4; padding: 0px; margin: 0px;}

/* BANDEAU */
body.bandeau { background-color: #3F2B1D }
div.logo { position: absolute; top: 8px; left: 46px }
DIV.logo
{
    LEFT: 46px;
    POSITION: absolute;
    TOP: 8px
}
DIV.mediatheque
{
    LEFT: 656px;
    POSITION: absolute;
    TOP: 78px
}
DIV.partenaires
{
    LEFT: 657px;
    POSITION: absolute;
    TOP: 112px
}
td.visuel { text-align: right; vertical-align: top; background-image: url(images/bandeau/visuel.jpg); background-repeat: no-repeat; background-position: bottom left; padding-top: 29px; height: 134px; width: 821px }
.lien-bandeau { color: #DED4CB; font-family: Arial; font-size: 9px; text-decoration: none; border-left: 1px solid #F1A900; padding-left: 1px; height: 18px }
.lien-bandeau:hover { color: #FFFFFF; text-decoration: none }
.separateur-bandeau { padding-left: 25px }

td.recherche { background-image: url(images/bandeau/ligne-recherche.gif); background-repeat: no-repeat; padding-left: 30px }
.logo-brise { margin: 0px 0px 12px 46px }
p.recherche { color: #DED4CB; font-family: Arial; font-size: 11px; font-weight: bold; margin: 0px 0px 2px 2px }
input.recherche { color: #000000; font-family: Arial; font-size: 11px; text-align: right; background-color: #DED4CB; border: none; padding-right: 3px; margin: 2px 7px 3px 0px; width: 108px }
a.bouton { color: #87605A; font-family: Arial; font-size: 11px; text-decoration: none; background-color: #DED4CB; padding: 1px 14px 1px 15px; height: 16px }
a.bouton:hover { background-color: #FFFFFF; text-decoration: none }
a.boutonhaut { color: #DED4CB; font-family: Arial; font-size: 11px; text-decoration: none; background-color: #87605A; padding: 1px 14px 1px 15px; height: 16px }
a.boutonhaut:hover { background-color: #FFFFFF; text-decoration: none }
a.recherche { color: #F1A900; font-family: Arial; font-size: 11px; text-decoration: none; padding-left: 62px }

/* CHEMIN */
body.chemin { color: #DED4CB; font-family: Arial; font-size: 11px; background-color: #3F2B1D; background-image: url(images/bandeau/ligne-chemin.gif); background-repeat: repeat-y; padding: 6px 0px 0px 207px }
.lien-chemin { color: #DED4CB; font-family: Arial; font-size: 11px; text-decoration: none }
.lien-chemin:hover { color: #FFFFFF; text-decoration: none }

/* MENU */
body.menu { background-color: #87605A; padding-top: 25px }
p.menu-niv1 { color: #F1EEE9; font-family: Arial; font-size: 12px; font-weight: bold; text-align: right; background-image: url(images/menu/puce-niv1.gif); background-repeat: no-repeat; background-position: top right; padding: 0px 16px 0px 0px; margin: 20px 0px 5px 5px }
p.menu-niv1-on { color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-align: right; background-image: url(images/menu/puce-niv1-on.gif); background-repeat: no-repeat; background-position: top right; padding: 0px 16px 0px 0px; margin: 20px 0px 5px 5px }
a.menu-niv1 { color: #F1EEE9; text-decoration: none }
a.menu-niv1:hover { color: #FFFFFF; text-decoration: none }
p.menu-niv2 { color: #4C4439; font-family: Arial; font-size: 12px; text-align: right; background-color: #AB9080; padding: 5px 16px 5px 5px; margin: 0px }
p.menu-niv2-on { color: #C60845; font-family: Arial; font-size: 12px; font-weight: bold; text-align: right; background-color: #AB9080; padding: 5px 16px 5px 5px; margin: 0px }
a.menu-niv2 { color: #4C4439; text-decoration: none }
a.menu-niv2:hover { color: #C60845; text-decoration: none }
a.menu-niv2-rouge { color: #C60845; text-decoration: none }

/* ACCES */
body.acces { color: #FBF2EB; font-family: Arial; font-size: 11px; font-weight: bold; background-color: #87605A; padding: 20px 0px 0px 18px }
p.acces-texte { color: #FBF2EB; font-family: Arial; font-size: 11px; font-weight: bold; margin: 0px 0px 21px 0px }
p.acces { color: #FBF2EB; font-family: Arial; font-size: 11px; font-weight: normal; background-image: url(images/acces/puce-acces.gif); background-repeat: no-repeat; padding: 0px 10px 0px 23px; margin: 0px 10px 26px 0px }
a.acces { color: #FBF2EB; text-decoration: none }
a.acces:hover { color: #F1A900; text-decoration: none }

/* ACCUEIL */
body.accueil{
  scrollbar-arrow-color: #AB9080;
  scrollbar-face-color: #EFE7E2;
  scrollbar-3dlight-color: #EFE7E2;
  scrollbar-highlight-color: #AB9080;
  scrollbar-darkshadow-color: #EFE7E2;
  scrollbar-shadow-color: #AB9080;
  scrollbar-track-color: #EFE7E2;
  background-color: #EFE7E2;
}

td.accueil { vertical-align: top; background-color: #F9F5F4; padding: 0px 30px 18px 50px }
td.cadre-accueil { vertical-align: top; padding: 6px 0px 0px 18px; width: 153px }

h2 { color: #000000; font-family: Arial; font-size: 14px; font-weight: bold; background-image: url(images/accueil/puce-h2.gif); background-repeat: no-repeat; padding: 0px 0px 0px 20px; margin: 18px 0px 10px 0px }
h2.cadre { color: #3F2B1D; font-family: Arial; font-size: 11px; font-weight: bold; background-image: url(images/accueil/puce-cadre.gif); background-repeat: no-repeat; padding: 0px 0px 0px 15px; margin: 13px 0px 14px 0px }
h3 { color: #C60845; font-family: Arial; font-size: 11px; font-weight: bold; margin: 0px 0px 10px 0px }
p { color: #000000; font-family: Arial; font-size: 11px; margin: 10px 0px 0px 0px }
a { color: #87605A; text-decoration: none }
a:hover { text-decoration: underline }
.info { color: #87605A; font-weight: normal }
img.photo { margin: 0px 24px 5px 0px }
td.savoir { text-align: right; vertical-align: top; padding: 3px 24px 0px 0px }
td.lien-tout { color: #F19500; font-family: Arial; font-size: 11px; text-align: right; vertical-align: top; padding-bottom: 16px }
a.lien-tout { color: #F19500; text-decoration: none }