@font-face {
 font-family: 'alkhalili maail haad';
 src : url('privatefonts/alkhalili maail haad.ttf') format('truetype');}
 @font-face {
 font-family: 'alkhalilimaailamlass';
 src : url('privatefonts/alkhalilimaailamlass.ttf') format('truetype');}
  @font-face {
 font-family: 'alkhalili louban';
 src : url('fontSO/alkhalili louban.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;
}

#cadre2{width:960px;height:100px;position:absolute;top:10px;left:10px;background-color:black;}
#index{width:128px;height:48px;position:absolute;top:10px;left:866px;background-image:url("src_alkhalili/styles_test/index.png");}
#index:hover{background-image:url("src_alkhalili/styles_test/index-in.png");}
#preview{width:128px;height:48px;position:absolute;top:62px;left:866px;background-image:url("src_alkhalili/styles_test/last.png");}
#preview:hover{background-image:url("src_alkhalili/styles_test/last-in.png");}
#Titreprincipal{width:685px;height:75px;position:absolute;top:5px;left:137px;font-size:72px;color:white;font-family:alkhalili louban;}

#aaa{width:470px;height:100px;position:absolute;top:110px;left:0px;border:1px solid black;}
#aaai{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#aaal{width:134px;height:73px;position:absolute;top:12px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#bbb{width:470px;height:100px;position:absolute;top:110px;left:490px;border:1px solid black;}
#bbbi{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#bbbl{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#ccc{width:470px;height:100px;position:absolute;top:220px;left:0px;border:1px solid black;}
#ccci{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#cccl{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#ddd{width:470px;height:100px;position:absolute;top:220px;left:490px;border:1px solid black;}
#dddi{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#dddl{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}






#eee{width:470px;height:100px;position:absolute;top:330px;left:0px;border:1px solid black;}
#eeei{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#eeel{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#fff{width:470px;height:100px;position:absolute;top:330px;left:490px;border:1px solid black;}
#fffi{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#fffl{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#ggg{width:470px;height:100px;position:absolute;top:440px;left:0px;border:1px solid black;}
#gggi{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#gggl{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#hhh{width:470px;height:100px;position:absolute;top:440px;left:490px;border:1px solid black;}
#hhhi{width:141px;height:75px;position:absolute;top:13px;left:30px;background-image:url("privatefonts/avenir-incha-a-llah.png");}
#hhhl{width:134px;height:73px;position:absolute;top:13px;left:30px;background-image:url("src_alkhalili/styles_test/avenir-incha-a-llah.png");}

#ass3{width:122px;height:39px;position:absolute;top:544px;left:410px;background-image:url("src_alkhalili/styles_test/indexx.png");}
#ass3:hover{background-image:url("src_alkhalili/styles_test/indexx-in.png");}