body {
		background-color: #e1ddd9;
		font-size: 14px;
		font-family: Arial;
		color:#385370;
		padding:0;
		margin:0;
			}
	h1 {
		font-size: 11px;
		background-color: #385370;
		margin:0 ;
		}

	h2 {
		font-size:20px;
		font-weight: normal;
		margin:0;
		color:#385370;
		}
		
	p {
		padding:0;
		margin:0;
		}

/* ----------container to center the layout-------------- */
	#container {
		width: 1000px;
		margin-bottom: 10px;
		margin: 0 auto;
		background-color: #F8F8FF;
				}

/* -----------------header--------------------- */
	#header {
		text-align: left;
		padding: 0px;
		margin: 0px;
		background-color: #C2B280 ;
	}

	#fond {
		background-color: yellow;
		/*position:relative; 				semble améliorer le positionnement dans dream mx*/
		text-align: left;
			}
	#fond-top-header {					/*div créé pour contourner problème fond ul ne s'affiche pas et prend couleur de div header*/
		background-color: #385370;
		position:relative;				/*semble améliorer le positionnement dans dream mx*/
						}
	#header span {
		color:white;
		font-size:10px;
		}
	#accroche {
		padding:10px 0px;
		font-size:50px;
		font-weight: normal;
		padding: 5px 10px;
		margin:0;
		color:white;
		text-decoration : none;
				} 
				
	#header h1 {
		text-align: right;
		background-color: #385370 ;
		color: white;

				} 

	#header ul {
		list-style-type: none ;
		margin: 0 ;
		padding: 0 0 0 32px;
		background-color: #E6E6FA ;
		border-bottom: 1px solid #CCCCCC;  
		border-top:3px solid #CCCCCC;
		height:20px; /*nécessaire sinon menu disparait sous FF3, hauteur mini*/
			}
			
	#header ul li {
		float:left;
		margin-right:15px;
		color: #fff ;
		padding-left:5px;
					}
	#header ul li a {
		float:left;
		font-size: 17px;
		color: #385370 ;
		text-align: center ;
		text-decoration: none ; 
		display:block;
		height:20px; 
		line-height:20px; 
				}
	#header ul li a:hover, #header ul li a:focus, #header ul li a:active {
		color: #FFB566 ;
		text-decoration: none ;
				}
				
/* --------------left column------------- */
	#left {
		clear:both;
		float: left;
		width: 185px;
			}
	#div_padding {		
		margin:0;
		padding: 10px 5px  0px 5px;
			}
		
	#left h2 {
		border-bottom:3px solid #CCCCCC;
		margin:0 0 0 0;
		padding: 0;
		color: #385370;
	}
	#left ul {
		display:block; /* block afin de pouvoir utiliser le margin, inline pour éviter le bug sur ie6 de centrage du menu, margin sur div "padding"*/
		margin: 5px 0 10px 0;
		padding:0;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		width="100%"

				}
	#left ul li {
				/*border-bottom:1px solid lightgrey;*/
		color: #fff ;
		margin-bottom: 0px ;
		height: 20px;
				}
	#left ul li a {
		display: block ;
		color: #385370 ;
		line-height: 1em ;
		padding: 4px 0 ;
		text-align: left ;
		text-decoration: none ;
					}
				
	#left ul li a:hover, #left ul li a:focus, #left ul li a:active {
		background-color: #E6E6FA ;
		color:#385370;
				}
	div#box1 { 
		display:none;
		height:100px;
    	background: lightgrey; 
		border : 1px dotted lightgrey;
		}
		
	div#box2 { 
		display:none;
		height:100px;
	    background: lightyellow; 
		border : 1px dotted lightgrey;
		}
/* -----------------content--------------------- */
	#content {
		background-color: #fff;
		padding: 0px;
		margin: 0 ;
		margin-left : 185px;
		margin-right: 200px;
		padding-left:10px;
		padding-top:20px;
		padding-right:10px;
		border-left:1px dotted black;
		border-right:1px dotted black;
			}
	div#content { 
		min-height:800px;
		height:expression(this.scrollHeight > 600 ? "auto":"600px"); 

		}
	#content h1 {
		background-color: white ; 
		padding: 5px 0 5px 0;
		margin: 5px 0 10px 0;
		font-size:30px;
		margin: 0;
		text-align: center;
				}		

	#content h2 {
		padding: 5px 0 5px 0;
		margin: 5px 0 10px 0;
		color: #385370;
		text-align:center;
		border-bottom:3px solid #CCCCCC;
		border-right:3px solid #CCCCCC;
		background-color: #E6E6FA ;
			}


	#content p {
		margin: 5px 0 10px 0;
		text-align:justify;
			}
	



/* --------------right column------------- */
	#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	}
	
	#right h2 {
	color: #385370;
	text-align:center;
	border-bottom:3px solid #CCCCCC;
	background-color: #E6E6FA ;

	}
	
	#right ul {
				width: 100% ;
				list-style: none ;
				padding: 0 ;
				margin:0 0 20px 0;
				background-color: #E6E6FA ;
				color: #fff ;
				}
	#right ul li {
				border-bottom:1px dotted black;
				color: #fff ;
				height: 20px;
				text-align: center;
								}
	#right ul li a {
				display: block ;
				height: 100%;
				line-height:20px;
				text-decoration: none ;
				color: #385370 ;
				}
				
	#right ul li a:hover, #left ul li a:focus, #left ul li a:active {
				text-decoration: underline ;
				background-color: #385370 ;
				color:white;
				}
	


/* -----------footer--------------------------- */
	#footer {
		clear: both;
		margin: 0;
		padding: 0;
		text-align: right; }

	#footer h1{
		clear: both;
		margin: 0;
		padding: 0;
		text-align: right; 
		height: 15px}

	#footer p{
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #e1ddd9; 
		}
		
	.accroche
	{
		font-size: 9px;
		font-style:italic;
		text-align:center;
	}

</style>