@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:yellow;font-family:alkhalili lmaghribi ;font-size:16px;position:absolute;top:230px;left:830px;text-shadow:2px 2px 0px black;text-align:left;}
.messageaccueile{font-size:14px;position:absolute;top:335px;left:830px;color:yellow;font-size:16px;text-align:left;text-shadow:1px 1px 0px black;}


.hotel-a{color:gold;font-family:alkhalili siraj mdina;font-size:14px;text-shadow:1px 1px 0px black;position:absolute;top:50px;left:55px;}
.guest-a{color:gold;font-family:alkhalili siraj mdina;font-size:14px;text-shadow:1px 1px 0px black;position:absolute;top:195px;left:55px;}
.sub-a{color:gold;font-family:alkhalili siraj mdina;font-size:14px;text-shadow:1px 1px 0px black;position:absolute;top:345px;left:95px;}

.hotel-e{width:130px;height:20px;font-size:14px;position:absolute;top:70px;left:100px;color:white;text-shadow:1px 1px 0px black;}
.guest-e{width:130px;height:20px;font-size:14px;position:absolute;top:215px;left:65px;color:white;text-shadow:1px 1px 0px black;}
.sub-e{width:130px;height:20px;font-size:14px;position:absolute;top:365px;left:95px;color:white;text-shadow:1px 1px 0px black;}




.preview{color:gold;font-family:alkhalili siraj mdina;font-size:24px;text-shadow:1px 1px 0px black;position:absolute;top:475px;left:70px;}
.preview:hover{color:cyan;}