@charset "UTF-8";
 *{
 border : 1px rgba(0,0,255,0.3);
 }
 img`{
 border-radius:100%;
 }
 body{
 background :rgb (192,192,192);
 background-repeat:repeat;
 text-align:center;
 }
 .navigation{
 background-color:#0E1172;
 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;
  }
  /** zack labbé**/
  .content-box{
	  background: #C0C0C0;
	  height:200px;
	  margin:0 auto;
	  top:80px;         
	  width:60%;
	  overflow:scroll;
  }
  .content-header{
  background-image:url(index_fichiers/mois.gif);
  background-position:center;
  
  height:150px;
  width:30%;
  top:-10px;
  }
  .content-body{
  margin:0 auto;
  width:10%;
  }
  h1{
  background:#8387f4;
  color:#383CA0
  
  font-family: "Times New Roman", Times, serif;
  font-size:50px;
  font-weight:200 px;
  line-height:40px;
  width:50%;
  margin: 0 auto;
  padding:20px;
  position:relative;
  }
  h2{
  color:#abb289;
  font-family:"impact",sans-serif;
  font-size:26px;
  font-weight:100px;
  letter-spacing:2px;
  margin: 0;
  padding:20px;
  }
  h3{
  display:inline-block;
  color:#2e86c1;
  font-family:"Papyrus",fantasy;
  font-size:19px;
  font-weight:60 px;
  letter-spacing:2px;
  margin: 5 px;
  padding:5px;
  }
  p{
  color:#7fb3d5;
  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 li{
  background-color:#0400ff;
  display:inline-block;
  list-style:none;
  margin-bottom:12px;
  padding:20px ;
  width:200px;
  }
  .btn{
  color:#ffffff;
  background-color:#9f2eab;
  border:9px solid #0026a8;
  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:#ffffff;
  border:9px solid  green;
  color:blue;
  }