 body { margin: 0px 0 ; padding: 0 ; text-align: center ; font: 0.8em "Trebuchet MS", helvetica, sans-serif ;  } 
div#calendrier {margin: 0px 0 ; padding: 0 ; width: 100px ; height: 100px ;  position: absolute ; left: 100px ; top: 100px ; }

 div#conteneur { position: absolute;left: 0px ; top: 0px ; padding: 0 ; width: 650px ; margin: 0 10px ; text-align: left ; border: 2px solid #ab4 ; background: #fff ; } 

 h1#header { height: 250px ; margin: 0 ; background: url(1.jpg) no-repeat left top ; line-height: 25px ;  } 
 h1#header a { width: 40px ; height: 70px ; display: block ; position: relative ; left: 350px ; top: 15px ; } 
 h1#header a span { display: none ; }  ul#menu { height: 24px ; margin: 0 ; padding: 0 ; list-style-type: none ; }  
ul#menu li { float: left ; text-align: center ; }  
ul#menu li a { width: 130px ; line-height: 25px ; font-size: 1.2em ; font-weight: bold ; letter-spacing: 2px ; color: indianred ; display: block ; text-decoration: none ; border-right: 5px solid #dea ; }  ul#menu li a:hover { color: #dea; background: url(sablenoir.jpg) repeat-x 0 0px ; }  div#contenu { padding: 0 25px 0 100px ; background: url() no-repeat 15px 15px ; } div#contenu h1 { border-left: 5px solid #999 ;  }  div#contenu h2 { padding-left: 25px ; line-height: 25px ; font-size: 1.4em ; background: url(little_apple.gif) no-repeat left bottom ; color: indianred ; border-bottom: 1px solid #9b2 ; }  div#contenu h3 { margin-left: 15px ; padding-left: 5px ; border-bottom: 1px solid #9b2 ; border-left: 3px solid #9b2 ; color: #9b2 ; }  div#contenu p { text-align: justify ; text-indent: 2em ; line-height: 1.7em ; }  div#contenu a { color: #8a0 ; }  div#contenu a:hover { color: #9b2 ; }  p#footer { margin: 0 ; padding-right: 10px ; line-height: 30px ; text-align: right ; color: #8a0 ; }  pre { overflow: auto ; background: #dea ; border: 2px solid #9b2 ; padding: 5px 0 0 5px ; font-size: 1.2em ; }  * html pre { width: 636px ; }  pre span { color: #560 ; }  pre span.comment { color: #b30000 ; } </style>