/*/////////////////////////////////////////////////////////barre_jeux//////////////////////////////////////////////////////////////*/

.ensemble_barre {

	top:34px;
	height:1024px;
	width:1280px;
	display:block;
	margin-top:-4px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(https://lesroyaumes.cdn.oxv.fr/images/commun/accueil/fond.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:-635px;
	
	left:50%;
}

.trailer02_barre
{
	position: absolute; 
	display:block;
	top: 220px; 
	right:503px;
	width:481px;
	height:237px;
	margin:0px;
	padding:0px;
	margin-left:-190px;
	left:50%;
}

.barre_jeux {
	height:29px;
	width:100%;
	overflow:hidden;
	background:url(https://lesroyaumes.cdn.oxv.fr/images/barre_haut_repeat.gif) repeat-x #000000;
	border-bottom:1px solid #A6CE39;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	margin:0px;
	z-index:3000; !important

}

.barre_jeux_logo {
	height:29px;
	width:90px;
	display:block;
	float:left;
	background:url(https://lesroyaumes.cdn.oxv.fr/images/barre_haut_logo.gif) no-repeat;
	position:relative;

}

a.barre_jeu_lien {
	height:26px;
	width:63px;
	display:block;
	float:left;
	position:relative;
	background-repeat:no-repeat;
	background-position:top left;
}

a.barre_jeu_lien:hover {
	height:26px;
	width:63px;
	display:block;
	float:left;
	position:relative;
	background-repeat:no-repeat;
	background-position:bottom left;
}

.barre_jeu_unite {
	height:26px;
	width:auto;
	display:block;
	float:left;
	position:relative;

}

.barre_jeu_texte {
	padding:3px;
	height:20px;
	#height:26px;
	width:160px;
	display:block;
	float:left;
	position:relative;
	font:"Trebuchet MS",Arial ;
	font-family:"Trebuchet MS",Arial;

}

.barre_jeu_texte_td01 {
	
	font:"Trebuchet MS",Arial ;
	font-family:"Trebuchet MS",Arial;
	text-transform: uppercase;
	font-size:10px;
	color:#a6ce39;
	line-height:8px;
	
}

.barre_jeu_nouveaute {
	
	font:"Trebuchet MS",Arial ;
	font-family:"Trebuchet MS",Arial;
	text-transform: uppercase;
	font-size:10px;
	color:#6ad4d7;
	line-height:8px;
	
}

.barre_jeu_texte_td02 {
	
	font:"Trebuchet MS",Arial ;
	font-family:"Trebuchet MS",Arial;font-size:10px;
	color:#637c1e;
	
}
.barre_haut_zone_bouton{
	margin-top:3px;
	margin-bottom:3px;
	height:20px;
	width:110px;
	display:block;
	float:right;
	position:relative;
	background:url(https://lesroyaumes.cdn.oxv.fr/images/barre_haut_separateur.gif)  repeat-y left;
	list-style: none;

	
}
.barre_jeux_deroulant{
	margin:0px;
	padding:0px;
	
	height:20px;
	width:150px;
	display:block;

	position:absolute;
	top:3px;
	
	
	right:0px;
	z-index:1000;

}
#Nav{
	top:0px;
	
	
	height:20px;
	width:113px;
	
	display:block;
	float:right;
	position:relative;
	list-style: none;

	
}

#Nav li{
	

	height:20px;
	width:113px;
	display:block;
	font:"Trebuchet MS",Arial ;
	font-family:"Trebuchet MS",Arial;font-size:10px;
	color:#637c1e;
	text-align:center;
	
	


	position:relative;
	font-size:10px;

	
}




#Nav li a {
	display: block;
	color:#a6ce39;
	height:20px;
	text-align:center;

	background-color: #000000;

	text-decoration: none;	
	margin: 0px; 
	font-size:10px;
	width:113px;

}
#Nav li a:hover,#Nav li a:active {
	text-align:center;
	height:20px;
	display: block;

	background-color:#161C06;
	color:#C7E083;
	text-decoration: none;	
	margin: 0px; 
	font-size:10px;
	width:113px;

}

.Menu {

	padding: 0px;
	list-style: none;
	display: none;
	border-bottom:1px solid #A6CE39;
}



/* contenu à effacer après avoir été testé!!!


#bandeau_jeux{
	display: none ;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');

.barreJeux{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	display: block;
	width: 100%;
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_fond.jpg) repeat-x top;
	height: 44px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	padding: 0 120px;
	display: block !important;
} 

a.barreJeux_logoCelsius, button.barreJeux_boutonAgrandir{
	position: absolute;
	top:0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}

a.barreJeux_logoCelsius{
	width: 80px;
	height: 34px;
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_logo.png) repeat-y top;
	z-index: 3;
	left: 5px;
	   
	}

	@-webkit-keyframes jeu_detail_pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


@keyframes jeu_detail_pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


a.barreJeux_logoCelsius:hover {
    -webkit-animation-name: jeu_detail_pulse;
    animation-name: jeu_detail_pulse;
    -webkit-animation-name: jeu_detail_pulse;
    animation-name: jeu_detail_pulse;
           -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
}

button.barreJeux_boutonAgrandir{
	width: auto;
	height: 34px;
	right: 10px;	
	height: 34px;
	line-height: 34px;
	padding-right: 20px;
	border: none;
	font-weight: 800;
	color: #eee !important;
	background: none;
	text-transform: uppercase;
	outline: none;
	font-size: 10px;
	   -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            background-position:0px top;
}
button.barreJeux_boutonAgrandir:hover{
color: #fff !important;
text-shadow:0 0 15px #5EA8DF;
}

button.barreJeux_boutonAgrandir:hover:after{
	border-top-color: #fff;
}

button.barreJeux_boutonAgrandir:after{
	content: "";
	 display : inline-block;
 height : 0;
 width : 0;
 border-top : 5px solid #eee;
 border-right : 5px solid transparent;
 border-left : 5px solid transparent;
 position: absolute;
 margin: auto;
 right: 0;
 top: 0;
 bottom: 0;
}

button.barreJeux_boutonReduire:after{
	 border-top : none;
	  border-bottom : 5px solid #eee;

}

.barreJeux_jeux{
	display: inline-block;
	max-width: 1000px;
	height: 100%;
	position: relative;

}
.barreJeux_jeux_wrapper{
	display: flex;
	flex-grow: 1;
	height: 100%;


}

.barreJeux_jeux a{
	color: #fff;
	padding-left:60px;
	text-decoration: none;
	font-size: 12px;
        display: inline-flex;
    
	box-sizing: border-box;
    justify-content: center;
    flex-grow: 1;
    align-self: stretch;
    max-width: 180px;
    min-width: 150px;
    align-items: center;
    text-align: left;
   -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            background-position:0px top;
            line-height: 13px;
}


.barreJeux_jeux a.jeu1{
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu1.png) no-repeat left;
	padding-left: 90px;
}

.barreJeux_jeux a.jeu2{
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu2.png) no-repeat left;
	padding-left: 66px;
}

.barreJeux_jeux a.jeu3{
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu3.png) no-repeat left;
	padding-left: 75px;
}

.barreJeux_jeux a.jeu4{
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu4.png) no-repeat left;
	padding-left: 57px;
}

.barreJeux_jeux a.jeu5{
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu5.png) no-repeat left;
	padding-left: 80px;
}
.barreJeux_jeux a:hover{
	background-position:5px top;
	text-shadow:0 0 15px #5EA8DF;
}
.barreJeux_detail{
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 0;
	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_fond_grand.jpg) repeat-x left;
	text-align: center;
	overflow: hidden;
	height: 0;
	z-index: 30000;

}
.barreJeux_detail_wrapper{
	display: inline-block;
	width: 962px;
	height: auto;

}
.jeu_detail{
	display: inline-block;
	width: 312px;
	height: 168px;
	margin:5px;
	margin-top:10px;
	margin-bottom: 10px;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	border:1px solid rgba(0,0,0,0.5);
	cursor: pointer;


}
.jeu_detail:nth-child(3n+0){
	margin-right: 0;
}
.jeu_detail:nth-child(-n+3){
	margin-bottom: 0;
}
.jeu_illustration{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;

   -webkit-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
}
.jeu_texte{
        color: #fff;
    position: relative;
    z-index: 3;
    font-size: 14px;
    line-height:18px;
    display: flex;
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
    padding: 20px;
    background-color: rgba(52,62,75,0.8);
    text-align: left;
    text-transform: none;
    font-weight: normal;
    visibility: hidden;
    overflow: hidden;
}
.jeu_texte:before, .jeu_texte:after{
	content: "";
	position: absolute;
	z-index: 4;
	height: 2px;
	width:0 ;
	opacity: 0;
	background: #fff;
   -webkit-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;width 


}
.jeu_texte:before{
	top: 0;
	left:0;


}

 .jeu_texte:after{
 	bottom: 0;
 	right: 0;


 }


.jeu_texte p{
	text-align: center;
}
.jeu1 .jeu_illustration{

	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu1_grand.jpg) no-repeat;

}
.jeu2 .jeu_illustration{

	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu2_grand.jpg) no-repeat;

}
.jeu3 .jeu_illustration{

	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu3_grand.jpg) no-repeat;

}
.jeu4 .jeu_illustration{

	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu4_grand.jpg) no-repeat;

}
.jeu5 .jeu_illustration{

	background: url(http://statics.lesroyaumes.com/images/accueil/images/barreJeux_jeu5_grand.jpg) no-repeat;

}
.jeu_detail:hover .jeu_illustration{
	filter: blur(5px);
	transform: scale(1.05);

}
.jeu_detail:hover .jeu_texte{
   -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    -webkit-animation-name: barreJeux_fadeInUp;
    animation-name: barreJeux_fadeInUp;
}

@-webkit-keyframes barreJeux_fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@keyframes barreJeux_fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.jeu_detail:hover .jeu_texte:before, .jeu_detail:hover .jeu_texte:after{
	width: 100%;
	opacity: 1;
}

.barreJeux_detail.barreJeux_affichage{
	 -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    -webkit-animation-name: barreJeux_affichage;
    animation-name: barreJeux_affichage;
    animation-timing-function: ease-in-out;
-webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.75);
border-bottom: 1px solid #000;
}

@-webkit-keyframes barreJeux_affichage {
    from {
    	height: 0;
    	
    }
    to {
height: 365px;
    }
}


@keyframes barreJeux_affichage {
      from {
    	height: 0;
    	
    }
    to {
height: 365px;
    }
}


.barreJeux_affichage .jeu_detail{
  
    -webkit-animation-name: jeu_detail_fadeInDown;
    animation-name: jeu_detail_fadeInDown;
           -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
     -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.barreJeux_affichage .jeu1{
      -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.barreJeux_affichage .jeu2{
      -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.barreJeux_affichage .jeu3{
      -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.barreJeux_affichage .jeu4{
      -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.barreJeux_affichage .jeu5{
      -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes jeu_detail_fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, -20px);
        transform: translate3d(0, -10px, -20px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@keyframes jeu_detail_fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


/**************************/
/*    nouvelle barre      */
/**************************/