html {
	overflow: hidden;
	/*position: relative;*/
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*height: 768px;*/
}

#page {
	width: 100%;
	/*height: 100%;*/
}

#top-bar {
	background-color: #083159;
	width: 100%;
	height: 128px;
	position: relative;
}

#top-bar #ticker {
	visibility: hidden;
	height: 28px;
}

#top-bar #date-ticker {
	float: right;
	display: inline;
	margin: 6px 12px 0px 0px;
}

#top-bar #logo-lq {
	float: left;
	display: inline;
	margin-top: 15px;
	margin-left: 30px;
	width: 100px;
}

#top-bar h1 {
	float: left;
	display: inline;
	margin: 20px 0px 0px 40px;
	padding: 0px;
	line-height: 100%;
}

#top-bar #bouton-jouer {
	display: inline;
	float: right;
	margin: 0px 10px 8px 0px;
	padding: 0px;
	line-height: 140%;
	width: 105px;
}

#top-bar #bouton-jouer img {
	display: block;
}

#top-bar #infos-monetaires {
	width: 205px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	clear: right;
	z-index: 2;
}

#top-bar #infos-monetaires #info-solde,
#top-bar #infos-monetaires #info-mise {
	box-sizing: border-box;
	padding: 12px 15px 12px 15px;
	width: 200px;
	float: right;
	display: inline;
	clear: right;
}

#top-bar #infos-monetaires #info-mise {
	margin-top: 2px;
}

#top-bar #infos-monetaires div span {
	float: right;
}

#top-bar #infos-monetaires div #ajout-solde {
	vertical-align: -10%;
	margin-left: 10px;
	width: 15px;
}

#Boutons {
	margin: 0px;
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #00407d;
}

#Boutons #lien-comment-jouer {
	width: 160px;
	height: 29px;
	display: inline;
	float: left;
	margin: 5px 0px 5px 10px;
}

#Boutons .lien-options {
	width: 148px;
	height: 31px;
	display: inline;
	float: left;
	margin: 5px 0px 5px 10px;
}

#Boutons .lien-options .menu-item {
	width: 85px;
	text-align: center;
}

#Boutons ul.menu-jeu li a {
	text-decoration: none;
	font-size: 16px;
	color: #FF0000;
}

#Boutons ul.menu-jeu li a:hover {
	color: #f6dc0b;
}

#Boutons ul.menu {
	position: absolute;
	width: 109px;
	top: 33px;
	left: 180px;
	padding: 0px;
	/*border-radius: 20px;*/
	color: #000000;
	margin: 0px;
	background-color: #97d0ca;
	border: 1px solid #000;
	border-width: 1px 0px 0px 0px;
}

#Boutons ul.menu li {
	float: none;
	list-style-type: none;
	background-color: #97d0ca;
	vertical-align: middle;
	line-height: 24px;
	color: #000;
	width: 99px;
	padding-left: 10px;
	height: 24px;
}

#Boutons ul.menu li span {
	vertical-align: middle;
}

#Boutons .menu {
	display: none;
	z-index: 1499;
}

#Boutons .menu li ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#Boutons .menu li {
	border: 1px solid #000;
	border-width: 0px 0px 1px 0px;
}

#Boutons .menu li li {
	border-width: 0px 0px 0px 0px;
}

#Boutons .menu li ul li.valeur-option {
	display: none;
	float: right;
	width: 24px;
	height: 24px;
	padding-left: 0px;
	border: 1xp solid #000;
	border-width: 0px 0px 0px 1px;
	text-align: center;
}

#Boutons .menu li ul li.valeur-option span {
	display: inline-block;
	width: 24px;
	height: 24px;
}

#Boutons .menu li ul li.valeur-option.selectionne {
	display: inline;
}

#Boutons .menu li .menu-valeurs {
	display: inline;
	float: right;
	width: 24px;
	height: 24px;
	background: url(/lel/ressources/images/jeu-experience/menu_fleche_qualite-6a92439455461ec37c14681957ff9896.png) no-repeat center
		left;
}

#Boutons .menu .multi-valeurs {
	display: none;
	position: absolute;
	width: 109px;
	left: 109px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #EEF3F6;
	z-index: 1499;
	border: 1px solid #000;
	border-width: 1px 0px 0px 0px;
}

#Boutons .multi-valeurs img,
#Boutons .multi-valeurs span {
	display: inline;
	float: right;
	width: 24px;
	height: 24px;
}

#Boutons .menu .multi-valeurs .valeur-option-multi {
	border: 1px solid #000;
	border-width: 0px 0px 1px 0px;
}

#Boutons .menu .multi-valeurs .valeur-option-multi span {
	display: inline-block;
}

#Boutons .menu .multi-valeurs .valeur-option-multi.selectionne span{
	display: inline-block;
	background: url(/lel/ressources/images/jeu-experience/crochet-3bd117b7e70665f1812c80016f95d07d.png) no-repeat center
		center;
}

#gamecontainer {
	clear: both;
	width: 750px;
	height: 562px;
	display: block;
	overflow: hidden;
}

#comment-jouer {
	display: none;
	position: fixed;
	top: 140px;
	left: 0px;
	width: 100%;
	/* height: 325px; */
	background-color: #fff;
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6ffffff,
		endColorstr=#E6ffffff);
	/* For IE 8*/
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6ffffff, endColorstr=#E6ffffff)";
	z-index: 1500;
}

#comment-jouer h2,#comment-jouer p {
	margin: 0px 10px 20px 43px;
	padding: 0px;
	clear: both;
}

#comment-jouer #bouton-fermer-comment-jouer {
	float: right;
	display: inline;
}

.cacheur-popup {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/lel/ressources/images/jeu-experience/fond_erreur-8040dfff9ba1b3464ddf94bb37ff02bb.jpg) no-repeat
		center center;
	background-color: #025390;
	z-index: 1500;
}

#greyBox,#greyBox-demo,#greyBox-autre-partie {
	display: none;
	/*width: 233px;*/
	width: 466px;
	position: absolute;
	top: 160px;
	left: 228px;
	text-align: center;
	padding: 30px 30px 26px 30px;
	z-index: 3000;
}

#greyBox p,#greyBox-demo p,#greyBox-autre-partie p {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#greyBox a,#greyBox-demo a,#greyBox-autre-partie a {
	display: inline-block;
	margin: 0px 4px 0px 4px;
	padding: 0px;
}

#greyBox a.bouton,#greyBox a.bouton-ok,#greyBox a.bouton-annuler,#greyBox-demo a.bouton,#greyBox-demo a.bouton-ok,#greyBox-demo a.bouton-annuler,#greyBox-autre-partie a.bouton,#greyBox-autre-partie a.bouton-ok,#greyBox-autre-partie a.bouton-annuler
	{
	font-family: function_probook, Helvetica, Arial, sans-serif;
	display: inline-block;
	min-width: 73px;
	background-color: #FF0000;
	border-radius: 5px 5px 5px 5px;
	padding: 5px 15px 5px 15px;
	color: #fff;
	text-decoration: none;
}

#greyBox #greyBox-bouton-ok-lien,#greyBox #greyBox-bouton-lien,#greyBox-demo #greyBox-bouton-lien,#greyBox-autre-partie #greyBox-bouton-lien
	{
	display: none;
}

#greyBox a.bouton:hover,#greyBox a.bouton-ok:hover,#greyBox a.bouton-annuler:hover,#greyBox-demo a.bouton:hover,#greyBox-demo a.bouton-ok:hover,#greyBox-demo a.bouton-annuler:hover,#greyBox-autre-partie a.bouton:hover,#greyBox-autre-partie a.bouton-ok:hover,#greyBox-autre-partie a.bouton-annuler:hover
	{
	color: #fff;
	text-decoration: none;
}

#greyBox a.bouton-ok,#greyBox-demo a.bouton-ok
#greyBox-autre-partie a.bouton-ok {
	background-color: #1F86E2;
}

#greyBox a.bouton-annuler,#greyBox-demo a.bouton-annuler,#greyBox-autre-partie a.bouton-annuler
	{
	background-color: #112736;
}

#comment-jouer #contenu-comment-jouer {
	/* height: 230px; */
	overflow-y: auto;
	width: 100%;
	display: inline-block;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	background: transparent;
	width: 20px;
	right: 2px;
	position: absolute;
	top: 0;
	height: 100%;
}

.jspHorizontalBar {
	background: transparent;
	width: 20px;
	bottom: 2px;
	position: absolute;
	left: 0;
	width: 100%;
}

.jspVerticalBar *,.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: transparent;
	position: relative;
}

.jspDrag {
	height: 25px;
	background: url(/lel/ressources/images/jeu-experience/scrollBox-00bf3ab1acdb5a1c57438246708222c9.gif) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspArrowUp {
	background: url(/lel/ressources/images/jeu-experience/flecheHaut_btn-eaca5f5006bab3366faa52feeb1cde66.png) no-repeat;
}

.jspArrowDown {
	background: url(/lel/ressources/images/jeu-experience/flecheBas_btn-78f1bc3fa56e0c4a57c1d4174d634d1f.png) no-repeat;
}

.jspVerticalBar .jspArrow {
	height: 13px;
}

.jspHorizontalBar .jspArrow {
	width: 25px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

#pied-de-page {
	clear: both;
}

#menu-mobile {
	display: none;
}

#Boutons .etat-menu-mobile-item {
	display: none;
}

#Boutons .menu-mobile-item {
	display: none;
}

#Boutons .menu .multi-valeurs .valeur-option-multi span.menu-mobile-option-multi-libelle
	{
	display: none;
}

.crochet-mobile {
	display: none;
}

#controleur-top-bar-mobile {
	display: none;
}

.mobile-helper {
	display: none;
}

#separateur-solde {
	display: none;
}

@media only screen and (min-width: 1001px) {

	#controleur-top-bar-mobile {
		display: none !important;
	}
}



/*
 * Début code écran mobile".
 */
@media only screen and (max-width: 1000px) {

	/*html { 
		position:fixed;
		width:100%;
		height:100%;
		overflow:hidden;
	}*/
	
	#gamecontainer {
		/*margin-top: 100px;
		width: 100%;
		height: 100%;*/
	}
	
	#top-bar {
		padding-top: 0px;
		/*top: 100px;*/
		height: 0px;
		position:absolute;
		z-index: 25;
	}
	#controleur-top-bar-mobile {
		position: absolute;
		/*top: 100px;*/
		right: 5px;
		width: 40px;
		height: 40px;
		display: block;
		background-image: url(/lel/ressources/images/jeu-experience/menu_fleche-cb699793be45f44a888c3feef87e8cd1.png);
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 25;
		background-color: #00407d;
	}
	/*.top-bar-fermer#controleur-top-bar-mobile {
		background-image: url(/lel/ressources/images/jeu-experience/menu_fleche-cb699793be45f44a888c3feef87e8cd1.png);
	}*/
	
	#top-bar.top-bar-fermer {
		display: none;
		height: 0px;
	}

	#top-bar.top-bar-ouvert {
		height: 50px;
	}
	
	#top-bar #logo-lq {
		margin: 10px 0px 0px 25px;
	}
	#top-bar h1 {
		display: none;
	}
	#top-bar .tickercontainer {
		display: none;
	}
	#top-bar #date-ticker {
		display: none;
	}
	#top-bar #bouton-jouer {
		margin: 6px 6px 8px 0px;
		padding: 0px;
	}
	#top-bar #menu-mobile {
		display: block;
		position: absolute;
		top: 0px;
		right: 115px;
		height: 35px;
		padding: 15px 5px 0px 5px;
		margin-left: 20px;
		width: 26px;
		text-decoration: none;
		text-align: center;
		z-index: 1498;
	}
	#top-bar #menu-mobile.ouvert {
		background-color: #00407d;
	}
	#top-bar #menu-mobile:hover {
		text-decoration: none;
	}
	#top-bar #menu-mobile .tranche-icone {
		display: block;
		border-top: 3px solid #233039;
		padding-bottom: 5px;
	}
	#top-bar #menu-mobile .fermeture-menu-mobile {
		display: none;
		font-size: 16px;
		font-family: function_promedium, Helvetica, Arial, sans-serif;
		width: 100%;
		height: 100%;
	}
	/*#top-bar #Boutons {
		display: none;
		float: none;
	}*/
	#top-bar #infos-monetaires {
		top: 0px;
		width: auto;
	}
	#top-bar #infos-monetaires #info-mise {
		display: none;
		float: none;
	}
	#top-bar #infos-monetaires #info-solde {
		border-width: 0px;
		width: auto;
		height: 45px;
		position: relative;
		padding: 5px;
		text-align: right;
	}
	#top-bar #infos-monetaires #info-solde a {
		display: none;
	}
	#top-bar #infos-monetaires div span {
		float: none;
	}
	#top-bar #infos-monetaires div span#montant-solde {
		position: absolute;
		bottom: 0px;
		right: 5px;
		width: 100px;
	}
	#Boutons {
		margin: 0px;
		text-align: left;
		position: absolute;
		top: 50px;
		width: 100%;
		border-bottom: 1px dotted #808080;
		z-index: 10;
	}
	#Boutons #lien-comment-jouer {
		width: 100%;
		height: 40px;
		margin: 0px;
		display: block;
		float: none;
	}
	#Boutons #lien-comment-jouer img {
		display: none;
	}
	#Boutons .lien-options {
		width: 100%;
		height: 40px;
		margin: 0px;
		display: block;
		float: none;
		z-index: 10;
		position: relative;
	}
	#Boutons .lien-options img {
		display: none;
	}
	#Boutons a {
		width: 100%;
		width: 100%;
		height: 40px;
		margin: 0px;
		display: block;
		float: none;
		background-color: #00407d;
		line-height: 40px;
		font-family: function_promedium, Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #97d0ca;
	}
	#Boutons a:hover {
		color: #fff;
	}
	#Boutons .etat-menu-mobile-item {
		display: inline-block;
		width: 40px;
		height: 40px;
		vertical-align: top;
	}
	#Boutons .etat-menu-mobile-item.ouvrir {
		background: #00407d url(/lel/ressources/images/jeu-experience/menu_mobile_plus-214da2287ad115cf9c1125641a0b66b3.png)
			no-repeat center center;
	}
	#Boutons .etat-menu-mobile-item.ouvert {
		background: #00407d
			url(/lel/ressources/images/jeu-experience/menu_mobile_moins-d828ae12c94be758f8fdd33175a617d5.png) no-repeat
			center center;
		border-bottom: 4px solid #00407d;
	}
	#Boutons .menu-mobile-item {
		display: inline-block;
		height: 40px;
		vertical-align: top;
		padding-left: 10px;
	}
	#Boutons ul.menu-jeu li a {
		text-decoration: none;
		font-size: 16px;
		color: #FF0000;
	}
	#Boutons ul.menu-jeu li a:hover {
		color: #f6dc0b;
	}
	#Boutons ul.menu {
		position: relative;
		width: auto;
		top: 0px;
		left: 0px;
		padding: 0px;
		color: #000;
		margin: 0px;
		padding: 0px;
		background-color: #97d0ca;
	}
	#Boutons ul.menu li {
		float: none;
		position: relative;
		list-style-type: none;
		background-color: #97d0ca;
		vertical-align: middle;
		line-height: 40px;
		font-family: function_promedium, Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #000;
		width: 100%;
		padding-left: 10px;
		height: 40px;
	}
	#Boutons ul.menu li span {
		vertical-align: middle;
		display: inline-block;
		margin-left: 41px;
	}
	#Boutons .menu {
		display: none;
		z-index: 1498;
	}
	#Boutons .menu li ul {
		display: block;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 40px;
		height: 40px;
		border: 1px solid #000;
		border-width: 0px 1px 0px 0px;
	}
	#Boutons .menu li ul li.valeur-option {
		display: none;
		width: 40px;
		height: 40px;
		padding-left: 0px;
		border-width: 0px;
	}
	#Boutons .menu .valeur-option span {
		display: inline-block;
		background-color: transparent;
		width: 40px;
		height: 40px;
		margin-left: 0px;
	}
	#Boutons .menu .valeur-option.selectionne {
		display: inline;
		text-align: center;
		vertical-align: middle;
	}
	#Boutons .menu .valeur-option.selectionne img {
		display: none;
	}
	#Boutons .menu .valeur-option.selectionne img.crochet-mobile {
		display: inline-block;
		vertical-align: middle;
		padding:5px;
		background-color: #fff;
	}
	#Boutons .menu .menu-valeurs {
		display: inline;
		float: right;
		width: 24px;
		height: 24px;
		background: url(/lel/ressources/images/jeu-experience/fleche-1d0683865c10df993daae62c1a0749d8.png) no-repeat top
			left;
	}
	#Boutons .menu .option-multi-valeurs {
		height: auto;
		padding-left: 0px;
	}
	#Boutons .menu .multi-valeurs {
		display: block;
		position: relative;
		width: 100%;
		left: 0px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		background-color: #EEF3F6;
		z-index: 1498;
	}
	#Boutons .menu .option-multi-valeurs {
		border-width: 0px;
	}
	#Boutons .menu .option-multi-valeurs span {
		display: none;
	}
	#Boutons .menu .multi-valeurs img,
	#Boutons .menu .multi-valeurs span
		{
		display: inline-block;
		width: 40px;
		height: 40px;
		vertical-align: top;
	}
	#Boutons .menu .multi-valeurs {
		border-width: 0px;
	}
	#Boutons .menu .multi-valeurs .valeur-option-multi {
		line-height: 40px;
		border: 1px solid #000;
		border-width: 0px 0px 1px 1px;
	}
	#Boutons .menu .multi-valeurs .valeur-option-multi span {
		position: absolute;
		top: 0px;
		left: 0px;
		float: none;
		margin-left: 0px;
		cursor: pointer;
	}
	#Boutons .menu .multi-valeurs .valeur-option-multi span.menu-mobile-option-multi-libelle
		{
		display: inline-block;
		position: relative;
		float: none;
		background-color: transparent;
		border-right-width: 0px;
		width: auto;
		height: auto;
		margin-left: 40px;
		cursor: default;
	}
	#Boutons .menu .multi-valeurs .valeur-option-multi.selectionne span
		{
		display: inline-block;
		background: url(/lel/ressources/images/jeu-experience/crochet-3bd117b7e70665f1812c80016f95d07d.png) no-repeat center
			center;
	}
	#Boutons .menu .multi-valeurs .valeur-option-multi.selectionne .menu-mobile-option-multi-libelle
		{
		background-image: none;
	}
	#comment-jouer {
		top: 92px;
		z-index: 1500;
	}
	.mobile-helper {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		text-align: center;
		background-color: #32404C;
		/*font-size: 100vh;
		line-height: 100vh;*/
	}
	.mobile-helper img {
		/*vertical-align: middle;*/
		width: 267px;
		height: 337px;
		/*line-height: 337px;
		font-size: 337px;*/
		/*margin-top: -10%;*/
	}
	#mobile-swipe {
		z-index: 5001;
		display: none;
	}
	#mobile-rotate {
		z-index: 5002;
	}
	
}

/*
 * Pour activer le rotate en portrait".
 */
@media only screen and (orientation:portrait) and (max-width: 1000px) {
	#mobile-rotate {
		display: block;
	}
}

/*
 * Début code écran mobile".
 */
@media only screen and (max-width: 320px) {
	body {
		width: 340px;
	}
}