body { padding: 0pt 0pt 20px;
    background: rgb(119, 174, 73) none repeat scroll 0%;
    font-family: arial,tahoma,verdana,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 83%;
    font-size-adjust: none;
    font-stretch: normal;
    }

  #content { margin: 20px auto;
    padding: 13px 50px;
    background: rgb(255, 255, 255) none repeat scroll 0%;
    width: 622px;
    text-align: justify;

    }

  #contenant { margin: 20px auto;
    padding: 0pt;
    background: transparent url(images/page-fond.jpg) repeat-y scroll 0%;
    width: 792px;
    text-align: left;

    }

  #contenant  hr {  border: medium none ;
       margin: 0px 0pt 0pt 30px ! important;
    color: rgb(219, 219, 217);
    width: 92% ;
    background-color: rgb(219, 219, 217);
    height: 1px;
text-align:center;
    }


  #entete { margin: 0pt;
    background: transparent url(images/entete-top.jpg) no-repeat scroll center top;
    position: relative;

    height: 185px;
    }

  #entete p { margin: 0pt;
    padding: 0pt;
    background: transparent url(images/entete-bandeau.jpg) no-repeat scroll center top;
    position: relative;
    top: 29px;
    height: 141px;

    }

  #entete p span { display: none;
    }

  a:link { color: rgb(0, 102, 153);
    }

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

  a:hover, a:active { color: rgb(204, 0, 0);
    }

  form.f-wrap-1 fieldset { margin: 0pt 1em;
    width: auto;
    }

  p, ul, ol { margin: 0pt 0pt 1.5em;
    }

  h1, h2, h3, h4, h5, h6 { border-bottom: 1px solid rgb(238, 238, 238);
    margin: 1.2em 0pt 0.3em;
    letter-spacing: -1px;
    font-family: arial,verdana,sans-serif;
    color: rgb(0, 0, 0);
    padding-bottom: 0.1em;
    }

  h1 { font-size: 196%;
    margin-top: 0.6em;
    }

  h2 { font-size: 136%;
    }

  h3 { font-size: 126%;
    }

  h4 { font-size: 116%;
    }

  h5 { font-size: 106%;
    }

  h6 { font-size: 96%;
    }

  small { font-size: 11px;
    }

  ul { margin: 0.3em 0pt 1.5em;
    list-style-type: none;
    }

  ul.related { margin-top: -1em;
    }

  ol { margin: 0.5em 0.5em 1.5em;
    }

  ol li { background: transparent none repeat scroll 0% 50%;
    margin-left: 1.4em;
    padding-left: 0pt;
    list-style-type: decimal;
    }

  li { background: transparent url(images/sprites.gif) no-repeat scroll 0pt 50%;

    line-height: 1.4em;
    padding-left: 25px;
    }


  ul.nomarker li { background: transparent none repeat scroll 0% 50%;

    padding-left: 0pt;
    }

  dl { margin: 0pt 0pt 1em;
    }

  dt { font-weight: bold;
    margin-top: 1.3em;
    }

  dl dl { margin: 0pt 0pt 1.5em 30px;
    }

  img { border: medium none ;
    }

  hr { border: medium none ;
    margin: 1em 0pt;
    background: rgb(242, 242, 242) none repeat scroll 0% 50%;
    height: 1px;
    color: rgb(242, 242, 242);
    clear: both;
    }

  #header { margin: 0pt 17px 18px;
    padding: 0pt 0pt 0px;
    background: rgb(173, 206, 127) none repeat scroll 0% 50%;

    }

  #nav, #nav ul { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  #nav { margin: 0pt 0px;
    height: 25px;
    font-family: arial;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 94%;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    position: relative;
    }

  #nav li { border-right: 2px solid rgb(119, 174, 73);
    border-bottom: 2px solid rgb(119, 174, 73);
    margin: 0pt;
    padding: 0pt;
    background: rgb(173, 206, 127) none repeat scroll 0% 50%;
    position: relative;
    float: left;
    width: 10em;
    display: block;
    font-family: arial;
    }

  #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { padding: 4px 25px 2px;
    text-decoration: none;
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: block;
    }

  #nav a:hover { 
	color: rgb(0, 0, 0);
    background-color: rgb(217, 231, 208);
    font-family: arial;
    }

  #nav li ul , #nav li ul.first{ border-left: 1px solid rgb(204, 0, 0);
    background: rgb(240, 252, 232) scroll 100% 50%;
	
    width: 12.8em;
    font-size: 90%;
    margin-top: 2px;
    position: absolute;
    font-weight: normal;
    left: -999em;
    }

  #nav li:hover ul, #nav li.sfhover ul { left: 0pt;
    z-index: 99999;
    color: rgb(0, 0, 0);
    background-color: rgb(217, 231, 208);
  
    }

  #nav li li { 
    
    border-style: solid none;
    border-color: rgb(255, 255, 255);
    border-width: 0px medium;
    background: transparent none repeat scroll 0% 50%;

    float: none;
    padding-left: 0pt;
    }
  #nav li li , #nav li li.active  { 
     border-bottom: 1px solid rgb(255, 255, 255);}
  
  #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover { border: 3pt none rgb(255, 255, 255);
    padding: 3px 10px 2px;
    color: rgb(0, 0, 0);
    width: 11em;
    }

  #nav li li a:hover { 
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 50%;
    background-color: rgb(173, 206, 127);
    color: rgb(0, 0, 0);
    font-family: arial;
    }

  #nav li.active { border-bottom: 2px rgb(204, 0, 0) solid;
    background: rgb(204, 0, 0) none repeat scroll 0% 50%;color: rgb(255, 255, 255);}

  #nav li.active ul { border-style: none none none solid;
    border-width: medium medium medium 0px;
    border-left: 1px solid rgb(204, 0, 0);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 50%;
    background-color: rgb(217, 231, 208);
    color: rgb(0, 0, 0);
    }
    
  #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover {color: rgb(255, 255, 255);}

#nav li.active a:active {color: rgb(0, 0,0);}

  #nav li.active a:hover { color: rgb(0, 0, 0);
    }

  #nav li.active li { border-style: solid none;
    border-color: rgb(255,255,255) ;
    border-width: 1px ;
    }



  #nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active { color: rgb(0,0,0);
    }

  #nav li.active li a:hover { background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0pt 99%;
    color: rgb(0, 0, 0);
    background-color: rgb(173, 206, 127);
    }

  #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active { background: rgb(204, 0, 0) 0pt 99%;
    color: rgb(255, 255, 255);
    font-weight: bold;
    }

  #nav li { width: auto;
    }
    
  #nav li li.last , #nav li.active li.last   { border-style: none none none solid;
    border-width: medium medium medium 1px;  
    border-bottom: 1px solid rgb(204, 0, 0);

 
    
    }

  #wrap { margin: 0pt auto;
    min-width: 770px;
    max-width: 1200px;
    }

  #content-wrap { width: 100%;
    }

  #content-wrap  hr { border: 0pt none ;
    margin: 30px 0pt 0pt 30px ! important;
    color: rgb(219, 219, 217);
    width: 90% ! important;
    background-color: rgb(219, 219, 217);
    height: 1px;
    }

  #content { margin: 0pt 50px;
    }

  ol.code { font-family: monospace;
    position: relative;
    }

  ol.code li { color: rgb(102, 102, 102);
    margin-bottom: 1px;
    }

  ol.code code { color: rgb(0, 0, 0);
    display: block;
    }

  ol.code .cmt { color: rgb(64, 119, 210);
    }

  li.tab0 code { padding-left: 4em;
    }

  li.tab1 code { padding-left: 8em;
    }

  li.tab2 code { padding-left: 12em;
    }

  li.tab3 code { padding-left: 16em;
    }

  li.tab4 code { padding-left: 20em;
    }

  li.tab5 code { padding-left: 24em;
    }

  ol.code li { background: rgb(243, 243, 243) url(images/td_bg.gif) no-repeat scroll 100% 50%;
    }

  p.note { border: 1px solid rgb(221, 221, 221);
    margin: 1em;
    padding: 1em;
    background: rgb(240, 240, 240) none repeat scroll 0% 50%;
    }

#bloc-photo { margin: 50px;
   padding: 0px 0px;
    width: 672px; 
background: rgb(255, 255, 255) none repeat scroll 100%;
    }


  #pied { margin: 0pt;
    padding: 5pt 3px 0pt 0pt;
    background: transparent url(images/pied-fond.jpg) no-repeat scroll center bottom;
    font-size: 9px;
    text-align: center;
    height: 50px;

    z-index: 10;
    }

  #pied hr { border: 0pt none ;
    margin: 30px 0pt 0pt 30px ! important;
    color: rgb(219, 219, 217);
    width: 90% ! important;
    background-color: rgb(219, 219, 217);
    height: 1px;
    }

  #pied p { text-align: center;
    }