html {
		background: #ffffff url();
		}
		
		body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #ffffff url();
			color: #696969;
		}
		
		div#conteneur
		{
			width: 704px ;
			margin: 0 auto ;
			text-align: left ;
			border: 1px solid #ffffff ;
			background: #fff ;
		}
		
		h1#header
		{
			height: 50px ;
			margin: 0 ;
			background: url(img/header.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 704px ;
			height: 20px ;
			display: block ;
			/*background: url(title.gif) no-repeat ;*/
			position: relative ;
			/*left: 350px ;*/
			top: 15px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 0 0 20px ;
			padding: 0 ;
			/*background: url(bg_menu.gif) repeat-x 0 -25px ;*/
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
			
		}
		
		ul#menu li a
		{
			/*width: 105px ;*/
			line-height: 20px ;
			font-size: 0.8em ;
			font-weight: bold ;
			letter-spacing: 3px ;
			color: #FF4A8F ;
			display: block ;
			text-decoration: none ;
			padding-right:20px;
			border-bottom: 1px solid #696969 ;
		}
		
		ul#menu li a:hover
		{
			color: #FFFFFF ;
			/*background: url(bg_menu.gif) repeat-x 0 0 ;*/
			background-color:#696969;
		}
		
		div#contenu {
			margin-left:20px;
			margin-right:20px;
			/*padding: 0 25px 0 25px ;*/
			/*background: url(bg_page.gif) no-repeat 15px 15px ;*/
		}
		
	
		div#contenu h2 {
			padding-left: 0px ;
			line-height: 25px ;
			font-size: 1.2em ;
			/*background: url(little_apple.gif) no-repeat left bottom ;*/
			color: #FF4A8F ;
			/*border-bottom: 1px solid #FF4A8F ;*/
			letter-spacing: 3px ;
		}
		
		div#contenu h3 {
			margin-left: 0px ;
			padding-left: 0px ;
			font-size: 0.9em ;
			border-bottom: 1px solid #eeebeb ;
			/*border-left: 5px solid #696969 ;*/
			color: #696969 ;
			letter-spacing: 2px ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			line-height: 1.4em ;
			font-size: 0.9em ;
		}
		
		div#contenu img
		{
			text-align: left ;
			line-height: 1.4em ;
		}
		
		img.floatLeft { 
		float: left; 
   		margin-left: 20px; 
		margin-right: 40px; 
		clear: right;
		}

		
		div#contenu p1
		{
			text-align: left ;
			line-height: 1.4em ;
			font-size: 0.8em ;
		}
		

		div#contenu a
		{
			color: #696969 ;
		}
		
		div#contenu a:hover
		{
			color: #000000  ;
		}
		
		p#footer
		{
			margin: 0 ;
			padding-right: 20px ;
			line-height: 30px ;
			text-align: center ;
			color: #696969 ;
			font-size: 0.8em ;
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #000 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
		pre span
		{
			color: #000 ;
		}
		
		pre span.comment
		{
			color: #000000 ;
		}
		
		
		
		
		#colonne1
		{
		width: 315px;
		float: left;
		/*padding-right:10px;*/
		}
		
		#colonne2
		{
		width: 315px;
		float: left;
		padding-left:20px;
		}
		
		#bas
		{
   		clear:both;
		}
		
		div#colonne1 p
		{
			text-align: justify ;
			line-height: 1.4em ;
			font-size: 0.9em ;
		}
		
		div#colonne2 p
		{
			text-align: justify ;
			line-height: 1.4em ;
			font-size: 0.9em ;
		}
		
		div#colonne1 h3 {
			margin-left: 0px ;
			padding-left: 0px ;
			font-size: 0.9em ;
			border-bottom: 1px solid #eeebeb ;
			/*border-left: 5px solid #696969 ;*/
			color: #696969 ;
			letter-spacing: 2px ;
		}
		
		div#colonne1 h3 {
			margin-left: 0px ;
			padding-left: 0px ;
			font-size: 0.9em ;
			border-bottom: 1px solid #eeebeb ;
			/*border-left: 5px solid #696969 ;*/
			color: #696969 ;
			letter-spacing: 2px ;
		}