#loader{margin:auto;width: 940px;text-align: center;}
.formulaire{margin:auto;width: 940px; }

#content{padding:28px 0px 5px 0px;}

#notifications_rouquin {
	position:absolute;
	width:450px;
	margin-left:100px;
	z-index:6;
}

#animateur
{
position: absolute;
margin-left:400px;
margin-top:0px;
z-index:6;
width: 250px;
height: 320px;
}
/* Message de l'animateur */
.noty_text
{
font-size: 17px;
font-family: 'Montserrat', sans-serif;
opacity: 1;
}

.tchat_titre
{
font-size: 16px;
font-family: 'Montserrat', sans-serif;
padding-left:4px;
}

 /* #droite{width:250px;float:left;height:600px;overflow-y:auto;margin-right:20px;} */
 #droite{width:630px;float:left;  }
 #joueursListe{overflow-y:auto; height:600px; width:250px; overflow-x:hidden; margin-left:0px; padding-top: 10px;}

#tchat{
	background-color: white; 
	border:solid 1px #B7B7B7; 
	font-family: Helvetica, Arial, sans-serif;
	height:150px;
	overflow-y:scroll;
	/*margin-top:250px; */
	z-index: 7;
	width:630px;
	position:absolute;
	margin-top:291px;
	}

#saisie_user {
	z-index:7;
	position:absolute;
	width:630px;
	margin-top:250px;
	background-color:white;
}

#saisie {
	width:435px;
	font-size:14pt;
	line-height:14pt;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	border-color: white!important;
}

	#buttonOk {
		width:90px;
		z-index:15;
		font-size:14pt;
		padding-top:6px;
		padding-bottom:0px;
	}
	
hr {
border: none;
border-top: 1px solid #e1e1e1;
color: #9f9f9f;
margin-top:5px;
margin-bottom:5px;
}

#message{float:left;width:500px; height:69px; margin:0px;padding:0px; margin-bottom: 5px; }
#lecteur{float:left; height:70px; margin:0px; padding:0px;margin-bottom: 5px;}


.infos{float:left;text-align:center;width:75px;}

#plusUn {z-index: 99;font-size: 200px!important;text-shadow:#FFFFFF 1px 1px 0;position:absolute;top:60px;margin-left: 250px;}
#bonus {z-index: 99;font-size:70px!important;text-shadow:#FFFFFF 1px 1px 0;margin-top:60px;position:absolute;margin-left:250px;}

#information
{
z-index: 9;
position: absolute;
margin-top: 3px;
opacity: 0.9;
margin-left: 3px;
}

#plateau{
	float:left;
  width:630px;
  height:277px;
  position:relative;
}

#pupitre{
    width:79px;
    height:79px;
    position:absolute;
		margin-top: 198px;
		margin-left: 479px;
		z-index: 7;
    background:url('images/pupitre.png');
}

#tv{
position:absolute;
width:252px;
height:182px;
overflow:hidden;
z-index:3;
margin-left: 210px;
margin-top: 60px;
background-image: url('images/ecran_logo.png');
}

#start {
				position:absolute;
				width:252px;
				height:182px;
				overflow:hidden;
				z-index:8;
				margin-left: 210px;
				margin-top: 60px;
}

#progress {
        position: absolute;
        z-index: 3;
        width:200px; height:160px;
        margin-left: 30px;
        margin-top: 5px;
      }

#decors{
    width:630px;
    height: 277px;
    background:url('images/tv.png') top left no-repeat;
    z-index:5;
    position:absolute;
}

input:disabled
{
background:#dddddd;
}

#explications {
	background-color:#F7F7F7;
	padding:10px;
	margin-top:155px;
	margin-bottom:13px;
}

/* Animation Loading */
#fond
{
height: 420px;
width:768px;
position: relative;
}

#texte1
{
display: none;
background-image : url('images/quichante.png');
width: 500px;
height: 114px;
margin-top:40px;
margin-left:0px;
position: absolute;
}

#texte2
{
display: none;
background-image : url('images/slogan.png');
width: 295px;
height: 35px;
margin-top:140px;
margin-left:50px;
position: absolute;
}

#logo
{
display: none;
background-image : url('images/logo.png');
width: 279px;
height: 327px;
margin-left: 640px;
margin-top:0px;
float: right;
position: absolute;
}

#load
{
display: none;
margin-top:190px;
margin-left: 300px;
position: absolute;
}

/*
#wait
{
margin: auto;
width: 420px;
height: 565px;
text-align: center;
}

#delai_attente
{
font-size: 200px;
line-height: 200px;
}
*/


.joueur {
display: block;
position: relative;
border: 1px solid #adadad;
background-color: #e7e7e7;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
background-image: -moz-linear-gradient(top, #fff, #e7e7e7);
background-image: -ms-linear-gradient(top, #fff, #e7e7e7);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e7e7e7));
background-image: -webkit-linear-gradient(top, #fff, #e7e7e7);
background-image: -o-linear-gradient(top, #fff, #e7e7e7);
background-image: linear-gradient(top, #fff, #e7e7e7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 5px;
height: 33px;
width: 175px;
padding-left: 40px;
margin-left: 10px;
}



.joueur.dynamic.me {
background-color: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}




.joueur.dynamic .etat-1, .joueur.dynamic .etat-2, .joueur.dynamic .etat-3, .joueur.dynamic .etat {
width: 33px;
height: 33px;
margin-left: -46px;
}

.etat-1 /* Reponse Titre */
{
background-color: #4dafee; /*067943*/
-webkit-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
margin: -1px 0 -1px -55px;
width: 30px;
height: 45px;
display: block;
float: left;
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
position: relative;
}
/*
.etat-2
{
background-color: #468847;
-webkit-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
margin: -1px 0 -1px -55px;
width: 30px;
height: 45px;
display: block;
float: left;
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
position: relative;
}*/
.etat-2 /* Reponse Artiste */
{
background-color: #54d980; /* 075978 */
-webkit-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
margin: -1px 0 -1px -55px;
width: 30px;
height: 45px;
display: block;
float: left;
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
position: relative;
}
.etat-3 /* Reponse Artiste ET Titre */
{
background-color: #008080;
-webkit-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
margin: -1px 0 -1px -55px;
width: 30px;
height: 45px;
display: block;
float: left;
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
position: relative;
}
.etat
{
background-color: #999999;
-webkit-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
box-shadow: inset -1px -1px 0 rgba(255,255,255,0.3),inset 1px 1px 0 rgba(255,255,255,0.3);
margin: -1px 0 -1px -55px;
width: 30px;
height: 45px;
display: block;
float: left;
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
position: relative;
}



.score
{
font-size: 20px;
text-align: center;
margin-top: 5px;
color:white;
}


.joueur .rapidite {
width: 22px;
height: 20px;
position: absolute;
right: -7px;
top: -5px;
background-color: #ff369a;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
text-align: center;
padding-top: 2px;
color: white;
}

.joueur_asv
{
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
}
.joueur_name
{
	font-size:15px;
}



.joueur_icon {
width: 27px;
height: 27px;
position: absolute;
right: 4px;
top: 1px;
}



#content .sidebarleft {
padding-top :0px;
}



/* Version Light pour 768 a 991px */
@media (max-width: 991px) {
	
	#decors {
    width:420px;
    height: 277px;
    background-image:url('images/tv.png');
    background-repeat:no-repeat;
    background-position:-150px 0px;
	}
	
	#animateur {
		position: absolute;
		margin-left:250px;
	}

	#droite{width:420px;float:left;  }
	
	#saisie_user {
		width:418px;
	}

	#saisie {
		width:285px;
	}

	
#tchat{
	width:420px;
	}
	
#notifications_rouquin {
	width:400px;
	margin-left:10px;
}

#message{width:300px;}

#plusUn {margin-left: 50px;}
#bonus {margin-left:250px;}

#plateau{
  width:420px;
}

#pupitre{
		margin-left:329px;
}

#tv, #start {
margin-left: 60px;
}


#content .sidebarleft {margin-right:0px;}


}

/* Version X-Light pour Mobile, <500px  */
@media (max-width: 767px) {

#generique {
	margin-top:70px;
}

#gauche {
	position:absolute;
	margin-top: 291px;
}

#tchat{
	width:130px;
	margin-left:200px;
	}

	#decors {
    width:350px;
    height: 277px;
    background-image:url('images/tv.png');
    background-repeat:no-repeat;
    background-position:-150px 0px;
    /*margin:auto;*/
	}
	
	#animateur {
		position: absolute;
		margin-left:170px;
	}

	#droite{width:350px;float:center;}
	
	#saisie_user {
		width:330px;
	}

	#saisie {
		width:230px;
	}
	
	#buttonOk {
		width:50px;
	}
	
	#information, #explications, #signalements { display:none!important; }

	#content .sidebarleft {
		background:none;
	}

#form{
	/*width:330px!important;*/
	}
		
#notifications_rouquin {
	width:320px;
	margin-left:10px;
}

#message{width:300px;}

#plusUn {margin-left: 30px;}
#bonus {margin-left:180px;}

#plateau{
  width:350px;
}

#pupitre{
		margin-left:249px;
}

#tv, #start {
margin-left: 60px;
}

#joueursListe{height:600px; width:197px; overflow-x:hidden; margin-left:0px; padding-top: 10px; padding-bottom: 50px;}
#info_apres_jeu {padding-top:200px;}
#content .sidebarleft {margin-right:0px;}

.tchat_titre
{
font-size: 14px;
}

@media (min-width: 500px) {	#droite, #joueursListe {		margin-left:70px;	} }
@media (min-width: 600px) {	#droite, #joueursListe {		margin-left:90px;	} }
@media (min-width: 700px) {	#droite, #joueursListe {		margin-left:95px;	} }
@media (min-width: 768px) {	#droite, #joueursListe {		margin-left:0px;	} }
}