*{
border : 1px solid rgba(0,0,255,0.3);
}
img{
border-radius:100%;
}
body{
background :#dda0dd;
background-repeat:repeat;
text-align:center;
}
.navigation{
background-color:#Fa8072;
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:20px;
 }
 /**Clarence Gravel**/
 .content-box{
 background: #bdb766;
 height:200px;
 margin:0 auto;
 top:80px;
 width:60%;
 overflow:scroll;
 }
 .content-header{
 background-image:url(index_fichiers/mois.jpg);
 background-position:center;
 background-size:cover;
 height:100px;
 width:60%;
 top:-10px;
 }
 .content-body{
 margin:0 auto;
 width:10%;
 }
 h1{
 background:#eee8aa;
 color:#191970;
 font-family:'copperplate",fantasy;
 font-size:50px;
 font-weight:200 px;
 line-height:40px;
 width:25%;
 margin:0 auto;
 padding:20px;
 positiom:relative;
 text-transform:uppercase;
 }
 h2{
 color:#ff4500;
 font-family:'Impact',sans-serif;
 font-size:26px;
 font-weight:100px;
 letter-spacing:2px:
 margim: 0;
 padding:20 px;
 text-transform:uppercase;
 }
 }h3{
 display:inline-block;
 color:#8b008b;
 font-family:'Papyru',fantasy;
 font-size:9px;
 font-weight:60 px;
 letter-spacing:2px;
 margim: 5 px;
 padding:5px;
 }
 p{
 color:#006400;
 font-family:'brush script mt',script;
 font-size:30px;
 font-weight:100px;
 line-height:34px;
 width:60%;
 min-height:50px;
 max-height:100px;z
 }
 .content-box ul{
 padding: 2px 0px;
 }
 .content-box li{
 background-color:#000000;
 display:inline-block;
 list-style:non;
 margin-bottom:12px;
 padding:20px;
 width:200px;
 }
 .btn{
 color:#fa8072;background-color:#dda0dd«;
 border:9px solid#7cfc00;
 border-radius:4px;
 font-family:'Avant Garde',sans-serif;
 font-size:18px;
 font-weight:700;
 margim;10px 0px;
 padding:20-x;
 text-decoration:none;
 text-transform:uppercase;
 }
 .btn:hover{
 background-color:#ffc0cb;
 border:9px solid#eee8aa;
 color:#dda0dd;
 }