/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { margin: 0px;
    padding: 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    background-color: #fff;
background-image: url(background.jpg);
    color: rgb(0, 0, 0);
    }

  #header { background-image: url(header.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 800px;
    height: 145px;
    }

  #conteneur { margin: 0px auto;
    width: 800px;

    background-image: url(body.jpg);
    background-repeat: repeat-y;
    background-position: center;
    }

  #texte { 
    width: 450px;
    
    margin-left: 40px;
    margin-top: 5px;
    margin-bottom: 10px;
    
    float:left;
 
    }

  #menu { width: 245px;
    padding-right: 14px;
    float: right;
  
    }

  #pied { padding: 10px 50px 0px 0px;
    background-image: url(pied.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    text-align: right;
    clear: both;
    font-size: 10px;
    color: #999;
    }

 #pied a:link, #pied a:visited { 
    color: #ccc;
    text-decoration: none;
    }

  #pied a:hover { 
    background-color: #0166ff;
    color: #fff;
    }

  #nav { width: 200px;
  
    float: right;
    position:absolute;
    }

  #nav a:link, #nav a:visited { border: 1px solid #000;
    margin: 5px 0px 0px 19px;
    padding: 5px 0px 5px 20px;
    color: rgb(255, 255, 255);
    width: 177px;
    display: block;
    font-size: 15px;
    }

  #nav a:hover { border-style: solid;
    border-color: rgb(0, 0, 0) rgb(255, 255, 255);
    border-width: 1px;
    margin: 5px 0px 0px 19px;
    padding: 5px 0px 5px 20px;
    background-color: rgb(255, 255, 255);
    width: 179px;
    color: rgb(0, 0, 0);
    font-size: 15px;
    }

  .title { border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    margin-left: 20px;
    width: 400px;
    font-size: 18px;
    text-align: center;
    }

  .write { padding-left: 10px;
    text-align: center;
    }

  .coment { border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    width: 400px;
    margin-left: 10px;
    text-align: center;
    }

  .coment a:link { 
    color: rgb(128, 128, 128);
    text-decoration: none;
    }

  .coment a:visited {  }

  .coment a:hover { background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-decoration: none;
    }

  .img { border: 2px solid rgb(0, 0, 0);
    }

  .text { border: 1px solid rgb(204, 102, 0);
    background-color: rgb(255, 255, 255);
    }

  .code { border: 3px inset rgb(0, 0, 0);
    padding: 5px;
    background-color: #0066cc;
    width: 400px;
    text-align: center;
    color: #ffffff;
	 margin-left: 15px;
    }

  .quote { border: 3px ridge rgb(0, 0, 0);
    padding: 5px;
    background-color: #0066cc;
    text-align: center;
    width: 400px;
    }

  .hoverbox { cursor: default;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  .hoverbox a { cursor: default;
    }

  .hoverbox a .preview { display: none;
    }

  .hoverbox a:hover .preview { display: block;
    position: absolute;
    top: -333px;
    left: -111px;
    z-index: 1;
    }

  .hoverbox img { border-style: solid;
    border-color: rgb(170, 170, 170) rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
    border-width: 1px;
    padding: 33px;
    background: rgb(255, 255, 255) none repeat scroll 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: inherit;
    vertical-align: top;
    width: 293px;
    height: 423px;
    }

  .hoverbox li { border-style: solid;
    border-color: rgb(221, 221, 221) rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
    border-width: 1px;
    margin: 3px;
    padding: 5px;
    background: rgb(238, 238, 238) none repeat scroll 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: inherit;
    display: inline;
    float: left;
    position: relative;
    }

  .hoverbox .preview { border-color: rgb(0, 0, 0);
    width: 612px;
    height: 792px;
    }

  * html .hoverbox a { position: relative;
    }

  * html .hoverbox a:hover { font-size: 100%;
    z-index: 1;
    }

  * html .hoverbox a:hover .preview { top: -333px;
    left: -111px;
    }

  * html .hoverbox li { position: static;
    }

  .picbox { cursor: default;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  .picbox a { cursor: default;
    }

  .picbox a .preview { display: none;
    }

  .picbox a:hover .preview { display: block;
    position: absolute;
    top: -33px;
    left: -45px;
    z-index: 1;
    }

  .picbox img { border-style: solid;
    border-color: rgb(170, 170, 170) rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
    border-width: 1px;
    padding: 3px;
    background: rgb(255, 255, 255) none repeat scroll 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: inherit;
    vertical-align: top;
    width: 112px;
    height: 84px;
    }

  .picbox li { border-style: solid;
    border-color: rgb(221, 221, 221) rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
    border-width: 1px;
    margin: 1px;
    padding: 3px;
    background: rgb(238, 238, 238) none repeat scroll 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: inherit;
    display: inline;
    float: left;
    position: relative;
    }

  .picbox .preview { border-color: rgb(0, 0, 0);
    width: 320px;
    height: 240px;
    }

  * html .picbox a { position: relative;
    }

  * html .picbox a:hover { font-size: 100%;
    z-index: 1;
    }

  * html .picbox a:hover .preview { top: -35px;
    left: -50px;
    }

  * html .picbox li { position: static;
    }

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

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

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

  p { margin: 0px 0px 10px;
    padding: 0px;
    }