@font-face {
 font-family: 'alkhalili siraj mdina';
 src : url('fontSO/alkhalili siraj mdina.ttf') format('truetype');}
@font-face {
 font-family: 'alkhalili lmaghribi';
 src : url('fontSO/alkhalili lmaghribi.ttf') format('truetype');}


        body{
    background-color:black;
}

p{
    font-size:72px;
    color:black;
    position:absolute;
    top:200px;
    left:200px;
}

#cadre-content{
    position: relative;
    margin: 0 auto;
}




.messageaccueila{color:white;font-family:alkhalili lmaghribi ;font-size:16px;position:absolute;top:410px;left:640px;text-align:right;}
.messageaccueile{position:absolute;top:410px;left:828px;color:gold;font-size:16px;text-align:left;}

.hotel-a{color:blue;font-family:alkhalili siraj mdina;font-size:18px;position:absolute;top:15px;left:95px;}
.guest-a{color:blue;font-family:alkhalili siraj mdina;font-size:18px;position:absolute;top:175px;left:105px;}
.sub-a{color:blue;font-family:alkhalili siraj mdina;font-size:18px;position:absolute;top:345px;left:95px;}

.hotel-e{width:130px;height:20px;font-size:18px;position:absolute;top:35px;left:85px;color:black;}
.guest-e{width:130px;height:20px;font-size:18px;position:absolute;top:195px;left:110px;color:black;}
.sub-e{width:130px;height:20px;font-size:18px;position:absolute;top:365px;left:98px;color:black;}




.preview{color:black;font-family:alkhalili siraj mdina;font-size:24px;position:absolute;top:512px;left:80px;}
.preview:hover{color:magenta;}