@font-face {
 font-family: 'alkhalili sifr';
 src : url('fontS0/alkhalili sifr.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:980px;height:540px;position:absolute;top:0px;left:0px;border:1px solid blaCCck;}
#grille{width:980px;height:540px;position:absolute;top:0px;left:0px;border:1px solid reDDd;}
#img1{width:324px;height:170px;position:absolute;top:10px;left:2px; background-color:yellow;}
#img2{width:324px;height:170px;position:absolute;top:10px;left:328px; background-color:yellow;}
#img3{width:324px;height:170px;position:absolute;top:10px;left:654px; background-color:yellow;}
#img4{width:324px;height:170px;position:absolute;top:190px;left:2px; background-color:yellow;}
#img5{width:324px;height:170px;position:absolute;top:190px;left:328px; background-color:yellow;}
#img6{width:324px;height:170px;position:absolute;top:190px;left:654px; background-color:yellow;}
#img7{width:324px;height:170px;position:absolute;top:370px;left:2px; background-color:yellow;}
#img8{width:324px;height:170px;position:absolute;top:370px;left:328px; background-color:yellow;}
#img9{width:324px;height:170px;position:absolute;top:370px;left:654px; background-color:yellow;}
/*#img10{width:170px;height:170px;position:absolute;top:364px;left:364px; background-color:yellow;}
#img11{width:170px;height:170px;position:absolute;top:364px;left:546px; background-color:yellow;}
#img12{width:170px;height:170px;position:absolute;top:364px;left:728px; background-color:yellow;}
#img13{width:170px;height:170px;position:absolute;top:364px;left:374px; background-color:yellow;}
#img14{width:170px;height:170px;position:absolute;top:364px;left:715px; background-color:yellow;}
#img15{width:170px;height:170px;position:absolute;top:364px;left:748px; background-color:yellow;}*/

.zero{font-size:14px;color:black;position:absolute;top:530px;left:370px;}
.zozor{font-size:18px;color:red;position:absolute;top:534px;left:340px;text-shadow:1px 1px 0px black;}



#de{font-size:26px;color:red;position:absolute;top:540px;left:200px;}
#de:hover{color:blue;}
#tr{font-size:26px;color:red;position:absolute;top:540px;left:220px;}
#tr:hover{color:blue;}
#qu{font-size:26px;color:red;position:absolute;top:540px;left:240px;}
#qu:hover{color:blue;}
#ci{font-size:26px;color:red;position:absolute;top:534px;left:260px;}
#ci:hover{color:blue;}


#index{width:60px;height:14px;position:absolute;top:546px;left:100px;font-family:alkhalili sifr;font-size:14px;text-decoration:underline;color:blue;}
#index:hover{color:blue;}