body {
          background : #82ffef; /* #c5efbe */ 
          color : #804000;
          font-family : verdana, helvetica, arial;
          text-align : justify;
          margin-left : 6%;
          margin-right : 6%;
      }

img.tete {
position : absolute;
top : 4ex;
left : 2ex;
width : 119px; /*80*/
height : 99px; /*66*/
background : #ffff00 url(../imapa33/fondvert.jpg);
z-index : 3;
}

img.entini {
     position : absolute;
     top : 5%;
     left : 4%;
     z-index : 3;
}

    a:link {
          color : blue;
          text-decoration : none;
      }
    a:visited {
          color : green;
          text-decoration : none;
      }
    a:active {
          color : red;
          text-decoration : none;
      }
    a:hover {
          color : #000080;
          background : yellow;
          font-weight : bold;
          text-decoration : none;
          padding-right : 0.5ex;
          padding-left : 0.5ex;
      }
    a div {
          display : none;
      }
    a:hover div {
          display : inline;
          position : absolute;
          background : yellow;
          text-align : justify;
          text-decoration : none;
          font-size : 14px;
      }


    h1 {
          margin-left : 8%;
          margin-right : 8%;
          color : #008000;
          text-align : center;
          padding : 1%;
          font-size : 125%;
      }


    h2 {
          background : #c0c0c0;
          margin-left : 8%;
          margin-right : 8%;
          color : #008000;
          text-align : center;
          border-style : outset;
          padding : 1%;
      }
    h3 {
          font-size : 115%;
          text-indent : 0%;
          color : #804000;
          text-align : center;
      }
    h4 {
          font-size : 105%;
          text-indent : 0%;
          color : #008000;
      }
    p {
          text-align : justify;
          text-indent : 0;
      }
    p.small {
          font-size: 80%;
      }
    b, strong, i, em {
          color : #008000;
      }
    i, em {
          font-size : 105%;
      }
    blockquote {
          padding: 0;
      }
    img {
          border: 0;
          margin: 0.2ex;
      }
    img.imadro {
          float: right;
          margin-right: 0;
          margin-left: 1ex;
          vertical-align: middle;
      }
    img.imagau {
          float: left;
          margin-right: 1ex;
          margin-left: 0;
          vertical-align: mmiddle;
      }
    select {
          background: yellow;
          width: 24ex;
      }
    .cita {
          font-size : 90%;
          margin-left : 5%;
          text-indent : 0;
          line-height : 150%;
          color : #000000;
      }
    .no {
          text-indent : 0%;
      }
    .center {
          text-align : center;
          text-indent : 0%;
      }
    img.center {
          vertical-align : middle;
      }
    .right {
          text-align : right;
          text-indent : 0%;
      }
    .note {
          font-size : 80%;
          vertical-align : 40%;
      }
    .blue {
          color : #0000ff;
      }
    .green {
          color : #000080;
      }
    .black {
          color : #000000;
      }
    .lettrine {
          font-size : 280%;
          font-weight : bold;
          line-height : 80%;
          font-style : italic;
          margin-top : -1ex;
          margin-right : 0.2ex;
          margin-bottom : 0.2ex;
          margin-left : 0ex;
          float : left;
      }
    .lettri {
          font-size : 300%;
          font-weight : bold;
          line-height : 75%;
          margin-right : 0.2ex;
      }
    .surli {
           background : #ffffff;
      }
    .surli2 {
          background : yellow;
      }
    .petit {
          font-size : 80%;
      }
    div {
          margin-top : 1ex;
          margin-right : 2%;
          margin-bottom : 1ex;
          margin-left : 2%;
          text-align : justify;
          text-indent : 0%;
          padding-top : 1ex;
          padding-right : 4ex;
          padding-bottom : 1ex;
          padding-left : 4ex;
     }

    .fondjaune { 
	  background : yellow; 
	  border : 3px black solid; 
      }

    div a:active {
          background : #ffffff;
          color : red;
      }
    div a:hover {
          background : #c5efbe;
      }
    div a:visited {
          color : #000080;
      }

/* bgcolor="#ffffff" align="center" border="1" bordercolor="#008000" cellpadding="9" */

    table {
          background : #ffffff;
          margin-top : 2ex;
          margin-right : 5%;
          margin-bottom : 2ex;
          margin-left : 5%;
          border : double 0.4ex #008000;
          width : 89%;
      }
    table.wilda {
          padding : 0.5ex;
          border : 6px outset #ffffff;
          vertical-align : middle;
          text-align : center;
          margin-right : 17%;
          margin-left : 17%;
          width : 65%;
      }
    td {
          vertical-align : center; 
	horizontal-align: middle; 
	ext-align:center; 
	width;auto;
       }
    td p {
          text-indent : 0%;
          padding : 1ex;
      }
    td b, td strong, td i, td em {
          color : #008000;
      }
    td a:active {
          background : #ffffff;
          color : #ff0000;
      }
    td a:hover {
          background : #c5efbe;
      }
    td span.surli {
          background : #c5efbe;
      }

/* border="1" cellspacing="0" cellpadding="4" */

    table.tabdro {
          margin-right: 0;
          border: 0.5ex;
          padding: 0.2ex;
          border-color: #008000;
          background : #ffffff;
          width: auto;
          text-align: center;
          float: right;
      }
    table.tabgau {
          margin-top : 1%;
          margin-right : 2%;
          margin-bottom : 1%;
          margin-left : 0%;
          text-align : left;
          width : 25%;
          font-size : 80%;
      }
    hr {
          height : 0.8ex;
          color : #804000;
          background : #804000; /* Netscape! */ 
      }
    hr.short {
          margin-right : 70%;
          margin-left : 0;
      }
    div hr.short {
          margin-right : 50%;
          margin-left : 0;
      }
    hr.dr {
          margin-right : 0;
          margin-left : 70%;
      }
    ul {
          text-indent : -1em;
          list-style-image : url(../imapa33/etrouge.gif);
      }
    li {
          list-style-position : inside;
          margin-left : -0.5em;
          list-style-image : url(../imapa33/losa.gif);
          text-indent : -1em;
          line-height : 150%;
      }
    ul ul li {
          list-style-image : none;
          list-style-type : circle;
          font-size : 80%;
      }

		/* boutons */ 

    a.bout {
          color: black; 	
          border: 4px outset #ffffff; 
          padding-right: 0.5ex; 
          padding-left: 0.5ex; 
          background: #efefef; /* doré = #d5d793 */
}
    a:hover.bout {
          background: #ffff00; 
          border: 4px inset #ffffff; 
          font-size: 100% ; 
          font-weight: bold; 
}
    a:visited.bout { 
}

    a:link.bout2 {
          color: black; 	
          border: 4px outset #ffffff; 
          padding: 1px; 
          background: #efefef; /* doré = #d5d793 */
}
    a:hover.bout2 {
          background: #ffff00; 
          border: 4px outset #ffffff; 
          font-size: 100% ; 
          font-weight: bold; 
}
    a:visited.bout2 { 
          display: none; 
}
		/* fin des boutons */ 


    .ql {
          float : left;
          width : 200px;
          border-width : medium;
          border-color : #ff0000;
          margin-top : 10px;
          margin-right : 1em;
          margin-bottom : 10px;
          margin-left : 1em;
          color : #008000;
          background : #ffff00;
          padding : 10px;
          font-size : 80%;
          text-align : left;
          text-indent : 0;
      }
    .qr {
          float : right;
          width : 200px;
          border-width : medium;
          border-color : #ff0000;
          margin-top : 10px;
          margin-right : 1em;
          margin-bottom : 10px;
          margin-left : 1em;
          color : #008000;
          background : #ffff00;
          padding : 10px;
          font-size : 80%;
          text-align : right;
          text-indent : 0;
      }

table.visite {margin-top: 6em; margin-bottom: 4em; background: ffffcc; border:2px; 
}
table.visite td ­{border:0; text-align: center; 
}
.nobr {white-space: nowrap}