@charset "UTF-8";
 *{
 border : 10px rgb(0,0,225);
 } 
 img{
 border-radius:100%;
 }
 body{
 background :rgb (250,250,250)
 background-repeat: repeat;
 text-align : center;
 }
 .navigation{
 background-color:#f8f8ff;
 text-align : center ;
 width:60%;
 }
 .navigation ul{
 padding:0;
 }
 .navigation li {
 display:inline-block;
 
 font-size:16px;
 font-weight:50px;
 letter-spacing:2px;
 margin:0px;
 }
 /**louis-félix guay**/
 .content-box{
 background: #216,101,216;
 height: 200px;
 margin:0 auto;
 top:80px;
 width:60%;
 overflow:scroll;
 }
 .content-header {
 background-image:url(index_fichier/mois.gif) ;
 background-position:center;
 
 height:150px;
 width:30%;
 top:-10px;
 }
 .content-body{
margin:0 auto;
width;
}
h1{
background:#fffafa;
color:000080;

font-family: "Times new roman"`, Times , serif;
font-size :50px;
font-weight: 200px;
line-height: 40px;
width:50%;
margin: 0 auto;
padding: 20px;
position:relative;
}
h2{
color:#2f4f4f;
font-family:"impact", sans-serif;
font-size:26px,
fony-weight:100px;
letter-spaccing:2px;
margim: 0;
padding:20px;
}
h3{
display:inline-block;
color:#ooo;
font-family:"papyrus",fantasy;
font-size: 19px;
font-weight:60px;
letter-spacing: 2px;
margin: 5px;
padding: 5px;
}
p{
color:#oo64oo;
font-family:'brush script mt',script;
font-size:30px;
font-weight:100px;
line-height:33px;
witdh:60%;
min-height:50px;
max-height: 100px;
}
.content-box ul{
padding: 20px opx:
}
.content-box li {
background-color:#d8bed8;
display: inline-block;
list-syle:none;
margin-bottom: 12px;
padding:20px;
width:200px;
}
.btn{
color:#8booo;
background-color:#f5f5f5;
border:9px solid #696969;
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;
}