*{
border : 1px solid rgba (0,0,255,0.3);
}
img{
border-radius:100%;
}
body{
background :#ff0000;
background-repeat:repeat;
text-align:center;
}
.navigation{
background-color:#FF8F00;
tex-align:center;
width:60%;
}
.navigation ul{
padding:0;
}
.navigation li {
 display:inline-block;
 
 font-size:16 px;
 font-weight:50px;
 letter-spacing:2px:
 margin: 20px;
}
/**Justin Roy**/
.content-box{
	background:#FBFF00;
	height: 200px;
	margin: 0 auto;
	top:80px;
	width:60%;
	overflow: scroll;
}
.content-header{
	background-image:url(index2/mois.jpg);
	background-position:center;
	background-size: cover;
	height:100px;
	width:60%;
	top: -10px
}
.content-body{
	margin:0 auto;
	width:10%;

}
h1{
	background:#FBFF00;
	color: #7CFF00;
	font-family:"copperplate", fantasy;
	font-size:50px;
	font-weight:200px;
	line-height:40px;
	width:25%;
	margin:0 auto;
	padding:20px;
	position: relative;
	text-transform: uppercase;
}
h2{
	color: #000000;
	font-family:"Impact", sans-serif;
	font-size:26px;
	font-weight:100px;
	letter-spacing:2px;
	margin:0 auto;
	padding:20px;
	text-transform: uppercase;
}
h3{
	display:inline-block;
	color: #00A6F5;
	font-family:"Papyrus", fantasy;
	font-size:9px;
	font-weight:60px;
	letter-spacing:2px;
	margin: 5px;
	padding:5px;
}
p{
	color: #FBFF00;
	font-family:"brush script mt", script;
	font-size:30px;
	font-weight:100px;
	line-height:34px;
	width:60%;
	min-height:50px;
	max-height:100px;
}
.content-box ul{
	padding: 20px 0px;
}
.content-box li{
	background-color: FFFFFF;
	display:inline-block;
	list-style:none;
	margin-bottom:12px;
	padding: 20 px;
	width:200px;
}
.btn{
color:#fff300;
background-color:#ff8d00;
border:9px solid #7aff00;
border-radius:4px;
font-family:'Avant Garde', sans-serif;
font-size:18px;
font-weight:700;
margin:10px 0px;
padding:20px;
text-decoration:none;
text-transform:uppercase;
}
.btn:hover{
background-color:#13cf6d;
border:9px solid #36a36b;
color:#7CFF00;
}
/**Justin Roy**/