body {
margin: 10px 0 ; padding: 0 ; text-align: center ; font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #F8F8F8; }
div#conteneur {
width: 85% ; margin: 0 auto ; text-align: left ; border: 2px solid #FF9900 ; background: #F8F8F8; }	
h1.header {
height: 60px ; margin: 0 ; padding: 5px ; }
a.header {
color: #666666 ; font-style: italic ; text-decoration: none ; }
a:hover.header {
color: #FFFFFF ; font-weight: bold ; background: #FF9900 ; }
span #header {
height: 60px ; margin: 0 ; padding: 5px ; }
ul.menu {
height: 25px ; margin: 0 ; padding: 0 ; width: 91% ; margin-left: auto; margin-right: auto; border: 1px solid #FF9900 ;
margin-top: 15px ; margin-bottom: 15px ; background-color: #FFBD5B; list-style-type: none ; }	
ul.menu li {
float: right ; text-align: center ; }	
ul.menu li a {
width: 130px ; line-height: 25px ; font-size: 1.2em ; font-weight: bold ; letter-spacing: 2px ;
color: #FFFFFF ; display: block ; text-decoration: none ; border-left: 2px solid #FFFFFF ; }
ul.menu li a:hover {
background: #FF9900 ; }
div#outils {
width: 85%; margin-left: auto; margin-right: auto;  margin-bottom: 5px; text-align: center ; background-color: #FFFFFF;
border: 1px solid #FF9900 ; }
div#corps {
width: 85%; margin-left: auto; margin-right: auto;}
#gauche {
float:left; width: 30%; background-color: #F8F8F8; }
#contenu {
float:right; width: 69%; background-color: #F8F8F8; }
div#annu {
width: 85%; margin-left: auto; margin-right: auto;  margin-bottom: 5px; text-align: center ; background-color: #FFFFFF; clear: both ;
border: 1px solid #FF9900 ; }
div#contenu h1, .post-content h1, div#gauche h1, div#corps h1 {
padding-left: 25px ; line-height: 25px ; font-size: 1.3em ; color: #000000 ; text-align : justify ;
border-bottom: 1px solid #FF9900 ; }
div#contenu h2, .post-content h2, div#corps h2 {
margin-left: 15px ; padding-left: 5px ; border-bottom: 0.9px solid #FF9900 ; border-left: 3px solid #FF9900 ;
font-size: 1em ; color: #000000 ; }
div#contenu h3, .post-content h3 {
margin-left: 15px ; padding-left: 5px ; font-size: 0.8em ; color: #000000 ; }
div#contenu p, div#corps p {
text-align: justify ; text-indent: 1.5em ; font-size: 0.9em ; vertical-align: middle; }
div#contenu pre, div#corps pre {
text-indent: 1.5em ; border-top: 1px solid #FF9900 ; border-bottom: 1px solid #FF9900 ;
border-right: 1px solid #FF9900 ; border-left: 1px solid #FF9900 ; }
div#contenu li {
text-align: left ; }
div#gauche li {
list-style-type: none ; list-style-image: url(../img/puce.gif); line-height: 15px ; text-align: left ;}
div#outils a, div#corps a, div#contenu a, div#gauche li a, div#annu a {
font-size: 0.9em ; color: #666666 ; font-style: italic ; text-decoration: none ; }
div#outils a:hover, div#corps a:hover, div#contenu a:hover, div#gauche li a:hover, div#annu a:hover {
color: #FFFFFF ; font-weight: bold ; background: #FF9900 ; }
#footer {
width: 91% ; height: 30px ; clear: both ; margin-left: auto; margin-right: auto; margin-top: 15px ;
margin-bottom: 15px ; border: 1px solid #FF9900 ; background-color: #FFBD5B ;}	
div#footer ul {
list-style-type: none ; height: 25px ;}
div#footer li {
float: right ; text-align: center ; color: #000000 ; line-height: 25px ; font-size: 0.8em ;
letter-spacing: 2px ;}
div#footer li a {
font-weight: bold ; padding-left: 5px; padding-right: 5px; color: #FFFFFF ; display: block ;
text-decoration: none ; font-size: 1.2em ;  border-right: 2px solid #FFFFFF ; }
div#footer li a:hover {
background: #FF9900 ; }