#logo{top:5px;left:5px;width:70px;height:70px;position:absolute;z-index:1;border-radius: 5px;box-shadow: 0 8px 12px  rgba(0, 0,0, 1.7);}
	#menuG-h{right:0px;width:100%;top:5%;height:auto;display:inline-block;position:absolute;z-index:1;padding:3px;text-align:center;}
	.menuG-hor{width:40px;height:40px;display:inline-block;text-align:center;box-shadow: 0 2px 4px rgba(0,0,0,0.7);border-radius: 100px;-webkit-transition: width 2s, height 2s, -webkit-transform 2s;transition: width 2s, height 2s, transform 2s;}
	.menuG-hor:hover{cursor:pointer;box-shadow: 0 2px 2px rgba(0,0,0, 0.1);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.saints{top:97%;left:5%;width:90%;height:40%;margin-bottom:10px;background:linear-gradient(to left, #99ffcc 0%, #ffffcc 100%);box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);border-radius: 10px;position:absolute;text-align:center;z-index:10;} 
	#img-salihine{border: 1px inset gold;top:10%;right:1%;width:30%;height:20%;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);border-radius: 10px 0px 0px 0px;position:absolute;text-align:center;z-index:10;} 
	#liste_saints{border: 1px inset gold;overflow: auto;top:30%;right:1%;width:30%;height:60%;background:rgba(0, 0,0, 0.2);box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);border-radius: 0px 0px 0px 10px;position:absolute;text-align:center;z-index:10;} 
	.div_saint{width:98%;height:13%;background:gold;border:2px outset;position:relative;margin:1px;padding:0px;}
	#elt-saints{color:blue;font-family:AL-Hosam;font-size:20px;font-weight:bold; }
	#elt-saints:hover{cursor:pointer;background:lime;} 
	#cadre-saints{top:0%;right:1%;width:98%;height:100% ;background:transparent ;position:absolute;z-index:1;} 
	.vid_saints{box-shadow: 0 8px 12px  rgba(0, 0,0, 1.7);top:10%;left:10%;width:59%;height:80%;border-radius: 10px;position:absolute;display:none;background:transparent);z-index:2;}
	.div_savants:hover{cursor:pointer;background:white;border-radius: 5px;border: 0px outset;box-shadow: 2px 2px 2px rgba(0,0,0, 1.5);} 
.savants{top:139%;right:5%;width:90%;height:40%;margin-bottom:10px;background: url(./image/fond.png);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;box-shadow: 0 4px 8px rgba(0, 0, 0, 1.2);border-radius: 10px;position:absolute;text-align:center;z-index:10;} 
	#liste_savants{overflow: auto;top:1%;right:1%;width:25%;height:98% ;padding-bottom:5px;background:rgba(0, 0,0, 0.2);box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);border-radius: 0px 5px 5px 0px;position:absolute;text-align:center;z-index:10;} 
	.div_savants{width:98%;height:12%;border: 1px outset;background:rgba(0, 200,0, 0.2);position:relative;}
	.vid_savants{box-shadow: 0 8px 12px  rgba(0, 0,0, 1.7);top:10%;left:5%;width:65%;height:80%;position:absolute;display:none;background:transparent;border-radius: 10px;z-index:2;}
	#div-stop{top:2%; right:2%;width:40px;height:40px;border-radius:100px;box-shadow: 0 8px 12px  rgba(0, 0,0, 1.7);position:fixed;display:none;z-index:20;}
	#back{top:2%; right:2%;width: auto;height: auto;position:absolute;border: 2px outset #3DE5D1;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);z-index:20;}
	#back:hover,#div-stop:hover{border:2px outset ;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
/*
@media screen and (max-height: 360px)and (max-width: 812px)and (orientation: landscape)