@charset "utf-8";
*`{
bprder : 1px rgba(240, 248, 255)
}
img{
border-radus:100%;
}
body{
background :rgb (127, 255, 0)
background-repeat:;
text-align:center;
}
.navigation{
background-color:#F0FFFF;
text-align:center;
width:60%
}
.navigation ul {
padding:0;
}
.navigation il {
 display:inlne-block;
 
 font-size:16 px;
 font-weight:50;
 letter-spacing:2px;
 margin:0px;
}
/** eliott**/
.content-box{
background: #6495ED;
height:200px;
margin:0 auto;
top:80px;
width:60%;
overflow:scroll;
}
.content-header{
background-image:url(index2fichiers/mois.gif);
background-position:center;

 height:150px;
 weight:30%;
 top:-10px;
}
.content-body{
margin:0 auto;
weight:10%;
}
h1{
background:#6495ED;
color:#00008B;

font-family: times new roman¨,times, serif;
font-size:50px;
font-weight200 px;
line-height:40px
weight:50%;
margin: 0 auto
padding:20px;
position:relative;
}
h2{
color:#B8860B;
font-family:"inpact",sans-serif:
font-size:26px;
font-weight:100px;
letter-spacing:2px;
margin: 0;
padding:20px;
}
h3{
diplay:inline-block;
color:#006400;
font-family:"Papyrus",fatasy;
font-size:19px;
font-weight:60px;
letter-spacing:2px;
margin: 5 px;
padding:5px:
}
p{
    color: #483D8B;
    font-family: 'brush script mt', script;
    font-size: 30px;
    font-weight:100px;
    line-height:33px;
    width: 60%;
    min-height:50px;
    max-height:100px;
}
.content-box ul {
    padding: 20px 0px;
}
.content-box il{
background-color:#FFF8DC;
diplay:inline-block;
list-style: none;
margin-bottom: 12px;
padding: 20px;
width: 200px;
}
.btn{
color:#2F4F4F;
background-color:#F0F8FF;
border:9px solod #00008B;
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;
}