@font-face {
			 font-family: "SwistblnkMonthoers";
			 src: url('/wp-content/themes/wp-admin-only/font/SwistblnkMonthoers_with_accent.otf')
			}
		@font-face {
			 font-family: "Monthoers";
			 src: url('/wp-content/themes/wp-admin-only/font/Monthoers.otf')
		}
		@font-face {
			 font-family: "DrukText";
			 src: url('/wp-content/themes/wp-admin-only/font/DrukText-Medium.otf')
		}
		@font-face {
			 font-family: "DrukTextItalic";
			 src: url('/wp-content/themes/wp-admin-only/font/DrukText-MediumItalic.otf')
		}
		
		body{
			color: black;
		}
		
		body#site-content{
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-color:#303e4a!important;
			background-image: url(/wp-content/uploads/2021/07/App_ecrans-921x1536.png);
			background-position:center center;
			background-color:black!important;
			background-repeat: no-repeat;
			background-attachment: fixed;
			margin: 0px;
			
		}
		
		body#site-content.view_rankingscreen{
			cursor: none;
		}

		body#session-content{
			
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-color:#303e4a!important;
			background-image: url(/wp-content/uploads/2021/07/App_ecrans-921x1536.png);
			background-position:center center;
			background-color:black!important;
			background-repeat: no-repeat;
			background-attachment: fixed;
			margin: 0px;			
		}		


		body#session-content .block_team_rank{
			float:left;
			width:45%;
			margin-right: 5%;
		}
		
		body#session-content .block_global_rank{
			float:left;
			width:50%;			
		}
		
		
		@media (max-width: 1000px) {
		  body#session-content .block_team_rank, body#session-content .block_global_rank{				
				width:100%!important;
				margin-right: 0!important;
			}
		}
		
		
		html{			
			margin-top: 0px !important;
			padding-left:5%;
			padding-right:5%;
		}
			
		.header{
			margin-bottom: 3em;
		}
			
		.header,.section{			
			width:100%;
			overflow: hidden;
		}
		.header .title{
			display: block;
			
			float:left;
			margin-left: 5%;
			padding-left: 5%;
			border-left: 2px solid white;
		}
		.header .logo{
			background-image: url(/wp-content/uploads/2021/06/logo.png);
			width: 170px;
			height: 100px;
			background-size: cover;
			float:left;			
			margin-top: 2%;
		}
		.header .title h1{
			font-weight: bold;
			color: #FFC55B;
			margin-bottom:0;
			font-family:DrukText;
			font-weight: normal;
			font-size: 2.3em;
			margin-top : 5%;			
		}
		.header .title h2{			
			color: #FFF;
			margin-top:0;
			margin-bottom:0;
			font-family:DrukTextItalic;
			font-weight: normal;
			font-size: 1.8em;
		}	

		h3{
			color: #FFC55B;
			margin-bottom:0;
			margin-top:5%;
			font-size: 1.7em;
			font-family:DrukText;
			font-weight: normal;
			margin-top: 0;
		}
		h4{
			color: #FFF;
			margin-top:0;
			font-size: 1.4em;
			font-family:DrukTextItalic;
			font-weight: normal;
		}	

		h3, h4{
			width:100%;
		}		
		
		h6{
			font-family:Monthoers;
			font-size:3em;
			margin:0;
			color: white;
		}
		.ranking td{
			text-align:center;
			color: #303e4a;
		}		
		ul.last_players{
			padding-inline-start: 0;
		}
		ul.last_players li.block {			
			display: inline-block;			
			background: #FFFFFF 0% 0% no-repeat padding-box;
			border-radius: 12px;			
			width: 48%;
		}
		
		ul.last_players li.block ul.detail li{
			display: inline-block;
			width : 33%;			
		}
		
		ul.last_players li .name{
			text-align:center;
			color : #A197A1;
			padding-top:15px;
			font-size : 1.5em;
			padding-bottom:5px;
			font-family:Monthoers;
		}		
		
		ul.last_players li.block{
			float:left;
			overflow:hidden;			
		}
		ul.last_players li.block ul.detail{
			margin:4% 4%;			
			padding-inline-start: 0px;
		}
		
		.lastPlayers .stars{
			margin:0 auto;/*centrage marges automatiques*/
			padding:5px 0;
			background:#bcbcbc;
			text-align:center;/*centre les inline qu'il contient*/
		}
		
		ul.last_players li.block:nth-child(even) {
			margin-left : 2%;
			margin-bottom : 4%;
		}		
		ul.last_players li.block:nth-child(odd) {
			margin-right : 2%;
			margin-bottom : 4%;
		}
		ul.last_players .stars{
			display: flex;
			margin: 0 auto;
			width: fit-content;
		}
				
		.last_players .block ul li label{
			font-size: 0.5em;
			display: block;			
			font-family: DrukText;
			font-weight: normal;
			letter-spacing: 0px;
			color: #CCCCCC;
		}
		.last_players .block ul li.time1{
			text-align:left;
		}
		.last_players .block ul li.time2{
			text-align:center;
		}	
		.last_players .block ul li.rank{
			text-align:right;
			color : #FFCA48;
		}
		.last_players .block ul.detail li{
			font-family: DrukText;
			/*letter-spacing: 1.2px;*/
			font-size:1.6em;
		}		
		
		ul.ranking,ul.ranking li.line_rank{
			width :99%;
			padding-inline-start: 0px;			
		}
		
		ul.ranking li ul.lines_rank{
			width:99%;
			background: #FFFFFF 0% 0% no-repeat padding-box;
			border-radius: 12px;
			margin-bottom:2%;
			overflow:hidden;
			padding-inline-start: 2%;
		}
		
		ul.ranking li{
			list-style: none;	
		}
		
		ul.ranking li ul.lines_rank.separation{
			width:99%;
			background: none;	
			margin-bottom:2%;
			overflow:hidden;
			padding-inline-start: 2%;
		}
		ul.ranking li ul.lines_rank.separation li{
			color: white;
			text-align: center;
			margin-bottom: 0.5em;
			font-size: 2em;
		}
		
		ul.ranking_header{
			padding-inline-start: 2%;
			padding-bottom: 1%;
			overflow: hidden;
		}

		
		ul.ranking li.current_score ul{
			background : #FFC55B;
		}
		ul.ranking li.current_score ul li.view_score{
			color :black;
		}
		ul.ranking li.current_score ul li.name{
			color :white;
		}
		
		
		
		ul.ranking li ul.lines_rank li.line_rank{
			display: inline-block;
			float:left;
			padding-top:2%;
			padding-bottom:2%;
		}
		ul.ranking li ul li.name, ul.ranking_header li.name{
			width :40%!important;
			float:left;			
		}
		ul.ranking li ul li.line_rank.rank, ul.ranking li ul li.line_rank.time{
			font-family: DrukText;    
			font-size: 1.4em;
		}
		ul.ranking li ul li.name{
			color : #A197A1;
			font-size: 1.4em;
			font-family:Monthoers;
			line-height: 0.7em;
		}
		ul.ranking li ul li.score, ul.ranking_header li.score {
			width :22%!important;
			float:left;
		}
		ul.ranking li ul li.time, ul.ranking_header li.time {			
			width :16%!important;
			float:left;
		}
		ul.ranking li ul li.rank, ul.ranking_header li.rank {			
			width :5%!important;
			float:left;			
		}
	
		ul.ranking_header{
			margin:0px!important;	
		}
		
		ul.ranking_header li{
			color: white;
			display: inline-block;
			float:left;	
			font-size: 1em;
			font-family: DrukText;  			
		}		
		ul.ranking_header_2 li{
			font-size: 0.9em!important;
			color: #DBDBDB!important;
		}		
				
		ul.stars{
			padding-inline-start: 0px;
		}
		ul.stars li{
			display: inline-block;
			/*float:left;*/
		}		
		ul.stars li.full_star{
			background: url('/wp-content/themes/wp-admin-only/img/stars/etoile Jaune.png');
			width:15px;
			height:15px;
		}		
		ul.stars li.half_star{
			background: url('/wp-content/themes/wp-admin-only/img/stars/etoile bicolore.png');
			width:15px;
			height:15px;
		}
		ul.stars li.no_star{
			background: url('/wp-content/themes/wp-admin-only/img/stars/etoile grise.png');
			width:15px;
			height:15px;
		}		
		ul.stars li.view_score{
			color : #FFCA48;
			width : fit-content;
			margin-left:10%;
			font-family:Monthoers;
			line-height: 13px;
			font-size: 1.2em;
		}
		
		body#session-content .block_team_rank ul.stars li.view_score{
			font-size: 0.6em;
			margin:0;
			padding:0;
			text-align: center;
			width: 100%;
		}
		
		.team_rank_info{
			color : #FFCA48;			
			margin-left:10%;
			font-family:Monthoers;
			line-height: 18px;
			font-size: 1.6em;
		}
		.team_rank_info_big{
			color : #FFCA48;			
			margin-left:10%;
			font-family:Monthoers;
			line-height: 25px;
			font-size: 2em;
		}
		.timeTitle{
			color : #FFFFFF;			
			
			font-family:DrukText;
			line-height: 25px;
			font-size: 1.2em;
			text-align: left;	
		}		
		.team_rank_info_block{
			text-align: center;			
			padding-bottom: 2em;
		}
		
		.team_rank_info_table{
			margin-left : 2em;
		}
		
		.team_rank_info_table td{
			padding-right:20px;
		}
		pre{
			color : #FFFFFF;
		}

		.no_margin_bottom{
			margin-bottom: 0;
		}
		
		.section.block_team_rank table{
			width: 100%
		}
		
		
		span.penalty{
	background: #EC5555;
	color: white;
	border-radius:5px;
	padding:0.2em;
	font-family:DrukText;
	font-size: 0.7em;
	margin-left: 0.5em;
	display: inline-flex;
}

.ranking_page{
	 text-align: center;
}
.ranking_page .center-div{
	 display: inline-block;
	 width:900px;
}