body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #8C9DEC ;
		}
		
		div#conteneur
		{
			width: 970px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			background: #fff ;
		}
		
		h1#header
		{	
			
			height: 258px ;
			margin: 0 ;
			/* background: url(../PRESENT/DESIGN/logoHeader.jpg) no-repeat left top ;*/
		}
		
		
		#diapoheader 
		{
			width: 400px ;
			height: 250px ;
			display: block ;
			float:left;
		}
		
		#aheader 
		{
			width: 500px ;
			height: 200px ;
			display: block ;
			background: url(../PRESENT/DESIGN/LogoTitle.png) no-repeat ;
			float:right;
		}
		
		
		h1#header a span
		{
			display: none ;
		}
		
		
		
		div#header
		{
			margin-top:15px;
			height: 20px ;
			float:right;
			background:white;
		}
		
		div#header object
		{
		
			float:left;
			margin-right:50px;
			
		}
		
		div#header a
		{
			width: 40px ;
			height: 20px ;
			float:left;
		}
		
		div#header a img		
		{
			width: 38px ;
			height: 20px ;
		}
		
		div#header a h6
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(../PRESENT/DESIGN/bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 136px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
		
		ul#menu li a:hover
		{
			background: url(../PRESENT/DESIGN/bg_menu.gif) repeat-x 0 0 ;
		}
		
		div#contenu
		{
			padding: 0 25px 0 100px ;
			background: url(../PRESENT/DESIGN/verticalLogo.png) no-repeat 15px 15px ;
			height: auto;
			min-height: 450px;
			_height: 450px;  /*underscore hack uniquement interprété par IE Win*/
		} 

		
		div#contenu h2
		{
			padding-left: 40px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(../PRESENT/DESIGN/EtoileIcon.png) no-repeat left bottom ;
			color: #9b2 ;
			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
		{
			padding-left: 2em;
			line-height: 1.7em ;
		}
		
		div#contenu a
		{
			color: #8a0 ;
			font-weight: bold;
		}
		
		div#contenu a:hover
		{
			color: #9b2 ;
			font-weight: bold;
		}
		
		.divImageR 
		{
			background-color: #8C9DEC;
			width: 155px;
			float: right;
			text-align:center;
			padding-top : 4px;
			margin-left: 20px;
		}
		
		.divImageR2 
		{
			background-color: #8C9DEC;
			width: 133px;
			float: right;
			text-align:center;
			padding-top : 4px;
			margin-left: 20px;
		}
		
		.divImageL 
		{
			background-color: #8C9DEC;
			width: 155px;
			float: left;
			text-align:center;
			padding-top : 4px;
			margin-right: 20px;
		}
		
		.ImageR 
		{
			width: 150px;
			height: 130px;
			
		}
		
		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 ;
		}
		
		img{
			border:0;
		}
		
		#cc {
		display: inline;
		font-size: 9px;
		font-style:italic;
		clear: both;
		padding-bottom: 4px;
		}
	
		#righttext {
		border: 2px solid black; 
		font-style:italic;
		float:right;
		padding-right:25px;
		}