@charset "UTF-8";
 *{
 border : 1px rgba(0,0,255,0.3);
 }
 img{
 border-radius:100%;
 }
 body{
 backround :rgb (0, 255, 255);
 backround-repeat:repeat;
 text-align:center;
 }
 .navigation{
 backround-color:#00ffff;
 tesxt-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
 }
 /**Sebastian**/
 .content-box{
 backround: #98fb98;
 height:200px;
 margin:0 auto;
 top:80px
 width:60%;
 overflow:scroll;
 }
 .content-header{
 backround-image:url(index2_fichier/mois.gif);
 backround-position:center;
 
 height:150px;
 width:30%;
 top:-10px;
 }
 .content-body{
 margin:0 auto;
 width:10%;
 }
 h1{
 backround:#ff69b4;
 color:#00008b;
 
 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:#9400d3;
 font-family:"Impact", sans-serif;
 font-size:26px;
 font-weigt:100px
 letter-spacing:2px
 margin: 0;
 padding:20px;
 }
 h3{
 display:inline-block;
 color:#ff69b4;
 font-family:"Papyrus", fantasy;
 font-size:19px;
 font-weight:60 px;
 letter-spacing:2px
 margin: 5 px;
 padding:5px;
 }
 p{
 color:#00008b;
 font-family:'brush script mt' ,script;
 font-size:30px;
 font-weight:100px;
 line-height:33px
 widgt:60%;
 min-height:50px;
 max-height:100px;
 }
 .content-box ul{
     padding: 20px 0px;
 }
 .content-box li{
 backround-color:#98fb98;
 display:inline-block;
 list-style:none;
 margin-bottom:12px;
 padding:20px ;
 width:200px
 }
 .btn{
color:#9400d3;
backround-color:#00ffff;
border :9px solid #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{
backround-color :#ffc0cb;
border:9px solid  green;
color:blue;
 }