html {
	height:100%;
	
	overflow:hidden;
	min-width:1140px;
		min-height:820px;
}
body {
	/*background:#000;
	background-image:url(../img/BackgroundMetal.jpg);
	background-repeat:no-repeat;
	background-size:cover;*/
	padding:0;
	margin:0;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
	font-family:helv
	font-size: 14px;
	height:100%;/*overflow-x: hidden;
	background: url(../img/BackgroundMetal.jpg) ;
	-webkit-background-size: 82%;
	-moz-background-size: 82%;
	-o-background-size: 82%;
	    background-size: 82%;*/ 
		background-color:#000000;
		min-width:1140px;
		min-height:820px;
		
}

#bgInterface{


	left: -10%;
    top: -10%;
    position: absolute;
    z-index: 0;
    height: 120%;
    width: 120%;
	background: url(../img/Background_Tileable_DEF290716.jpg) ;
	/*-webkit-background-size: 82%;
	-moz-background-size: 82%;
	-o-background-size: 82%;
	    background-size: 82%;*/
		-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
	transition: 0.3s -webkit-filter linear;
}
#bgInterface.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
a {
	color:white;
}
#layout {
	position: absolute;
	top: 0px;
	z-index: 3;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
	transition: 0.5s -webkit-filter linear;
}
.btn{border:1px solid #a7a7a7; ;padding:3px 8px;
-webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;} 
.btn:hover, .btn:active{background-color:grey;}
#layout.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
#countainer {
	position:relative;
	margin: 0 auto;
	display: block;
	width: 912px;
	        top: -450px;
    height: 100%;
	-webkit-transition: left 0.5s;
    transition: left 0.5s;
	left:0;
}
#decal {
	position:relative;
	left:-120px;
	    top: 50%;
}
#myFeedback {
	margin:30px 0 0 0;
	position: absolute;
	width: 196px;
	height: 403px;
	padding:1em;
}
#searchPanel {
	      /* top: 6vh; */
    
    position: relative;
    z-index: 60;
    /* margin-left: -100%; */
    height: 912px;
    background-image: url(../img/Interface_Flightcase_DEF170716.png); 
    background-repeat: no-repeat;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    display: block;
    width: 1165px;
    /*cursor: pointer;
	pointer-events: none;*/
    float: left;
    left: -100vw;
	
}
#btClose, #btClose2 {
	color: white;
    font-weight: bold;
    text-decoration: none;
    top: 152px;
    position: absolute;
    left: 905px;
    z-index: 60;
    width: 80px;
    height: 30px;
   /* background-color: red;*/
    display: block;
    background-image: url(../img/BoutonBACKSearch.png);
   background-position: 10px 5px;
    background-repeat: no-repeat;
}
 #btClose:hover, #btClose2:hover {background-image: url(../img/BoutonBACKSearch_Rollover.png);}
 #btClose2 {
	  left: 180px;
	 
 }

#homesearchbutton, #homesearchbutton2 {
	position: relative;
    left: 4px;
    padding: 5px 5px; 
    top: 3px;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 13px;
    font-family: sans-serif;
    cursor: pointer;
	    z-index: 10;
		background-image: url(../img/BoutonSEARCH.png);
		width: 70px;
}
#homesearchbutton:hover, #homesearchbutton2:hover {background-image: url(../img/BoutonSEARCH_Rollover.png);}
#homesearchquery{  top: 1px;  }
#homesearchquery2{  top: 1px;  }
#searchPanel2 {
 /* top: 6vh;
    background-color: rgba(0,0,0,1); */
    position: relative;
    z-index: 60;
    /* margin-left: -100%; */
    height: 912px;
    background-image: url(../img/Interface_Flightcase_DEF170716.png);
    background-repeat: no-repeat;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
    display: block;
    width: 1165px;
    
    float: left;
    left: 100vw;
	top:-912px;

	
}
/*.ui-slider-handle{-webkit-transition: left 0.18s;transition: left 0.18s;}*/
	
.down {
	top: 33vh !important;
}
.showPanel {
	left: 0  !important;
}
.showPanel_l {
	left: 100vw  !important;
}
.showPanel_r {
	left: -100vw  !important;
}

.bgDesk {
	position:absolute;
	z-index: 3;
	pointer-events: none;
	left: -4px;
	
}
#bgDesk2 {
	position:absolute;
	margin-top:930px;
	background-color: aliceblue;
	width: 1000px;
	height: 850px;
}
#bgDesk3 {
	position:absolute;
	background-color: aliceblue;
	z-index: 101;
	top: 100vh;
	-webkit-transition: top 0.25s; /* Safari */
	transition: top 0.25s;
}
/*#bgDesk3::after{ 
    content: "..";
}*/
#desk {
	padding: 114px 120px;
	position: absolute;
	z-index: 5;
	pointer-events: none;
}
#desk2 {
	position: absolute;
	z-index: 5;
	pointer-events: none;
	padding-left: 92px;
	padding-top: 61px;
}
#desk3 {
	position: absolute;
	z-index:2;
	pointer-events: none;
}
/*.searchload1, .searchload2 {
	cursor: pointer;
	border:1px solid red;
	display:inline-block;
	margin-right: 15px;
	height: 25px;
	width:25px;
}*/
.inputSearch {
	width: 600px;
	z-index: 6;
	position: absolute;
	margin-top: 113px;
	margin-left: 237px;
	font-family: digital7;
	font-size: 23px;
	background: none;
	border: none;
}
.btOrange, .btOrange2 {
	display: inline;
	position: absolute;
	background: orange;
	width: 96px;
	height: 24px;
	z-index: 1;
	left: 536px;
	top: 196px;
}
.btBend{ 
	display: inline;
	position: absolute;
	background-image: url(../img/OngletSearch_Blanc.png);
    top: 0;
    background-color: transparent; 
    background-position: -32px -27px;
    width: 120px;
    height: 97px;
    left: 50px;
    top: 69px;
    z-index: 4;
	color: black;
    padding-top: 11px;
    padding-left: 140px;
	text-transform:uppercase;
	cursor: pointer;
	}
.btBend.isSelected{ 
	    background-image: url(../img/OngletSearch_Orange.png);
	}

.btOrange:hover, .btOrange:active, .btOrange2:hover, .btOrange2:active {
	background-color:white;
}
.btBend:hover, .btBend:actif{ 
	    background-color:transparent;
	}	
	
.btOrange.isSelected, .btOrange2.isSelected {
	background-color:white;
}
#btOrange2 {
	left: 639px;
}
#btOrange3 {
	left: 740px;
}
#btOrange4 {
	left: 844px;
}
#btOrange5 {
	left: 947px;
}
#btOrange6 {
	width: 147px;
	height: 30px;
	z-index: 1;
	left: 179px;
	top: 175px;
}
#btOrange7 {
	width: 157px;
	height: 30px;
	z-index: 1;
	left: 328px;
	top: 175px;
}
#btOrange8 {
	width: 147px;
	height: 30px;
	z-index: 1;
	left: 487px;
	top: 175px;
}
.btTrans {
	position:absolute;
	width:150px;
	height:150px;
	background-color:red;
	z-index:50;
	left: 56px;
	top: 119px;
	width: 83px; 
	height: 79px;
	opacity:0.02;
}

.loginBt{left: 679px;
   left: 958px;
    top: 821px;
    height: 26px;
    background-position: 0px -15px;
background-image: url(../img/BoutonLOGIN_NEW110916.png);
opacity:1;
background-color:transparent;
    z-index: 50;
	position:absolute;
	background-repeat:no-repeat;
	width:100px;
	cursor: pointer;
}
.loginBt.activated{ 
background-image: url(../img/BoutonLOGOUT.png);

}
#searchResults {
	position:absolute;
	z-index:6;
	color:black;
	top: 210px;
	border: 1px solid red;
	left: 180px;
	padding-left: 0;
}
#searchResults li {
	width: 791px;
}
#btSearch {
	position: absolute;
	z-index: 6;
	text-transform: uppercase;
	right: 41px;
	top: 110px;
	cursor:pointer;
	padding: 7px 18px;
}
.searchuploadlength {
	position: absolute;
	bottom: 6px;
	margin-left: 125px;
}
.prevnext {
	text-align:center;
	margin: 10px 0;
}
#playerContainer1 {
	position:absolute;
	top: 169px;
	left: 53px;
	z-index: 2;
	/*background-color:blue;*/
}
#playerContainer1.activated {
	z-index:50;
	left:118px;
	top: 105px; 
}
/*#playerContainer1:hover, #playerContainer2:hover{z-index:100;}*/
#playerContainer2 {
	position:absolute;
	top: 170px;
	left: 573px;
	z-index: 2;
	/*background-color:blue;*/
}
#playerContainer2.activated {
	z-index:50;
	left:118px;
	top: 105px; 
}
#vinyls{
	position:absolute;
	    top: 115px;
    left: 120px;
	z-index: 3;
	mix-blend-mode: exclusion;
	/*soft-light;   
	pointer-events:none;*/ 
}
.theForm {
	    position: relative;
    top: 105px;
    z-index: 50;
    padding: 0;
    overflow: hidden;
    width: 933px;
    height: 119px;
    left: 111px;
	background-color:#8a8a8a;
}
#loginPage {    

	position: absolute;
    z-index: 2;
    padding: 0px 0 40px 10px;
    width: 922px;
    height: 10px;
    overflow-y: hidden;
    top: 106px;
    left: 112px;
    color: #a7a7a7;
    background-color: rgb(0, 0,0);
	}
#loginPage.activated {  
   
    height: 540px;
    top: 225px;
 
}



#searchresult, #playlistresult , #historyresult {     
    position: relative;
    
    z-index: 2;
    padding: 0px 0 40px 10px;
    width: 922px;
    height: 540px;
    overflow-y: auto;
        top: 105px;
    left: 112px;
	color:#a7a7a7; 
	background-color: rgba(0,0,0,1);
}
#searchresult, #playlistresult {   display:none;}

#searchresult::-webkit-scrollbar, #searchresult2::-webkit-scrollbar,  #playlistresult::-webkit-scrollbar , #historyresult::-webkit-scrollbar, #playlistresult2::-webkit-scrollbar , #historyresult2::-webkit-scrollbar {
    width: 17px;
}
#searchresult::-webkit-scrollbar-thumb, #searchresult2::-webkit-scrollbar-thumb,  #playlistresult::-webkit-scrollbar-thumb , #historyresult::-webkit-scrollbar-thumb,  #playlistresult2::-webkit-scrollbar-thumb , #historyresult2::-webkit-scrollbar-thumb  {
   
        background: rgb(231, 102, 15);
		 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
   
}
#searchresult2, #playlistresult2 , #historyresult2 {
	position:relative;/*top:940px*/

	z-index:2;
	padding: 0px 0 40px 10px;
    width: 922px;
    height: 540px;
    overflow-y: auto;
    top: 105px;
    left: 112px;
	color:#a7a7a7;  
	background-color: rgba(0,0,0,1);
}
#searchresult2, #playlistresult2  {   display:none;}

.theForm input[type=text] {
	    padding: 5px;
    width: 444px;
    font-size: 22px;
    position: relative;
    margin-left: 211px;
    margin-top: 27px;
    background: none;
    border: none;
    font-family: digital7;
	    z-index: 9;
}
#ytapiplayer1 {
	/*background-color:red;*/
	width:470px;
	height:356px
}
#ytapiplayer1.activated {
	/*background-color:red;*/
	width:923px;
	height:697px
}
#ytapiplayer2 {
	/*background-color:red;*/
	width:470px;
	height:356px
}
#ytapiplayer2.activated {
	/*background-color:red;*/
	width:923px;
	height:697px
}
#playBt, #playBtRoll { 
	position:absolute;
	z-index:6;
	top: 452px;
    left: 416px;
	cursor: pointer;
}
#playBt2, #playBtRoll2 {
	position:absolute;
	z-index:6;
	top: 452px;
	left: 940px;
	cursor: pointer;
}
/*#playBt:active, #playBt2:active {
	content:url("../img/PlayButton_hit.png"); 
}*/
#addFavBt {
	position:absolute;
	z-index:14;
	top: 476px;
    left: 281px;
	width:140px;
	/**/
	cursor: pointer;
	
}
#addFavBt2 {
	position:absolute;
	z-index:14;
	top: 476px;
    left: 806px;
	width:140px;
	/**/
	cursor: pointer;
	
}
#addFavBt.hover, #addFavBt2.hover {
	content:url("../img/AddToPlaylistButton_DEF150816_Rollover.png");
}
#addFavBt.activated, #addFavBt2.activated {
	
	content:url("../img/AddedToPlaylistButton_DEF150816.png");
}
#mixL {
	position:absolute;
	z-index:14;
	top: 690px;
	left: 241px;
	;
	cursor: pointer;
}
#mixR {
	position:absolute;
	z-index:14;
	top: 688px;
	left: 763px;
	cursor: pointer;
}
#ASmixL {
	position:absolute;
	z-index:14;
	top: 690px;
	left: 137px;
	;
	cursor: pointer;
}
#ASmixR {
	position:absolute;
	z-index:14;
	top: 690px;
	left: 872px;
	cursor: pointer;
}
#bras {
	position:absolute;
	z-index:16;
	top: 83px;
	left: 376px;
	cursor: pointer;
	-ms-transform: rotate(8deg); /* IE 9 */
	-webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
	transform: rotate(8deg);
	pointer-events: none;
}
#bras.spin, #bras2.spin {
	-ms-transform: rotate(20deg); /* IE 9 */
	-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
	transform: rotate(20deg);
	-webkit-animation:spin 1s cubic-bezier(.23, .13, .91, 1.22) 1;
	-moz-animation:spin 1s cubic-bezier(.23, .13, .91, 1.22) 1;
	animation:spin 1s cubic-bezier(.23, .13, .91, 1.22) 1;
}
.spinPause {
	-webkit-animation-play-state: paused !important; /* Chrome, Safari, Opera */
	animation-play-state: paused !important;
}
#bras2 {
	position:absolute;
	z-index:16;
	top: 83px;
	left: 900px;
	cursor: pointer;
	-ms-transform: rotate(8deg); /* IE 9 */
	-webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
	transform: rotate(8deg);
	pointer-events: none;
}
 @-moz-keyframes spin {
0% {
-moz-transform: rotate(8deg);
}
, 100% {
-moz-transform: rotate(20deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(8deg);
}
, 100% {
-webkit-transform: rotate(20deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(8deg);
transform:rotate(8deg);
}
, 100% {
-webkit-transform: rotate(20deg);
transform:rotate(20deg);
}
}
@font-face {
	font-family: digital7;
	src: url(../font/digital-7.ttf);
}
#vdoTitle1, #vdoTitle2 {
	
	opacity:0.5;
	
}

#titleContainer1, #titleContainer2{
	position:absolute;
	z-index:6;
	top: 147px;
	left: 210px;
	color:black;
	font-family: digital7;
	font-size:1.6em;
	width:285px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height:22px;
	font-weight: bold;
	line-height: 0.9em;
}
#vdoDuration1, #vdoDuration2 {
	position:absolute;
	z-index:6;
	top: 608px;
	left: 343px;
	color:black;
	font-family: digital7;
	font-size:1.6em;
	width:140px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height:22px;
	font-weight: bold;
	opacity:0.5;
	text-align:center;
}
#vdoDuration2 {
	left: 866px;
}
#vdoTitle2 {
	/*left: 665px;*/
}
#titleContainer2 {
	left: 665px;
}

#disk {
 width=100px;
	background-color:white;
	height:2px;
	position:absolute;
	top:348px;
	left:283px;
	z-index:4;
	width: 126px;
	transform-origin: top left;
	mix-blend-mode: difference;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform:rotate(-90deg);
}
#disk2 {
 width=100px;
	background-color:white;
	height:2px;
	position:absolute;
	top:348px;
	left:807px;
	z-index:4;
	width: 126px;
	transform-origin: top left;
	mix-blend-mode: difference;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform:rotate(-90deg);
}
#disk.spin, #disk2.spin {
	-webkit-animation:spin45 2s linear infinite;
	-moz-animation:spin45 2s linear infinite;
	animation:spin45 2s linear infinite;
}
 @-moz-keyframes spin45 {
100% {
-moz-transform: rotate(270deg);
}
}
@-webkit-keyframes spin45 {
100% {
-webkit-transform: rotate(270deg);
}
}
@keyframes spin45 {
100% {
-webkit-transform: rotate(270deg);
transform:rotate(270deg);
}
}
.searchimg {
	display: inline-block;
	float: left;
	padding-right: 10px;
	margin: 2px;
}
.searchtitle {
	display:inline-block;
	
}
.searchdescription {
	display:block;
	font-size:0.8em;
}
.searchtitle {
	font-weight:bold;
	width: 680px;
	margin-top: 12px;
    font-size: 1.10em;
}
.searchline {
	 height: 94px;
	clear:both;
	position: relative;
	padding-right: 30px;
	font-family: 'Lato', sans-serif;
	border-bottom:1px solid grey;
}
.searchline:hover {
	background-color: #433f3f;
}



.uploadedbytitle, .uploadedbyname, .lengthtitle, .vdoLength, .relatedvideo, .btTags, .context-menu-one {
	padding-left:5px;
	font-size:0.8em;
	    margin: 0 5px;
		    bottom: 5px;
    position: relative;
}
.context-menu-one{position: absolute;
    right: 0;
    top: 5px;
    vertical-align: middle;
    line-height: 70px;
    text-align: center;
    width: 20px;}
.uploadedbyname:hover, .relatedvideo:hover, .searchline:hover, .btTags:hover{color:white;}  
.vdoLength{position:absolute;
    left: -128px;
    bottom: -4px;color::grey;
	margin: 0;
	background-color: rgba(0,0,0,0.5);
    width: 120px;}
.ui-slider-handle {
	outline:none;
}
#jslider1 {
	position:absolute;
	z-index:40;
	top: 373px;
	left: 538px;
	height: 181px;
	width: 30px;
	background: none;
	border: none;
	cursor: pointer;
}
#jslider2 {
	position:absolute;
	z-index:40;
	top:373px;
	left:591px;
	height:181px;
	width: 30px;
	background: none;
	border: none;
	cursor: pointer;
}
#jslider3 {
	position:absolute;
	z-index:40;
	top: 700px;
	left: 367px;
	width: 420px;
	background: none;
	border: none;
	height: 60px;
}
.ui-slider-range-min {
	display:none !important;
}
.ui-slider-vertical .ui-slider-handle {
	background:url(../img/PotardGain_DEF060816.png) no-repeat;
	overflow: hidden;
	background-position: 135% 47%;
	width: 70px;
	height: 25px;
	border-style:none;
}
#jslider3 .ui-slider-handle {
	background:url(../img/PotardCrossfader_DEF060816.png) no-repeat;
	overflow: hidden;
	background-position: 60% 42%;
	/* width: 66px;*/
       padding: 0 10px;
	height: 74px;
	border-style:none;
}
#jslidertrasp1 .ui-slider-handle, #jslidertrasp2 .ui-slider-handle {
	background: url(../img/PotardJog_DEF060816.png) no-repeat;
	    overflow: hidden;
    background-position: -28px -20px;
    width: 32px;
    height: 52px;
    border-style: none;
    /* background-size: 100%; */
    top: -21px;
}
.prevlink, .nextlink, .prevlinkdis, .nextlinkdis {
	display:inline-block;
	cursor: pointer;

	margin: 0 5px;
}
.prevlinkdis, .nextlinkdis {
	
	pointer-events:none;
	    color: grey;
    border-color: grey;
}
#muteAll {
	position: absolute;
    top: 612px;
    left: 554px;
    z-index: 34;
    width: 48px;
    height: 38px;
    cursor: pointer;
    background-image: url(../img/MuteButton_NEW.png);
    background-position: 0px;
    background-repeat: no-repeat;
    background-size: 110%;
}
#muteAll.active, #muteAll:hover{
	background-image: url(../img/MuteButtonON_NEW.png);
	
}
#FSvdo1, #FSvdo2{
	 background-image: url(../img/FullscreenVideosButton_Etat1.png);
	 top:450px; left:144px; width:30px; height:28px;
        background-position: -77px -58px;
    background-repeat: no-repeat;
	background-color:inherit;
	opacity:1;
	z-index:10;
}
.FSapp{background-image: url(../img/FullscreenAppliButton_Etat1.png);    top: 813px;
    left: 560PX;
    opacity: 1;
    background-origin: 0 -5px;
       background-position: -26px -16px;
    width: 44px;
    height: 41px; 
    background-color: inherit;
    background-size: 73px;}
.FSapp:hover{background-image: url(../img/FullscreenAppliButton_Etat2.png);}
#FSvdo1:hover , #FSvdo2:hover{
	background-image: url(../img/FullscreenVideosButton_Etat2.png);
	
}
#FSvdo1.active, #FSvdo2.active{
	background-image: url(../img/FullscreenVideosButton_Etat2.png);
	
}
#FSvdo1.activated, #FSvdo2.activated{
	    top: 724px;
    left: 140px !important;
	z-index:100;
	 background-image: url(../img/FullscreenVideosButton_Etat3.png); 
	
}
#btSettings{
	left: 536px;
    top: 101px;
	background-size: 100%;
	background-image: url(../img/PrefsButton_NEW_Etat1.png);
	background-color:inherit;
	opacity:1;
}
#btSettings:hover{
	
	background-image: url(../img/PrefsButton_NEW_Etat2.png);
}

#backToStart, #backToStart2{
	 background-image: url(../img/BackToStartButton_LeftRight.png);
    background-position: -45px -13px;
    background-repeat: no-repeat;
	    top: 488px;
    left: 142px;
    width: 74px;
    height: 42px;
    position: absolute;
	background-color:inherit;
	opacity:1;
}
#backToStart:hover, #backToStart2:hover{
	background-image: url(../img/BackToStartButton_LeftRight_Rollover.png);
	
}
#ntBt, #ntBt2 {
	position:absolute;
	z-index:6;
	top: 109px;
	left: 123px;
	cursor:pointer;
}

#ntBt {
	padding-bottom: 280px;
	padding-right: 220px;
}
#ntBt2 {
	left: 726px;
	padding-bottom: 280px;
	padding-left: 220px;
}
#inoutpoint1 {
	position: absolute;
	top: 561px;
	left: 150px;
	z-index: 6;
}
#inoutpoint2 {
	position: absolute;
	top: 561px;
	left: 675px;
	z-index: 6;
}
#streamloaded1, #streamloaded2 {
	position: absolute;
	top: 1px;
	left: 0px;
	background-color: #F04500;
	width: 60px;
	height: 5px;
	z-index:0;
	pointer-events: none;
    cursor: w-resize;
}
#jslidertrasp1, #jslidertrasp2 {
	-moz-border-radius: 0/*{cornerRadius}*/;
	-webkit-border-radius: 0/*{cornerRadius}*/;
	-khtml-border-radius: 0/*{cornerRadius}*/;
	border-radius: 0/*{cornerRadius}*/;
}
/*
::-webkit-input-placeholder {
 color: #7FD8C4;
}
:-moz-placeholder { / * Firefox 18- * /
 color: #7FD8C4;
}
::-moz-placeholder {  / * Firefox 19+ * /
 color: #7FD8C4;
}
:-ms-input-placeholder {
 color: #7FD8C4;
}

*/
textarea:focus, input:focus {
	outline: none;
}


*:focus {
	outline: none;
}
.imgExit{
	
	position:absolute;z-index: 9;    top: 136px;
    left: 67px;
}
.imgExit:hover{
	/*EXITSettings_Button_Etat2.png*/
	
}
#rolloverColors{    
	display:none;
	position: absolute;
    z-index: 11;
    top: 90px;
    left: 223px;
	pointer-events: none;
	-webkit-transition: left 0.5s linear;
    transition: left 0.5s linear;}
	
	.MyBox{/*border:1px solid #F04500;*/
	    width:400px;
       margin: 50px auto;
    padding: 20px 40px 30px 30px;
	    text-align: center;
		}
		
		
	.MyBox input{
	display: inline-block;
    padding: 5px;
    font-size: 1.5em;
    width: 300px;
    background-color: grey;
    /* padding-bottom: 10px; */
    padding: 10px 10px 10px 50px;
    /* background-size: 33px; */
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin: 10px 0 10px 0;
    border: none;
	font-family: 'Lato', sans-serif;
	}
	 .MyBox input[type=email]{
		 background-image: url(../img/Picto_Users.png);
		 
	 }
	#username::after{ content: url('../img/Picto_Key.png');}
	 .MyBox input[type=password]{
		 background-image: url(../img/Picto_Key.png);
		  
	 }
	#confPass{display:none;}
	.MyBox label{
		    display: none;
			 
	}
	.MyBox button, .MyBox input[type=submit]{
		color: darkgrey;
		background: black;
		padding: 10px;
		font-size: 1.5em;
		font-family: 'Lato', sans-serif;
		width:360px;
		border: 1px solid #F04500;
		font-weight: bold;
		cursor: pointer;
		margin: 10px 0 10px 0;
		background-color:black;
		-webkit-transition: background-color 0.5s;
		transition: background-color 0.5s;
	}
	.MyBox input[type=submit]:hover{background-color:#F04500;
	}
	.MyBox p{
		font-weight:bold;
		font-size: 1.3em;
		font-family: 'Lato', sans-serif;
	}
	.MyBox p.info{
		font-size:0.9em;
		margin-top:0px; 
		right:5px;
		text-align:left;
		float: left;
		
	}
	 p.info a{color:grey;
		text-decoration:none;
		    padding-left: 20px;
		}
		
	.MyBox .logo{
	width: 110px;
    clear: both;
    display: block;
    margin: 0 auto;
		
		
	}
	#log{clear: both;color:#F04500;}
	.facebook{
		position: absolute;
		z-index: 66;
		top: 104px;
		left: 52px;
	}
	.LoginStatus{    position: absolute;
    top: 821px;
    left: 675px;
    z-index: 3;
    color: #C0C0C0;
    width: 370px;
    text-align: right;}
.searchresult .context-menu-one{display:none;}
.historyresult .context-menu-one{display:none;}