body {
    background: white;
  }

/*body.narrow { 
    background:  url(reservations/affiche.jpeg) no-repeat;
 } */

div.narrow {
    background:  url(reservations/affiche.jpeg) no-repeat;
    padding-left: 213px;
/*    float: right; */
}

h1 {
    font-family : sans-serif;
  }


h2 {
    color : #0000b0;
    font-family : sans-serif;
    font-variant : small-caps;
    margin-left : 0.5em;
  }


a {
    color : blue;
    text-decoration : none;
  }


a:hover {
    color : darkviolet;
    text-decoration : underline;
  }

/* the table of contents - ought to be a div I
know but I want compat with non-css browsers */
td.toc {
    background-color : #b0ffb0;
    padding-left : 0.5em;
    padding-top : 1em;
    padding-bottom: 1em;
  }

/*** PARAGRAPHS ***/
p {
    font-family : serif;
    color: black;
  }

/* icon captions */
p.caption {
    font-size : 9pt;
  }

/* currently selected toc item(s) */
p.currenttoc { 
    margin-left : 2em;
 }

/* important pagewide (or almost) paragraph text */
p.emph {
    color : #974608;
    margin-left : 2em;
    margin-right : 5em;
    text-align : justify;
  }

p.fine-print {
    font-size : 10pt;
  }

/* pagewide (or almost) paragraphs */
p.main {
    margin-left : 2em;
    margin-right : 3em;
    text-align : justify;
  }

/* emph in a table */
p.temph { 
    font-size : 18pt;
    font-style: italic;
    color : black;
 }

p.warning {
    color : red;
    font-variant : small-caps;
    text-align : center;
  }

/* what is about to be deleted */
div.boum {
    border-bottom-color : red;
    border-bottom-style : solid;
    border-left-color : red;
    border-left-style : solid;
    border-right-color : red;
    border-right-style : solid;
    border-top-color : red;
    border-top-style : solid;
  }

/* a table that contains a form */
table.form {
    border-bottom-style : dashed;
    border-bottom-width : 1px;
    border-left-style : dashed;
    border-left-width : 1px;
    border-right-style : dashed;
    border-right-width : 1px;
    border-top-style : dashed;
    border-top-width : 1px;
  }

td.form {
    padding-top : 1em;
    padding-bottom: 1em;
  }

/* for the little symbols put at the beginning of each paragraph */
img.mark {
    float:left;
    padding-right : 1em;
/*    width : 30px; */
  }

/* for the little symbols put at the beginning of each paragraph */
span.mark1 {
    background:  url(images/n1.png) no-repeat;
    float:left;
    padding-right : 1em;
    width : 30px;
    height : 30px;
  }

span.mark2 {
    background:  url(images/n2.png) no-repeat;
    float:left;
    padding-right : 1em;
    width : 30px;
    height : 30px;
  }

span.mark3 {
    background:  url(images/n3.png) no-repeat;
    float:left;
    padding-right : 1em;
    width : 30px;
    height : 30px;
  }

/* if we put a p into each li then only the bullet will be coloured */
ul li {
     color:#99cce5;
}