.right-content, .left-content{

	padding-right: 0;

	padding-left: 0;

}

#news{

	margin-bottom: 50px;

	//padding-top: 0;

}

#zone-news{

	max-height: 800px;

	overflow: auto;

	padding: 0 15px;



}

#zone-news p{

	font-size: 1.3em;

}

#zone-news p.bold{

	padding-top: 10px;

}

#resultats{

	margin-bottom: 0;

}



.game-header{

	text-align: center;

	margin-bottom: 0;

	padding-top: 10px;

}

.game-header h1{

	font-size: 52px;

}

.game-header h2{

	

}

.wcrgb2015{

    color: #092B59;

}



/* tab-panel */

#classements {

	//background-color: #808285;

}



.nav-center {  

  text-align: center;

}

.nav-center ul.nav {

    display: inline-block;

}

.nav-center li {

    display: inline

}

.nav-center a {

    float: left

}





.classement-table {

	max-height: 370px;

	overflow: auto;

}

.tabs  {

  text-align: center;

}



.tabs >.nav >ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: inline-block;

}



.tabs> .nav >li.active >a{

  border-top: 4px solid;

}



.tabs >.nav >li {

  margin: -1px 0.25em;



}

.tabs> .nav >li >a {



  font-size: 1.45em;

  line-height: 2.5;

  padding: 0 1.25em;

  //white-space: nowrap;

}

#lastTab #collapsed {

 border : none;

 min-width:200px;

}

#lastTab > a{

 min-width:200px;

}





/* pres-panel */

.scroll-content{

	overflow: auto;

}



.pres-panel{

	background-color: rgb(47, 47, 47);

}



.pres-panel .name{

	font-size: 30px;

	color: white;

	margin-top: 20px;

	margin-bottom: 10px;

	text-align: center;

}

.pres-panel .date{

	font-size: 20px;

	color: white;

	text-align: center;

}



.pres-box{ 

	height: 300px;

    background:  50% 0;  

    margin: 0 auto; 

    width: 100%; 

    position: relative; 

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	



}



.pres-content{ 

	opacity:0;

	background: rgba(0, 0, 0, 0.85);

	height: 100%;

    width: 100%;

	padding: 20px;

}



.pres-content:hover{ 

	visibility:visible;

	opacity:1;

	

	-webkit-transition: opacity 1s ease;

    -moz-transition: opacity 1s ease;

    -o-transition: opacity 1s ease;

    transition: opacity 1s ease;

}



.pres-text{ 

	text-align: center;

	height: 130px;

}



.pres-text .jumbotron{ 

  padding: 20px;

  //background-color: rgb(115, 50, 130);

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform:    translateY(-50%);

  -ms-transform:     translateY(-50%);

  -o-transform:      translateY(-50%);

  transform:		translateY(-50%);

  position: absolute;

  color: white;

  width: 60%;

  margin: 0;

  border-radius: 5px;

}



.pres-text .jumbotron p{ 

	font-size: 14px;

	margin:0;

 }



.pres-button{ 

	//padding: 20px;

	text-align: center;

	height: 100px;

}



.pres-button a{ 

  //background-color: rgb(115, 50, 130);

  padding: 20px;

  padding-left: 100px;

  padding-right: 100px;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform:    translate(-50%, -50%);

  -ms-transform:     translate(-50%, -50%);

  -o-transform:      translate(-50%, -50%);

  transform:		 translate(-50%, -50%);

  position: absolute;

  border: none;

}



.comment-panel{

	margin-bottom: 50px;

}



/* stats box */

.stat-box ul {

	list-style: none;

	margin: 0;

	padding:0;

	height: 370px;

	margin-left: -15px;

	margin-right: -15px;

}

.later .stat-box ul {

	margin-top: 74px;

}

.stat-box ul li{

	text-align: center;

}

/* .stat-box ul li:hover{

	background-color:grey;

} */

.stat-box ul li p{

	text-align: center;

	margin: 0;

}

.stat-box div p{

	text-align: center;

	margin: 0;

}

.stat-box .stat-item{

	height: 30%;

	font-size: 1.8em;

}

.stat-box .stat-value{

	height: 70%;

	font-size: 3.5em;

}

.stat-box .stat-item-big{

	height: 30%;

	font-size: 2.8em;

}

.stat-box .stat-value-big{

	height: 70%;

	font-size: 4.5em;

}

.stat-box .risk{

	color: #D82F2F;

}

.stat-box .time-out{

	color: #31A9E9;

}

.stat-box .score{

	color: #31A9E9;

	margin-top: 50px;

}

.repartition{
    
	color: #31A9E9;
	text-align: center;

}

.repartition-title{
    
	font-size: 2.8em;
	text-align: center;

}

.repartition-values{
    
	font-size: 2.3em;
	text-align: center;

}

.stat-box .number{

	color: #31E93B;

}

.stat-box .winners{

	color: #2EA448;

}

.stat-box .gap{

	color: #2EA448;

}

.stat-box .points{

	color: #2EA448;

}

.later .stat-box .stat-item{

	font-size: 1.8em;

}

.later .stat-box .stat-value{

	font-size: 3.5em;

}

.player-result .stat-box .stat-item, .other-result .stat-box .stat-item{

	font-size: 1.4em;

}

.player-result .stat-box .stat-value, .other-result .stat-box .stat-value{

	font-size: 2.5em;

}

.later .stat-box ul li{

	height: 50%;

}

.player-result .stat-box ul li, .other-result .stat-box ul li{

	height: 25%;

}



/*pari-panel pres+combo*/

.team-side, .label-side{

	margin:10px 0;

	display: flex;

	display: -webkit-flex;

    align-items: center;

	flex-direction: row;

	-webkit-flex-direction: row;

   text-align: center;

}



.team-mirror, .label-mirror{

	margin:10px 0;

	display: flex;

	display: -webkit-flex;

    align-items: center;

	flex-direction: row-reverse;

	-webkit-flex-direction: row-reverse;

	text-align: center;

}

.team-side.final-winner, .team-mirror.final-winner{
	margin:0;
	padding:10px 15px;
	background-color: rgba(29,101,139,0.4);
	transition: background-color 1s ease;
}

.label-side, .label-mirror{

	text-align: center;

}

.label-side span, .label-mirror span{

	font-size: 1.5em;

}

.team-name{

	vertical-align: middle;

	text-align: center;

	font-size: 1.7em;

}

.team-flag img{

	width: 100%;

	max-width: 60px;

	box-shadow: 0 0 7px 1px #656565;

}

.points-combo{

	padding: 0 5px;

}

.team-points{

	font-size: 2.8em;

}
.perfect-points{
	color: gold;
}



.points-list{

	font-size:18px;

	text-align: center;

    

    min-width: 20px;

    left: initial;

}



.points-list li{

	cursor: pointer;

	padding: 0 16px;

}



.points-list li:hover{

	background-color : #68C3E2;

}



#calendar:hover, #calendar:focus{

    cursor:pointer;

}

.score-basket{
    width: 100px;
    font-size: 1.6em;
}

.btn-group>.btn-lg.dropdown-toggle {

	padding-left: 6px;

	padding-right: 6px;

}

.btn-group>.btn-md.dropdown-toggle {

	padding-left: 6px;

	padding-right: 6px;

}



#list-cal .item-flag {

	padding: 0 7px;

	max-width: 40px;

}



#send-pari button{ 

  padding: 20px;

  padding-left: 100px;

  padding-right: 100px;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform:    translate(-50%, -50%);

  -ms-transform:     translate(-50%, -50%);

  -o-transform:      translate(-50%, -50%);

  transform:		 translate(-50%, -50%);

  position: absolute;

  border: none;

}

.toggle-victory {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
}

.toggle-victory label {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    margin-right: 20px;
    font-size: 13px;
	line-height: 24px;
}
.toggle-victory input[type=radio] {
    display: none;
}
.toggle-victory label:before {
    content: "";
    display: inline-block;
 
    width: 24px;
    height: 24px;
 
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #337ab7;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.toggle-victory label:before {
    border-radius: 12px;
}
.toggle-victory input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 50px;
    text-align: center;
    line-height: 24px;
}





/*pari-panel */

#validate {

	height: 40px;

	margin-bottom: 25px;

}



.result-panel .section-highlight{

	color: white;

    background-color: rgb(47, 47, 47);

    font-size: 26px;

}





/** color **/

.goodbet{

	background-color: #AFF592;

}

.almostbet{

	background-color: #F9ECA3;

}



/** footer **/

.copyright p{

	line-height: 40px;

	text-align: left;

}

.rules a{

	padding:0;

	width:200px;

	float:right;

}

.rules span{

	display:block;

	padding: 0 8px 0 8px;

	height:40px;

	line-height:40px;

	margin-right: 60px

	;float: right;

}



/* graph */

.arc path {

  stroke: #fff;

}





@media (max-width: 1200px) {

	.affix{

		width: 440px;

	}

}



@media (max-width: 992px) {

	.affix{

		width: 330px;

	}

	.team-mirror{

		flex-direction: row;

		-webkit-flex-direction: row;

	}

	

	.label-mirror{

		display: none;

	}

}



@media (max-width: 768px) {

	.pres-box{ 

		background:  50% 50% scroll;  

	 }

	 .tabs .nav li.active a{

	  border: none;

	}

	.tabs .nav a {

	  border: none;

	}

	.tabs .nav li{

	  margin: 0;

	}

	.affix{

		width: 43%;

	}

	

	.points-combo .btn{

		font-size:15px;

	}

	#calendar-list{

		font-size:15px;

	}

	#sortable1 li, #sortable2 li{

		font-size: 1em;

	}

	#pari-panel li .item-rating {

		line-height: normal;

		margin:0;

	}

	#pari-panel li .item-name {

		margin:0;

	}

	

	.later .stat-box ul {

		margin-top: 0;

	}

	



}



@media (min-width: 768px) {

	#calendar{

		//max-width:300px;

		margin: 0;

		border:none;

		

	}

	

	#calendar .navbar-header{

		background-color: rgb(67, 67, 67);

		color: white;

		font-size: 16px;

	}

	#calendar .navbar-brand{

		color: white;

		width: 100%;

	}



	#calendar .navbar-collapse {

		height: auto;

		border-top: 0;

		box-shadow: none;

		max-height: none;

		padding-left:0;

		padding-right:0;

	}

	#calendar .navbar-nav>li>a {

		background-color: rgb(67, 67, 67);

		color: white;

		//height: 50px;

		//line-height: 40px;

		font-size: 16px;

	}

	#calendar .navbar-nav>li>a>span {

		line-height: 30px;

	}

	#calendar .navbar-nav>li>a>.title {

		text-align: left;

		font-weight: bold;

	}

	#calendar .navbar-nav>li>a>.date {

		text-align: left;

	}

	#calendar .navbar-nav>li>a>.glyphicon {

		text-align: right;

	}

	#calendar .navbar-nav>li>a:hover {

		background-color: rgb(200, 200, 200);

		color: black;

	} 

	#calendar .navbar-nav>li.active>a {

		background-color: rgb(66, 139, 202);

	} 

	#calendar .navbar-collapse.collapse {

		display: block !important;

		width: auto !important;

		padding-bottom: 0;

		overflow: visible !important;

	}

	

	#calendar .navbar-collapse.in {

		overflow-x: visible;

	}	



	#calendar .navbar-nav, #calendar .navbar-nav > li, #calendar .navbar-left, #calendar .navbar-right, #calendar .navbar-header {

		float:none !important;

	}



	#calendar .navbar-right .dropdown-menu {

		left:0;right:auto;

	}

	

	#calendar .navbar-collapse .navbar-nav.navbar-right:last-child {

		margin-right: 0;

	}

	

	

}

@media (max-width: 650px) {

	

	#sortable1 li, #sortable2 li{

		font-size: 0.8em;

	}

}



@media (max-width: 500px) {

	.points-combo .btn{

		font-size:12px;

	}

	#calendar-list{

		font-size:12px;

	}

	#sortable1 li, #sortable2 li{

		font-size: 0.6em;

	}

	

	.stat-box .stat-item-big{

		font-size: 2em;

	}

	.stat-box .stat-value-big{

		font-size: 3em;

	}

	.later .stat-box .stat-item{

		font-size: 1.8em;

	}

	.later .stat-box .stat-value{

		font-size: 3.5em;

	}

	.player-result .stat-box .stat-item, .other-result .stat-box .stat-item{

		font-size: 1em;

	}

	.player-result .stat-box .stat-value, .other-result .stat-box .stat-value{

		font-size: 1.5em;

	}

	.label-side span, .label-mirror span{

		font-size: 1.1em;

	}

	.team-name{

		font-size: 1.3em;

	}

	.team-points{

		font-size: 2em;

	}

	.points-list{

		font-size:14px;

	}

	.team-side, .team-mirror, .stat-box{

		padding: 0;

	}

}



@media (max-width: 370px) {

	.points-combo .btn{

		font-size:9px;

		padding: 9px;

	}

	#calendar-list{

		font-size:9px;

	}

	#sortable1 li, #sortable2 li{

		font-size: 0.5em;

	}

}