body {
          font-family : Verdana, Arial, Helvetica, sans-serif;
          margin : 0;
          padding : 0;
      }
    p {
          margin : 0 0 10px;
          padding : 0;
      }
    img {
          border : none;
      }
    #header {
          height : 135px;
          border-bottom : 1px solid #960;
          background-color : #ffffcc;
      }
    #haut {
          height : 30px;
      }
    #conteneur {
          position : absolute;
          width : 100%;
          background-color : #ecf2c9;
      }
    #centre {
          margin-left : 200px;
          margin-right : 200px;
      }
    #comment {
          margin-left : 200px;
          margin-right : 200px;
      }
    #gauche {
          float : left;
          width : 200px;
      }
    #droite {
          float : right;
          width : 200px;
      }
    #pied {
          clear : both;
          height : 30px;
      }
    #haut {
          list-style-type : none;
          margin : 0;
          padding : 0;
      }
    #haut li {
          display : inline;
      }
    #haut a {
          margin : 0 2px;
          color : #000000;
          text-decoration : underline;
      }
    #haut a:hover {
          text-decoration : none;
      }
    div#centre {
          padding : 0;
          text-align : justify;
      }
    div#centre {
          margin : 0 200px -5px;
      }
    div#centre div#mainimage {
          width : 180px;
          float : left;
          margin : 0 8px 4px 0;
      }
    div#centre div#mainimage img {
          border : 1px solid #960;
      }
    div#centre div#mainimage p {
          font-size : 0.65em;
          margin : 0 5px;
          color : #c60;
      }
    div#centre h1 {
          font-size : 1.4em;
          font-variant : small-caps;
          margin-top : 0.8em;
          font-family : 'comic sans MS', verdana, sans-serif;
          color : #960;
      }
    div#centre p {
          font-size : 0.8em;
          margin-top : 0;
          margin-bottom : 0.9em;
      }
    div#centre li {
          font-size : 0.75em;
      }
    div#centre blockquote {
          width : 200px;
          float : right;
          font-size : 0.7em;
          border-top : 3px dotted #960;
          border-bottom : 2px dotted #960;
          margin : 0 10px;
          padding : 6px 10px;
      }
    div#centre blockquote p {
          margin : 0;
          font-style : italic;
      }
    div#centre a {
          text-decoration : underline;
          color : #c60;
      }
    div#centre a:hover {
          color : #960;
          text-decoration : none;
      }
    div#centre q {
          font-style : italic;
          color : #c30;
      }
    div#centre cite {
          font-style : italic;
          color : #c30;
      }
    div#comment {
          padding : 4px 0;
          font-size : 0.6em;
          border-top : 1px solid #960;
      }
    div#comment p {
          text-align : left;
      }
    div#gauche {
          list-style-type : none;
          margin : 0;
          padding : 0;
      }
    div#gauche ul {
          border : 0;
          margin : 20px 1.25em 12px;
          padding : 0;
          list-style-type : none;
          font-weight : bold;
          font-size : 0.75em;
      }
    div#gauche li {
          border-bottom : 2px dotted #960;
          margin : 0;
          padding : 0.3em;
          text-indent : 0.5em;
      }
    div#gauche a {
          text-decoration : none;
          color : #c60;
      }
    div#gauche a:hover {
          color : #960;
      }
    html div#gauche ul {
          border-top : 2px dotted #960;
      }
    div#droite {
          list-style-type : none;
          margin : 0;
          padding : 0;		  
      }
	div#droite img {
	      float : right;
     } 
    div#droite ul {
          border : 0;
          margin : 20px 1.25em 12px;
          padding : 0;
          list-style-type : none;
          font-weight : bold;
          font-size : 0.75em;
      }
    div#droite li {
          border-bottom : 2px dotted #960;
          margin : 0;
          padding : 0.3em;
          text-indent : 0.5em;
      }    
    div#droite a {
          text-decoration : none;
          color : #c60;
      }
    div#droite a:hover {
          color : #960;
      }
    html div#droite ul {
          border-top : 2px dotted #960;
      }
    div#pied {
	      color : #c60;
          padding : 4px 0;
          font-size : 0.6em;
          text-align : center;
          background-color : #dee7b6;
          border-top : 1px solid #960;
          border-bottom : 2px solid #960;
      }
    div#pied ul {
          margin : 2px 0;
      }
    div#pied li {
          display : inline;
          color : white;
          border-left : 1px solid;
          color : #c60;
          padding : 0 5px 0 9px;
      }
    div#pied li:first-child {
          border-left : 0;
      }
    div#pied ul li a {
          text-decoration : none;
          color : #c60;
      }
    div#pied ul li a:hover {
          text-decoration : underline overline;
          color : #960;
      }
    div#pied ul.fineprint li {
          color : #c60;
      }
    div#pied ul.fineprint li a {
          color : #c60;
      }
    div#pied ul.fineprint li a:hover {
          color : #960;
      }