.logo{top:20px;left:5px;width:50px;height:50px;display:block;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);position:fixed;} 
	#back,#stop{top:20px; right:5px;width:40px;height:40px;position:fixed;border: 2px outset #3DE5D1;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);z-index:4;}
	#back:hover{cursor:pointer;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}	
	#stop{display:none;border-radius: 10px;border: 2px inset red;box-shadow: 0 4px 12px  rgba(255, 0,0, 1.7);}
	#stop:hover,#back:hover{cursor:pointer;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
	#haut{bottom:4%;right:-1%;width:20px;height:30px;position:absolute;z-index:4;display:none;} 
	#debut{top:3px;right:3px;width:45px;height:45px;position:absolute;display:none;z-index:20}
	#debut:hover{cursor:pointer;}
	.MenuG_contenant{top:5%;width:100px;height:80px;left: 50%;-ms-transform: translate(-50%);transform: translate(-50%);perspective:0%;position:absolute;padding:0px;margin:0px;}
	.MenuG_contenant_carrousel{width:  70px;height:  70px;background-size: cover;position: absolute;text-align:center;animation:rotar2 15s infinite linear;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
	.MenuG_contenant_carrousel:hover{animation-play-state:paused;cursor:pointer;}
	.MenuG_contenant_carrousel figure{width: 50px;height:50px;top:50px;overflow:hiden;position: absolute;border-radius: 100px;}
	.MenuG_contenant_carrousel figure:nth-child(1){transform:rotateY(0deg) translateZ(100px);}
	.MenuG_contenant_carrousel figure:nth-child(2){transform:rotateY(40deg) translateZ(100px);}
	.MenuG_contenant_carrousel figure:nth-child(3){transform:rotateY(80deg) translateZ(100px);}
	.MenuG_contenant_carrousel figure:nth-child(4){transform:rotateY(120deg) translateZ(100px);}	
	.MenuG_contenant_carrousel figure:nth-child(5){transform:rotateY(160deg) translateZ(100px);}
	.MenuG_contenant_carrousel figure:nth-child(6){transform:rotateY(200deg) translateZ(100px);}	
	.MenuG_contenant_carrousel figure:nth-child(7){transform:rotateY(240deg) translateZ(100px);}
	.MenuG_contenant_carrousel figure:nth-child(8){transform:rotateY(280deg) translateZ(100px);}	
	.MenuG_contenant_carrousel figure:nth-child(9){transform:rotateY(320deg) translateZ(100px);}
	.MenuG_contenant_carrousel figure:nth-child(10){transform:rotateY(360deg) translateZ(100px);}	
	.MenuG_contenant_carrousel img{width: 100%;height: 100%;image-rendering:auto;transition:all 300ms; -webkit-transition:all 300ms ;-moz-transition:all 300ms ;-ms-transition:all 300ms;transition:all 300ms;}
	.MenuG_contenant_carrousel img:hover{animation-play-state:paused;transform:scale(1.5);transition:all 300ms; -webkit-transition:all 300ms ;-moz-transition:all 300ms ;-ms-transition:all 300ms;transition:all 300ms;}
	@keyframes rotar2{from{transform:rotateY(360deg);}to{transform:rotateY(0deg);}}		
	.div-cnl:hover {cursor:pointer;box-shadow: 0 2px 2px rgba(0,0,0, 0.1);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
#divertissement{top:22%;left:2%;width:96%;height:75%;position:absolute;z-index:0;} 
#liste-chanson,#video-chanson{border: 4px inset #F06292;top:0%;left:0%;width:100%;height:50%;display:inline-block;padding:5px;position:absolute;margin:0px;overflow: auto;text-align:center;z-index:1;border-radius: 10px;background:transparent;box-shadow: 0 12px 8px rgba(0, 0,0,1.7);} 
	#video-chanson{display:none;z-index:3;background:#F06292 url(../image/img_chanson2.jpg)no-repeat;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
	.video-ch{display:none;background:black;z-index:20;top:0%;left:0%;width:100%;height:100%;}
	.div-chanson:hover{cursor:pointer; box-shadow: 0 12px 12px rgba(200, 100, 100, 1.7);background:rgba(250, 200, 000, 1.7);border-radius: 10px;} 
	.div-chanson{border: 4px inset #F06292;border-radius: 10px;display:inline-block;width:75px;height:75px;margin:auto;padding:5px;} 

#zone_joha{top:53%;left:0%;width:100%;height:47%;border-radius: 10px;border: 4px inset #F06292;background:transparent;position:absolute;box-shadow: 0 12px 8px rgba(0, 0,0,1.7);z-index:0;} 
	#div-liste-joha{top:5%;left:0%;width:40%;height:90%;padding:auto;overflow: auto;position:absolute;background:transparent;z-index:10;} 
	.div_joha{width:98%;height:20px;font-size:9px;border:2px inset #F06292;margin-right:2px ;margin-left:2px ;margin-top:2px;font-weight:bold;color:brown;text-align:center;display:block;box-shadow: 0 2px 2px rgba(0,0,0, 0.5);background:url(./image/bg8.jpg)no-repeat;border-radius: 10px;z-index:10;display:block;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
	.div_joha:hover{cursor:pointer;color:red;border: 4px inset gold;} 
	.video-joha{display:none;top:10%;left:41%;width:58%;height:80%;background:black;padding:auto;margin:auto;position:absolute;z-index:3;border: 2px inset #ffffcc;box-shadow: 0 4px 12px  rgba(0, 0,0, 1.7);}
	#lien_joha{font-size:12px;font-weight:bold;text-decoration: underline;}
	

/*
	@media screen and (max-width: 600px) {::-webkit-scrollbar {display:none;}}
	@media screen and (max-width: 359px){::-webkit-scrollbar {display:none;}.menuG-hor{width:35px;height:35px;}.div-chanson{width:40px;height:40px;}#liste-chanson{height:35%;}#video_joha{top:160px;height:180px;}#sciences{top:470px;height:500px;}}
	@media screen and (min-width: 360px)and (max-width: 410px){::-webkit-scrollbar {display:none;}.div-chanson{width:45px;height:45px;}}
	@media screen and (max-width: 720px)and (max-height: 380px){::-webkit-scrollbar {display:none;}#menuG{top: 25px;left:10%;width:80%;}#divertissement{top:80px;height:600px;}#div-liste-video{height:100%;}.div-video{width:98%;height:10%;}#liste-chanson{width:80%;height:auto;}.div-chanson{width:90px;height:90px;padding:3px;}#video_joha{top:300px;width:80%;height:300px;}#div-liste-joha{top:1%;left:1%;width:120px;height:95%;padding-bottom:10px;}.div_joha{width:100px;height:20px;font-size:10px;margin:5px;}.video-joha{top:15%;left:27%;width:70%;height:70%;}#sciences{top:700px;height:500px;}}
	@media screen and (min-width: 601px)and (min-height: 381px){::-webkit-scrollbar {display:block;}#menuG{top: 90px;left:0px;width:70px;height:auto;display:block;padding:3px;}.menuG-hor{width:50px;height:50px;margin-bottom:10px}#divertissement{top:51px;left:9%;width:90%;height:650px;}#div-liste-video{top:0px;left:80%;width:20%;height:100% ;}.div-video{height:10%;}#liste-chanson{width:78%;height:48%;}.div-chanson{width:18%;height:32%;padding:2px;}.video-ch,.video-vid{width:76%;height:38%;}#video_joha{top:50%;width:78%;height:50%;}#div-liste-joha{top:5%;left:1%;width:25%;height:90%;padding-bottom:10px;}.div_joha{width:95%;height:30px;font-size:12px;margin:5px;}.video-joha{top:10%;;left:28%;width:70%;height:80%;}#sciences{top:720px;height:600px;}#sid-titre{height:100px;}.div-sid{width:95%;height:35px;font-size:13px;}.video-sid{top:5px;left:24%;width:50%;height:50%;}.gauche_droite{height:99%;}#liste-videos{top:52%;left:24%;width:50%;height:43%;}.videos{height:100%;}#bas,#haut{display:block;}}
	@media screen and (min-width: 1100px){.menuG-hor{width:60px;height:60px;margin:10px;border:5px inset #ffffcc;}#divertissement{height:800px;}.div-video{width:80%;margin:auto;}.div-chanson{width:18%;height:32%;padding:10px;}.video-ch,.video-vid{height:46%;}.div_joha{width:95%;height:38px;font-size:14px;padding-top:4px;}#sciences{top:870px;height:100%;}.div-sid{height:40px;line-height:20px;font-size:15px;padding-top:0px;}#sid-titre{height:150px;}}
	@media screen and (max-height: 400px){#menuG{top: 10%;left:10%;width:80%;}.menuG-hor{width:60px;height:60px;}#divertissement{top:110px;}.div-chanson{width:18%;height:30%;}#liste-chanson{height:85%;}#div-liste-joha{top:5%;left:2%;width:30%;height:86%;}.video-ch,.video-vid{height:83%;}#div-liste-video{height:165%;}#video_joha{top:85%;height:80%;}.div_joha{width:95%;height:38px;font-size:14px;padding-top:4px;}#sciences{top:790px;height:500px;}.video-sid{top:5px;left:24%;width:50%;height:50%;}#liste-videos{height:45%;}.videos{height:100%;}}