* {position:relative; margin:0; padding:0; border:0; box-sizing:border-box;} 
	html, body {height:100%; width:100%; font-size:100%; font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}

			
	
	.wrapper {
		height:100dvh; width:100dvw; overflow: hidden; perspective: 1000px; 
		/* background:radial-gradient(ellipse at 0 0,rgb(155, 96, 159) 0%,rgb(107, 39, 113) 60%); */
		background:radial-gradient(ellipse at 0 0, rgb(255 250 255) 0%, rgb(155 149 149) 60%);
	}


		

		
		

	.globalDisc {position:absolute; top:0; left:0; z-index:2; height:100%; width:100%; margin:0; padding:0; transform-style:preserve-3d; 
		/* background: linear-gradient(135deg, #efefef 0%, rgb(137, 136, 136) 100%);
		background: linear-gradient(125deg, #f8f8db 0%, rgb(255, 200, 0) 40%); */
		transition:all 1s ease-out 1s;
	}
	

	
	.globalDisc.vertical { transform:scale(.6);}
	.globalDisc.horizontal { transform:scale(1);}

	ul.lubtn {position:absolute; z-index:70;  bottom:5vh; }
	ul.lubtn li {display:inline-block; cursor:pointer; pointer:cursor;}
	ul.lubtn li button { cursor:pointer; pointer:cursor;}
	.activation {background:red; height:30px; width:30px;}
	.reActivation {background:green; height:30px; width:30px; line-height:30px; text-align:center;}
	.pointdevue {background:yellow;  height:30px; width:30px; line-height:30px; text-align:center;}
	.pointdevue2 {background:yellow;  height:30px; width:30px; line-height:30px; text-align:center;}
	.pointdevue3 {background:yellow;  height:30px; width:30px; line-height:30px; text-align:center;}
	.pointdevue3 {background:yellow;  height:30px; width:30px; line-height:30px; text-align:center;}
	.pointdevue4 {background:yellow;  height:30px; width:30px; line-height:30px; text-align:center;}
	
/* /////////////////////////// */
	
	
	.tournDisque {
		position:absolute; top:50%; left:50%; margin:-325px auto auto -375px; height:650px; width:750px; transform-style:preserve-3d; 
		transition:all .5s linear; 
	}
	.tournDisque.pointDeVue {
		 transform:rotateX(46deg) rotateZ(6deg) scale(1) translate3d(0,-120px,0px);
	}
	.tournDisque.pointDeVue2 {transform:rotateX(55deg) rotateZ(0deg) scale(1) translate3d(0,-120px,0px); }
	.tournDisque.pointDeVue3 {transform:rotateX(55deg) rotateZ(20deg) scale(1) translate3d(-5vw,-120px,0px); }
		
/* ///////////////// plateau ///////////////////////////////////////////////////////////// */

		
	.plateau {position:absolute; z-index:2; top:0; left:0; height:650px; width:750px; transform-style:preserve-3d; border:2px solid rgb(130,130,130); 
		background:linear-gradient(135deg,rgba(110,110,110,1) 40%, rgba(40,40,40,1) 60%); transform:translate3d(0,0,40px); box-shadow:inset 1px 1px 5px rgba(35, 35, 35, 0.78);
	}
		.plateauContour {position:absolute; z-index:1;  height:590px; width:590px; top:20px; left:20px; background:rgb(68, 68, 68); border-radius:50%;}
	.ombrePlateau {position:absolute; z-index:1; height:650px; width:750px; top:30px; left:30px; background:rgba(0,0,0,.6); filter:blur(5px); }
	
		.lightDisque {position:absolute; z-index:4; height:20px; width:20px; top:487px; left:520px; transform-style:preserve-3d; transform-origin:bottom center; transform:rotateX(-90deg)rotateY(48deg); background:rgba(255,20,0,.6); filter:blur(1px)}
			.lightDisque .lightDisqueLeft {position:absolute; height:20px; width:20px; top:0; left:-20px; transform-origin:top right; transform:rotateY(90deg); background:rgba(255,20,0,.6);}

	.plateauFront {position:absolute; height:30px; width:750px; left:-2px; top:648px; transform-origin:center top; transform:rotateX(-90deg); background:rgb(48, 48, 48);}		
	.plateauLeft {position:absolute; height:650px; width:30px; left:-30px; top:-1px; transform-origin:top right; transform:rotateY(-90deg); background:rgb(48, 48, 48);}		
			
	.suporBras {position:absolute; height:4px; width:8px; right:77px; bottom:370px; transform-style:preserve-3d; transform:translate3d(0,0,37px); background:red;}
		.sbSideFront {position:absolute; left:0; top:4px; width:8px; height:52px; transform-origin:center top; transform-style:preserve-3d; transform:rotateX(90deg) translate3d(0,0,0px);  background:rgb(41, 41, 41);} 
		
		.sbSideBack {position:absolute; left:0; top:0px; width:8px; height:52px; transform-origin:center top; transform-style:preserve-3d; transform:rotateX(90deg) translate3d(0,0,0px);  background:rgb(104, 104, 104);} 
		.sbSideLeft {position:absolute; left:0; top:0; width:52px; height:4px; transform-origin:left center ; transform-style:preserve-3d; transform:rotateY(-90deg) translate3d(0,0,0px);  background:rgb(130,130,130);} 
		.sbSideRight {position:absolute; right:0; top:0; width:52px; height:4px; transform-origin:right center ; transform-style:preserve-3d; transform:rotateY(90deg) translate3d(0,0,0px);  background:rgb(10,10,10);} 
			
		.sbOmbre {position:absolute; top:4px; left:0; height:50px; width:10px; background:linear-gradient(180deg, rgba(0, 0, 0, 1) 0%,  rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.01) 100%); transform-origin:left top; transform:skewX(45deg) translate3d(0,0,4px); filter:blur(1px);}	
			
	
	.dessouPlateau {
		position:absolute; z-index:1; top:0; left:0; height:648px; width:748px; transform-style:preserve-3d; transform:translate3d(0,0,-30px); background:rgb(55, 55, 55);
	}
	
	.platineBtn {
		position:absolute; z-index: 2; height:35px; width:55px; right:100px; bottom:25px; line-height:35px; text-align:center; font-size:10px;
		border:2px solid #000; background:rgb(114, 180, 1); cursor:pointer;
		transform-style:preserve-3d; transform:translate3d(0,0,40.5px);
	}
	
	.playBtn.animBtn {animation:btnPlay 2s linear infinite;}
	
	@keyframes btnPlay {
		0% {
			 background:rgb(114, 255, 80);
		} 50% {
			 background:rgb(0, 200, 0);
		} 100% {
			 background:rgb(114, 255, 80);
		}
	}
	
	
	
	.power {
		position:absolute; bottom:20px; left:20px; height:76px; width:76px; border-radius:50%;  transform-style:preserve-3d; background:#000; 
	}	
		.selector {
			position:absolute;z-index:3; top:13px; left:13px; height:50px; width:50px; border-radius:50%; transform-style:preserve-3d; transform:rotate3d(0,0,1,125deg);
		}
		
		.selectOmbre {
			position:absolute; z-index:1; height:50px; width:65px; border-radius:0 25px 25px 0; top:13px; left:38px; filter:blur(1px);
			transform-origin:left center; transform:rotate(45deg); background:linear-gradient(90deg, #000 20%, rgba(0,0,0, .1) 100%);
		}
		
		span.numb {
			position:absolute; z-index:2; height:35px; width:10px; left:33px; bottom:38px; top:auto; transform-origin:center bottom; background:transparent;
			color:#fff; font-size:7px; text-align:center; margin:0;
		} 
		.numb.num_off {transform:rotate(0deg);} .numb.num_33 {transform:rotate(40deg)} .numb.num_45 {transform:rotate(80deg)} .numb.num_75 {transform:rotate(120deg)} 
		
		.boxSelectorFront {
			position:absolute; top:0; left:0; height:50px; width:50px; transform-style:preserve-3d; transform-origin:center;
			transform:rotateX(90deg) rotateY(250deg) translate(0px, 20px);
		}
		
		.selectorFront {
			position:absolute; height:20px; width:4px; bottom:25px; left:23px; transform-style:preserve-3d; transform-origin:bottom center; transform:rotateX(-90deg) translate3d(0,0,25px); 
			background:rgb(196, 41, 41);
		}
		
		.selectorTop {
			position:absolute; left:0; top:0; height:50px; width:50px; border-radius:50%; transform-style:preserve-3d; transform:rotate(-120deg) translate3d(0px,0px,20px);
			background:linear-gradient(135deg, rgb(140, 140, 140) 35%, rgb(211, 211, 211) 50%, rgb(112, 111, 111) 65% ); 
			box-shadow:inset 1px 1px 1px rgb(212,212,212), inset -1px -1px 1px rgb(143,143,143);
			overflow:hidden;
		} 
			.marqueur {
				position:absolute; height:25px; width:4px; top:0; left:23px; transform-origin:center bottom; transform:rotate(0deg); 
				background:linear-gradient(90deg,#333 0%, #fff 70%); transition:all .5s linear;
			}
				.marqueur.actived {transform:rotate(40deg);}
			
			.marqueur .greenMark {height:5px; width:2px; margin:0 1px; background:rgb(55, 55, 55);}
				.marqueur.actived .greenMark {height:5px; width:2px; margin:0 1px; background:rgb(4, 255, 10);}
			
			.scars {position:absolute; height:25px; width:25px; background:rgba(66, 66, 66, 0.45); filter:blur(2px);}
				.topscars {left:0; top:0;}
				.bottomscars {right:0; bottom:0;}
		
	.decoBras {
		position:absolute; height:120px; width:220px; border-radius:0 60px 60px 0; top:68px; right:20px;  background:#000;
		transform-origin: 160px 60px; transform: rotate(-32deg); 
	}
	
	
/* //////// Disc //////////////////////////////////////////// */	
	
	.disc {position:absolute; z-index:10; height:580px; width:580px; top:25px; left:25px; border-radius:50%; overflow:hidden; transform-style:preserve-3d; transform:translateZ(60px); border:3px solid rgb(43, 43, 43);
		box-shadow:20px 40px 6px rgba(0, 0, 0, 0.6); background:linear-gradient(45deg, rgb(17, 17, 17) 40%, rgb(90, 90, 90) 50%,rgb(17, 17, 17) 60%);
	}
		.microsillon {position:absolute; z-index:1; border:1px solid rgb(44, 44, 44); border-radius:50%;} 
			.microsillon.pist1 {height:500px; width:500px; margin:40px;} 
			.microsillon.pist2 {height:420px; width:420px; margin:80px;} 
				.microsillon.pist2a {height:460px; width:460px; margin:60px;} 
			.microsillon.pist3 {height:340px; width:340px; margin:120px;} 
			.microsillon.pist4 {height:260px; width:260px; margin:160px;} 
			.microsillon.pist5 {height:190px; width:190px; margin:195px; background:rgb(38,38,38); border:0;} 
			
		.etiquette {
			position:absolute; z-index:5; height:180px; width:180px; margin:200px;  text-align:center; border-radius:50%; background:linear-gradient(to bottom, #ed6d42 21%,#f7c40e 100%); 
			
		}
			.etiquette.turne {
				animation: rotaEtiquette .5s linear infinite;
			}
			/* .etiquette.boulegue { animation: rotaEtiquette .5s linear infinite;} */
			
			.etiquette.paused { animation-play-state: paused; animation-timing-function: ease-out; }
			
			.inDisque3 {width:160px; margin:10px 10px 0 10px;}
			.inDisque3 .cssRecord { width:70px; margin:0 auto}
			.inDisque3 h1 {font-size:13px; font-family: 'Lobster', cursive;}
			
			.bottomInfo {width:160px; height:auto; margin:30px auto;}
			.bottomInfo h2 {font-size:10px; font-family: 'Lobster', cursive;}
			.bottomInfo ul {}
			.bottomInfo ul li {list-style:none; font-size:10px;}
			
			
			
				.etiquette.loading-mode {
					/* animation: rotaEtiquette 4s linear infinite; */
				}
				
				.etiquette.loading-mode {
					animation: rotaEtiquette var(--rotation-duration, 4s) linear infinite;
				}

				.etiquette.paused {
					animation-play-state: paused;
				}

				@keyframes rotaEtiquette {
					0% { transform: rotateZ(0deg); }
					100% { transform: rotateZ(360deg); }
				}
			
			
			
	
		.discAxe {position:absolute; z-index:11; height:10px; width:10px; top:312px; left:312px; transform-style:preserve-3d; border-radius:50%; transform:rotate(-90deg) translateZ(52px); }
			.axeDiscFront {position:absolute; height:10px; width:2px; bottom:5px; left:4px; transform-style:preserve-3d; transform-origin:center bottom; transform:rotateX(-90deg) translate3d(0,0,5px); background:#efefef;}
			.axeDiscTop {position:absolute; top:0; left:0; background:linear-gradient(90deg, #ffffff 0%, #efefef 100%); box-shadow:inset 2px -2px 2px rgba(0, 0, 0, 0.6); transform:translate3d(0,0,10px); height:10px; width:10px; border-radius:50%; }
		
		
		.axeDisc {position:absolute; z-index:6; height:10px; width:20px; margin:285px; border-radius:5px; transform-style:preserve-3d; transform-origin:5px; transform:rotate(45deg); background:linear-gradient(90deg, #000 0%, rgba(0,0,0, .6) 50%, rgba(0,0,0, .1) 95%);}
			
		.refletDisc {
			position:absolute; z-index:4; top:0; left:0; margin:0; height:580px; width:580px;
			background:linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0.34) 50%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%);
		}
		
		.underDisc {position:absolute;  z-index:2; height:20px; width:578px; top:305px; left:25px; transform-style:preserve-3d; transform-origin: center; transform:rotateX(90deg) translate3d(0,49px,0);}
			.underDisc.boulegue { animation: rotaDisque 1s linear infinite;}
		
			.underDiscFront {position:absolute; height:20px; width:34px; left:272px; top:0; transform-style:preserve-3d; transform:rotateY(90deg); background:#ccc;}
	
	.oBd {position:absolute; top:40px; left:610px; height:500px; width:100px; transform-origin:50px 80px; transform:rotate(18.5deg);}
/* //////// Bras //////////////////////////////////////////// */
	
	.brasDisque {
		position:absolute; z-index:20; top:50px; right:30px; margin:0; height:500px; width:100px; transform-style:preserve-3d; transform-origin: 50px 80px;
		transition:all 1s linear;
		/*transform:translate3d(0,0,93px)  rotateZ(18.5deg) */;
	}
	
	.brasDisque.deplacement {transform:translate3d(0,0,93px) rotateZ(19deg);  }
	
	.oBd.odepl{transform:rotate(19deg); transition:all 1s linear;}
	
	.brasDisque.retour {transform:translate3d(0,0,93px) rotateZ(0deg); transition:all 1s linear;}
	.oBd.oBack{transform:rotate(18.5deg); transition:all .2s linear;}
	
	.brasDisque.lecture {transform:translate3d(0,0,93px) rotateZ(46.5deg); transition:all 20s linear; }
	.oBd.oRead {transform:rotate(46.5deg); transition:all 10s linear;}
	
	.slowRead { transition:all 10s linear;}
	
	@keyframes youpi {
		0% {
			transform:rotateX(0deg);
		} 
		50% {
				transform:rotateX(10deg);
		}
		100% {
				transform:rotateX(0deg);
		}
	}
	
	@keyframes onseCalm {
		
		to {transform: rotate(0);} 
	}
	
	.calmos {animation: onseCalm .3s ease-out 1;}
	
/* /////// Tube ///////////////////////////////////////// */
	
	.tubeBox {height:500px; width:100px; transform-origin: 50px 80px; transform-style:preserve-3d; transform:rotateX(0deg);  transition:all .3s linear;}
		.tubeBox.relever {animation:youpi 1.2s linear 1;}
		.tubeBox.releverBack {animation:youpi 1.2s linear 1 reverse;}
	
	.tube{
		position: absolute;
		top:0; left:50%;
		margin:0 auto auto -10px;
		width: 10px;
		height:450px;
		transform-style: preserve-3d;
		transition: all 1s linear;
		/* transform: rotateY(47deg); */
	}
	

	.tube .top, .tube .bottom { 
		position:absolute; transform-origin:center; border-radius:50%; width:20px; height:20px;  background:rgba(20,30,40, .5);
	}
	
	.tube .top {
		transform:rotateX(90deg) ;
		top:0; left:0;
		margin:-10px 0 0 0;
		
		display:none;
	}
	
	.tube .bottom {
		transform:rotateX(90deg);
		bottom:0; left:0;
		margin:0 0 -10px 0;
	}

	.tube span{
		position:absolute;
		top:0;
		left:10px;
		margin:0 0 0 -1px;
		width:2px;
		height:450px;
		display:block;
		background:rgba(255,25,55,0.1);


	}

	span.tubeFront{
		transform:rotate3D(0,0,0,0deg) translate3d(0,0,-1px);
	}
	
	
	.inTube {
		position:absolute; height:100px; width:20px; top:38px; left:0; transform-style:preserve-3d; transform:rotateY(90deg);
	}
		.inTubeFront {
			position:absolute; height:20px; width:20px; bottom:-10px; left:0; border-radius:50%; transform-origin:center; transform-style:preserve-3d;
			transform:rotateX(90deg); background:#000;
		}
		
		.inTubeSide {
			position:absolute; height:100px; width:2px; height:100px; top:0; left:9px; transform-origin:center; transform-style:preserve-3d;
			transform:rotateY(90deg) translate3d(0,0,-5deg); background:#000;
		}
	
	
	.ombreTube {position:absolute; height:500px; width:100px; top:0; left:0;  transform-style:preserve-3d; transform:translate3d(53px,40px,-53px); }
		.elemOmbr_1 {position:absolute; height:425px; width:20px; top:0; left:40px; background:rgba(0,0,0, .65); filter:blur(5px);}
		.elemOmbr_2 {position:absolute; height:80px; width:40px; bottom:0px; left:20px; transform:rotate(20deg); background:rgba(0,0,0, .75); filter:blur(5px);}

		
/* ////////// Tete De Lecture ////////////////////////////////////////// */
	
	.teteDeLecture {
		position:absolute; height:65px; width:40px; top:430px; left:30px; transform-style: preserve-3d; transform-origin:20px 10px; transform:rotate(20deg) translate3d(0,0,1px);
	}
		.rotate90 {transform-origin:center; transform:rotateY(90deg);}
		
		.head1 , .head2 {
			position:absolute; background:linear-gradient(90deg, rgb(30,30,30) 0%, rgb(0,0,0) 100%); transform-style:preserve-3d;
		}
		
		.head1 { width:30px; height:30px; top:0; left:5px; transform:translate3d(0,0,10px);}
			.head1Back {position:absolute; top:-5px; left:0; height:10px; width:30px; transform:rotateX(90deg) translateY(-5px); background:rgba(0,0,0, 1);}
			.head1Left {position:absolute; top:0; left:-5px; height:30px; width:10px; transform:rotateY(90deg) translateX(5px);  background:rgba(0,0,0, 1);}
			.head1Right {position:absolute; top:0; right:-5px; height:30px; width:10px; transform:rotateY(90deg) translateX(5px);  background:rgba(0,0,0, 1);}
		.head2 { width:40px; height:35px; top:30px; left:0;  transform:translate3d(0,0,10px);}
			.head2Back {position:absolute; top:-5px; left:0; height:10px; width:40px; transform:rotateX(90deg) translateY(-5px); background:rgba(0,0,0, 1);}
			.head2Front {position:absolute; bottom:-5px; left:0; height:10px; width:40px; transform:rotateX(90deg) translateY(-5px); background:rgba(0,0,0, 1);}
			.head2Left {position:absolute; top:0; left:-5px; height:35px; width:10px; transform:rotateY(90deg) translateX(5px); background:rgba(0,0,0, 1);}
			.head2Right {position:absolute; top:0; right:-5px; height:35px; width:10px; transform:rotateY(90deg) translateX(5px); background:rgba(0,0,0, 1);}
	
		.anse {
			position:absolute; top:10px; left:30px; height:6px; width:30px; background:#c7c7c7; transform-style:preserve-3d; transform: rotateY(-20deg);
		}
			.anseBord {
				position:absolute; background:rgba(175,175,175, 1); 
			}
			.anseBord.anseRight {top:0; right:-4px; height:6px; width:4px; transform-origin: center left; transform: rotateY(90deg);}
			.anseBord.anseTop {top:-4px; left:0; height:4px; width:30px; transform-origin: center bottom; transform: rotateX(90deg);}
			.anseBord.anseFront {bottom:-4px; left:0; height:4px; width:30px; transform-origin:  top center; transform: rotateX(-90deg);}
			.anseBord.anseBottom {left:0; top:0; height:6px; width:30px; transform-origin:  top center; transform: translateZ(-4px);}
		
		.head_3 {
			position:absolute; height:50px; width:24px; bottom:2px; left:8px; background:rgba(0,0,0, .5); transform-style:preserve-3d; transform-origin:bottom center; transform:rotateX(-5deg);
		}
			.head_3Cote {position:absolute; transform-style:preserve-3d;}
				.head_3Cote.head_3Front {
					height:24px; width:10px; left:7px; bottom:-24px; transform-origin:center top; transform:rotateX(-90deg) translate3d(0,0,-1px);
					background:linear-gradient(35deg, rgb(155, 0, 0) 0%,rgb(78, 14, 3) 100%);
				}
				.head_3Cote.head_3Left {
					height:50px; width:24px; left:-24px; top:0; transform-origin:top right; transform:rotateY(-90deg) rotateX(-8deg);
					background:rgb(155, 0, 0);
				}
				.head_3Cote.head_3Right {
					height:50px; width:24px; right:-24px; top:0; transform-origin:top left; transform:rotateY(90deg) rotateX(-8deg);
					background:rgb(78, 14, 3);
				}
				
			.aiguille {
				position:absolute; height:20px; width:2px; bottom:-10px; left:4px; background:rgb(138, 138, 138); transform-origin:bottom center; transform:rotateX(30deg);
			}
			.aiguille .ombreEgui {
				position: absolute; height: 25px; width: 2px; bottom:0; left:1px; transform-origin: center bottom;
				background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 90%); transform: rotateY(60deg) rotateZ(90deg) ; transform-style: preserve-3d;
				display:none;
			}
				
	
/* ////// Axe ////////////////////////////////////////////// */
	
	.axeSupport {position:absolute; top:75px; right:25px; height:110px; width:110px; border:3px solid #000; border-radius:50%;  background:rgb(61, 61, 61); transform:translateZ(41px);}
		.ombAxeSupport {
			position:absolute; height:100px; width:85px; top:0; left:50px; border-radius:0 50% 50% 0; transform-origin:left center; transform:rotate(45deg);
			background:linear-gradient(90deg, rgba(0,0,0, 1) 40%, rgba(0,0,0, .2) 100% ); filter:blur(1px);
		}
	
	
	.axe {position:absolute; top:30px; left:0; height:100px; width:100px; border-radius:50%; transform: translate3d(0,0,-53px); transform-style:preserve-3d; background:#000;}
		.axeBox {position:absolute; width:100px; height:20px; top:40px; left:0; transform-style: preserve-3d; transform:rotateX(90deg) translate3d(0,10px,0);}
		
		.axeSideTop {position:absolute; transform-origin:center; top:0; left:0; margin:-50px 0 0 0; border-radius:50%; width:100px; height:100px; 
			transform:rotateX(90deg) translateZ(-20px); background:linear-gradient(45deg,rgb(100,100,100) 0%,rgba(32,32,32, 1) 80%);
		}
		.axeSide {
			position:absolute; height:20px; width:10px; top:0; left:45px; transform-origin:center; transform:translate3d(0,0,50px);  background:red; margin:0;
		}

	.fixAxe {position:absolute; top:25px; left:25px; height:50px; width:5px; transform-style:preserve-3d; background:rgb(40, 40, 40); }
		.fixAxe.fixLeft {transform:rotateX(90deg) translate3d(10px,37px,0px);}
		.fixAxe.fixRight {transform:rotateX(90deg) translate3d(35px,37px,0px);}
			.fixAxeTop {position:absolute; width:5px; height:20px; top:50px; left:0;  transform-origin:center top; transform:rotateX(90deg); background:#999999;}
			.fixAxeFront {position:absolute; width:5px; height:50px; top:0; left:0; transform:translate3d(0,0,20px); background:#999999;}
			.fixAxeLeft {position:absolute; width:20px; height:50px; top:0; left:-20px; transform-origin:right center;  transform:rotateY(90deg); background:rgb(175, 175, 175);}
				.fixAxe.fixRight .fixAxeLeft {background:rgb(66, 65, 65);}
				.fixAxe.fixRight .shad {width:44px;}
			
			.fixAxeRight {position:absolute; width:20px; height:50px; top:0; left:5px; transform-origin:left center;  transform:rotateY(-90deg); background:rgb(40, 40, 40);}
	
		.shad {position:absolute; width:50px; height:17px; top:9px; left:0;  transform-origin:left top; transform:rotateX(90deg) rotateZ(-30deg) skewX(-30deg);
			background:linear-gradient(90deg, #000 0%, rgba(0,0,0, .1) 100%);
		}
	
	.releveAxe {position:absolute; top:35px; left:47px; height:70px; width:6px; transform:rotateX(90deg) translate3d(0,26px,0); transform-style:preserve-3d;  background:rgb(72, 72, 72); }
		.relevefront {position:absolute; top:0; left:0; height:70px; width:6px; transform:translate3d(0,0,-15px); background:rgb(40, 40, 40);}
		.releveLeft {position:absolute; top:0; left:0; height:70px; width:15px; transform-origin:left center; transform:rotateY(90deg) translate3d(0,0,0); background:rgb(175, 175, 175);}
		.releveRight {position:absolute; top:0; left:6px; height:70px; width:15px; transform-origin:left center; transform:rotateY(90deg) translate3d(0,0,0); background:rgb(40, 40, 40);}
	
	.releveAxe .shad {top:30px; height:10px; transform:rotateX(90deg) rotateZ(-30deg) skewX(-30deg) translate3d(0,-10px,0);}
	
/* //////////////////////////////////////////////////// */
/* ////////// LOGO //////////////////////////////////// */
/* //////////////////////////////////////////////////// */

	.cbsLogo {
		height:46px; width:140px; margin:0 auto; transform: scale(.7);
	}
	
		.circle {
			position:absolute; background:#fff; border-radius:50%;
		}
		.cbsLogo .logoboxCbs {
			position:absolute; top:0; left:47px; height:46px; width:46px;
		}

			.cbsLogo .logobox.leftLetter {transform:translateX(-38px);}
			.cbsLogo .logobox.centerLetter {}
			.cbsLogo .logobox.rightLetter {transform:translateX(40px) }
		
		.cbsLogo.logobox .logoboxCbs  {
			position:absolute; top:0; left:0; height:46px; width:46px; 
		}
		
		.logoboxCbs.forS {transform:rotate(-45deg);}
			
		.inlogobox {position:absolute; height:23px; overflow:hidden; box-sizing: unset;}
		
			.inlogobox.clogoTop {top:0; width:46px; height:23px; left:0; transform-origin:center bottom; transform:rotate(-45deg);}
				.inlogobox.clogoTop .circle {top:0; left:0; height:46px; width:46px; }
				
			.inlogobox.clogoBottom {bottom:0; width:46px; height:23px; left:0;  transform-origin:center top;transform:rotate(45deg);}
				.inlogobox.clogoBottom .circle {bottom:0; left:0; height:46px; width:46px; }
				
			.inlogobox.slogoTop {top:3px; width:40px; height:20px; left:6px; border-bottom:4px solid #fff; }
				.inlogobox.slogoTop .circle {top:0; left:0; height:40px; width:40px; }
				
			.inlogobox.slogoBottom {bottom:0; width:40px; height:20px; right:6px; border-top:4px solid #fff; }
				 .inlogobox.slogoBottom .circle {bottom:3px; left:0; height:40px; width:40px; }
		
	


/* //////////////////////////////////////////////////// */
	
	@keyframes rotaDisque {
		0% {transform:rotateX(90deg) translateY(-10px) rotateY(0deg);}
		100% {transform:rotateX(90deg) translateY(-10px) rotateY(360deg);}
	}		
	
	@keyframes rotaEtiquette {
		0% {transform:rotateZ(0deg);}
		100% {transform: rotateZ(360deg);}
	}	 /*	 */
	
	
/* //////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////// */


@media screen and (min-height: 840px ) {

}