*{
	margin:0;
	padding:0;
} /*remise des margin et padding à 0*/

body{
	background-color:black;
}

/********************/
/* WRAPPER 		 	*/
/********************/
#wrapper{
	width:320px;
	margin:0 auto;	
}



div#wrapper>header {
width:0 auto;
height:0 auto;
}

		div#logo {
		height:40px;
		width:188px;
		background-image:url(../img/logo.jpg);
		text-indent:-9999em;
			}

nav { //* Mise en forme du menu*// 
	float:left;
	margin-top:20px;
	margin-left:10px;
}
	nav ul {
			list-style-type:none;
		}
	
		nav ul li {
				float:left;
				line-height:40px;	
		}
			nav ul li a {
				background-color:rgb(99,99,99);	
				padding:5px 10px 5px 10px;
				-moz-border-radius:15px;
				-webkit-border-radius:15px;		
				color:white;
				margin:15px;
				text-decoration:none;
				font-size:22px;
			}

			nav ul li a:hover {
				background-color:rgba(255,255,255,0.2);
				border-radius:15px;
				-webkit-border-radius:15px;
				-moz-border-radius:15px;
			}
			
article {
float:left;
margin: 10px 0 0 2px;
width:320px; 
}
	
	article h1 {
		float:left;
		margin-right:0 auto;
		font-size:150%;
		color:white;
		text-shadow: 0 0 5px black;
	}	
	
	article section {
		height:0 auto;
		width:302px;
		background-color:rgba(255,255,255,0.9);
		margin-top:33px;
		margin-bottom:10px;
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		box-shadow: 1px 1px 55px #555;
	}

		article section ul {
		margin-left:40px;
		color:rgb(99,99,99);
		}
		
		article section header {	
		width:300px;
		font-size:15px;
		font-weight:bold;
		text-indent:5px;
		border-bottom:1px solid #000;
		text-transform: uppercase;
		}

		article section p {
		padding-top:10px;
		margin-left:10px;
		padding-right:10px;
		color:rgb(99,99,99);
		-moz-transform:rotate(45deg)
		-webkit-transform:rotate(45deg)
		}
				
		article section footer{
		display:none;
	float:left;
		width:0 auto;
		height:20px;
		margin-right:10px;
		margin-bottom:4px;
		float:right;
		font-size:70%;		
		}
		
			article section footer a {
			color:black;
			text-decoration:none;
			}
			
			article section footer a:hover {
			font-weight:bold;
			text-decoration:none;
			}
			
			article>section>footer a:visited {
			color:black;
			text-decoration:none;
			}
				
			.iframe {
			margin-top:10px;
			margin-left:6px;
			}
		
.savoir {
	text-indent:-9999em;
	line-height:10px;
	}

aside{
	display:none
	}

#wrapper > footer {
	float:left;
	width:290px;
	height:0 auto;
	margin-left:3px;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
	text-align:center;
	background-color:rgba(255,255,255,0.9);
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}