@media screen
{

   * {
      color: #222222;
      font-family: Arial,Helvetica,sans-serif;
   }

   body {
      background: #7272ae;
      margin-left:  30px;
      margin-right: 30px;
/*       background-image: url('/fond.gif'); */
   }

   .liencontenu {
      display: none;
   }

   div.page {
      background: #f0f0f0;
      border-color: #404040;
      border-width: 1px;
   }

   div.header, div.foot, div.menu, div.menuitem, div.menu2, div.menu2item,
   div.citation, div.google {
      border-color: #686868;
      border-width: 1px;
   }
   div.page, div.header, div.foot, div.citation, div.google {
      border-style: solid;
   }

   div.header, div.foot, img.menuMail {
      font-size: 60%;
   }

   div.header, div.foot {
      background: #bec3d3;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 8px;
      padding-right: 8px;
      border-left-width: 0px;
      border-right-width: 0px;
   }

   div.header {
      text-align: center;
      border-top-width: 0px;
      border-bottom-width: 1px;
   }

   div.foot {
      text-align: center;
      border-top-width: 1px;
      border-bottom-width: 0px;
      clear: both;   /* Permet au pied de page d'etre toujours en dessous du menu meme si */
                     /* la page est vide et le menu tres grand */
   }
   span.footleft {
      float: left;
      text-align: left;
      margin-right: 20px;
   }
   span.footright {
      float: right;
      text-align: right;
      margin-left: 20px;
   }
   span.url {
      font-family: Courier, monospace;
      white-space: nowrap;
   }
   pre, tt, code, tt * {
      font-family: Courier, monospace;
   }

   div.logomenu {
      float: right;
      text-align: center;
      margin-bottom: 15px;
      margin-left: 20px;
      width: 125px;
   }

   img {
      border-width: 0px;
   }  

   img.logo {
      margin-top: 10px;
      margin-bottom: 0px;
   }

   img.menuMail {
      margin-bottom: 0px;
   }

   div.menu {
      text-align: center;
      border-style: dashed;
      background: #ffeca3;
      white-space: nowrap;
      border-top-width: 0px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 0px;
   }

   div.menuitem {
      border-top-style: dashed;
      border-width: 1px;
      padding-top: 4px;
      padding-bottom: 3px;
      padding-left: 8px;
      padding-right: 10px;
   }

   div.menu2 {
      text-align: left;
      background: #ffe389;
      border-style: dotted;
      margin-top: 1px;
      margin-bottom: 2px;
      border-top-width: 0px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
   }

   div.menu2item {
      border-top-style: dotted;
      border-width: 1px;
      padding-top: 2px;
      padding-bottom: 1px;
      padding-left: 3px;
      padding-right: 4px;
   }

   div.citation, div.google {
      background: #fff4d1;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 5px;
      padding-right: 5px;
   }
   div.citation {
      float: left;
      font-size: 60%;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 0px;
      margin-right: 25px;
      border-top-width: 0px;
      border-bottom-width: 1px;
      border-left-width: 0px;
      border-right-width: 1px;
   }
   div.citationTexte, div.citationAuteur {
      text-align: center;
   }
   div.citationAuteur {
      padding-top: 3px;
      font-size: 80%;
   }
   div.google {
      float: right;
      margin-top: 0px;
      margin-bottom: 10px;
      margin-left: 25px;
      margin-right: 0px;
      border-width: 1px;
   }

   div.texte {
      border-style: none;
      padding-top:  15px;
      padding-bottom: 10px;
      padding-left: 20px;
      padding-right: 20px;
   }

   h1.titre, h1.titre a, h2.titre, h2.titre a, h1.titre sup, h1.titre sub {
      color: #820000;
/*       white-space: nowrap; */
/*       text-decoration: none; */
   }
   h1.titre, h2.titre {
      clear: left; /* place le titre sous la citation */
      text-align: center;
      padding-top:  0px;
      padding-bottom: 0px;
      padding-left: 10px;
      padding-right: 10px;
   }
   h1.titre { font-size: 150%; }
   h1.titre, h1.titre a {
      font-weight: bold;
      letter-spacing: 1px;
   }
   h2.titre { font-size: 125%; }
   h2.titre, h2.titre a {
      font-weight: normal;
   }

   h1.accueil {
      font-size: 100%;
   }
   h2 {
      font-size: 125%;
   }
   h3 {
      font-size: 110%;
   }

   acronym, abbr {
      cursor: help;
   }

   a:link, a:visited, a:hover {
      text-decoration: underline;
   }
   a.item,        a.item:link,        a.item:visited,        a.item:hover,
   a.itemactuel,  a.itemactuel:link,  a.itemactuel:visited,  a.itemactuel:hover,
   a.item2,       a.item2:link,       a.item2:visited,       a.item2:hover,
   a.item2actuel, a.item2actuel:link, a.item2actuel:visited, a.item2actuel:hover,
   a.header,      a.header:link,      a.header:visited,      a.header:hover,
   a.footer,      a.footer:link,      a.footer:visited,      a.footer:hover
   {
      text-decoration: none;
   }
   div.logomenu>a {
      font-size: 70%;
   }
   a.item, a.itemactuel {
      font-size: 80%;
   }
   a.item2, a.item2actuel {
      font-size: 65%;
   }
   a, a *, a.item:link, a.item:visited, a.item2:link, a.item2:visited {
      color: #0000a0;
   }
   a.itemactuel:link, a.itemactuel:visited, a.item2actuel:link, a.item2actuel:visited {
      color: #000000;
   }  
   a:hover, a:hover *, a.item:hover, a.itemactuel:hover, a.item2:hover, a.item2actuel:hover {
      color: #c00000;
   }

   .rightAlign  { text-align: right; }
   .centerAlign { text-align: center; }

   .leftFloat  {
      float: left;
      margin: 10px;
      margin-left: 0px;
      margin-right: 20px;
   }
   .rightFloat {
      float: right;
      margin: 10px;
      margin-left: 20px;
      margin-right: 0px;
   }

   .middleValign {
      vertical-align: middle;
      border-width: 0px;
   }

   table {
      margin-left: auto; 
      margin-right: auto;
      border-collapse: collapse;
      caption-side: top;
      border-spacing: 0px;
      empty-cells: show;
      text-align: center;
   }
   caption {
      margin-left: auto;
      margin-right: auto;
   }
   td, th {
      border-width: 1px;
      border-color: #000000;
      border-style: solid;
      padding-top:  5px;
      padding-bottom: 5px;
      padding-left: 13px;
      padding-right: 13px;
      text-align: center;
   }

   p {
      text-indent: 3ex;
      text-align: justify;
   }

   p.noindent, p.titreListe, p.google, li p { text-indent: 0px; }
   ul.avecTitre { margin-top: 0; }
   p.google, p.titreListe, form { margin: 0; padding: 0; }
   input.text { font-size: 90%; }

   img.separator {
   }

   div.figure {
      text-align: center;
   }

   div.faqlevel {
      border-color: #686868;
      border-style: solid;
      border-width: 0px;
      border-top-width: 1px;
      padding-top:  5px;
   }
   div.faqentry {
      padding-bottom:  10px;
   }
   div.faqquest {
      background: #c3c5f4;
   }
   div.faqresp {
      background: #e0e0f9;
   }

}

@media print
{

   * {
      font-family: Arial,Helvetica,sans-serif;
      color: #000000;
      font-size: x-small;
   }

   h1 { font-size: large; }
   h2 { font-size: medium; }
   h3 { font-size: small; }
   h1.titre, h2.titre { text-align: center; }

   body {
      background: #FFFFFF;
   }

   a, a tt, a.item:link, a.item:visited, a.item2:link, a.item2:visited,
   a.itemactuel:link, a.itemactuel:visited, a.item2actuel:link, a.item2actuel:visited,
   a:hover, a.item:hover, a.itemactuel:hover, a.item2:hover, a.item2actuel:hover {
      color: #000000;
      text-decoration: none;
   }

   div.header, div.foot, div.logomenu, div.citation, div.google, div.liencontenu,
   img.separator {
      display: none;
   }

   table {
      margin-left: auto;
      margin-right: auto;
      border-collapse: collapse;
      caption-side: top;
      border-spacing: 0px;
      empty-cells: show;
      text-align: center;
   }
   caption {
      margin-left: auto;
      margin-right: auto;
   }
   td, th {
      border-width: 1px;
      border-color: #000000;
      border-style: solid;
      padding-top:  5px;
      padding-bottom: 5px;
      padding-left: 13px;
      padding-right: 13px;
      text-align: center;
   }

   pre, tt, code, tt * {
      font-family: Courier, monospace;
   }

   img {
      border-width: 0px;
   }  

   .rightAlign  { text-align: right; }
   .centerAlign { text-align: center; }

   .leftFloat  {
      float: left;
      margin: 10px;
      margin-right: 20px;
   }
   .rightFloat {
      float: right;
      margin: 10px;
      margin-left: 20px;
   }

   .middleValign {
      vertical-align: middle;
      border-width: 0px;
   }

   p {
      text-indent: 20px;
      text-align: justify;
   }

   p.noindent, li p { text-indent: 0px; }


   div.figure {
      text-align: center;
   }

   div.faqlevel {
      border-style: solid;
      border-width: 0px;
      border-top-width: 1px;
      padding-top:  5px;
   }
   div.faqentry {
      padding-bottom:  10px;
   }

}