li { list-style: none inside; }
ol li { list-style: decimal inside;}
ul.inline li { display: inline;}
* { margin: 0; padding: 0; line-height: 1.35em; }
.hidden  { display: none;}
h1.s, h2.s, h3.s, h4.s, h5.s { font-weight: bold; color: #333; font-size: 18px; line-height: 34px; }
h1.s a,h2.s a,h3.s a,h4.s a { color: #333; }
h1.strong, h2.strong, h3.strong, h4.strong { font-size: 200%; }
.strong a { text-decoration: none;}
a { text-decoration: none; }
a img { border: none;} 


body { font-size: 12px;	font-family: Arial, Sans-Serif;	text-align: center;	}
.wrapper  {  margin: 0 auto;  width: 900px;  text-align: left;	}
#header {	height: 120px; position: relative; 	}
  div.hl { float: left; margin: 20px 0; }
    #logo { float: left; }
    p#cartouche { float: left; margin-left: 20px; font-size: 14px;  }
  
  div.hr { float: right; width: 280px;  height: 120px; position: relative; }
    div#languages ul { float: left; margin-top: 20px;  margin: 0; padding: 0; }
    div#languages ul li { margin: 5px; }  
    #search { float: right; }
    #menu { position: absolute; bottom: 0; right: 0; width: 250px;  }
    #menu ul  {	}
    #menu ul li {	float: left; }
    #menu ul li a {	font-weight: normal; text-decoration: none;	display: block;	line-height: 34px;	padding: 0 10px;	font-size: 14px;	color: #FFF;	text-shadow: #333 1px 1px 1px;}
    #menu ul li:hover {	color: #CCC;}
    #menu ul li a:hover {	color: #fff; text-decoration: underline;}
    #menu ul li.current { background: #CCC; }
    #menu ul li.current a { color: black; }

#mantle {  position: relative; }
  .ml { float: left; width: 630px; padding: 20px 0; text-align: left; }
    ul#features li { list-style: square inside; line-height: 1.5em; font-size: 13px; }
  .mr { float: right; width: 250px; padding: 20px 0; text-align: left; }
    a.button { display: block; margin: 5px 0; }
    
    
#main { padding: 20px 0; position: relative; }
  #main_left, #news { float: left; width: 630px;  }
  #main_full { float: left; width: 900px;}
  #side_left { width: 180px; float: left; margin-right: 5px;  color: black; font-size: 11px; font-weight: bold; }
  #side_left ul li { border-bottom: #CCC 1px dotted; padding-bottom: 5px; }
  #main_right { width: 690px; float: right; }
  
#footer { height: 60px; padding-top: .5em; }
  .fl { float: left; width: 630px; }
  .fr { float: right; width: 250px; }
    .fr a { margin-right: 1em; }
    .fr a img { margin-right: .5em; }
    a img { vertical-align: middle; }


.clearfix:after {    content: ".";    display: block;    clear: both;    visibility: hidden;    line-height: 0;    height: 0;}
.clearfix {    display: inline-block;}
html[xmlns] .clearfix {    display: block;}
* html .clearfix {    height: 1%;}



/* MAIN SITE */


  .entry { margin: 1em 0; }
  .post, div.side { border-bottom: #CCC 1px solid; padding-bottom: .5em; }

#sidebar { float: right; width: 250px; }
  .side { margin-bottom: 1em; }
  #dev ul li { font-size: 14px; list-style: square inside; line-height: 1.5em; } 



/* generic */

.code, code {	font-family: Consolas, Monaco, Courier, monospace;}
kbd, code {	padding: 1px 3px;	margin: 0 1px;	font-size: 11px;}

.doc h4 { border-top: gray 1px dotted; margin-top: 1em; padding-top: .4em; }