#waqt{right:5%;top:20%;height:auto;width:auto;color :brown;font-size:16px;padding:10px;position:absolute;z-index:10;border-radius: 5px;box-shadow: 0 8px 12px rgba(0, 0, 0, 1.5);}
#text-ar{left:0%;top:90%;height:auto;width:100%;position:absolute;z-index:100;}
#text-enfr{left:0%;top:95%;height:auto;width:100%;position:absolute;z-index:100;margin-bottom:20px;}
#salam{left:60%;bottom:1%;width:40%;height:auto;position:absolute;z-index:3;}
#date{left: 0%;top:5px;width:100%;height:auto;color:black;font-size:30px;font-weight: bold;text-shadow: 2px 2px 2px gold;text-align:center;margin: 0;position: absolute;z-index:999999;}
#image{left:5%;top:35%;width:90%;height: 28%;position:absolute;z-index:10;display:block;box-shadow: 0 8px 12px rgba(0, 0,0, 1.7);}
#zoom-frame{left:0%;top:0%;width:100%;height:100%;position:absolute;z-index:0;display:block;}
#ayah{opacity:0.7;left:0%;top:0%;width:100%;height:100%;position:absolute;z-index:0;display:block;}
#btn-contact:hover{cursor: pointer;z-index:9;-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.Page_Menu{z-index:20;left:10%;width:80%;top:65%;height:auto;display:block;position:absolute;text-align:center;z-index:9999;box-shadow: 0 8px 12px rgba(0, 0,0, 1.7);}
#div-elmt{width:100%;height:auto;display:block;color:black;font-size:6px;text-align:center;margin-bottom:10px;border-radius: 5px;-webkit-transition: width 2s, height 2s, -webkit-transform 2s; transition: width 2s, height 2s, transform 2s;}
.div-cnl:hover{font-size:10px;}
#btn-contact{width:50px;height: 50px;top:2%;right:2%;position:absolute;border: 1px solid #ccc;z-index:2;}
#retour:hover,#clicker:hover{cursor: pointer;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
#logoD{position: fixed;width:60px;height:60px;top:5px;right:5px;}
#logoG{width:60px;height:60px;top:2%;left:2%;position:fixed;z-index:100;box-shadow: 0 8px 12px rgba(0, 0, 0, 1.5);border-radius: 10px;}
#retour{right:2px;top:8px;width:20px;height:20px;position:absolute;box-shadow: 0 4px 4px rgba(0, 0, 0, 1.2);}
.audio_Menu{width:100%;height:100%;top:0%;right:0%;position:absolute;border: 1px solid #ccc;z-index:2;}
/* -----------------* {box-sizing: border-box;}---------- contact Form ---------------------------- */
#Formulaire{left:1%;top:80px;width:98%;height:420px;display:none;position:absolute;box-shadow: 0 8px 8px rgba(0, 0, 0, 1.5);background:rgba(0, 0, 0,0.1);border-radius:5px;text-align:center;z-index:3;}
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {background-color: #555;opacity: 0.8;color: white;border: none;cursor: pointer;position: absolute;}
.corps {left:20%;top:0%;width:60%;height:100%;position: absolute;border-radius: 5px;background-color:pink;padding:2px;}
.corps input[type=text],.corps select,.corps textarea{left:10%;width: 100%;resize: vertical;padding: 2px;border: 1px solid #ccc;border-radius: 4px;margin-top: 1px;margin-bottom:1px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);}
.corps input[type=submit],.corps input[type=reset]{width:48%;color:white;background-color: rgba(0, 0, 0, 0.5);border: none;border-radius: 4px;cursor: pointer;margin:2px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.7);}
.corps input[type=submit]:hover,.corps input[type=reset]:hover {background-color: #45a049;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
/* -----------------* {misa à jour}-------------------------------------- */
#MAJ{opacity:1.0;top:0%;left:0%;width:100%;height:100%;text-align:center;display:none;position:absolute;z-index:1111;border-radius: 10px;box-shadow: 0 4px 4px rgba(0, 0, 0, 1.2);}
.image-jomea{top:30%;left:15%;width:20%;height:25%;display:none;position:absolute;z-index:1111;}
.image-aid{left:0%;bottom:0%;width:100%;height:auto;text-align:center;opacity:1.0;position:absolute;z-index:9999;}
/*
