html,body {
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}

body {

    background:#37412f url(../Images/banniere.jpg) no-repeat 50% 50%;
    background-attachment:fixed;
    background-size:cover;

    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;

    overflow: hidden;
    position:relative;
}

.intro {
    position:absolute;
    top:-30px;
    left:10px;

    min-width:300px;
    width:450px;
    max-width:450px;
    margin:90px 150px 0px 0px;

}
em {
    color:blue;
    font-weight:bold;
    font-size:70px;
}
p {
    color:white;
    font-size:50px;
    text-align:right;
    text-shadow: -3px 3px 1.5px black;
}
.entree {
    position:absolute;
    top:75%;
    left:50%;
}
a {
    margin:auto auto;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position:relative;
    -webkit-transition-property: color;
    transition-property:color;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
    text-align:center;
    color:white;
    font-size:40px;
    padding:10px 20px;
    text-decoration:none;
    border: 4px solid white;
    border-radius: 5px;
}
a:before {
    content:"";
    position:absolute;
    z-index: -1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: white;
    -webkit-transform: scaleX(0);
    transform:scaleX(0);
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transition-property: transform;
    -webkit-transition-property: transform;
    transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
a:hover,a:focus,a:active {
    color:black;
}
a:hover:before,a:focus:before,a:active:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}


/*@media (max-width:1300px) {
    p{font-size:40px; padding-right:10%;}
    em{font-size:45px}
    a{font-size:30px;}
}
@media (max-width:900px) {
    p{font-size:30px; padding-right:10%;}
    em{font-size:40px}
    a{font-size:20px;}
}*/