#ha {position:fixed;top:-170px;
left: 30px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}

#ha:hover {top:10px;}

#ha2 {position:fixed;top:-55px;
left: 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;z-index:999; opacity:0;}

#ha2:hover {top:20px; opacity:1;}

#ha3 {position:fixed;left: 300px;top:-120px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}

#ha3:hover {top:-10px;}

div.hihi {
    position:fixed;top: 20px; left: 30px; background-color:#fff; padding:3px; border-radius:10px; z-index:-1;}

#ha5 {position:fixed;top:-300px;
left: 30px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999; opacity:0;}

#ha5:hover {top:43px; opacity:1;}

div.hihi2 {
    position:fixed;top: 43px; left: 30px; background-color:#fff; padding:3px; border-radius:10px; z-index:-1;}

.notif {background-color: #fff1f0; width: 235px; border-right: 15px ridge #ffa79e; border-radius: 8px;font-size:12px; color: #000; opacity:1;}

.aboute {
width: 250px;
background-color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px; padding: 3px;}

.aboute:hover {
top:0px;}

.aboute a:hover {text-transform:none;}

#little, .read_more
{text-transform: lowercase;
padding:5px;
font-weight:bold;
color: #edafa8;
-webkit-border-radius:14px;
border-radius: 14px;
background-color: #feffe8;
}

#little:hover, .read_more:hover{
    color: #8fcdea; border:none; background-color: #ffd2f3;
} 

h1
{line-height:10px;
font-size:12px;
letter-spacing:2px;
text-transform:lowercase;
text-align:right;
color:#5e4b46;
padding: 10px;
margin-top: 0px;
}

.white {background-color: #fff;}
.pink {background-color: #ffddd9;}