@charset "UTF-8";
*{
border : 1px rgb (0,0,255,0.3);
}
img{
border-radius:100%;
}
body{
background :rgb (70,255,180);
background-repeat:repeat;
text-align:center;
}
.navigation{
background-color:#46ffb4;
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;
 }
 /** Alexis Lachance**/
 .content-box{
 background: #f7263e;
 height:200px;
 margin:0 auto;
 top:80px;
 }
 overflow:scroll;
 }
 .content-header{
	 background-image:url(index_fichiers/mois.gif);
	 background-position:center;
	 
	 height:150px;
	 width:30%;
	 top:-10px;
 }
 .content-body{
	 margin:0 autowidth:10%
 width:10%;
 }
 h1{
	 background:#7726f7;
	 color:#b10905;
	 
	 font-family: "Times New Roman", times, serif;
	 font-size:50px;
	 font-weight:200 px;
	 line-height:40px;
	 width:50px%;
	 margin: 0 auto;
	 padding:20px;
	 position:relative;
}
h2{
	color:#05b108;
	font-family:"Impacte" ,sans-serif;
	font-size:26px;
	font-weight:100px;
	letter-spacing:2px;
	margin: 0;
	padding:20px;
}
h3{
	display:inline-block;
	color:#650b88;
	 font-family:"papyrus",fantasy
	 font-size:19px;
	 font-weight:60 px;
	 letter-spacing:2px;
	 margin: 5 px;
	 padding:5px;
}
p{
	color:#88650b;
	font-family:'brush script mt', script;
	font-size:30px;
	font-weight:100px;
	line-height:33px;
	widht:60%;
	min-height:50px;
	max-height:100px;
}
.content-box ul{
	padding: 20px 0px;
}
.content-box li{
	background-color:#9bfcfa;
	display:inline-block;
	list-style:none;
	margin-bottom:12px;
	padding:20px;
	width:20px ;
}
.btn{
color:#5f8ccb;
background-color:#9ae5ac;
border:9px solid #3ca58e;
border-radius:4px;
font-family:'avant garde', sans-serif;
font-size:18px;
font-weight:700px;
margin:10px 0px;
padding:20px;
text-decoration:none;
text-transform:uppercase;
}
.btn:hover{
	background-color:#ffc0cb;
	border:9px solid green;
color:blue;
}