body {background-image: url("fondblog.png");
        font-size:14px;
        background-attachment:fixed;
        font-family:sans-serif;
        word-wrap:break-word;
        overflow-x:hidden;
        }
  h1{
    font-family: "Rampart One", serif;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, purple);
  -webkit-background-clip: text;}
  h1 a{
    color: inherit;
    font-size: 42px;
    text-decoration: none;}
  h1:hover {
    color: transparent;
    transition: 500ms ease;
  }
  
  .wrap{
    margin : 0 auto;
    width: 728px;}
    
 .entete{
   width: 725px;
   border-radius: 25px;
    background-color:lavender;
    border: 2px solid #7300e6;
    margin-bottom: 10px;
    top:0;
    z-index:9;
    text-align : center;
  }
  
  .presentation {
    float: left;
    width:200px;
    margin : 0 20px 0 0;
    min-height:200px;
    border-radius: 25px;
    background-color:lavender;
    color:#222;
    border: 2px solid #7300e6;
        }
  .presentation img{
    position: relative;
    right: 0;}
  .presentation p{
    padding: 10px;}
  .titre {
    font-size: 24px;
    font-family: "Rampart One", serif;
    background: linear-gradient(90deg, red, orange, yellow, green, blue, purple);
    margin-top: 0;
  margin-left: 10px;
  -webkit-background-clip: text;}
  .titre:hover {
    color: transparent;
  transition: 500ms ease;}
  .contenant {
    width:500px;
    float: left;
     }
  .blog {
    border-radius: 25px;
    background-color:lavender;
    color:#222;
    border: 2px solid #7300e6;
    margin-bottom: 20px;
        }
  .blog p{
     padding: 10px}
.link-item{
  padding:10px;
  border-top:1px
  solid;}
.links_body {
  width:100%;
  display:none;}

.link-item:hover{
  transition:.8s ease-in-out;}

.link-item:hover a{
  margin-left:10px;}


header {
    width:100%;
    position:fixed;
    top:0;
    z-index:9;
    padding:20px;
      box-shadow:0 4px rgba(0,0,0, .12);
}