@font-face {
    font-family: 'TGB';
    src: url('../fonts/TGB.eot');
    src: url('../fonts/TGB.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TGB.woff') format('woff'),
         url('../fonts/TGB.ttf') format('truetype'),
         url('../fonts/TGB.svg#TradeGothic-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.corner {
	display:none;
}
.css-icon{
	display:inline-block;
	width:16px;
	height:16px;
	position:relative;
}
.icon-chat:before{
	display:block;
	content:'';
	border-radius:2px;
	background:white;
	position:absolute;
	top:2px;
	left:0;
	width:100%;
	height:0;
	padding-bottom:80%;
}
.icon-chat:after{
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	background: white;
	position: absolute;
	top: 11px;
	left: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body .unicode{
	font-family:arial;
}
.async-img, .async-img-pending{
	visibility:hidden;
}
body:before{
	display: none;
}
body,html{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:sans-serif;
	font-weight:100;
}
H1, H2, H3, H4{
	font-family:'TGB', sans-serif;
/*	text-transform:uppercase;*/
}
h1 small {
	0.5em;
}
h1, H2 {
	line-height: 1em;
}
body h4.article_intertitre_mini{
	margin-top:1em;
	font-size: smaller;
	line-height: initial;
}
.video-frame, #video{
	width:100%;
	padding-bottom:60.5%;
	position:relative;
}
.video-frame IFRAME, #video IFRAME{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow-y: hidden;
}

.logo-svg {
	width: 325px;
	height:81px;`
	display: block;
	margin: 5px auto;
}
.page.overflow-visible .page-content-body{
	overflow:visible;
}
a.page .page-image{
	opacity:0.8;
	-webkit-transition: all 100ms ease;
	-webkit-transition: all 100ms ease; 
	   -moz-transition: all 100ms ease; 
		 -o-transition: all 100ms ease; 
			transition: all 100ms ease;
}
a.page:hover .page-image{
	opacity:1;
}
.page{
	display:block;
	width:100%;
	position:relative;
/*	z-index:10;*/
}


.page-content A.bonus{
	color:black;
	display:block;
	text-decoration:none;
}
.bonus {
	overflow:hidden;
}
.bonus-center {
	text-align:center;
}
.bonus .qr_question{
	margin-top:0;
	margin-bottom:1em;
}
.bonus .qr_reponse{
	font-style:italic;
}
A.bonus:hover{
	opacity:0.8;
}
.bonus-encadre {
	background: #ddd;
	color: #333;
	padding: 1em;
	box-sizing: border-box;
	line-height: 1.3em;
	letter-spacing:0.1em;
	font-size:
}
.bonus-encadre IMG{
	width: 40%;
	margin: 0 3% 2% 0;
	float: left;
	margin-bottom:5%;
}
.page-picto IMG{
	width:100%
}
.page-background{
	width:100%;
	padding-bottom:90%;
	position:relative;
}
.page-background{
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
}
.qr_question {
	font-weight:800;
}
.active-fermer{
	display:none;
}

.exergue{
	float:right;
	text-align:right;
	max-width:40%;
	padding:4% 0 2% 4%;
}
.exergue_left{
	float:left;
	max-width:40%;
	padding:4% 4% 2% 0;
}
.exergue_center{
	float:none;
	max-width:100%;
	padding:6%;
}
.exergue_content{
	font-size: 2em;
	font-family: futura;
	line-height: 1em;
	font-weight:bold;
	font-style:italic;
}
.exergue_legende{
	display:block;
	margin-top:2%;
	color:#aaa;
}

.cartouche-blanc {
	background: white;
	padding: 15px;
	border-radius: 5px;
}
.page-content-body IMG, .deux-colonnes-texte IMG, .interview-texte IMG{
	max-width: 100%;
}
body .article_intertitre_petit{
	margin-top:1em;
	margin-bottom:0.8em;
}
body .article_intertitre{
	font-size: 2.5em;
	line-height: 1.2em;
}
.page-content-body{
	width:90%;
	padding:5% 5% 5% 5%;
	overflow:hidden;
}

.bandeau {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:2.5em;
	line-height:2.5em;
	z-index:1000;
	text-align:center;
	text-decoration:none;
	font-size: 1.1em;
}
body .bandeau:hover {
	background:yellow;
	color:black;
}
.bandeau-item {
	display:inline-block;
	line-height:2.5em;
}
.bandeau-texte{
	font-size:0.9em;
}
.bandeau-titre{
	font-family:'TGB', sans serif;
}

.page.page-type-pub{
	text-align:center;
	padding-top: 2%;
	padding-bottom: 2%;
}
.photo{
	display:block;
	position:relative;
}
.photo IMG{
	display:block;
}
.photo SMALL{
	position: absolute;
	bottom: 0;
	width: 98%;
	background: rgba(0,0,0,0.5);
	color: white;
	display: block;
	padding: 1%;
	font-size: 0.55em;
	height: 2.5em;
	line-height: 2.5em;
}
/** INTRO **/

.page.page-type-intro{
	text-align:center;
	min-height:100%;
	margin-bottom:10%;
}
.page.page-type-intro{
	color:white;
	font-size:smaller;
}
.page-image {
	position:relative;
}
.page-image IMG{
	width:100%;
	display:block;
}

.page-type-citation .page-content{
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:20;
	color:white;
}
.page-type-citation .page-image:before{
	content:'';
	display:block;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.page-type-page .page-content,.page-type-deux-colonnes.page-content{
	padding-top:3em;
	padding-bottom:3em;
}
.page-type-page .page-content,.page-type-deux-colonnes.page-content, .page-type-interview .page-content{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.80em;
	font-size: 0.95em;
	letter-spacing:0.10em;
}

.fond-gris .page-content, .page-type-interview .page-content {
	background: rgba(0,0,0,0.05);
}
h2,h3,h4,big>b {
	font-family:'TGB';
/*	text-transform:uppercase;*/
	margin:0;
	padding:0;
	margin-bottom: 0.3em;
}

.page-content {
	width:100%;
}
body .page.chapo .page-content, body .page .chapo .page-content{
/*	font-size:1.4em;*/
	font-weight:bolder;
}

li.article-puce {
	list-style: initial;
	display: list-item;
}

/** CITATION **/
.page-type-citation .page-content-in{
	display:table;
	width:100%;
	height:100%;
}
.page-type-citation .page-content-body{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.page-type-citation .page-content-body P{
	font-size:3em;
	font-size:8vmin;
	line-height:7vmin;
	margin:0;
	margin-bottom:2vmin;
}
.page-type-citation .page-content-body small {
	font-size:2em;
	font-size:4vmin;
}
/** GALLERIE **/
.page-type-gallerie .page-content-body .gallerie-photo{
	position:relative;
	width:100%;
	padding-bottom:60%;
	overflow:hidden;
	margin-bottom:1em;
}
.page-type-gallerie .page-content-body .gallerie-photo IMG{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.page-type-gallerie .page-content-body .gallerie-photo .gallerie-photo-legende {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	display: block;
	line-height: 1.2em;
	font-size: 0.8em;
	padding: 0.5em;
}

body .page.page-type-ours {
	border-top:15px solid #ccc;
	padding-top: 2%;
	text-align:center;
	min-height:50%;
}

#compo .compo-joueur, #compo .compo-joueur *, #compo .compo-joueur:after{
	cursor:pointer;
	-webkit-transition: all 100ms ease;
	-webkit-transition: all 100ms ease; 
	   -moz-transition: all 100ms ease; 
		 -o-transition: all 100ms ease; 
			transition: all 100ms ease;
}

#compo .compo-sub:after {
	background:url(/live/images/ico_sub_Changement.png) no-repeat center center;
	background-size:100% 100%;
	display:block;
	content:'';
	position:absolute;
	width:40%;
	height:40%;
	bottom:-15%;
	right:-15%;
}


#compo .compo-joueur {
	width:15%;
	padding-bottom:13%;
	position:absolute;
	border-radius:15%;
	z-index:999;
	margin-top: -1%;
    margin-left: -5%;
}

#compo .compo-joueur IMG {
	border-radius:15%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}	

#compo .compo-joueur.active IMG {
	border-radius:15%;
	border:0.1px solid black;
	position:absolute;
	top:4%;
	left:5%;
	width:90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	
#compo .compo-joueur.active{
	border-radius:0%;
	padding-bottom:14%;
	background:white;
	z-index:1000;
}

#compo .compo-texte, #compo .compo-nom{
	display:none;
}
#compo .compo-joueur.active .compo-nom{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10%;
	color: black;
	text-align: center;
	font-size: 2em;
}
#compo .compo-joueur.active .compo-texte{
	display: block;
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 200%;
	height: 100%;
	font-size: 1.5em;
	background: black;
	overflow:hidden;
}
#compo .compo-joueur.active .compo-texte H2{
	padding: 2.5%;
}
#compo .compo-joueur.active .compo-texte P{
	padding-top: 0;
	padding: 2.5%;
	margin: 0;
	line-height: 1.5em;
	font-size: 0.7em;
}

.compo-joueur:before {
	display: block;
	content: '';
	width: 30%;
	padding-bottom: 30%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	margin:3%;
}

.qr_question{
	margin-top:1em;
	font-weight:800;
}
.qr_reponse{
	
}

#articles {
	margin: 2em auto;
}

.articles-item {
	display:block;
	color:white;
	overflow:hidden;
	text-decoration:none;
	margin-bottom:1em;
}
.articles-item:hover h3{
	color:#ccc;
}

.articles-item P{
	margin-top:0;
}
.article-image {
	display: block;
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
	overflow:hidden;
}
.article-image IMG{
	width:100%;
	display:block;
}

/** MENU **/


.logo-star {
   margin: 50px 0;
   position: absolute;
	top: -64px;
	left: 14px;
   display: block;
   color: white;
   width: 0px;
   height: 0px;
   border-right:  100px solid transparent;
   border-bottom: 70px  solid white;
   border-left:   100px solid transparent;
   -moz-transform:    rotate(35deg) scale(0.07);
   -webkit-transform: rotate(35deg) scale(0.07);
   -ms-transform:     rotate(35deg) scale(0.07);
   -o-transform:      rotate(35deg) scale(0.07);
   transform:      rotate(35deg) scale(0.07);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
}
.logo-star:before {
   border-bottom: 80px solid white;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   position: absolute;
   height: 0;
   width: 0;
   top: -45px;
   left: -65px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);

}
.logo-star:after {
   position: absolute;
   display: block;
   color: white;
   top: 3px;
   left: -105px;
   width: 0px;
   height: 0px;
   border-right: 100px solid transparent;
   border-bottom: 70px solid white;
   border-left: 100px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}

.menu-logo{
	font-family: 'TGB';
	color: white;
	font-size: 45px;
	display: inline-block;
	vertical-align:top;
	text-decoration: none;
	margin-top: -13px;
	margin-left: 5px;
   -moz-transform: scaleX(0.9) ;
   -webkit-transform: scaleX(0.9);
   -ms-transform:     scaleX(0.9);
   -o-transform:      scaleX(0.9);
   transform:      scaleX(0.9);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
	white-space: nowrap;
	width:182px;
}
.menu-logo SMALL{
	display: inline-block;
	font-size: 16px;
	position: relative;	
}

.menu {
	z-index: 9999999;
	position:fixed;
	top:0;
	left:0;
	min-width:32px;
	height:32px;
	margin: 1.5%;
	padding: 0.5%;
	background: rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 10px 20px 5px rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px 5px rgba(0,0,0,0.2);
}
.menu-bouton {
	display: inline-block;
	vertical-align:top;
	position:relative;
	width:32px;
	height:32px;
	border:0;
	outline:0;
	background: transparent;
	border-top:6px solid white;
	border-bottom:6px solid white;
	margin:0;
	padding:0;
	cursor:pointer;
	z-index:999999;
}
.menu-bouton:before{
	position: absolute;
	content: '';
	display: block;
	width: 32px;
	border-top:6px solid white;
	top:7px;
}	

.menu.opened .menu-items:before{
	display:block;
	background:white;
	content:'';
	width:40px;
	height:40px;
	position: absolute;
	top: -40px;
}
.menu-items {
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity:0;
	width:300px;
	display:block;
	position: absolute;
	top: 45px;
	left: 5px;
	background:white;
	visibility: hidden;
	-webkit-box-shadow: 0 10px 20px 5px rgba(0,0,0,0.2);
	box-shadow: 0 10px 20px 5px rgba(0,0,0,0.2);
}
.menu.opened .menu-items{
	opacity:1;
	visibility: visible;
}

.menu-items .menu-liste LI A{
	color:black;
	text-decoration:none;
	padding:10px;
	font-size:14px;
	font-family:'TGB';
/*	text-transform:uppercase;*/
}
.menu-items .menu-liste LI{
	border-bottom:1px solid #ccc;
}
.menu-items .menu-liste LI:hover A{
	color:white;
}
UL,LI{
	display: block;
	list-style: none;
	margin: 0;  	
	padding:0;
}
.menu-social{
	display: inline-block;
	vertical-align:top;
}
.social-item{
	position: relative;
	float:left;
	width: 32px;
	height: 32px;
	display: block;
	background: white;
	margin-left: 10px;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	overflow: hidden;
}
.social-item:hover,.social-item.hover{
	width:152px;
}
.social-widget {
	position: absolute;
	left:0;
	top:0;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	display: table;
	text-align: center;
	height:32px;
	width:100%;
	z-index:50;
}
.social-widget .social-widget-wrap{
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	padding-left:40px;
	background:white;
	font-size:0.7em;
	white-space:nowrap;

}
.social-widget-wrap > *{
	display:block;
	margin:0 auto;
}
.social-item .social-text{
	cursor: pointer;
	color:white;
	font-weight:bold;
	font-size:14px;
	display: block;
	text-align: center;
	line-height: 32px;
	width: 32px;
	height: 32px;
	position:relative;
	z-index:100;
}
.social-fb .social-text {
	background:#3b5998;
}
.social-comms .social-text {
	background:#00B74A;
}
.social-tw .social-text {
	background:#00aced;
}
.social-gp .social-text {
	background:#dd4b39;
}
.page-type-commentaires{
	text-align: left;
	margin-top: 2em;
}

.page-type-commentaires .page-content{
	width:90%;
	margin:0 auto;
	padding-top: 5%;
	padding-bottom: 5%;
}
.reactions-commentaire{
	margin-top:5%;
	padding:5%;
}
.commentaire-titre{
	font-style: oblique;
	font-family: 'TGB';
}
.commentaire-content{
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.commentaire-content .citation{
	background: #333;
	padding: 5%;
}
.commentaire-content .citation.limited .citation_texte{
	max-height: 150px;
	overflow: auto;
}

.les-joueurs H2{
	font-size:2em;
	margin-bottom:5%;
	text-align:left;
}
.bloc-joueur{
	overflow:hidden;
	position:relative;
}
/*.bloc-joueur-inside{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}*/
.bloc-joueur-nom{
	font-family:'TGB', sans-serif;
}
.bloc-joueur-texte {
	font-size: smaller;
}
.bloc-joueur-image{
	float:left;
	width:16%;
	overflow:hidden;
	position:relative;
	margin:0 2% 0 0;
}
.bloc-joueur-image IMG{
	width:100%;
}
.bloc-joueur-fiche{
	float:left;
	width:82%;
}

.menu-debut{
	text-align:center;
}
.menu-debut .menu-desc{
	font-size:0.8em;
	margin-bottom:0.5em;
}
.menu-debut A{
/*	text-transform:uppercase;*/
	font-family:'TGB';
	text-decoration:none;
}
.menu-debut A:after{
	content:'\25B6';
	margin-left:5px;
}
.menu-debut A:hover{
	text-decoration:underline;
}

.player {
	width:100% !important;
	padding-bottom:46%;
	height:0%;
	position:relative;
	top:-100px;
	margin-top:100px;
	-webkit-transition:top 1s ease;
	transition:top 1s ease;
}
.player.sticked-to-top {
	margin-top:0;
	-webkit-transition:padding-bottom 0.5s ease;
	transition:padding-bottom 0.5s ease;
}
.player.sticked-to-top:hover {
	padding-bottom:21%;
}
@media (max-width:999px){
	.mobile-only{
		display:block;
	}
	.desktop-only{
		display:none;
	}
	.body:before{
		content:'small';
	}
	.page-type-pub {
		display:none;
	}
	.page-type-intro {
		margin-top:40px;
		margin-bottom:0;
	}
	.page-picto{
		width: 20%;
		margin: 0 auto;
	}
	.page-type-citation .page-content{
		background: white;
		color:black;
	}
	.exergue_content br{
		display:none;
	}
	.bandeau .bandeau-item {
		display:block;
		line-height:1.25em;
	}
	.bandeau {
		height:3.75em;
	}
	.menu-debut{
		text-align:left;
	}
	.menu-debut A{
		font-size: 1.5em;
		margin-bottom: 1em;
		display: block;
	}

	.menu {
		padding:1%;
	}
	.menu-liste LI A {
		font-size: 1.2em;
		display: block;
	}
	.menu-items {
		top: 40px;
		left: -1px;
	}
	.page.page-type-intro{
		min-height: initial;
	}
	.image-legende{
		color:white;
		background: rgba(0,0,0,0.8);
		font-size: 0.7em;
		padding: 0.5em;
	}
	.page-background, .bonus , .exergue, .exergue_left, .exergue_content{
		width:100%;
		max-width:100%;
		float: none;
		clear:both;
	}
	.bonus {
		margin-bottom:2em;
	}
	.page-background {
		padding-bottom: 55%;
	}
	h1 {
		font-size:2.5em;
	}
	big>b{
		font-size: 2.5em;
		line-height: 1em;
	}
	.page-type-citation .page-content{
		position:relative;
	}
	.page-type-citation .page-image{
		display:none;
	}
	#compo {
		display:none;
	}
	.menu .menu-logo{
		width:0;
	}
	.les-joueurs {
		width:90%;
		margin:0 auto;
	}	
	.bloc-joueur-texte {
		font-size:1em;
	}
	.bloc-joueur {
		margin-bottom:2em;
	}

}

@media (min-width:1000px){

	.body:before{
		content:'medium';
	}
	body {
		font-size:1.2em;
		font-size:2vmin;
	}
	big>b{
		font-size: 3em;
		line-height: 1.1em;
	}
	body.loading{
		cursor:progress;
	}
	body.loading:after {
		content:'';
		width:30px;
		height:30px;
		bottom:0;
		right:0;
		display:block;
		background:white;
		border-radius:50%;
		position: fixed;
		z-index: 9999999;
		margin:2%;
		-moz-box-shadow: 0px 0px 5px 5px #ffffff;
		-webkit-box-shadow: 0px 0px 5px 5px #ffffff;
		-o-box-shadow: 0px 0px 5px 5px #ffffff;
		box-shadow: 0px 0px 5px 5px #ffffff;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=5);
		-webkit-animation: loading-anim 1s infinite;
		-moz-animation:    loading-anim 1s infinite;
		-o-animation:      loading-anim 1s infinite;
		animation:         loading-anim 1s infinite;
	}
	@-webkit-keyframes loading-anim {
		0%   { opacity: 0; }
		50% { opacity: 1; }
		100% { opacity: 0; }
	}
	@-moz-keyframes loading-anim {
		0%   { opacity: 0; }
		50% { opacity: 1; }
		100% { opacity: 0; }
	}
	@-o-keyframes loading-anim {
		0%   { opacity: 0; }
		50% { opacity: 1; }
		100% { opacity: 0; }
	}
	@keyframes loading-anim {
		0%   { opacity: 0; }
		50% { opacity: 1; }
		100% { opacity: 0; }
	}

	.page-type-commentaires .page-content{
		width:500px;
	}
	H1{
		font-size:3em;
		font-size:8vmin;
		margin: 0.3em 0 0.3em 0;
	}
	.logo {
		width:300px;
		display:block;
		margin:0 auto;
	}
	.logo IMG{
		width:100%;
	}
	.page-type-citation .page-content{
		height:100%;
	}
	.page-content-body{
		width:98%;
		padding:0 1% 0 1%;
	}
	.page-type-citation .page-content-body{
		padding: 0 20% 0 20%;
	}
	.page-background:after{
		height:100%;
	}
	.page-background{
		position:absolute;
		padding:0;
		top:0;
		left:0;
		height:100%;
		z-index:1;
	}	
	.page-type-intro .page-content{
		position:absolute;
		top:0;
		left:0;
		height:100%;
		display:block;
		z-index:20;
	}
	.page-type-intro .page-content-in{
		display:table;
		width:100%;
		height:100%;
	}
	.page-type-intro .page-content-body{
		display:table-cell;
		vertical-align:bottom;
	}

	/** GALLERIE **/
	.page-type-gallerie {
		height:100%;
	}
	.page-type-gallerie .page-content{
		height:100%;
	}
	.page-type-gallerie .page-content-in{
		display:table;
		width:70%;
		margin:0 auto;
		height:100%;
		position:relative;
	}
	.page-type-gallerie .page-content-body{
		display:table-cell;
		vertical-align:middle;
	}
	.page-type-gallerie .page-content-body .gallerie-photos{
		position:relative;
		width:100%;
		padding-bottom:60.5%;
	}
	.page-type-gallerie .page-content-body .gallerie-photo{
		height:100%;
		position:absolute;
		top:0;
		left:0;
		padding-bottom:0;
	}
	#compo  {
		height: 60%;
		margin: 0 20% 0 20%;
		width: 60%;
		position:relative;
	}
	#compo .page-content{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	.compo-equipe{
		height: 100%;
		width: 50%;
		position: absolute;
		top: 0;
	}
	.compo-equipe-1{
		left: 0;
	}
	.compo-equipe-2{
		right: 0;
	} 
	#compo .page-image{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#compo .page-image IMG{
		height:100%;
	}
	#compo .compo-wrap{
		position: relative;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;		
	}
	#compo .compo-joueur{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}

	#compo .compo-coach{
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}
	#compo .compo-equipe-1 .compo-coach {
		left: 38%;
		top: 25%;
	}
	#compo .compo-equipe-1 .compo-sub-1 {
		left: 56%;
		top: 18.5%;
	}
	#compo .compo-equipe-1 .compo-sub-2 {
		left: 71%;
		top: 18%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-goal{
		top: 55%;
		left: 21%;
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-ard{
		left: 36%;
		top: 67%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-dcc{
		left: 31%;
		top: 54%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-arg{
		left: 26%;
		top: 42%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-mdd{
		left: 56%;
		top: 64%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-mdc{
		left: 50%;
		top: 53%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-moc{
		left: 65%;
		top: 50%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-mdg{
		left: 45%;
		top: 43%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-atd{
		left: 90%;
		top: 63%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-atc{
		left: 85%;
		top: 49%;
	}
	#compo .compo-equipe-1 .compo-joueur.pos-atg{
		left: 71%;
		top: 37%;
	}
	
	#compo .compo-equipe-2 .compo-coach {
		left: 8%;
		top: 20%;
	}
	#compo .compo-equipe-2 .compo-sub-1 {
		left: 26%;
		top: 13.5%;
	}
	#compo .compo-equipe-2 .compo-sub-2 {
		left: 42%;
		top: 13%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-goal{
		left: 71%;
		top: 35%;
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-ard{
		left: 37%;
		top: 27%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-dcd{
		left: 45%;
		top: 35%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-dcg{
		left: 53%;
		top: 43%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-arg{
		left: 65%;
		top: 52%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-mdd{
		left: 18%;
		top: 34%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-mdc{
		left: 50%;
		top: 55%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-moc{
		left: 16%;
		top: 43%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-mdg{
		left: 34%;
		top: 50%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-atd{
		left: -5%;
		top: 32%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-atc{
		left: 0%;
		top: 46%;
	}
	#compo .compo-equipe-2 .compo-joueur.pos-atg{
		top: 57%;
		left: 12%;
	}	

	#compo .compo-joueurs .compo-joueur.hover{
		margin-top: -2%;
	}
	body #compo .compo-wrap .compo-joueur.active{

		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		position:fixed;
		z-index:9999999;
		top: 17%;
		left: 24%;
		width:20%;
		padding-bottom:31%;

	}
	#compo .compo-joueur.active:after {
		display:none;
	}
	#compo .compo-joueurs .compo-joueur.active:after{
		background: rgba(0,0,0,0);
	}

	.active .active-fermer{
		display:block;
		position: absolute;
		left: 0;
		top: 100%;
		width: 50%;
		text-align: center;
		font-size: 0.7em;
		color: black;
		background: white;
		margin-left: 25%;
		text-transform:uppercase;
		margin-top:2%;
	}
	.page-type-page .page-content {
		max-width: 600px;
		margin: 0 auto;
	}
	
	.chapo .page-content {
		max-width: 900px;
	}
	.bonus {
		position: absolute;
		width: 15%;
		bottom: 10%;
		font-size:0.9em;
		margin:0;
	}
	.bonus IMG{
		width:100%;
	}
	.bonus-top {
		top:10%;
		bottom:auto;
	}
/*	.bonus-droite {
		right: 5%;
	}
	.bonus-gauche {
		left: 5%;
	}*/

	#progress {
		position:fixed;
		top:0;
		left:0;
		background:white;
		height:5px;
		width:1%;
		z-index: 9999999;
	}
	
	.page-type-interview .page-content, .page-type-deux-colonnes .page-content{
		width:60%;
		margin:3em auto;
	}
	.page-type-deux-colonnes.large .page-content, .page-type-interview.large .page-content {
		width:90%;
		margin:1.5em auto;
	}
	.interview-texte{
		margin-top:1em;
		column-count: 3;
		column-gap: 2em;
		-moz-column-count: 3;
		-moz-column-gap: 2em;
		-webkit-column-count: 3;
		-webkit-column-gap: 2em;
	}
	.large .interview-texte{
		margin-top:1em;
		column-count: 4;
		column-gap: 1.5em;
		-moz-column-count: 4;
		-moz-column-gap: 1.5em;
		-webkit-column-count: 4;
		-webkit-column-gap: 1.5em;
		font-size: 1.1em;
	}
	.deux-colonnes-texte{
		margin-top:1em;
		margin-bottom: 2em;
		column-count: 2;
		column-gap: 2em;
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		line-height: 1.6em;
	}
	.page-type-articles {
		width:600px;
		margin:0 auto;
	}
	.image-legende{
		color:white;
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 1%;
		background: rgba(0,0,0,0.8);
		font-size: 0.7em;
		padding: 0.5em;
	}
	.page-picto{
		width: 6%;
		float: left;
		margin: 0 2% 0.5% 0;
	}
	body .page .bigger, body .page.bigger {
		font-size:larger;
	}
	.smaller {
		font-size:smaller;
	}
	body .bigger .bonus {
		font-size:smaller;
	}
	.bloc-joueur{
		min-height:10em;
	}
	.les-joueurs {
		width:56%;
		margin:0 auto;
		overflow: hidden;
		background: rgba(0,0,0,0.05);
		padding: 2%;
		border-radius:20px;
	}
	.joueurs-equipe {
		float:left;
		width:47%;
	}

	.joueurs-equipe-1{
		margin-right:3%;
	}
	.joueurs-equipe-2{
		margin-left:3%;
	}
	.joueurs-equipe-1 .bloc-joueur-image{
		float: right;
		margin:0 0 0 2%;
	}
	.les-joueurs .joueurs-equipe-2 H2{
		text-align:right;
	}

	.player.sticked-to-top {
		padding-bottom: 4%;
		height: 0%;
		position: fixed;
		top: 0;
		width: 501px !important;
		right: 0;
		z-index:99;
	}
	.stick-filler {
		display: none;
	}
	.mobile-only{
		display:none;
	}
	.desktop-only{
		display:block;
	}
	.corner {
		display:block;
		position:fixed;
		bottom:0;
		right:0;
		z-index:99999;
	}
	.corner IMG{
		display:block;
		opacity:1;
		-webkit-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease; 
		   -moz-transition: all 0.5s ease; 
			 -o-transition: all 0.5s ease; 
				transition: all 0.5s ease;
	}
	a.corner:hover IMG{
		opacity:0.8;
	}

}

.publicite{
	display:block;
	text-align:center;
	width:100%;
}

.publicite-300, .publicite-300 .publicite-contenu{
	width:300px;
}
.publicite-gigaban {
	display:none;
	margin:30px 0;
}
.publicite-gigaban .publicite-contenu{
	width:970px;
}
.publicite-droite {
	right: 1%;
}
.publicite-gauche {
	left: 1%;
}

.bonus-droite {
	right: 1%;
}
.bonus-gauche {
	left: 1%;
}
.publicite-contenu{
	display:inline-block;
}
.desktop-only {
	display:none;
}
.mobile-only {
	display:block;
}
@media (min-width:1000px){
	.desktop-only {
		display:block;
	}
	.mobile-only {
		display:none;
	}
	.publicite-gigaban {
		display:block;
	}
}
@media (min-width:1266px){
	.bonus {
		width:20%;
	}
	.publicite-300 {
		position: absolute;
		bottom: 10%;
		font-size:0.9em;
		margin:0;
	}
	.publicite-top {
		top:10%;
		bottom:auto;
	}

}
@media (min-width:1345px){
	.publicite-droite {
		right: 5%;
	}
	.publicite-gauche {
		left: 5%;
	}
	.bonus-droite {
		right: 5%;
	}
	.bonus-gauche {
		left: 5%;
	}
}