body { font-family: Verdana,Arial,Helvetica,sans-serif;
    min-height: 100%;
    margin-top: 0%;
    margin-left: 5%;
    margin-right: 0%;
    position: absolute;
    clear: both;
    font-size: small;
    background-color: rgb(180, 200, 225);
    }

  .haut { width: 95%;
    min-width: 95%;
    height: 5%;
    max-height: 5%;
    margin-left: -5%;
    margin-right: -5%;
    background-color: rgb(0, 140, 200);
    text-align: right;
    font-style: italic;
    font-variant: small-caps;
    font-weight: bold;
    color: rgb(255, 255, 0);
    font-size: 2em;
    position: relative;
    padding-right: 5%;
    }

  .Contenu { top: 5%;
    left: 4%;
    right: 0%;
    width: auto;
    height: 92%;
    position: fixed;
    float: right;
    text-align: center;
    color: rgb(0, 0, 0);
    background-color: rgb(180, 200, 225);
    overflow: auto;
    }

  .bas { width: 96%;
    min-width: 96%;
    height: 3%;
    max-height: 3%;
    margin-left: -5%;
    background-color: rgb(0, 140, 200);
    text-align: left;
    font-style: italic;
    color: rgb(255, 255, 0);
    font-size: 1em;
    position: relative;
    top: 404px;
    padding-left: 4%;
    padding-bottom: 0.25em;
    left: 22px;
    }

  .bas a { font-weight: bold;
    }

  .bas a:link { color: rgb(0, 255, 255);
    }

  .bas a:hover { color: black;
    }

  .bas a:visited { color: rgb(0, 255, 255);
    }

  .gauche { top: 5%;
    width: 4%;
    height: 92%;
    background-color: rgb(0, 140, 200);
    font-size: 1.5em;
    color: rgb(0, 0, 0);
    text-align: center;
    font-weight: bold;
    position: fixed;
    float: right;
    }

  h2, h3, h4, h5, h6, ul, li, ol { text-align: left;
    }

  h2, h3, h4, h5, h6 { border-bottom: 1pt solid;
    margin-right: 5%;
    color: rgb(30, 50, 195);
    }

  p { text-align: justify;
    margin-left: 0%;
    margin-right: 10%;
    }

  h1 { border-bottom: 2pt solid rgb(240, 9, 9);
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    font-variant: small-caps;
    margin-left: -5%;
    margin-right: 5%;
    margin-bottom: 5%;
    }

  h2:before {  }

  h2 { font-size: large;
    font-style: italic;
    margin-top: 3%;
    margin-left: -3%;
    }

  h3:before {  }

  h3 { font-style: italic;
    font-size: medium;
    margin-left: -1%;
    margin-top: 5%;
    }

  h4:before {  }

  h4 { font-style: italic;
    margin-left: 2%;
    }

  h5:before {  }

  h5 { margin-left: 4%;
    }

  ul { padding: 0pt;
    margin-right: 5%;
    list-style-type: none;
    text-align: left;
    }

  ul > li { margin: 0em 2em;
    background-image: url(Images/BLUEBALL.gif);
    background-repeat: no-repeat;
    background-position: 0pt 0.25em;
    padding-left: 1.5em;
    text-align: left;
    }

  ol { padding: 0pt;
    margin-right: 5%;
    list-style-position: outside;
    }

  ol > li { margin: 0em 2em;
    padding-left: 0em;
    text-align: left;
    }

  li { padding-bottom: 0px;
    }

  .author { font-weight: bold;
    text-align: center;
    font-size: small;
    }

  .caption { font-weight: bold;
    text-align: center;
    }

  .underlined { border-bottom: 1px solid rgb(102, 102, 102);
    }

  .figure { text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    }

  .caption { font-weight: bold;
    text-align: center;
    }

  .underlined { border-bottom: 1px solid rgb(102, 102, 102);
    }

  .bold { font-weight: bold;
    }

  .code { font-family: "courier new",courier;
    color: rgb(50, 100, 25);
    }

  .code-terminal { font-family: "courier new",courier;
    color: black;
    border:solid 1px black;
    background-color:white;
    padding:5px;

    }

  .repertoire { font-family: Arial,"courier new",courier;
    color: rgb(75, 0, 0);
    font-weight: bold;
    }

  .fichier { font-family: Arial,"courier new",courier;
    color: rgb(75, 0, 0);
    font-weight: bold;
    font-style: italic;
    }

  .attention { border: 1px dashed rgb(255, 0, 0);
    padding: 0.5em;
    display: block;
    background-color: rgb(215, 210, 235);
    }

  .attention:before { display: block;
    font-weight: bold;
    color: rgb(255, 0, 0);
    content: " Attention : ";
    }

  .astuce { border: 1px dashed rgb(0, 128, 0);
    padding: 0.5em;
    display: block;
    background-color: rgb(215, 235, 211);
    }

  .astuce:before { display: block;
    font-weight: bold;
    color: rgb(0, 127, 0);
    content: " Astuce : ";
    }

  table, th { border: thin solid rgb(0, 0, 50);
    font-style: italic;
    font-size: medium;
    margin-right: 5%;
    border-collapse: collapse;
    text-align: center;
    table-layout: auto;
    background-color: rgb(200, 210, 235);
    }

  th { border: medium solid rgb(0, 0, 50);
    }

  td, tr { border: thin solid rgb(0, 0, 0);
    padding: 0.25em 1em;
    font-style: normal;
    color: black;
    text-align: center;
    }

  a:link { color: rgb(0, 0, 255);
    text-decoration: underline;
    }

  a:visited { color: rgb(200, 0, 200);
    text-decoration: underline;
    }

  a:hover { color: rgb(255, 0, 0);
    text-decoration: underline;
    }

  .question { background-color: rgb(0, 140, 200);
    }