body{background:url(./image/img_haj_cadre.jpg);cursor: url(http://cur.cursors-4u.net/symbols/sym-5/sym452.cur), progress !important;left:0%;top:0%;width:100%;height: auto;background-attachment: fixed;float: left;z-index:-999;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#back{top:5px; right:5px;width: auto;height: auto;position:absolute;border: 2px outset #3DE5D1;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);position:absolute;z-index:3;}
#back:hover{cursor:pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#fin:hover{cursor:pointer;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
#retour{width:35px;height:35px;right:5px;top:5px;display:none;z-index:5;position: absolute;border: 2px outset white; border-radius: 100px;}
#retour:hover{border: 2px inset white;box-shadow: 0 0px 0px ;}
#page_hajj{left:1%;top:8%;width:98%;height: 60%;position:absolute;z-index:1;box-shadow: 2px 4px 2px 4px darkkhaki;}
#liste-arkan-haj{overflow: auto;top:1%;right:1%;width:20%;height:98%;position:absolute;} 
.elm-haj{width:100%;height:6%;text-align:right;border-radius: 70px;box-shadow: 0 8px 8px rgba(0, 0,0, 1.7);margin:5px auto 5px auto;border-radius:10px;}
.elm-haj:hover{text-align:left;cursor:pointer;background-color:rgba(200, 100,10);} 
.vhaj,#resume_haj{left:1%;top:25%;width:98%;height:auto;position:absolute;display:none;background:black;border: 4px inset darkkhaki;border-radius: 10px;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.7);z-index:10;}
#resume_haj{display:block;}
.logo_haj{top:5px;left:5px;width:50px;height:40px;position: fixed;box-shadow: 0 8px 8px rgba(0, 0,0, 1.7);z-index:3;}
#date{top:2%;left:0%;width:100%;height:auto;text-align:center;color:gold;z-index:1;font-weight: bold;font-size:120%;margin: 0;position: absolute;}