body
		{
			margin: 0 0 0 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #999999 ;
scrollbar-face-color: #BACDE7; 
scrollbar-shadow-color: #EAE5F2;
scrollbar-highlight-color: #3FB5A9;
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color:#EAE5F2; 
scrollbar-arrow-color: #FFFFFF;
		}

h2
		{
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			font-size: 1.8em ;
			color: #666666 ;
  text-decoration: underline;
font-weight: bold ;
		
		}

		div#conteneur
		{
			width: 800px ;
			margin: 0 auto ;
			text-align: left ;
border-left: 2px solid #000000 ;
border-right: 2px solid #000000 ;			
/* border: 2px solid #B6CEE3 ;*/
			background: #fff ;
		}

		h1#header
		{
			height: 258px ;
			margin: 0 ;
			background: url(../img/header.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 417px ;
			height: 240px ;
			display: block ;
			background: url(../img/title.gif) no-repeat; float: right ;
			position: relative ;
			/*left: 350px ;*/
			top: 18px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(../img/bg_menu.gif) repeat-x 0 -25px ;
			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: 3px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #fff ;
		}
		
		ul#menu li a:hover
		{
			background: url(../img/bg_menu.gif) repeat-x 0 0 ;
		}
		
		div#contenu
		{
			padding: 0 25px 0 25px ;
			/*background: url(../img/bg_page.gif) no-repeat 15px 15px ;*/
		}
		
div#contenu h2
		{
			padding-left: 40px ;
			font: 0.7em "Trebuchet MS", helvetica, sans-serif ;
			font-size: 1.4em ;
			color: #6699ff ;
  text-decoration: underline;
		
		}

		div#contenu h3
		{
			padding-left: 40px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(../img/gpig1.gif) no-repeat left bottom ;
			color: #6699ff ;
			border-bottom: 1px solid #9E79BA ;
		}
		
		div#contenu h4
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #3E98E4 ;
			border-left: 3px solid #3E98E4 ;
			color: #3E98E4 ;
		}
			
		div#contenu p
		{
			text-align: justify ;
			font-size: 0.9em ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu a
		{
			color: #4F6CCB ;
		}
		
		div#contenu a:hover
		{
			color: #E56DE9 ;
		}
		
		#footer {
position: relative;
padding-right: 10px ;
height: 65px ;
margin: 0;
color: #8a0 ;
background: url(../img/footer.gif) no-repeat center bottom ;
}
#footer h1#xiti {
position: absolute;
margin: 0; padding: 0;
top: 30px; left:750px; /* ici tu place ou tu le veut tu peut remplacer left par rigth */
width: 39px; height:25px; /* tu replace par la taille du h1 */
}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 0.9em ;
		}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}
.note {
		text-align: center ;
		padding: 5px 5px 5px 20px;
		border: 1px solid #c66;
		margin: 5px 5px 5px 20px;
		background: url(../img/note.png) 5px 5px no-repeat;
		width: 70%;
		margin: 5px 5px 5px 20px;
 	}

.intro {
		text-align: center ;
		font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
		padding: 5px 5px 5px 20px;
		border: 1px solid #C3D9FF;
 	    background: "ivory" ;
		width: 90%;
		margin: 5px 5px 5px 20px;

	}


.imp {
text-align: center ;
	padding: 0px 5px 5px 10px;
	border-left: 3px solid #ff0000 ;
padding: 5px 5px 5px 20px;
margin: 5px 5px 5px 20px;

	}

p#imp
		{
padding-left: 5px ;
			text-align: center ;
			color: #ff0000 ;
           font-size: 1.2em ;
		}


div.code
{
	margin: 5px 5px 5px 20px;
	padding: 0 10px 15px 10px;
	font-family: monospace;
	white-space: nowrap;
	overflow: auto;
	background: #fff;
	border: 1px solid #9EA0A2;
	border-left-width: 4px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #444;
}
div.counter
{
font-family: "verdana";
	white-space: nowrap;
	overflow: auto;
font-size: 10px ;	
margin: 5px 5px 5px 5px;
	padding: 0 5px 5px 5px;

	border: 1px solid #9EA0A2;
	border-left-width: 4px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #444;
width: 45%;
}

p#plandusite
		{
padding-left: 40px ;
			text-align: left ;
			color: #666666 ;
            font-size: 10px ;
		}

#dropmenudiv{
position:absolute;
border:1px dotted #EEA0E6;
border-bottom-width: 0;
font:normal 11px "trebuchet ms";
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
color: #000000 ;
border-bottom: 1px dotted #EEA0E6;
padding: 1px 0;
text-decoration: none;
/*font-weight: bold;*/
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ffffe0;
}


/* partie réservée aux css de la rubrique dossiers */

ul#menudoss
		{
			height: 20px ;
			margin: 0 ;
			padding: 0 ;
			background: url(../img/bg_menu-dossiers.gif) repeat-x 0 -21px ;
			list-style-type: none ;
		}
				
		ul#menudoss li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menudoss li a
		{
			width: 155px ;
			line-height: 21px ;
			font-size: 0.8em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #666666 ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #fff ;
		}
		
		ul#menudoss li a:hover
		{
			background: url(../img/bg_menu-dossiers.gif) repeat-x 0 0 ;
		}

img.floatLeft { 
    float: left; 
    margin: 4px; 
margin-right: 15px ;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
margin-left: 15px ;
}