BODY
{
  color: #000000;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}

body
{
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans serif;
  font-size:   12px;
  font-weight: normal;
  color: #000000;
}

/* Navigation */

        :link { color: #039; }
        :visited { color: #636; }
        :link:hover, :visited:hover { color: #333; }
        :link:active, :link:active { color: #000; }

h1
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   20px;
  font-weight: bold;
  background-color: #eeeeee;
  color:       #424f71;
  border-bottom: solid 1px #D23C3C;

  margin-top: 0px; margin-bottom: 1px;
}

h2
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   16px;
  font-weight: bold;
  background-color: inherit;
  color:       #000000;
  border-bottom: dotted 1px #000000;
}

h3
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   12px;
  font-weight: bold;
  background-color: inherit;
  color:       #000000;
  border-bottom: dotted 1px #000000;
}

p.paragraphe
{
  background-color: #f5f5ff;
  padding: 6px;
  margin-top: 0px; margin-bottom: 10px;
}

.verdana14noir
{
  font-family: Verdana, sans serif;
  font-size:   14px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

.arial14noir
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   14px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

.verdana12noir
{
  font-family: Verdana, sans serif;
  font-size:   12px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

.arial12noir
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   12px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

.verdana10noir
{
  font-family: Verdana, sans serif;
  font-size:   10px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

.arial10noir
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   10px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

.arial08noir
{
  font-family: Arial, Helvetica, sans serif;
  font-size:   11px;
  font-weight: normal;
  background-color: inherit;
  color:       #000000;
}

ul
{
   margin-top: 2px;
   margin-bottom: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
}

/* menu de navigation */

#navBar {
        width: 120px;
        /* font: 70% verdana, sans-serif; */
}

#navBar A {
        display: block;
        height: 15px;
		line-height: 15px;
        width: 100%;
        margin-top: 1px;
        text-decoration: none;
        color: #000;
        padding: 2px 0px 0px 0px;
        clear: both;

		border-bottom: solid #dfdfdf 1px;
		border-top: solid #dfdfdf 1px;
}

#navBar A:hover {
		border-bottom: solid #666666 1px;
		border-right: solid #666666 1px;
		border-top: solid #bbbbbb 1px;
		border-left: 0px;
}

#navBar A .linkText {
        float: left;
        margin-left: 4px;
        padding: 0px;
        cursor: pointer;
   /*   cursor: hand;   */
}

#navBar .redBit {
        display: block;
        float: left;
        overflow: hidden;
        width: 6px;
        height: 6px;
        margin-left: 12px;
        margin-top: 4px;
        border: 1px solid black;
        background-color: #ffffff;
}

#navBar .redBit2 {
        display: block;
        float: left;
        overflow: hidden;
        width: 6px;
        height: 6px;
        margin-left: 12px;
        margin-top: 4px;
        border: 1px solid black;
        background-color: #dd3333;
}

#navBar A:hover, #navBar A:hover * {
        background-color: #ffffff;
}


#navBar A:hover .redBit {
        background-color: #b51000!important;
}

#navBar A:hover .redBit2 {
        background-color: #dd3333;
}

#saint
{
		position: absolute;
		top: 100px; left: 220px;
}

.imagefade {
        filter:alpha(opacity="30");
}