body {   
    margin: 0;
    padding: 0;
 
}
.base{
    background: url('../img/fond.jpg')no-repeat;
    background-size: cover;
    display: flex;
}
#image {
    height: 500px;
    width: 500px;
    margin-left: 360px;
    margin-bottom:50px;
}

#image img {
   
    height:500px;
    width: 500px;
}

.tete img {
    margin-top: -20px;
    margin-left: 305px;
    height: 300px;
    width: 600px;
}

p { text-align: center;
    background: rgba(8, 8, 8, 0.51);
    border-radius:20px;
}

.norm {
    background: url('../img/fond2.png')no-repeat;
    background-size: contain;
    height: 700px;
    width: 600px;
    margin: auto;
}


.invite {
    z-index: 3;
    position: absolute;
    margin-left: 70px;
    margin-top: 30px;
    height: 650px;
    width: 450px;
    background: url('../img/lettre.png')no-repeat;
    background-size: contain;
}

.billet {
    position: absolute;
    z-index: 2;
    margin-left: 40px;
    margin-top: 60px;
    height: 170px;
    width: 300px;
    background: url('../img/images.png')no-repeat;
    background-size: contain;
}

.billet:hover {
    margin-left: -200px;
}

.hibou {
    background: url(../img/hibou.png)no-repeat;
    background-size: contain;
    height: 59px;
    width: 120px;
    margin-top: 265px;
    margin-left: 250px;
}

.hibou:hover {
    cursor: pointer;
    background: url(../img/hibou3.png)no-repeat;
    background-size: contain;
}

input ,select{
    background: transparent;
    border: none;
    width: 80px;
    margin-top: 249px;
    margin-left: 82px;
}