body {
	background-color: black;
	color: whitesmoke;
	text-align: center;
	margin: auto ;
	}

aside {
	display: inline-block;
	text-align: left;
	width: 900px;
	height: 150px;
	margin: auto ;
	padding: 20px;	
	background-image: url(fond01.JPG);
	 text-shadow: 0px 5px 20px black;
	}
	
	#acl{
		display: inline-block;
		width: 380px;
		height: 200px;
		}
		
	#titreacl{
		display: inline-block;
		text-align: right;
		font-size: 25px;
		width: 420px;
		height: 100px;
		}
		
	blockquote{
			display: block;
			margin: auto ;
			text-align: left;
			width: 900px;
			height: 320px;
			padding: 20px;
			background-color: #32427e;
			}
			
	nav{
		display: inline-block;
		text-align: justify;
		width: 420px;
		height: 200px;
		padding:  10px;
		background-color: #3a3a5f;
		border: 3px outset #fd6864;
		border: 2px outset #329a9d;	
		-moz-box-shadow: 10px 10px 5px 0px #191939;
		-webkit-box-shadow: 10px 10px 5px 0px #191939;
		-o-box-shadow: 10px 10px 5px 0px #191939;
		box-shadow: 10px 10px 5px 0px #191939;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#191939, Direction=134, Strength=5);
		}
	
	article{
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		position: relative;
		left: 50px;
		top: -30px;
		width: 350px;
		height: 200px;
		padding:  10px;
		background-color: #3a3a5f;
		border: 3px outset #fd6864;
		border: 2px outset #329a9d;	
		-moz-box-shadow: 10px 10px 5px 0px #191939;
		-webkit-box-shadow: 10px 10px 5px 0px #191939;
		-o-box-shadow: 10px 10px 5px 0px #191939;
		box-shadow: 10px 10px 5px 0px #191939;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#191939, Direction=134, Strength=5);
		}
		
	#img01{
		width: 430px;
		height: 270px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		border: 3px outset #fd6864;
		border: 2px outset #329a9d;	
		-moz-box-shadow: 10px 10px 5px 0px #191939;
		-webkit-box-shadow: 10px 10px 5px 0px #191939;
		-o-box-shadow: 10px 10px 5px 0px #191939;
		box-shadow: 10px 10px 5px 0px #191939;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#191939, Direction=134, Strength=5);
		}
		
	#chx:hover {
  		background-color: green;
  		letter-spacing: 10px;
  		transition-duration: 1s; /* applies to the transition *to* the :hover state */
	}

	footer{
		display: block;
		margin: auto ;
		text-align: left;
		width: 900px;
		height: 90px;
		padding: 20px;	
		background: #393957;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#393957", endColorstr="#6b6b8f"); /* Pour IE seulement et mode gradient à linear */
	background: -webkit-gradient(linear, left top, left bottom, from(#393957), to(#6b6b8f));
	background: -webkit-linear-gradient(#393957, #6b6b8f);
	background: -moz-linear-gradient(#393957, #6b6b8f);
	background: -o-linear-gradient(#393957, #6b6b8f);
	background: -ms-linear-gradient(#393957, #6b6b8f);
	background: linear-gradient(#393957, #6b6b8f); 
		}
		
		.button {
font-family: Arial;
color: #ffffff;
font-size: 17px;
padding: 3px;
text-decoration: none;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #0d0a0d;
border: solid #151f52 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#50748f), to(#1a183d));
background: -moz-linear-gradient(top, #50748f, #1a183d);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#50748f, endColorStr=#1a183d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#50748f, endColorStr=#1a183d);
display:inline-block; /* IE is so silly */
}
.button:hover {
background: #5eb83d;
}