@charset "UTF-8";
 *{
 border : 1px rgba(0,35,255,0.3) ;
}
img {
  border-radius : 100%;
}
body{
  background : rgb (255,250,205) ;
  background-repeat:repeat;
  text-align :center;
}
.navigation {
  background-color :#fffacd;
  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;
}
  /**Laurik**/
.content-box{
  background : #fffsee;
  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:#f0ffff;
  color :#dc143c;
  
  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 :#8b684d;
  font-family:"impact" ,sans-serif;
  font-size :26px
  font-weight:100px
  letter-spacing:2px;
  margin: 0;
  padding : 20px;
}
h3{
  display:inline-block;
  color:#2f4f4f;
  font-family: "Papyrus", fantasy;
  font-size :19px;
  font-weight:60 px;
  letter-spacing:2px;
  margin: 5px;
  padding:5PX;
}
p{
  color:#00008b;
  font-family: 'brush script mt',script;
  font-size :30px
  font-weight:100px;
  line-height:33px;
  width:60%;
  min-height:50px;
  max-height:100px;
}
.content-boxul {
  padding: 20px 0px;
}
content-boxli {
  background-color :#4fa38f;
  display:inline-block;
  list-style:none;
  margin-bottom:12px;
  padding:20px ;
  width:200px;
}
.btn{
  color:#543669;
  background-color:#b6f037;
  border :9px solid #36d0b1;
  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;
}