/*STYLESHEET DONE BY PIERRE BOTTEMANNE*/
/*CONTACT : pylb_etajv@hotmail.com    */


      /*----General-------------*/
      html,
      body {
        height: 100%;
        margin: 0px;
        padding: 0px;
        background-color: rgb(120,128,116);
      }
      body {
        font-family: times;
        font-size: 130%;
        color: black;
      }
      #wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0px auto 0px auto;
        padding: 0px;
        text-align: justify;
      }
      /*----En-tete-------------*/
      #header {
        position: relative;
        width: 100%;
        height: 100px;
        background-color: rgb(120,128,116);
        background-image: url(img/borderh.png);
        background-position: 0px 86px;
        /*background-position: 0px 89px;*/
        background-repeat: repeat-x;
        z-index: 3;
      }
      /*----Titre---------------*/
      #title {
        position: absolute;
        width: 100%;
        /*margin-left: 15px;*/
        top: 2%;
        font-size: 2.6em;
        /*background-image: url(img/borderh2.png);
        background-position: 0px -16px;
        background-repeat: repeat-x;*/
        text-indent: 15px;
      }
      #subtitle {
        position: absolute;
        top: 18px;
        left: 385px;
        /*background-color: red;*/
        font-size: 0.8em;
        font-weight: bold;
        z-index: 5;
      }
      /*----Menu du haut--------*/
      #topmenu {
        position: absolute;
        /*margin-left: 18px;*/
        bottom: -5px;
      }      
      #topmenu a:link,
      #topmenu a:visited,
      #topmenu a:active {
        text-decoration: none;
        color: black;        
        border: 1px solid #000;
        padding: 1px 3px 5px 3px;
        background-color: rgb(140,148,136);
        background-image: url(img/borderh.png);
        background-position: 0px 100%;
        /*background-position: 0px 119%;*/
        background-repeat: repeat-x;
      }
      #topmenu a:hover {        
        text-decoration: none;
        color: black;        
        border: 1px solid #444;
        padding: 1px 3px 5px 3px;
        background-color: rgb(160,168,156);
        background-image: url(img/borderh.png);
        background-position: 0px 100%;
        /*background-position: 0px 119%;*/
        background-repeat: repeat-x;
      }
      #topmenu table {
        border-spacing: 30px 2px;
      }
      /*----Menu du bas---------*/
      #botmenu {
        position: absolute;
        height: 100%;
        width: 195px;
        /*left: -10px;*/
        top: 0px;
        bottom: 0px;
        float: left;
        background-color: rgb(115,63,63);
        /*background-color: rgb(90,110,115);*/
        background-image: url(img/borderv.png);
        background-position: 185px 0px;
        background-repeat: repeat-y;
        /*background-image: url(img/borderh2b.png);
        background-position: 0px 86px;
        background-repeat: repeat-x;*/
        text-align: left;
        line-height: 1.3em;
        z-index: 2;
        color: rgb(178,198,176);
      }
      #botmenu a:link,
      #botmenu a:visited,
      #botmenu a:active {
        text-decoration: none;
        color: rgb(230,230,230);
        /*border: 1px solid #000;*/
        padding: 5px;
        background-color: rgb(115,63,63);
        /*background-color: rgb(90,110,115);*/
      }
      #botmenu a:hover {
        text-decoration: none;
        color: rgb(245,245,245);
        /*border: 1px solid #000;*/
        padding: 5px;
        /*background-color: rgb(140,73,73);*/
      }
      /*----Zone de contenu-----*/
      #content {
        position: absolute;
        left: 185px;
        right: 0px;
        top: 100px;
        bottom: 0px;
        float: right;
      }
      #framediv {
        position: absolute;
        height: 100%;
        width: 100%;
      }
      /*----Mentions legales----*/
      #footer {
        position: absolute;
        /*width: 100%;*/
        bottom: 0px;
        right: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background-color: rgb(204,204,204);
        font-family: serif;
        text-align: right;
      }
      #footer p {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 0.7em;
        color: rgb(84,92,92);
      }
      #footer a:link,
      #footer a:visited,
      #footer a:active {
        color: rgb(84,92,142);
        text-decoration: none;
      }
      #footer a:hover {
        text-decoration: none;
      }
      /*----Shadow overlay------*/
      #shadow {
        position: absolute;
        top: 0px;
        /*width: 100%;
        height: 127px;
        background-image: url(img/borderh2b.png);
        background-position: 0px 97px;
        background-repeat: repeat-x;*/
        left : 0px;
        width: 204px;
        height: 100%;
        background-image: url(img/bordervb.png);
        background-position: 193px 0px;
        background-repeat: repeat-y;
        z-index: 1;
      }
      /*----Clearer-------------*/
      .clearer {
        font-size: 0px;
        height: 0px;
        width: 100%;
        display: block;
        clear: both;
      }