@charset "UTF-8";
*{
border : 1px rgb(0,0,255,0.3);
}
img{
border-radius:100%;
}
body{
background :rgb (250,235,215);
background-repeat:repeat;
text-align:center;
}
.navigation ul{
background-color:#faebd7;
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**/
 .content-box{
 background: #ooffff;
 height:200px;
 margin:0 auto;
 top:80px
 width:60%;
 overflow:scroll;
 }
 .content-header{
 background-image:url(index2_fichier/mois.gif
 backround-position:center;
 
 height:150px;
 width:30%;
 top:-10px;
 }
 .content-body{
 margin:0 auto;
 width:10%;
 }
 h1{
 background:#7fffd4 ;
 color:#0000ff ;
 
 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:# ;
 font-family:"Impact", sans-serif;
 font-size:26px;
 font-weight:100px
 letter-spacing:2px
 margin: 0;
 padding:20px;
 }
 h3{
 display:inline-block;
 color:#00008b ;
 font-family:"Papyrus", fantasy;
 font-size:19px;
 font-weight:60 px;
 letter-spacing:2px
 margin: 5 px;
 padding:5px;
 }
 p{
 color:#006400 ;
 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{
 background-color:#fsfdcf;
 display:inline-block;
 list-style:none;
 margin-bottom:12px;
 padding:20px ;
 width:200px
 }
 .btn{
color:# ;
background-color:#ffe4c4 ;
border :9px solid # ;
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;
 }