
/*-HEADER------------*/
.curseasonbox_bg{
	 /*! background:black; */
}
.curseasonbox_relpg{
	!width:360px;
  !height:360px;
	!display:inline-block;
	overflow:hidden;
	position:relative;  
  /*! border-bottom:1px solid grey; */
}
.curseasonbox_relpg img{
	position:relative;
  object-fit:cover;
  min-width:360px;
  min-height:360px;
}
.curseasonbox_rightpg{
  width:100%;  
  height:100%;
  position:relative;
  overflow-y:hidden
}
.curseasonbox_rightpg:after {
  content:'';
  background-image:-moz-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-ms-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-o-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-webkit-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-webkit-gradient(linear,top center,top center,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
  background-image:linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:50%;
}
.curseasonbox_rightpg:before {
  content:'';
  background-image:-moz-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-ms-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-o-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-webkit-linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 30%,rgba(0,0,0,1) 100%);
  background-image:-webkit-gradient(linear,top center,top center,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
  background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%);
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:50%;
  z-index:1;
}
.curseasonbox_leftpg{
  height:100%;    
  background:black;
  
}
.curseasonbox_leftpg img{
  width:100%
}
.curseasonbox_leftpg_content{ 
  position:absolute;
  top:20px;
  margin:auto;
  width:360px;
}
.curseason_session_numero_saisonpg{		
	/*! position:relative; */
	font-size:36px;
	font-family:russoone;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 0px 0px 20px #009fff;
	color:white;
  !display:inline-block;
}

.curseason_session_stadiumpg{		
	/*! position:relative; */	
	font-size:36px;
	font-family:russoone;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 0px 0px 20px #009fff;
	color:white;
  margin-top:-5px;
  !display:inline-block;
}
.curseason_session_stadiumpg:before{		
	!content:'|';
  !margin-right:5px;
  !margin-left:5px;
  !position:relative;
  !top:-2px
}
/*NAVIGATEUR SAISON---------------*/
.saison_nav{
  !height:50px;
  
  color:grey;
  width:250px;
  margin:auto;
  text-align:center;
  margin-top:-180px;
  position:relative;
  z-index:2;
  margin-bottom:30px;
}

.saison_nav_rank_toskew {
  !display:inline-block;
  font-family:montserrat;
  text-transform: uppercase;
  font-size:14px;
  text-align:center;
	background:lightgrey;
	margin:5px auto;
	padding:15px 0px ;
  !border-right:1px solid grey;
}
.saison_nav_rank_toskew a{
  color:black
}
.saison-nav-selected{
  background:#0e58a6;
	color:white;
  !border-top:3px solid;
}
.saison-nav-selected a{
	color:white;
}
.saison_nav_rank{  
 !transform: skew(25deg);
  text-align:center;
  margin:auto;
}
.saison_nav_rank a{  
  text-decoration:none;
  color:inherit
}
.saison_nav_rank a:hover{  
  text-shadow: 0px 0px 10px white;
}


.saison-ranking-short-link{
  margin-top:10px;
  font-family:montserrat;
  font-size:14px;
}

/*--------------------*/

.saison_content{
  width:360px;  
}


/*------------*/


.session_list_title{
  margin-top:50px;
  font-family:rajdhani;
  font-size:16px;
  color:black; 
  background:#bbb;
  padding:20px ;
  border:1px solid grey;
}

/*----------------------------------*/
.sessionslist-title{
  text-align:center;
  margin-bottom:20px;
}
.sessionslist-header{
  margin-top:10px;
  border-bottom:1px solid grey;
  background:#222;
  color:white;
  display:none
}

.sessionslist-header div{
  !display:inline-block;
  font-family:rajdhani;
  font-size:14px;
  text-align:center;
}

.session_saison{
  font-family:montserrat;
  font-size:12px;
  padding:0 5px;
}
.session_dates{
  padding:5px;
  !border-radius:5px;
  !box-shadow: 5px 5px 10px #0f5cd7;
  !margin-bottom:10px;
}
.session_num{  
  font-family:rajdhani;
  font-size:18px;
  text-transform: uppercase;
  vertical-align: middle;
  text-align:left;  
  !border-right:1px solid grey; 
  !margin-right:30px;
  !padding-right:30px;   
  margin-bottom:10px;
}
.session-infos{
  font-family:montserrat;
  font-size:14px;
  text-align:left;
  padding:10px 0px;
  text-align: center;
}
.session-nbmatchs{
  display:none;
}

/*-------------------------------------*/
.session_box{
  padding:10px 0;
  background:#fff;
  border-bottom:1px solid grey;
  !border-radius:10px;
  color:black;
  vertical-align:top;
  !box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  !border-radius:5px;
}

.session_box a{
  color:inherit;
}
.session_box a:hover{
  text-decoration:none;
}
.session_box div{
  !display: inline-block;
  vertical-align: middle;
  text-align: center;
  !width:100%
}
.session_box .session_dates{
  !display: block;
  vertical-align: middle;
  margin:auto;
  
}

.session-dates-lim{
  display: inline-block;
 ! width:50%;
}
.session-dates-tiret{
  display:inline-block;
  margin:0px 30px;
}
.session_dates div{
  !display:inline-block;
  !text-align:center;
}
.session-dates-jour{
  font-family:rajdhani;
  font-size:16px;
  margin-right:2px;
}
.session-dates-mois{
  font-family:montserrat;
  font-size:14px;
  margin-top:-3px
}
.session-dates-fin{
}
.session_num-number{
  font-family:russoone;
  font-size:40px;
  vertical-align: middle; 
  color:#0e58a6;
}
.session_num-numbertot{
  font-family:russoone;
  font-size:18px;
  !margin-left:5px;
  vertical-align: middle; 
  color:#222
}
.session_num a{
  text-decoration:none
}
.session_title{
  font-family:montserrat;
  font-size:12px;  
}

.session-infos div{
   !display:block;  
}
.session-infos-title{
  !border-bottom:1px solid grey;
  !background:grey;
  !color:white;
  font-weight:bold;  
}


.session_box_right{  
  font-family:russoone;
  font-size:14px;
  text-align:center;
  color:#126679;
  margin:auto;
  border-radius: 20px;
  margin-bottom:20px;
   margin-top:20px;
  width:150px;
}
.session_box_right a:hover{  
  text-decoration: none
}
.session-nbmatchs-content{
  font-family:russoone;
  font-size:14px;
  display:none;
}
/*-----------------*/
.session-running{  
  border:3px solid #0e58a6;
  border-right:0;
  border-left:0;
  margin-top:50px;
}
.session-running .session-infos{
 ! margin-left:5px;
  font-size:14px;
  padding:5px 0;
  display:none;
}
.session-running .session_box_right{  
  margin-top:46px
}
.session-running .session_box_right:after{  
  content:'Jouer >';
  color:#0e58a6
}
/*------------------*/
.session-ended{
}
.session-ended .session_num-number{
  color:grey;
}
.session-ended .session_num-numbertot{  
  color:grey;
}
.session-ended .session_dates{
  color:grey;
  display: none;
}
.session-ended .session-nbmatchs{
  color:grey;
}
.session-ended .session-winner{  
  color:#222;
}

.session-ended .session-team-winner{  
  color:#222;
}
.session-ended a{  
  color:inherit;
}
.session-ended .session_box_right:after{  
  content:'Résultats >';
  color:#222
}


