#container
{
    border: white solid 1px;
    background-color : #404040;
    overflow : hidden;
    height : 100%;
    width : 100%;
    position : absolute;
    top : 0px;
    left : 0px;
}

@-webkit-keyframes 'fade' {
    0% {
	opacity : 100;
    }
    20% {
	opacity : 0;
    }
    50% {
	opacity : 0;
    }
    70% {
	opacity : 100;
    }
    100% {
	opacity : 100;
    }
}

.display
{
    height : 487px;
    width : 327px;
    position : absolute;
    z-index : 3;
    top : 175px;
    left : 155px;
    -webkit-animation-duration: 12s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count:infinite;
}

#iphone
{
    -webkit-transform : scale(0.8);
    -moz-transform : scale(0.8);
    -o-transform : scale(0.8);
    z-index : 1;
    position : absolute;
    top : 2%;
    left : 60%;
    width : 327px;
    height : 487px;
    -webkit-transition: -webkit-transform 3s ease 0s;
}

#logo
{
    //background-image : url(logo_skamma_web.png);
    position : absolute;
    top : 30%;
    left: 25%;
    width : 300px;
    height : 135px;
    padding-left : 45px;
}

#tagline
{
    font:bold 20px/30px "Times New Roman", sans-serif;
    white-space: nowrap;
    margin-top : 60px;
    margin-left : -45px;
    position :absolute;
}

#banner
{
    position : absolute;
    width : 100%;
    height : 60%;
    top : 20%;
    background-color : white;
    background-image : url(bandeau_site.png)
}

#button1
{
    background-image : url(bouton_petit.png);
    position : absolute;
    background-repeat : no-repeat;
    top : 8%;
    left:15%;
    width:127px;
    height:45px;
    padding-top:16px;
    background-size : 127px 45px;
    text-align:center;
    vertical-align : center;
}

#button2
{
    background-image : url(bouton_grand.png);
    position : absolute;
    background-repeat : no-repeat;
    top : 8%;
    left:30%;
    width:255px;
    height:45px;
    background-size : 255px 45px;
}