img{
border-radius:100%;
}
body{
background :rgb (0, 255, 255);
background-repeat:repeat;
text-align:center;
}
.navigation{
background-color:#00FFFF;
text-align:center;
width:60%;
}
.navigation ul{
	padding:0;
}
.navigation li {
	display:inline-block;
	
	font-size;16 px;
	font-weight:50px;
	letter-spacing:2px;
margin:0px;
}
/** Xavier Gosselin**/
.content-box{
	background: #1E90FF;
	height:200px;
	margin:0 auto;
	top:80px;
	width:60%;
	overflow:scroll;
}
.content-header{
	background-image:url(index_fichiers/mois.gif);
	background-position:center;
	
	height:150px;
	width:30%;
	top:-10px;
}
.content-body{
	margin:0 auto;
	width:10%;
}
h1{
	background:#00FA9A;
	color:#32CD32
	
	font-family: "Times New Roman", Times, sreif;
	font-size:50px;
	font-weight:200 px;
	line-height:40px;
	width:50%;
	margin: 0 auto;
	padding:20px;
	position:relative;
}
h2{
	color:#0000FF;
	font-family:"Impact",sans-serif;
	font-size:26px;
	font-weight:100px;
	letter-spacing:2px;
	margin: 0;
	padding:20px;
}
h3{
	display:inline-block;
	color:#7B68EE;
	font-family:"papyrus",fantasy;
	font-size:19px;
	font-weight:60 px;
	letter-spacing:2px;
	margin: 5px;
	padding:5px;
}
p{
	color:#DC143C
	font-family:'brush script mt',script;
	font-size:30px;
	font-weight:100px;
	line-height:33px;
	width:60%;
	min-heigth:50px;
	max-heigth:100px;
}
.content-box ul{
	padding: 20px 0px;
}
.content-box li{
	background color:#FF0000;
	display:inline-block;
	list-style:none;
	margin-bottom:12px;
	padding:20px ;
	width:200px;
}
.btn{
	color:#41F241;
	background-color:#BF68ED;
	border:9px solid #F22253;
	border-radius:4px;
	font-family:'Avant Garde', sans-serif;
	font-size:18px;
	font-weigth:700px;
	margin:10px 0px;
	padding:20px;
	text-decoration:none;
	text-transform:uppercase;
}
.btn:hover{
	background-color:#9DF8FC;
	border:9px solid green;
	color:blue;
}