html{
    height:100%;
}

*{
    margin:0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body{
    height:100%;
    background-color:black;
    background-image:url(../pictures/home/home_background.jpg);
    background-repeat:repeat-y;
    background-attachment:fixed;
}

h1{
    font-size: 1em;
    font-weight:lighter;
    color:#a70404;
    line-height: 1.5em;
}

h2{
    font-size: 1em;
    font-weight:lighter;
    color:black;
    line-height: 1em;
}

a{
    text-decoration:none;
}

#home_content{
    padding-top:90px;
    width: 100%;
}

#brid{
    padding-top:15px;
    position:fixed;
}

#infos{
    padding-left:300px;
    position:relative;
    float:left;
    text-align: center;
}

#bio_right{
    float: left;
    margin-left: 25px;
}

#bio_right iframe{
    margin-top: 19px;
}

#player{
    width:300px;
    height:300px;
    margin-top:10px;
    box-shadow: -5px -2px 5px #333;
}

.cover{
    width:100px;
    height:100px;
    margin-top:10px;
    box-shadow: -5px -2px 5px #333;
}


/* NEW CSS */
.card{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.card, .card *{
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
       -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        -ms-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
         -o-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.card .titre{
    position: absolute;
    background-color: white;
    padding: 20px ;
    -webkit-transform: translate(-10px, 50px);
    -ms-transform: translate(-10px, 50px);
    -o-transform: translate(-10px, 50px);
    transform: translate(-10px, 50px);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.card .date{
    position: absolute;
    right: 0;
    background-color: #a70404;
    color: white;
    padding: 10px;
}
.card img{
    width: 220px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    
}
.card:hover .titre{/* -webkit-transform: translate(-10px, 50px); */-ms-transform: translate(-10px, 50px);-o-transform: translate(-10px, 50px);/* transform: translate(41px, -56px); */opacity: 0;transform: scale(1.1);}
.card:hover .date{
}
.card:hover img{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}