#bloc_bts{
	position: fixed;
	right: -178px; 
	top: 0px;
	z-index:1000;
	
	width: 260px;
	height: auto;
	background-color: rgba(45, 45, 45, 1);
	opacity: 1;
}
#bt-CS {	
	position: absolute;
	left: 0px;
	top: 210px;
	
	padding: 5px 5px;
	height: 22px;
	width: 130px;
	background-color: rgba(69, 153, 21, 1);
	
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	text-align: center;
	text-decoration: none;
	font-size:0.75em;
	letter-spacing: 1px;	
	border-bottom: 1px solid #99ff00;

	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#bt-RC {	
	position: absolute;
	left: 0px;
	top: 350px;
	
	padding: 5px 5px;
	height: 22px;
	width: 130px;
	background-color: rgba(69, 153, 21, 1);
	
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	text-align: center;
	text-decoration: none;
	font-size:0.75em;
	letter-spacing: 1px;	
	border-bottom: 1px solid #99ff00;

	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#bloc_bts a:hover{
	color: #99ff00;	
}
/************************************************************************/
#bt-help {	
	z-index: 10;
	position: fixed;
	right: 259px; 
	top: 220px;
}
#helpclosed{
	background: #000;
	width: 1px;
	height: 1px;
}
#help{	
	position: relative;
	right: -260px; 
	top: 0px;
	
	width: 260px;
	height: auto;
	padding: 20px 20px;
	background-color: rgba(45, 45, 45, 1);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	color: #fff;	
	opacity: 1;
	
	/*background: 
      linear-gradient(135deg,#0000 20.5%,#06192e 0 29.5%,#0000 0) 0 5px,
      linear-gradient( 45deg,#0000 8%,#06192e 0 17%, #0000 0 58%) 10px 0,
      linear-gradient(135deg,#0000 8%,#06192e 0 17%, #0000 0 58%,#06192e 0 67%,#0000 0),        
      linear-gradient( 45deg,#0000 8%,#06192e 0 17%, #0000 0 58%,#06192e 0 67%,#0000 0 83%,#06192e 0 92%,#0000 0),
      #0d213b;
	background-size: 20px 20px;*/
	
	border-radius: 0 0 0 7px ;
	
	-webkit-transition: all .3s ease-out 0s;
	-moz-animation: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	
	-webkit-animation: movalone 2.0s ease-out 0s;
    -moz-animation: movalone 2.0s ease-out 0s;
	animation: movalone 2.0s ease-out 0s;
}
	@keyframes movalone {
	 0% { right: 0px; opacity: 0; }
	 100% { right: -260px; opacity: 1;}
 }
	@-webkit-keyframes movalone {
	 0% { right: 0px; opacity: 0; }
	 100% { right: -260px; opacity: 1;}
	}
	@-moz-keyframes movalone {
	 0% { right: 0px; opacity: 0; }
	 100% { right: -260px; opacity: 1;}
	}
#help a.ouvrir, #help a.fermer{
	position: absolute;
	left: -81px;
	top: 58px;
	
	padding: 5px 5px;
	height: 22px;
	width: 140px;
	background-color: rgba(45, 45, 45, 1);
	
	font-family: 'Rajdhani', sans-serif;
	text-transform:uppercase;
	color: #99ff00;
	text-align: center;
	text-decoration: none;
	font-size:0.8em;
	
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	
	/*background:
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 10px 10px/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 100% 25%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(35.36% 35.36% at 0    75%,#0000 66%,#2d2d2d 68% 70%,#0000 72%) 0 0/calc(2*10px) calc(2*10px),
      repeating-conic-gradient(#000000 0 25%,#0000 0 50%) 0 0/calc(2*10px) calc(2*10px),
      radial-gradient(#0000 66%,#2d2d2d 68% 70%,#0000 72%) 0 calc(10px/2)/10px 10px
      #000000;*/


	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);

	border-radius: 0 0 7px 7px;
}
#help a.fermer {
	display: none;
}
#help:target {
	right: 0px;
}
/*#helpclosed:target #help {
	left: -260px;
}
#help:target a.ouvrir {
	display: none;
}*/
#help:target a.fermer {
	display: block;
}
/*---------------------------- liens -----------------------*/
#help a {
	text-decoration:none; 
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width: 1000px){
#bloc_bts{
	top: -65px;
}
}