/*
Theme Name: Halo FR 2015
Theme URI:
Author:
Author URI:
Descr'iption:
License:
License URI:
Tags:
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* Font definition */
@font-face{
	font-family: 'space-bt-bt';
	src: url("fonts/space-bd-bt-bold.ttf");

}
/* --------------------- */

/*
	actu :        #034e80
	communauté :  #d8720e
	esport :      #9c0808
	creation :    #0C9627

*/

img {max-width:100%; height: auto;}

body {font-family: "Open Sans", sans-serif; background-size:contain;}
	a {text-decoration:none;}

.post--content iframe {
	width:100%;
    	height:422px;
}

.ad-728x90 iframe {
    height: 90px;
}

button:focus, a:focus {outline:none;}

.ad {max-width:100%; overflow:hidden;}
	.ad > iframe, .ad > img {max-width:100%;}
	.ad-728x90 {margin: 20px auto; width:728px;}
	.ad-300x250 {margin: 0 auto 2.85em; width:300px;}

.btn-lg {background:#034E80; border:none; padding:1em 2em; font-size:1em; color:#fff; transition:.4s; border-radius:0; font-family:Oswald, sans-serif; text-transform:uppercase; margin-bottom: 3em; text-decoration: none; color: #fff; width:85%; border-radius: 15px;}
	.btn-lg:hover,
	.btn-lg:focus,
	.btn-lg:active {background:#015D9B; color:#fff; text-decoration: none; box-shadow: 1px 1px 12px #555;}

.sidebar-main .btn-lg {background:#034E80; padding:.5em 0; border-bottom:1px solid #1D242A; color:#FFF;}
	.sidebar-main .btn-lg:hover,
	.sidebar-main .btn-lg:focus,
	.sidebar-main .btn-lg:active {background:#337ab7;}

.section-title { position:relative; font-size:2.5em; line-height:1.2em; font-family:Oswald, sans-serif; font-weight:normal; text-transform: uppercase; color:#023e61; border-bottom: 1px solid #aecee0; padding-bottom:.2em; margin-bottom:1.5em; }
	.section-title strong {color:#156fa3; font-weight:normal;}
	.section-title:after { content:''; position:absolute; bottom:-6px; left:0; width:174px; height:5px; background: url(img/section-title-bottom.png) right 0 no-repeat;}
		.sidebar-main .section-title:after { width:110px;}


@media screen and (max-width: 800px) {
	.ad-title {display:none;}
}

.push {display:inline-block; position:relative; font-family:Oswald, sans-serif; text-transform:uppercase; font-size:1.87em; color:#fff; margin: 0 auto 1.5em; }
	.push img {display:block; max-width:100%; height:auto; transition:.4s; filter:brightness(1); -webkit-filter:brightness(1);}
	.push:before{content:''; background:url(img/post-gradient-half.png) 0 bottom repeat-x; width:100%; height:100%; position:absolute; z-index:11; bottom:0; left:0;}
	.push:after{content:''; background:url(img/push-shape.png) 0 0 no-repeat; width:125px; height:10px; position:absolute; z-index:12; bottom:0; left:20px;}
	.push span {position:absolute; z-index:20; left:0; bottom:0; width:100%; padding:0 70px 20px 20px; line-height: 1.2em;}
		.push span:after {content:''; background:#034e80 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAMJfJpQ8Kvp3TeFk8fcchEAAAAEhJREFUeAFjGDKAiwWfLDcvLz55NnbC8hz45Jl5eZnwyLNSU54RE/BwItzHiwMwEZQmbDhhp1MuSzhQEVFCeoQikgOBxDRUAACjFwVNQ1w7mAAAAABJRU5ErkJggg==) repeat-x 0 0; width:30px; height:30px; position:absolute; z-index:22; right:20px; bottom:20px; line-height:30px; transition:.2s;}
		.push:hover,
		.push:active,
		.push:focus {color:#fff;}
			.push:hover img,
			.push:active img,
			.push:focus img {filter:brightness(1.2); -webkit-filter:brightness(1.2);}
			.push:hover span:after,
			.push:active span:after,
			.push:focus span:after {background-position:30px 0;}

/*
	.push:hover,
	.push:active {filter:brightness(1.2); -webkit-filter:brightness(1.2);}
*/

/* YT responsive */
.youtube-video{box-sizing:content-box; position:relative;height:0; margin-bottom:2em;}
	.youtube-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* ------------------------
	Header
------------------------ */
.header-main {font-family: Oswald, sans-serif; text-transform:uppercase; }
	.header-mobile {display: none;}
	.nav-main {position:relative; border:none; margin-bottom:2.5em; background:#FFF; border-radius:0; min-height:0;}
		.nav-main .container {}
			.logo-main {position:relative;}
				.logo-main img{position:absolute; right:15px; top:20px;}
			.nav-main .main-nav--col {position:static; font-size:1.25em; line-height:1.2em;}
				.nav-main .nav {}
					.nav-main .menu-item {position:static; }
						.nav-main .menu-item > a{height:5em; padding:1em 20px; color:#a2b3c0; position:relative; z-index:20; transition: color .4s;}
							.nav-main .menu-item svg {display:block; margin:0 auto 8px; height:30px;fill:#a2b3c0;/* width: auto;*/}
							/*.nav-main .menu-item svg g, */
							.nav-main .menu-item svg path {transition:.4s;}
							.nav-main .menu-item > a:focus { background:none;}
						.nav-main .menu-item:hover > a,
						.nav-main .menu-item:active > a,
						.nav-main .menu-item.current-menu-item > a,
						.nav-main .menu-item.current-menu-ancestor > a {color:#666; border-color:#666 transparent; background:rgba(255,255,255,0) /* fix IE */;}
						.nav-main .menu-item:after {content:''; border-top:4px solid #666; height:40px; background:#fff;} /* replaces submenu if needed */
						.nav-main .sub-menu,
						.nav-main .menu-item:after {opacity:0; /*transition:.4s;*/ position:absolute; left:0; z-index: 20; width:100%;}
						.nav-main .menu-item.menu-item-has-children:after, /* there is already a sub menu */
						.nav-main .sub-menu .menu-item:after {content:none;} /* in a .sub-menu */
							.nav-main .sub-menu {background:#666;}
								.nav-main .sub-menu ul {list-style-type: none;}
									.nav-main .sub-menu .menu-item {font-size:.75em; height:40px; line-height:40px; margin:0 10px;}
									.nav-main .sub-menu .menu-item a:before {content:none; display:none;}
										.nav-main .sub-menu .menu-item > a { display:inline-block; line-height:22px; height:26px; margin-top:8px; padding:0 5px; border:2px solid transparent; color: #fff; opacity: .5; transition:.3s;}
										.nav-main .current-menu-item .sub-menu .menu-item > a {opacity:1;}
										.nav-main .sub-menu .menu-item > a:hover,
										.nav-main .sub-menu .menu-item > a:active,
										.nav-main .sub-menu .menu-item > a:focus {border-color:#fff; }
										.nav-main .sub-menu .menu-item.current-menu-item > a {color: #fff; opacity:1; border-color:#fff;}
						.nav-main .sub-menu-social {line-height:40px; opacity:1; transition:.4s;}
							.nav-main .sub-menu-social a {transition:.3s; opacity:.5; padding-left:1em;}
							.nav-main .sub-menu-social a:hover,
							.nav-main .sub-menu-social a:active,
							.nav-main .sub-menu-social a:focus {opacity:1;}
							.nav-main .sub-menu-social img {vertical-align:baseline;}
					.nav-main .sub-menu .row {position:relative;}
						.sub-menu-search {position:absolute; z-index:40; overflow:hidden; white-space:nowrap; width:40px; right:0; line-height:40px; transition:width .8s;}
							.sub-menu-search--toggle {display:inline-block; vertical-align:top; width:40px; height:40px; overflow:hidden; background:transparent url(img/sprite.png) no-repeat 0 -240px; text-indent:-999px; /*font-size:1px;*/ border:none; opacity:1; transition:.2s;}
								.sub-menu-search--toggle:hover {opacity: .8;}
							.sub-menu-search form {vertical-align:top; height:40px; padding-top:5px; display:inline-block; overflow:hidden;white-space: nowrap;}
								.sub-menu-search form input,
								.sub-menu-search form button {height:30px; vertical-align:top;}
								.sub-menu-search form input[type="text"] {width:180px; line-height:30px; font-family:"Open Sans", sans-serif; font-size:.9em; font-style:italic; color:#fff; background:none; border:none; opacity:.6; transition:.4s;}
									.sub-menu-search form input[type="text"]:focus {opacity:1; outline:none;}
								.sub-menu-search form button[type="submit"] {border:none; background: transparent url(img/sprite.png) no-repeat 0 -280px; width:30px; height:30px; overflow:hidden; text-indent:-999px;}
					.nav-main .sub-menu.search-open {}
						.nav-main .sub-menu.search-open .sub-menu-search {width:380px;}
						.nav-main .sub-menu.search-open .sub-menu-social {opacity:0;}
					.nav-main.navbar .main-nav--col .menu .menu-item.current-menu-item .sub-menu,
					.nav-main.navbar .main-nav--col .menu .menu-item.current-menu-ancestor .sub-menu,
					.nav-main.navbar .main-nav--col .menu .menu-item.current-menu-item:after {opacity:1; z-index:30;}
						/* hide submenus when all menu is hovered */
						.main-nav--col .menu:hover .menu-item.current-menu-item .sub-menu,
						.main-nav--col .menu:hover .menu-item.current-menu-ancestor .sub-menu,
						.main-nav--col .menu:hover .menu-item.current-menu-item:after{opacity:0;}
					.nav-main .menu-item:hover {}
						.nav-main .nav > .menu-item:hover .sub-menu,
						.nav-main .nav > .menu-item:active .sub-menu,
						.nav-main .nav > .menu-item:active:after,
						.nav-main .nav > .menu-item:hover:after{display:block; z-index:40; opacity:1; }

			.main-nav--rollover {display:none; position: absolute; top: 0; left: 0; transition: .3s; border-style:solid; border-color:#666 transparent; border-width:6px 10px; z-index:0;}
		/* actualites  */
		.nav-main .menu-site-actualites > a:before {background-position:0 0;}
		.nav-main .menu-site-actualites:hover > a:before,
		.nav-main .menu-site-actualites:active > a:before,
		.nav-main .menu-site-actualites:focus > a:before,
		.nav-main .menu-site-actualites.current-menu-item > a:before,
		.nav-main .menu-site-actualites.current-menu-ancestor > a:before,
		.nav-main .menu-site-actualites.mobile-current > a:before {background-position:-40px 0;}
		.nav-main .menu-site-actualites .sub-menu,
		.nav-main .menu-site-actualites .sub-menu-search {background-color:#034e80;}
		.nav-main .nav > .menu-site-actualites:hover > a,
		.nav-main .nav > .menu-site-actualites:active > a,
		.nav-main .nav > .menu-site-actualites:focus > a,
		.nav-main .nav > .menu-site-actualites.current-menu-item > a,
		.nav-main .nav > .menu-site-actualites.current-menu-ancestor > a,
		.nav-main .nav > .menu-site-actualites.mobile-current > a {color:#034e80;}
		.nav-main .nav > .menu-site-actualites:hover svg g,
		.nav-main .nav > .menu-site-actualites:active svg g,
		.nav-main .nav > .menu-site-actualites:focus svg g,
		.nav-main .nav > .menu-site-actualites.current-menu-item svg g,
		.nav-main .nav > .menu-site-actualites.current-menu-ancestor svg g,
		.nav-main .nav > .menu-site-actualites.mobile-current svg g {fill:#034e80;}
		.main-nav--rollover-0 {border-color:#034e80 transparent;}
		/* communaute */
		.nav-main .menu-site-communaute > a:before {background-position:0 -40px;}
		.nav-main .menu-site-communaute:hover > a:before,
		.nav-main .menu-site-communaute:active > a:before,
		.nav-main .menu-site-communaute:focus > a:before,
		.nav-main .menu-site-communaute.current-menu-item > a:before,
		.nav-main .menu-site-communaute.current-menu-ancestor > a:before,
		.nav-main .menu-site-communaute.mobile-current > a:before {background-position:-40px -40px;}
		.nav-main .menu-site-communaute .sub-menu,
		.nav-main .menu-site-communaute .sub-menu-search {background-color:#d8720e;}
		.nav-main .menu-site-communaute:after {border-color:#d8720e;}
		.nav-main .nav > .menu-site-communaute:hover > a,
		.nav-main .nav > .menu-site-communaute:active > a,
		.nav-main .nav > .menu-site-communaute:focus > a,
		.nav-main .nav > .menu-site-communaute.current-menu-item > a,
		.nav-main .nav > .menu-site-communaute.current-menu-ancestor > a,
		.nav-main .nav > .menu-site-communaute.mobile-current > a {color:#d8720e; border-color:#d8720e transparent;}
		.nav-main .nav > .menu-site-communaute:hover svg g,
		.nav-main .nav > .menu-site-communaute:active svg g,
		.nav-main .nav > .menu-site-communaute:focus svg g,
		.nav-main .nav > .menu-site-communaute.current-menu-item svg g,
		.nav-main .nav > .menu-site-communaute.current-menu-ancestor svg g,
		.nav-main .nav > .menu-site-communaute.mobile-current svg g {fill:#d8720e;}
		.main-nav--rollover-1 {border-color:#d8720e transparent;}

		/* crea */
		.nav-main .menu-site-crea > a:before {background-position:0 -80px;}
                .nav-main .menu-site-crea:hover > a:before,
                .nav-main .menu-site-crea:active > a:before,
                .nav-main .menu-site-crea:focus > a:before,
                .nav-main .menu-site-crea.current-menu-item > a:before,
                .nav-main .menu-site-crea.current-menu-ancestor > a:before,
                .nav-main .menu-site-crea.mobile-current > a:before {background-position:-40px -80px;}
                .nav-main .menu-site-crea .sub-menu,
                .nav-main .menu-site-crea .sub-menu-search {background-color:#0c9627;}
                .nav-main .menu-site-crea:after {border-color:#0c9627;}
                .nav-main .nav > .menu-site-crea:hover > a,
                .nav-main .nav > .menu-site-crea:active > a,
                .nav-main .nav > .menu-site-crea:focus > a,
                .nav-main .nav > .menu-site-crea.current-menu-item > a,
                .nav-main .nav > .menu-site-crea.current-menu-ancestor > a,
                .nav-main .nav > .menu-site-crea.mobile-current > a {color:#0c9627; border-color:#0c9627 transparent;}
                .nav-main .nav > .menu-site-crea:hover svg g,
                .nav-main .nav > .menu-site-crea:active svg g,
                .nav-main .nav > .menu-site-crea:focus svg g,
                .nav-main .nav > .menu-site-crea.current-menu-item svg g,
                .nav-main .nav > .menu-site-crea.current-menu-ancestor svg g,
                .nav-main .nav > .menu-site-crea.mobile-current svg g {fill:#0c9627;}
                .main-nav--rollover-3 {border-color:#0c9627 transparent;}

		/* e sport
		.nav-main .menu-site-e-sport > a:before {background-position:0 -80px;}
		.nav-main .menu-site-e-sport:hover > a:before,
		.nav-main .menu-site-e-sport:active > a:before,
		.nav-main .menu-site-e-sport:focus > a:before,
		.nav-main .menu-site-e-sport.current-menu-item > a:before,
		.nav-main .menu-site-e-sport.current-menu-ancestor > a:before,
		.nav-main .menu-site-e-sport.mobile-current > a:before {background-position:-40px -80px;}
		.nav-main .menu-site-e-sport .sub-menu,
		.nav-main .menu-site-e-sport .sub-menu-search {background-color:#0C9627;}
		.nav-main .nav > .menu-site-e-sport:hover > a,
		.nav-main .nav > .menu-site-e-sport:active > a,
		.nav-main .nav > .menu-site-e-sport:focus > a,
		.nav-main .nav > .menu-site-e-sport.current-menu-item > a,
		.nav-main .nav > .menu-site-e-sport.current-menu-ancestor > a,
		.nav-main .nav > .menu-site-e-sport.mobile-current > a {color:#0C9627; border-color:#0C9627 transparent;}
		.nav-main .nav > .menu-site-e-sport:hover svg path,
		.nav-main .nav > .menu-site-e-sport:active svg path,
		.nav-main .nav > .menu-site-e-sport:focus svg path,
		.nav-main .nav > .menu-site-e-sport.current-menu-item svg path,
		.nav-main .nav > .menu-site-e-sport.current-menu-ancestor svg path,
		.nav-main .nav > .menu-site-e-sport.mobile-current svg path {fill:#0C9627;}
		.main-nav--rollover-2 {border-color:#0C9627 transparent;}
		*/

		/* wiki */
		.nav-main .menu-site-wiki > a:before {background-position:0 -120px;}
		.nav-main .menu-site-wiki:hover > a:before,
		.nav-main .menu-site-wiki:active > a:before,
		.nav-main .menu-site-wiki:focus > a:before,
		.nav-main .menu-site-wiki.current-menu-item > a:before,
		.nav-main .menu-site-wiki.current-menu-ancestor > a:before,
		.nav-main .menu-site-wiki.mobile-current > a:before {background-position:-40px -120px;}
		.nav-main .menu-site-wiki .sub-menu,
		.nav-main .menu-site-wiki .sub-menu-search {background-color:#5d2a68;}
		.nav-main .menu-site-wiki:after {border-color:#5d2a68;}
		.nav-main .nav > .menu-site-wiki:hover > a,
		.nav-main .nav > .menu-site-wiki:active > a,
		.nav-main .nav > .menu-site-wiki:focus > a,
		.nav-main .nav > .menu-site-wiki.current-menu-item > a,
		.nav-main .nav > .menu-site-wiki.current-menu-ancestor > a,
		.nav-main .nav > .menu-site-wiki.mobile-current > a {color:#5d2a68; border-color:#5d2a68 transparent;}
		.nav-main .nav > .menu-site-wiki:hover svg g,
		.nav-main .nav > .menu-site-wiki:active svg g,
		.nav-main .nav > .menu-site-wiki:focus svg g,
		.nav-main .nav > .menu-site-wiki.current-menu-item svg g,
		.nav-main .nav > .menu-site-wiki.current-menu-ancestor svg g,
		.nav-main .nav > .menu-site-wiki.mobile-current svg g {fill:#5d2a68;}
		.main-nav--rollover-3 {border-color:#5d2a68 transparent;}
		/* forums */
		.nav-main .menu-site-forums > a:before {background-position:0 -160px;}
		.nav-main .menu-site-forums:hover > a:before,
		.nav-main .menu-site-forums:active > a:before,
		.nav-main .menu-site-forums:focus > a:before,
		.nav-main .menu-site-forums.current-menu-item > a:before,
		.nav-main .menu-site-forums.current-menu-ancestor > a:before,
		.nav-main .menu-site-forums.mobile-current > a:before {background-position:-40px -160px;}
		.nav-main .menu-site-forums .sub-menu,
		.nav-main .menu-site-forums .sub-menu-search {background-color:#1d9972;}
		.nav-main .menu-site-forums:after {border-color:#1d9972;}
		.nav-main .nav > .menu-site-forums:hover > a,
		.nav-main .nav > .menu-site-forums:active > a,
		.nav-main .nav > .menu-site-forums:focus > a,
		.nav-main .nav > .menu-site-forums.current-menu-item > a,
		.nav-main .nav > .menu-site-forums.current-menu-ancestor > a,
		.nav-main .nav > .menu-site-forums.mobile-current > a {color:#1b8664; border-color:#1d9972 transparent;}
		.nav-main .nav > .menu-site-forums:hover svg g,
		.nav-main .nav > .menu-site-forums:active svg g,
		.nav-main .nav > .menu-site-forums:focus svg g,
		.nav-main .nav > .menu-site-forums.current-menu-item svg g,
		.nav-main .nav > .menu-site-forums.current-menu-ancestor svg g,
		.nav-main .nav > .menu-site-forums.mobile-current svg g {fill:#1b8664;}
		.main-nav--rollover-4 {border-color:#1d9972 transparent;}
		/* collection */
		.nav-main .menu-site-collection > a:before {background-position:0 -200px;}
		.nav-main .menu-site-collection:hover > a:before,
		.nav-main .menu-site-collection:active > a:before,
		.nav-main .menu-site-collection:focus > a:before,
		.nav-main .menu-site-collection.current-menu-item > a:before,
		.nav-main .menu-site-collection.current-menu-ancestor > a:before,
		.nav-main .menu-site-collection.mobile-current > a:before {background-position:-40px -200px;}
		.nav-main .menu-site-collection .sub-menu,
		.nav-main .menu-site-collection .sub-menu-search {background-color:#0c8ca3;}
		.nav-main .menu-site-collection:after {border-color:#0c8ca3;}
		.nav-main .nav > .menu-site-collection:hover > a,
		.nav-main .nav > .menu-site-collection:active > a,
		.nav-main .nav > .menu-site-collection:focus > a,
		.nav-main .nav > .menu-site-collection.current-menu-item > a,
		.nav-main .nav > .menu-site-collection.current-menu-ancestor > a,
		.nav-main .nav > .menu-site-collection.mobile-current > a {color:#0c8499; border-color:#0c8ca3 transparent;}
		.nav-main .nav > .menu-site-collection:hover svg g,
		.nav-main .nav > .menu-site-collection:active svg g,
		.nav-main .nav > .menu-site-collection:focus svg g,
		.nav-main .nav > .menu-site-collection.current-menu-item svg g,
		.nav-main .nav > .menu-site-collection.current-menu-ancestor svg g,
		.nav-main .nav > .menu-site-collection.mobile-current svg g {fill:#0c8499;}
		.main-nav--rollover-5 {border-color:#0c8ca3 transparent;}

	
/* <Menu de listecrea> */
.snip1135 {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.snip1135 * {
  box-sizing: border-box;
}
.snip1135 li {
  display: inline-block;
  list-style: outside none none;
  padding: 0;
}
.snip1135 a {
  padding: 0.5em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
.snip1135 a:before,
.snip1135 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 a:before {
  bottom: 0;
  left:0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #d8720e;
}
.snip1135 a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.snip1135 a:active:before,
.snip1135 a:hover:before,
.snip1135 .current a:before {
  opacity: 1;
  width: 100%;
}
.snip1135 a:active:after,
.snip1135 a:hover:after,
.snip1135 .current a:after {
  max-width: 100%;
}
/* </Menu de listecrea> */

.wp-pagenavi {position:relative; font-family:Oswald, sans-serif; color:023761; font-size:.9em; text-align:center; border-top:1px solid #aecee0; padding-bottom:1em; text-transform: uppercase;}
	.wp-pagenavi:before {content:''; background: url(img/border-bottom.png) no-repeat center top; display:block; margin:0 auto 1em; height:6px; width:100%;}
	.wp-pagenavi a,
	.wp-pagenavi span {display:inline-block; line-height:2em; min-width:2em; text-align:center; margin:0; padding:0 .4em;}
	.wp-pagenavi a {color:#023761; transition:.3s;}
		.wp-pagenavi .current {color:#fff; background:#034e80;}
		.wp-pagenavi a:hover,
		.wp-pagenavi a:active,
		.wp-pagenavi a:focus {background:#dfebf3; text-decoration: none;}
		.wp-pagenavi .previouspostslink {position:absolute; left:0;}
		.wp-pagenavi .nextpostslink {position:absolute; right:0;}

.main-login { font-family:Oswald, sans-serif; text-transform:uppercase;  height:6.2em; white-space: nowrap;}
	.main-login-logged {padding:0; border-width:10px 15px; border-style:solid; border-color:#fff transparent transparent;}
	.main-login:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
	.main-login--pp {position:relative; display:inline-block; vertical-align:middle; width:44px; margin-right:6px;}
		.main-login--logout {display:block; position:relative;}
			.main-login--logout img {width:44px; height:44px; border-radius:22px;}
			.main-login--logout[href]:after {content:''; position:absolute; z-index:10; width:44px; height:44px; background:#fff url(img/sprite.png) no-repeat 0 -310px; border:2px solid #b8c7d3; border-radius:50%; left:0; top:0; opacity:0; transition:.3s;}
				.main-login--logout:hover:after {opacity:1;}
		.main-login--inbox {position:absolute; z-index:20; left:30px; bottom:0; font-size:10px; color:#156fa3; white-space:nowrap;}
			.main-login--inbox-nb {display:inline-block; font-size:12px; height:20px; width:20px; border:2px solid #bcd4e2; line-height:16px; font-weight:bold; font-family:'Open Sans', sans-serif; font-weight: bold; background:#fff; text-align:center; border-radius:10px; margin-right:4px; transition:.3s;}
			.main-login--inbox:hover {}
				.main-login--inbox:hover .main-login--inbox-nb {color:#023761;}
		.main-login--login {position:relative;}
			.main-login .main-login--login a {display:block; font-size:.94em; color:#023761;}
			.main-login--signin {display:block; font-size:.7em; color:#023761;}
			.main-login--form {display:none; padding-top:9px; position:absolute; z-index:200; right:-20px;}
			.main-login--form form{background:#f0f5f7; padding:0 20px 20px; font-size:.8em; min-width:185px; color:#023761; border:1px solid #DFE9EC; box-shadow:0 1px 20px rgba(0,0,0,.1);}
				.main-login--form:before {position:absolute; top:-9px; left:50%; margin-left:-20px; content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAALCAMAAAAk0Q90AAAALVBMVEXf6ez////f6ezf6ezf6ezf6ezf6ezf6ezf6ezk7e/n7vHo8PLr8vTu9Pbw9fe8NtRDAAAACXRSTlMAAAkiTH+y3Pa9ToiJAAAAWUlEQVR42n3NSQrAMAxD0Trz6PsfN+CFaGRa7QQf3uMWS4mvKzaOQm5zthz+s1THVt2jpjsjry+1rW4yMvIUMxkZeRhkZOTZICPz3i0jI49ly7znZRHyvuQDx8cKeEKc+e8AAAAASUVORK5CYII=);}
				.main-login--form input[type="text"],
				.main-login--form input[type="password"] {background:none; border-radius:0; border:none; border-bottom:2px solid #aecee0; box-shadow:none; padding:4px 0; font-family:'Open Sans', sans-serif;}
					.main-login--form input[type="text"]:hover,
					.main-login--form input[type="password"]:hover {box-shadow:none;}
					.main-login--form input[type="text"]:focus,
					.main-login--form input[type="password"]:focus {box-shadow:none; border-bottom-color:#156fa3;}
				.main-login--form .btn-lg {display:block; margin:0; width:100%; font-size:1em;}
				.main-login--form .btn-close {display:inline-block;  margin:14px 0 0; color:#C4CFD6; font-weight:bold; font-family:'Open Sans', sans-serif; font-size:20px; line-height:20px; background:none; border:none; text-align: center;}
				.main-login--form .btn-close:hover,
				.main-login--form .btn-close:active,
				.main-login--form .btn-close:focus {color:#023761; box-shadow:none; outline:none;}
	.main-login--info {display:inline-block; vertical-align:middle; width:108px; height:44px;}
		.main-login--name {color:#023761; font-size:15px; white-space:nowrap;}
			.main-login--name > a {opacity:.5; transition:.3s; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAQlBMVEX///8Vb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6MVb6O4am4sAAAAFXRSTlMABggJTJWYmpucoam1tsfIzN/i5OX3NnqaAAAAZklEQVQI112Oyw7CMBDEXFiWBpImPPz/v8ohoKrMbaSRxwAxCqwjmEntm+a3NlWtAJFVX9d8astgqPcTLDd1sOr7DLA8tMBmmYiLHeiHWo7jP1Rk+x3VDIA6NdouufVdMsYKZQTwAfVhBzV4EgXJAAAAAElFTkSuQmCC) no-repeat 0 0; display:inline-block; width:14px; height:14px; overflow: hidden; text-indent: -999px;}
				.main-login--name > a:hover,
				.main-login--name > a:focus,
				.main-login--name > a:active {opacity:1;}

/* ------------------------
	Featured
------------------------ */

.section-featured { font-family: Oswald, sans-serif; font-weight:normal; text-transform: uppercase; overflow:hidden;}
	.post-featured {float:left; width:33.33333%; height:auto; transition:1s; font-size:1.25em;}
	.post-featured-0 {width:66.66667%; font-size:2.5em;}
		.post-featured > a {display:block; position:relative; /*height:0; padding-bottom:37%;*/}
			.post-featured > a > img {display:block; /*position:absolute; left:0; top:0; width:100%; height:100%;*/}
		.post-featured:hover {}
		.post-featured .post-title {position:absolute; color:#FFF; bottom: 0; width:100%;  background:url(img/post-gradient-half.png) repeat-x center bottom; min-height:140px;}
			.post-featured-0 .post-title {background-image:url(img/post-gradient.png); min-height:220px;}
			.post-featured .post-title h2 {position:absolute; bottom: 0; width:60%; padding:1em; line-height:1.2em; }

	.mobile-slider-next {display: none;}


.content-main {background:#FFF;}
	.section-main {padding-top:2em;}
	.sidebar-main {padding-top:2.5em; background:#F4F7F8;}

	/*.section-main-slider {padding-top:2em;} */ /* featured + content */

/* ------------------------
	share
------------------------ */
.a2a_floating_style.a2a_vertical_style { background:none; padding:0; border-radius:0;}
	.a2a_floating_style.a2a_vertical_style:before { content:'partage'; display:block; font-family:Oswald, sans-serif; text-transform:uppercase; color:#023761; width:60px; text-align: center; line-height:20px; font-size:13px; }
	.a2a_kit.a2a_target > a { padding:15px; margin:0; transition:.4s; filter:brightness(1); -webkit-filter:brightness(1);}
	.a2a_kit.a2a_target > a:hover {filter:brightness(1.2); -webkit-filter:brightness(1.2);}
		.a2a_button_facebook { background:#3b5998; }
		.a2a_button_twitter { background:#55acee;}

.home .a2a_floating_style.a2a_vertical_style,
.page .a2a_floating_style.a2a_vertical_style,
.error404 .a2a_floating_style.a2a_vertical_style,
.archive .a2a_floating_style.a2a_vertical_style {display:none;}

/* ------------------------
	widgets
------------------------ */
.widget {margin-bottom:3.8em;}
	.widgettitle {font-size:1.25em;}

/* ------------------------
	Youtube playlist
------------------------ */
.ytpp-container {overflow:hidden; margin-bottom:2em;}
	.ytpp-player-wrapper {float:left; width:62%;}
		.ytpp-player {box-sizing:content-box; position:relative; height:0; padding: 0 0 56.25%;}
			.ytpp-player iframe {position:absolute; top:0; left:0; height:100%; width:100%;}
	.ytpp-aside {float:right; width:38%;}
		.ytpp-info {position:relative; font-family:Oswald; color:#fff; padding:0 .5em; height:46px;}
			.ytpp-playlist-title {font-size:1.25em; text-transform: uppercase; line-height:1em;}
			.ytpp-playlist-channel {font-size:.87em;}
				.ytpp-playlist-channel a {color:#156fa3;}
			.ytpp-playlist-prog {position:absolute; right:0; bottom:0; font-size:.87em; padding:.5em;}
		.ytpp-list {font-size:.7em; height:218px; overflow-y:scroll;}
			.ytpp-list::-webkit-scrollbar { width: 10px; }
			.ytpp-list::-webkit-scrollbar-track { background-color: #e7f0f5;}
			.ytpp-list::-webkit-scrollbar-thumb { background-color: #aecee0; }
			.ytpp-list::-webkit-scrollbar-thumb:hover { background-color: #bbdcee; }
			.ytpp-list > ol {position:relative; }
				.ytpp-item {clear:both;}
					.ytpp-item a {display:table; overflow:hidden; padding:.5em 0; transition:.4s; background:transparent; color:#1f2326;}
						.ytpp-item--index {display:table-cell; width:8%; vertical-align:middle; text-align:center; font-weight:bold;}
							.ytpp-item--index:before {display:none; content:'\25b6'; }
						.ytpp-item--thumb {display:table-cell; width:23%; vertical-align:middle;  /*border:2px solid #aecee0;*/}
							.ytpp-item--thumb img {width:95%; height:auto;}
						.ytpp-item--data {display:table-cell; vertical-align:middle; font-weight:bold;}
							.ytpp-item--title {display:block;}
							.ytpp-item--channel {display:block; color:#86919a;}
						.ytpp-item a:hover,
						.ytpp-item a:focus,
						.ytpp-item a:active,
						.ytpp-item.ytpp-current a {color:#034e80; background:#dfebf3; text-decoration: none;}
						.ytpp-item.ytpp-current img {border:2px solid #aecee0;}
							.ytpp-current .ytpp-item--index > span {display:none;}
							.ytpp-current .ytpp-item--index:before {display:inline;}
	.ytpp-btn {margin:2em;}

/* ------------------------
	List of posts
------------------------ */
.post{font-family:Oswald, sans-serif; color:#02377F; }
	.post a{color:#156fa3;}
		.post a img{filter:brightness(1); -webkit-filter:brightness(1); transition:.3s;}
			.post a:hover img{filter:brightness(1.2); -webkit-filter:brightness(1.2);}
	.post--title{font-size:1.25em; margin:1em 0 1em; text-transform: uppercase; line-height:1.2em;}
		.post--title a{color:#023761;}
	.post--thumb {position:relative; overflow:hidden;}
		.post--thumb img {display:block; margin-left:auto; margin-right:auto; max-width:100%; height:auto;}
	.post--meta {position:relative; font-size:.8em;}
		.post--tags-comments {position:absolute; bottom:0; right:0; text-align:right;}
			.post--tags {}
				.post--tags a {color:#156fa3; margin-right:4px;}
					.post--tags a:before {content:url(img/tag.png); display:inline-block; margin-right:4px;}
			.post--comments {}
				.post--comments a {color:#acb8c0;}



.loop-main {}
	.loop-main .post {position:relative; margin-bottom:3.75em;min-height:290px;}
	.loop-main .post.category-dossiers {}
		.loop-main .post--meta{}
			.loop-main .post--date{float:left; width:55%;}
			.loop-main .post--tags-comments{float:right; width:44%;}
		.loop-main .post.category-dossiers .post--thumb{position:relative; display:block; background:#fff;}
			.loop-main .post.category-dossiers .post--thumb{border:2px solid #aecee0; z-index:10; }
				.loop-main .post.category-dossiers .post--thumb:before {content:url(img/post-star.png); position:absolute; right:4px; top:4px; z-index:12;}
				.loop-main .post.category-dossiers .post--thumb:after{ content:''; position:absolute; bottom:-10px; left:-2px; background:url(img/border-bottom.png) no-repeat 0 0; width:165px; height:6px;}
				.loop-main .post.category-dossiers .post--thumb img{padding:4px;max-width:100%;}
			.loop-main .post--tags a {margin-left:4px; margin-right:0;}

.post-sidebar {font-size:1em; margin-bottom:1.5em; overflow:hidden;}
	.post-sidebar .post--thumb {overflow:hidden;}
		.post-sidebar .post--thumb img{max-width:100%; height:auto;}
	.post-sidebar .post--meta {padding-left:0;}
		.post-sidebar h3 {font-size:1em; margin:0;}
		.post-sidebar .post--date {margin-bottom:.2em;}

.post--social {position:absolute; bottom:-30px; right:10px; z-index:20; background:#fff; width:80px; text-align:center; transition:.4s;}
	.post--social:before {content:''; background:transparent url(img/social-handle.png) no-repeat 0 0; width:80px; height:10px; position:absolute; left:0; top:-10px;}
	.post--social .a2a_kit {}
		.post--social .a2a_kit > a {display:inline-block; margin:0 2px; width:30px; height:30px; opacity:1; transition:.3s;}
			.post--social .a2a_kit > a:hover {opacity:.8;}
			.post--social .a2a_kit > a > img {display:none;}
		.post--social .a2a_button_facebook {background:url(img/univers-facebook.png) no-repeat center center;}
		.post--social .a2a_button_twitter {background:url(img/univers-twitter.png) no-repeat center center;}
	.post--thumb:hover .post--social {bottom:0;}

.loop-univers {}
	.loop-univers .nav-tabs {border:none; font-size: 1.8em; margin-bottom:.75em;}
		.tab-univers{font-family:Oswald, sans-serif; text-transform: uppercase; margin-right:2px;}
			.tab-univers a {position:relative; display:block; color:#034e80; line-height:1.7em; height:1.7em; padding:0 60px 0 20px; transition:.4s; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyBAMAAADcnYSjAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA5sabZjobBsEUjBIAAAB+SURBVDjLbc0xFQJREARBgntoQMpKGR2oONnwJ7mgtsNK+rV0bZjF3p8Fv/eCs+B1L5iDbA6yWXCKbMQU2fxzI06RjRiwm8YGHLAbMWA3YDfggN2IAbsBuwEH7EaM2M3TsxEH7EYM2A3YDThgN2LAbsBuwAG7ESOeDXUDzoI/nUQFKKCwi5kAAAAASUVORK5CYII=) no-repeat right top; background-size:contains;}
				.tab-univers a:hover,
				.tab-univers a:focus,
				.tab-univers a:active {color:#fff; background-color: #aecee0; text-decoration: none;}
				.tab-univers .tab-nb {position:absolute; opacity:1; bottom:0; right:0px; line-height:2.1em; width:60px; font-size:.67em; font-weight:normal; font-weight:300; transition:.3s;}
					.tab-univers a:hover .tab-nb,
					.tab-univers a:hover .tab-nb,
					.tab-univers a:hover .tab-nb,
					.tab-univers.active a .tab-nb {opacity:0;}
			.tab-univers.active a {color:#fff; background-color:#034e80;}
	.loop-univers .tab-pane .col-xs-3 {position:relative;}
		.tab-pane .produit-derive {margin-bottom:2.5em;}
			.tab-pane .produit-derive .post--title {min-height: 3.6em;}
			.tab-pane .produit-derive .post--thumb img {width:100%; height:auto;}

/*
 *	Fork de tab-univers afin de l'adapter au theme Dark
 */
.site-e-sport .loop-single .post--content li.tab-dark-univers a {color: #ffffff;}
.site-e-sport .loop-single .post--content ul li.tab-dark-univers {background-image: url(""); padding-left: 0px;}
.loop-single .post--content ul li.tab-dark-univers {list-style: inside none; padding-left: 20px; background: url("");}
.loop-dark-univers {}
	.loop-dark-univers .nav-tabs {border:none; font-size: 1.8em; margin-bottom:.75em;}
		.tab-dark-univers{font-family:Oswald, sans-serif; text-transform: uppercase; margin-right:2px;}
			.tab-dark-univers a {position:relative; display:block; color:#034e80; line-height:1.7em; height:1.7em; padding:0 60px 0 20px; transition:.4s; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAIAAACh0Q7HAAAABnRSTlMAAAAAAABupgeRAAAACXBIWXMAAAsSAAALEgHS3X78AAAAq0lEQVR42uXNwRGAIAwEQDvw6cv+23QcHXUQgYTLBXAb2GnyMC+rz+oQHys7vtZ/xM+VFwcrKX6vjDi6jht/rbZxYjWM06tVnF3HiktWfFy4guPyFRmL1v5j6YqJFSsg1q21sXrtM65Z9XHlqozrV00MWfuJUassBq6CGLuWxvC17dhizcdGaya2W1Ox6dpebL3GY8IaiTlrGNPWNmLmesfk9Yz56x67rJ7xBs1VEED6qofwAAAAAElFTkSuQmCC) no-repeat right top; background-size:contains;}
				.tab-dark-univers a:hover,
				.tab-dark-univers a:focus,
				.tab-dark-univers a:active {color:#fff; background-color: #0C9627; text-decoration: none;}
				.tab-dark-univers .tab-nb {position:absolute; opacity:1; bottom:0; right:0px; line-height:2.1em; width:60px; font-size:.67em; font-weight:normal; font-weight:300; transition:.3s;}
					.tab-dark-univers a:hover .tab-nb,
					.tab-dark-univers a:hover .tab-nb,
					.tab-dark-univers.active a .tab-nb {opacity:0;}
			.tab-dark-univers.active a {color:#fff; background-color:#0C9627;}
	.loop-univers .tab-pane .col-xs-3 {position:relative;}
		.tab-pane .produit-derive {margin-bottom:2.5em;}
			.tab-pane .produit-derive .post--title {min-height: 3.6em;}
			.tab-pane .produit-derive .post--thumb img {width:100%; height:auto;}

/* ------------------------
	single
------------------------ */
.loop-single {}
	.loop-single h1.post--title {margin-top:0; margin-bottom:.5em; font-size:2.5em;}
	.loop-single .post--meta {font-size:1.06em; margin-bottom:2.3em;}
	.loop-single .post--content {font-family:"Open Sans", sans-serif; line-height:1.53em; font-size:1em; color:#1F2326; padding-bottom:2em;}
		.loop-single .post--content h2 {font-size:1.53em; margin-bottom:1em; font-weight:bold; text-transform:uppercase;}
		.loop-single .post--content h3 {font-size:1.1em; margin-bottom:.4em; font-weight:bold;}
		.loop-single .post--content p {margin-bottom:2em;}
		.loop-single .post--content strong {font-weight:bold;}
		.loop-single .post--content em {font-style:italic;}
		.loop-single .post--content img {max-width:100%; height:auto !important;}
		.loop-single .post--content ul,
		.loop-single .post--content ol { margin-bottom:2em;}
			.loop-single .post--content li {margin-bottom:.4em;}
			.loop-single .post--content ul li {list-style:inside none; padding-left:20px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKBAMAAABlIDIAAAAAHlBMVEUAAACuzuCuzuCuzuCuzuCuzuCuzuCuzuCuzuCuzuB7GV1yAAAACXRSTlMA7tq7lmtFJhH33l0AAAAAH0lEQVQI12OYOXMmFjyVYebEBIaZ6gwMkxsYGBwYGABSzg5cLP8VPgAAAABJRU5ErkJggg==) no-repeat 0 7px;}
			.loop-single .post--content ul li {list-style:inside none; padding-left:20px; }
			.loop-single .post--content ol li {list-style:inside decimal;}
		.loop-single .post--content a {text-decoration:none;}

		.loop-single img.aligncenter {display:block; margin:0 auto;}
		.loop-single img.alignleft {float:left; margin-right:.7em; margin-bottom:.7em;}
		.loop-single img.alignright {float:right; margin-left:.7em; margin-bottom:.7em;}

	.loop-single .ytpp-btn {margin-bottom:3em;}

	.loop-single .post--content ul.kiwi-article-bar li{
    		background-image: none !important;
	}
	
	.loop-single .post--content ul.kiwi-article-bar li a{
    		color: white;
	}

	.loop-related,
	.loop-downloadable {margin-bottom:3em;}
		.loop-downloadable li {margin-bottom:30px;}

	.loop-single .push:after{background-position:0 -20px;}

	/* jeu */
	.single-jeu .loop-single .post--thumb{margin-bottom:2em;}
	.single--info {font-size:.82em; color:#1F2326; }
		.single--info th,
		.single--info td {border:none !important; padding:2px !important;}
			.single--info th {font-weight:bold;}
				.single--info th:after {content: ' : ';}

	.loop-downloadable {}
		.loop-downloadable .push:before{content:none;}

	.loop-jeux .post {}
		.loop-jeux .post--title {min-height:3.6em;}
		.loop-jeux .post--thumb img {width:100%; height:auto;}

	.bold { font-weight: bold !important;}

	.center {text-align: center !important;}

	.bloque-title {
		text-align: center !important;
		color: #e50d0d !important;
		font-weight: bold !important;
		text-transform: uppercase !important;
	}

/* ------------------------
	Comments
------------------------ */
.post--comments  {}
	.gras {font-weight:bold;}
	.post--comments .section-title {margin-bottom:.75em;}
	.comment-reply-title {text-transform:uppercase; margin-bottom:.5em;}
	.comment-notes {margin-bottom:2em;}
	.comment--list {margin-left:0; font-size:.8em;}
		.comment {margin:2em 0; border-top:1px solid #eee; padding-top:2em;}
			.comment--avatar {float:left; margin-right:1em;}
				.comment--avatar img {border-radius:50%; width:80px; height:80px;}
			.comment--content {overflow: hidden;}
				.comment--reply {float:right;}
					.comment--reply > a{display:block; width:22px; height:20px; text-indent:-999px; overflow:hidden; background:url(img/comment-reply.png) no-repeat 0 0; /*transition:.2s;*/}
					.comment--reply > a:hover,
					.comment--reply > a:focus,
					.comment--reply > a:active {background-position:-22px 0;}
				.comment--meta {font-size: .9em; color:#aaa; margin-bottom:1em;}
				.comment--text {font-size:1.1em;}
					.comment--text p {margin-bottom:1em;}
		.comment .children {margin-left:4em;}
		.comment blockquote {background:rgba(0,0,0,.02); padding:.8em; margin-bottom:1em; border:1px solid #ddd;}
			.comment blockquote strong,
			.comment .quote-author {display:block; margin-bottom:.4em; font-weight:bold; font-style:italic;}


	.comment-form {}
		.comment-form input[type="text"],
		.comment-form input[type="email"],
		.comment-form textarea {background:none; border-radius:0; border:none; border-bottom:2px solid #aecee0; box-shadow:none;}
			.comment-form input[type="text"]:hover,
			.comment-form input[type="email"]:hover,
			.comment-form textarea:hover {box-shadow:none;}
			.comment-form input[type="text"]:focus,
			.comment-form input[type="email"]:focus,
			.comment-form textarea:focus {box-shadow:none; border-bottom-color:#156fa3;}
		.comment-form .form-submit {text-align: right;}
			.comment-form .btn-lg {margin-bottom:0;}
		.comment-reply-title {font-weight: bold;}
		.comment-form .form-allowed-tags {font-size:.8em;}
		.comment-form .logged-in-as {font-style: italic;}

.site-e-sport .post--comments {color:#abb1b5;}
	.site-e-sport .comment-reply-title {color:#fff;}
		.site-e-sport .comment-form input[type="text"],
		.site-e-sport .comment-form input[type="email"],
		.site-e-sport .comment-form textarea {color:#fff; border-bottom-color:#262d33;}
			.site-e-sport .comment-form input[type="text"]:focus,
			.site-e-sport .comment-form input[type="email"]:focus,
			.site-e-sport .comment-form textarea:focus {border-bottom-color:#424e56;}

/* ------------------------
	TV
------------------------ */
.loop-tv {}
	.loop-tv .section-title {font-size:2em;}
	.loop-tv .ytpp-btn {margin-bottom:3em;}
	.loop-tv--videos {}
		.loop-tv--latest {}
		.loop-tv--viewed {}
	.post-video {padding:0 50px; margin-bottom:2em;}
		.post-video .post--thumb{display:block; position:relative;}
			.post-video .post--thumb:after{	content:''; position:absolute; z-index:10; left:0; top:0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAMAAAC+/9RaAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMADvsG7+XbrpVzURT10b+MhGI8KST567emnW1ZSDEeGT+MEbwAAABzSURBVHgBldI7GoIwEEXhDAooimh8v8/+V+kndU6Raf8iuTM3RX9K5Qma1UYEluuFCHSDCeyyCdw+Jmz3IQLtwQTGlwlcjyb/5CJzchFonyYwiXSDvlP3t17yjNn3VrPr5v6Vm77renB5lLtzniIVxjv6A3YjJ2UlU9W/AAAAAElFTkSuQmCC) no-repeat center center; width:100%; height:100%; transition:.2s;}
			.post-video .post--thumb img{max-width:100%; height:auto;}
			.post-video .post--thumb:hover:after {left:4px;}
		.post-video .post--title{margin-bottom:0;}
		.post-video .post--meta {position:relative;}
			.post-video .post--views {position:absolute;  z-index:10; right:0; bottom:0; color:#acb8c0;}

/* ------------------------
	formulaire
	dont judge me
------------------------ */
.wdform-element-section input[type="text"],
.wdform-element-section input[type="email"],
.wdform-element-section select,
.wdform-element-section textarea{background:none !important; border-radius:0 !important; border:none !important; border-bottom:2px solid #aecee0 !important; box-shadow:none !important; height:auto !important;}
	.wdform-element-section input[type="text"]:hover,
	.wdform-element-section input[type="email"]:hover,
	.wdform-element-section textarea:hover,
	.wdform-element-section select:hover,
	.wdform-element-section input[type="text"]:focus,
	.wdform-element-section input[type="email"]:focus,
	.wdform-element-section textarea:focus,
	.wdform-element-section select:focus {box-shadow:none !important; border-bottom-color:#156fa3 !important;}

	.wdform-element-section .button-submit {background:#023761 !important; border:none !important; padding:1em 2em !important; font-size:1.1em !important; color:#fff !important; transition:.4s !important; border-radius:0 !important; font-family:Oswald, sans-serif !important; text-transform:uppercase !important; margin-bottom: 3em !important;}
		.wdform-element-section .button-submit:hover,
		.wdform-element-section .button-submit:focus,
		.wdform-element-section .button-submit:active {background:#034e80 !important; color:#fff !important;}


/* ------------------------
	sidebar
------------------------ */
/* advanced recent posts */
.rpwe-li {font-family:Oswald, sans-serif; margin-bottom:1em;}
	.rpwe-li:after {content:''; clear:both; display:table;}
	.rpwe-img {float:left; width:38%;}
		.rpwe-img img {width:100%; height:auto;filter:brightness(1); -webkit-filter:brightness(1); transition:.4s;}
		.rpwe-img img:hover {filter:brightness(1.2); -webkit-filter:brightness(1.2);}
	.rpwe-title {float:right; width:60%; text-transform:uppercase;}
		.rpwe-title > a {color:#000;}
	.rpwe-time {float:right; width:60%; font-size:.8em; color:#acb8c0;}

/* ------------------------
	footer
------------------------ */
.footer-main {background:#fff;}
	.footer--partenaires {text-align:center;}
		.footer--partenaires .section-title {margin:0 auto .5em;}
		.footer--partenaires--thumbs {margin-bottom:1.25em;}
			.footer--partenaires--thumbs:after {content:''; display:block; margin:0 auto; width:66%; min-width:165px;margin-top:1.22em; height:6px; border-bottom:1px solid #aecee0; background:url(img/border-top.png) no-repeat center 0;}
			.footer--partenaires--thumbs li {margin:0 .4em;}
			.footer--partenaires li {display:inline-block; vertical-align: middle; }
		.footer--partenaires--links {font-size:.75em; margin-bottom:3.3em;}
			.footer--partenaires--links li:before{content:'\00a0-\00a0'; margin:0; color:#2f78a1;}
			.footer--partenaires--links li:first-child:before{content:none;}
				.footer--partenaires--links a{color:#1f2326; transition:.2s;}
				.footer--partenaires--links a:hover,
				.footer--partenaires--links a:active {color:#156fa3;}
				.footer--partenaires--links-mobile {display:none;}

.footer-sec {position:relative; background:#1f2326; padding:2.8em 0 1em;}
	.footer-sec .footer--links {margin-bottom:4em; font-family:Oswald, sans-serif; text-transform:uppercase; font-size:1.25em;}
		.footer-sec .menu {line-height:1em;}
			.footer-sec .menu-item {}
				.footer-sec .menu-item a {color:#fff;display:inline-block; margin-bottom:1em;}
					.footer-sec .menu-item a:hover,
					.footer-sec .menu-item a:active,
					.footer-sec .menu-item a:focus {color:#aecee0; text-decoration:none;}
					.footer-sec .sub-menu .menu-item {font-size:.65em;}
						.footer-sec .sub-menu a {}
		.footer--social {}
			.footer--social a {transition:.3s; margin-right:.8em;}
				.footer--social a:hover {opacity:.7;}
	.footer--top {position: absolute; z-index:10; right:30px; top:-26px; width:28%; text-align:center; padding:10px 0;}
		.footer--top:before {content:''; position: absolute; z-index:20; top:0; left:0; width:100%; border-color:#1f2326 transparent; border-width:0 26px 26px; border-style:solid;}
		.footer--top img {position: relative; z-index:30;}

.footer--bottom,
.site-e-sport .footer--bottom {color:#84888b; font-size:.69em; padding-bottom:1.5em;}
	.footer--bottom a,
	.site-e-sport .footer--bottom a {color:#84888b; transition:.3s;}
	.footer--bottom a:hover,
	.footer--bottom a:active {color:#fff;}

/* ------------------------
	404
------------------------ */
.error404 .footer-main {display:none;}
.section-404 {padding:200px 30px; width:100%;}
	.section-404--middle {display:inline-block; max-width:100%;}
		.section-404 img {max-width:100%; margin-bottom:2em;}
		.section-404 .btn {display: block; white-space:normal; margin:0;}

/* ------------------------
	ninja form
------------------------ */
.ninja-forms-form {}
	.ninja-forms-form input[type="text"],
	.ninja-forms-form input[type="email"],
	.ninja-forms-form textarea {background:none; border-radius:0; border:none; border-bottom:2px solid #aecee0; box-shadow:none;}
		.ninja-forms-form input[type="text"]:hover,
		.ninja-forms-form input[type="email"]:hover,
		.ninja-forms-form textarea:hover {box-shadow:none;}
		.ninja-forms-form input[type="text"]:focus,
		.ninja-forms-form input[type="email"]:focus,
		.ninja-forms-form textarea:focus {box-shadow:none; border-bottom-color:#156fa3;}
	.ninja-forms-form input[type="submit"] {text-align: right;}

/* ------------------------
	e sport
------------------------ */
.site-e-sport {background-color: #0f171d !important; background-image: none; color:#fff;}
	.site-e-sport .content-main {background-color:#0f171d;}
	.site-e-sport a {color:#2f78a1;}
	.site-e-sport .section-title { color:#fff; border-color:#0C9627; }
		.site-e-sport .section-title:after { background-position:right -5px;}
			.site-e-sport .loop-main .post.category-dossiers .post--thumb{border-color:#0C9627; }
			.site-e-sport .footer--partenaires--thumbs:after {background-position:center -6px; border-color:#0C9627;}
	.site-e-sport .btn-lg{background-color:#0C9627; color:#fff !important; text-decoration: none !important;}
		.site-e-sport .btn-lg:hover,
		.site-e-sport .btn-lg:active,
		.site-e-sport .btn-lg:focus{background-color:#ba0303; color:#fff;}
	.site-e-sport .sidebar-main .btn-lg {background:none; border-color:#fff;}
		.site-e-sport .sidebar-main .btn-lg:hover,
		.site-e-sport .sidebar-main .btn-lg:focus,
		.site-e-sport .sidebar-main .btn-lg:active {background:none;}
	.site-e-sport .post{color:#fff;}
		.site-e-sport .post h3 a {color:#fff;}
		.site-e-sport .post--comments a {color:#4f555a;}
		.site-e-sport .loop-main .post.category-dossiers .post--thumb:after{ background-position:0 -6px;}

	.site-e-sport .loop-single .post--content {color:#abb1b5;}
		.site-e-sport .loop-single .post--content a {color:#559cc4;}
		.site-e-sport .loop-single .post--content h2,
		.site-e-sport .loop-single .post--content h3 {color:#fff;}
		.site-e-sport .loop-single .post--content ul li {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKBAMAAABlIDIAAAAAHlBMVEUAAABSW2NSW2NSW2NSW2NSW2NSW2NSW2NSW2NSW2OF8ZF1AAAACXRSTlMA7tq7lmtFJhH33l0AAAAAH0lEQVQI12OYOXMmFjyVYebEBIaZ6gwMkxsYGBwYGABSzg5cLP8VPgAAAABJRU5ErkJggg==);}

	.site-e-sport .comment{border-color:#333;}
		.site-e-sport .comment blockquote{color:#07090a;}

	.site-e-sport .push{color:#fff;}
		.site-e-sport .push:after{background-position:0 -10px;}
			.site-e-sport .push span:after{background-color:#9c0808;}

	.site-e-sport .ytpp-info{color:#1f2326;}
		.site-e-sport .ytpp-list::-webkit-scrollbar-track { background-color: #2f3235;}
		.site-e-sport .ytpp-list::-webkit-scrollbar-thumb { background-color: #a5b8c8; }
		.site-e-sport .ytpp-list::-webkit-scrollbar-thumb:hover { background-color: #b2cbde; }
		.site-e-sport .ytpp-item a {color:#1f2326;}
			.site-e-sport .ytpp-item--title {color:#fff;}
			.site-e-sport .ytpp-item a:hover,
			.site-e-sport .ytpp-item a:focus,
			.site-e-sport .ytpp-item a:active,
			.site-e-sport .ytpp-item.ytpp-current a {background:#2d3135; color:#9c0808; text-decoration: none;}
			.site-e-sport .ytpp-item.ytpp-current img {border:2px solid #9c0808;}

	.site-e-sport .wp-pagenavi {border-color:#9c0808;}
		.site-e-sport .wp-pagenavi:before {background-position:center -6px;}
		.site-e-sport .wp-pagenavi a {color:#fff}
		.site-e-sport .wp-pagenavi a:hover,
		.site-e-sport .wp-pagenavi a:active,
		.site-e-sport .wp-pagenavi a:focus {background:#2d3135; text-decoration: none;}
		.site-e-sport .wp-pagenavi .current {background-color:#9c0808}

	.site-e-sport .sidebar-main{background-color: #1d242a;}
	.site-e-sport .footer-main{padding-top:1em;}

	.site-e-sport .mobile-slider-next > button{background-image:url(img/mobile-slider-next-esport.png);}
	.site-e-sport .mobile-slider-next:before{border-color:#0f171d transparent;}

	.site-e-sport .loop-single .push:after{background-position:0 -30px;}
	.site-e-sport .footer--partenaires .section-title { color:#023e61;}

	.site-e-sport .a2a_floating_style.a2a_vertical_style:before {color:#fff;}
	.site-e-sport #players .infosjoueur {
		border-bottom: 1px solid #9c0808;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}

	.site-e-sport #players .infosjoueur img {
		width: auto;
		height: auto;
		max-width: 48px;
		max-height: 48px;
		vertical-align: middle;
	}

/* ------------------------
	communaute
------------------------ */

.site-commu {}
	/*.site-commu .content-main {background-color:#d8720e;}*/
	.site-commu a {color:#d8720e; text-decoration: none;}
	.site-commu .section-title { color:#d8720e; border-color:#d8720e; }
		.site-commu .section-title:after { background-position:right -10px;}
			.site-commu .loop-main .post.category-dossiers .post--thumb{border-color:#d8720e; }
			.site-commu .footer--partenaires--thumbs:after {background-position:center -12px; border-color:#d8720e;}
	
	.site-commu .btn-lg{
		background-color:#d8720e; 
		color:#fff !important; 
		text-decoration: none !important;
		width: 80%;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: initial;
		white-space: normal;
	}
		.site-commu .btn-lg:hover,
		.site-commu .btn-lg:active,
		.site-commu .btn-lg:focus{background-color:#d8720e; color:#fff;}

	.site-commu .sidebar-main .btn-lg {border-color:#fff; width: 100%;margin-bottom: 5px;}

	.site-commu .titre-colonne {
		color: #d8720e;
	    margin-bottom: 5px;
	    font-size: 20px;
	    text-transform: uppercase;
	    min-height: 30px;
	    font-family: Oswald;
	    text-align: center;

	}

/* ------------------------
	List of posts
------------------------ */
	.site-commu .post-commu{font-family:Oswald, sans-serif; color:#02377F; }
	.site-commu .post-commu a{color:#156fa3;}
	.site-commu .post-commu a img{filter:brightness(1); -webkit-filter:brightness(1); transition:.3s;}
	.site-commu .post-commu a:hover img{filter:brightness(1.2); -webkit-filter:brightness(1.2);}
	.site-commu .post--title-commu{font-size:1em; margin:0.5em 0 0.5em; text-transform: uppercase; line-height:1.2em;}
	.site-commu .post--title-commu a{color:#023761;}
	.site-commu .post--thumb-commu {position:relative; overflow:hidden;}
	.site-commu .post--thumb-commu img {display:block; margin-left:auto; margin-right:auto; max-width:100%; height:auto;}
	.site-commu .post--meta-commu {position:relative; font-size:.8em;}
	.site-commu .post--tags-comments-commu {position:absolute; bottom:0; right:0; text-align:right;}
	.site-commu .post--tags-commu {}
	.site-commu .post--tags-commu a {color:#156fa3; margin-right:4px;}
	.site-commu .post--tags-commu a:before {content:url(img/tag.png); display:inline-block; margin-right:4px;}
	.site-commu .post--comments-commu {}
	.site-commu .post--comments-commu a {color:#acb8c0;}

	.site-commu .crea {
		margin-bottom: 20px;
	}

	.site-commu .post--crea-modal{
		background-color:#e2e2e2;
	}
	
	.site-commu .post{color:#1d0f02;}
		.listcrea_img img{max-height:130px;}
		.site-commu .post h3 a {color:#1d0f02;}
		.site-commu .post--comments a {color:#4f555a;}
		.site-commu .loop-main .post.category-dossiers .post--thumb:after{ background-position:0 -6px;}

	/*.site-commu .loop-single .post--content {color:#abb1b5;}*/
		.site-commu .loop-single .post--content a {color:#559cc4;}
		.site-commu .loop-single .post--content h2,
		.site-commu .loop-single .post--content h3 {color:#000;}
		.site-commu .loop-single .post--content ul li {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKBAMAAABlIDIAAAAAHlBMVEUAAABSW2NSW2NSW2NSW2NSW2NSW2NSW2NSW2NSW2OF8ZF1AAAACXRSTlMA7tq7lmtFJhH33l0AAAAAH0lEQVQI12OYOXMmFjyVYebEBIaZ6gwMkxsYGBwYGABSzg5cLP8VPgAAAABJRU5ErkJggg==);}

	.site-commu .tooltip-error {display:none; color: #880000;}

	.site-commu .loop-main {}
	.site-commu .loop-main-accueil .post {position:relative; margin-bottom:0.5em;min-height:250px;}
	.site-commu .loop-main-accueil .post.category-dossiers {}
	.site-commu .loop-main-accueil .post--meta{}
	.site-commu .loop-main-accueil .post--date{float:left; width:55%;}
	.site-commu .loop-main-accueil .post--tags-comments{float:right; width:44%;}
	.site-commu .loop-main-accueil .post.category-dossiers .post--thumb{position:relative; display:block; background:#fff;}
	.site-commu .loop-main-accueil .post.category-dossiers .post--thumb{border:2px solid #aecee0; z-index:10; }
	.site-commu	.loop-main-accueil .post.category-dossiers .post--thumb:before {content:url(img/post-star.png); position:absolute; right:4px; top:4px; z-index:12;}
	.site-commu .loop-main-accueil .post.category-dossiers .post--thumb:after{ content:''; position:absolute; bottom:-10px; left:-2px; background:url(img/border-bottom.png) no-repeat 0 0; width:165px; height:6px;}
	.site-commu .loop-main-accueil .post.category-dossiers .post--thumb img{padding:4px;max-width:100%;}
	.site-commu .loop-main-accueil .post--tags a {margin-left:4px; margin-right:0;}
		/*listcrea*/
		.nav-listsscrea{
			padding: 0.5em 0;
		}

		.nav-listcrea, .nav-listsscrea{
			display: flex;
			justify-content: space-between;
		}

		.sidebar-rech-crea.scroll{
			position: fixed;
			right: 5%;
			top: 0%;
			width: 30%;
			transform: translateY(5%);
		}

		.sidebar-rech-crea label{
			color: #d8720e;
			border-color:#d8720e;
		}

		.listcrea-search--toggle{
			background: #d8720e url(img/sprite.png) no-repeat 0 -240px;
		}

		.listcrea_img{
			position: relative;
			background-size: cover;
			background-position: center;
			width: 100%;
			max-height: 150px;
		}

		.listcrea_img img{
			max-height: 130px;
		}

		/*.listcrea_img img:first-of-type{
			height:100%;
		}*/

		.ico_category{
			position: absolute;
			top: 0;
			right: 0;
			width: 20%;
			visibility: visible;
			opacity: 0.4;
			height: auto !important;
			min-height: auto !important;
		}

		#form-tri .row {
			margin-bottom: 10px;
		}

	.site-commu .comment{border-color:#333;}
		.site-commu .comment blockquote{color:#07090a;}

	.site-commu .push{color:#000;}
		.site-commu .push:after{background-position:0 -10px;}
			.site-commu .push span:after{background-color:#9c0808;}

	.site-commu .ytpp-info{color:#fff;}
		.site-commu .ytpp-list::-webkit-scrollbar-track { background-color: #2f3235;}
		.site-commu .ytpp-list::-webkit-scrollbar-thumb { background-color: #a5b8c8; }
		.site-commu .ytpp-list::-webkit-scrollbar-thumb:hover { background-color: #b2cbde; }
		.site-commu .ytpp-item a {color:#1f2326;}
			.site-commu .ytpp-item--title {color:#000;}
			.site-commu .ytpp-item a:hover,
			.site-commu .ytpp-item a:focus,
			.site-commu .ytpp-item a:active,
			.site-commu .ytpp-item.ytpp-current a {background:#2d3135; color:#9c0808; text-decoration: none;}
			.site-commu .ytpp-item.ytpp-current img {border:2px solid #9c0808;}

	.site-commu .wp-pagenavi {border-color:#d8720e;cursor:pointer;}
		.site-commu .wp-pagenavi:before {background-position:center -12px;}
		.site-commu .wp-pagenavi a {color:#000}
		.site-commu .wp-pagenavi a:hover,
		.site-commu .wp-pagenavi a:active,
		.site-commu .wp-pagenavi a:focus {color:#d8720e;background:#2d3135; text-decoration: none;}
		.site-commu .wp-pagenavi a.active {color:#d8720e;}
		.site-commu .wp-pagenavi .current {background-color:#D8720E}

	.site-commu .footer-main{padding-top:1em;}

	.site-commu .mobile-slider-next > button{background-image:url(img/mobile-slider-next-esport.png);}
	.site-commu .mobile-slider-next:before{border-color:#d8720e transparent;}

	.site-commu .loop-single .push:after{background-position:0 -30px;}
	.site-commu .footer--partenaires .section-title { color:#d8720e; border-bottom: 1px solid #d8720e;}


	.site-commu .a2a_floating_style.a2a_vertical_style:before {color:#000;}

	.site-commu .remake {
		font-size: 20px;
		vertical-align: top;
		background: #D8720E;
		border-radius: 5px;
		padding: 0 5px;
		color: white;
	}

	.site-commu .editbtn {
		font-size: 14px;
		vertical-align: top;
		background: #D8720E;
		border-radius: 5px;
		padding: 5px;
		color: white;
		float: right;
		line-height: 20px;
	}

	.site-commu .slideshow {
		overflow: hidden;
		margin-bottom: 0;
	}

	.site-commu .slideshow .displayed img {
		border: 1px solid #d8720e;
	}

	.commu-full {
		display: block;
		width: 100%;
	}
	
	.commu-half {
		display: inline-block;
		width: 49%;
	}

	.commu-third {
		display: inline-block;
		width: 32%;
	}

	.postcreathumb {
		max-width: 120px;
	}

	.filepreview {
		margin-top: 10px;
	}

	.site-commu {}
	.site-commu .nav-tabs {border:none; font-size: 1.5em; /*margin-bottom:.75em;*/}
	.site-commu .nav-tabs:not(:first-of-type) {font-size: 1em; /*margin-bottom:.75em;*/}
		.tab-commu{font-family:Oswald, sans-serif; text-transform: uppercase; margin-right:2px;}
			.tab-commu a {
				position:relative; 
				display:block; 
				color:#D8720E; 
				line-height:1.7em; 
				height:1.7em; 
				padding:0 20px; 
				transition:.4s; 
				/*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyBAMAAADcnYSjAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA5sabZjobBsEUjBIAAAB+SURBVDjLbc0xFQJREARBgntoQMpKGR2oONnwJ7mgtsNK+rV0bZjF3p8Fv/eCs+B1L5iDbA6yWXCKbMQU2fxzI06RjRiwm8YGHLAbMWA3YDfggN2IAbsBuwEH7EaM2M3TsxEH7EYM2A3YDThgN2LAbsBuwAG7ESOeDXUDzoI/nUQFKKCwi5kAAAAASUVORK5CYII=) no-repeat right top;*/ 
				background-size:contains;
			}
				.tab-commu a:hover{text-decoration: none;}
				.tab-commu a:focus,
				.tab-commu a:active {color:#fff; background-color: #D8720E; text-decoration: none;}
				.tab-commu .tab-nb {position:absolute; opacity:1; bottom:0; right:0px; line-height:2.1em; width:60px; font-size:.67em; font-weight:normal; font-weight:300; transition:.3s;}
					.tab-commu a:hover .tab-nb,
					.tab-commu a:hover .tab-nb,
					.tab-commu a:hover .tab-nb,
					.tab-commu.active a .tab-nb {opacity:0;}
			.tab-commu.active a {color:#fff; background-color:#D8720E;}
	.loop-commu .tab-pane .col-xs-3 {position:relative;}
		.tab-pane .produit-derive {margin-bottom:2.5em;}
			.tab-pane .produit-derive .post--title {min-height: 3.6em;}
			.tab-pane .produit-derive .post--thumb img {width:100%; height:auto;}

.vote{

	margin: 50px 0;
}


.vote_btns{

	margin-top: 10px;
}

.vote_btn{

	display: inline-block;

	cursor: pointer;

	margin: 0 0 0 10px;

	padding: 0;

	border: none;

	background: transparent;

	transition: color 0.3s;

}

.vote_like:hover{

	color: green ;
}

@media screen and (max-width: 600px) { 

	.mobcache  { visibility: hidden; 
	} 
}

.info{
	text-align: center;
	font-size: 12px; 
	color: black;
}

.info2{
	text-align: left;
	font-size: 10px; 
	color: black;
	font-style: italic;
}

.cPost_contentWrap .ipsType_normal{
	width: 100% !important;
}

/* ------------------------
        Live E3
--------------------------*/

.ichatbox {
	width:100%; 
	height: 750px !important;
}

.iframe-e3 {
        width: 100%;
        height: 540px !important;

}

.ie3 {
	width: 100%;
	height: 422px;
	text-align: center;

}

div#sac-output { 

	float: left; 
	width: 58%; 
	height: 650px; 
	overflow: auto; 
	border: 1px solid #efefef;
}

ul#sac-messages{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:16px;
	background-color:#FFF !important;
}

ul#sac-messages li{
	margin:0;
	padding:3px 3px 3px 10px;
}

ul#sac-messages li span {
	font-weight:bold;
}

div#sac-panel{
	float:right;
	width:40%;
	color:white;
}

div#simple-ajax-chat {
	width:100%;
	overflow:hidden;
}

div#sac-content{
	display:none;
}

div#sac-panel{
	float:right;
	width:40%;
	color:#023e61;
}

form#sac-form fieldset label,form#sac-form fieldset input,form#sac-form fieldset textarea {
	float:left;
	clear:both;
	width:94%;
	margin:0 0 5px 2px;
}

form#sac-form fieldset#sac-user-info label,form#sac-form fieldset#sac-user-url label,form#sac-form fieldset#sac-user-chat label{
	margin:0 0 0 2px;

}

#submitchat {
  width: 140px;
  height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }

#button:hover {
  background-color: #2EE59D;
  box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
  color: #fff;
  transform: translateY(-7px);
}

 
#sac_chat {
  text-shadow: none;
  width: 100%;
  padding: 12px 10px;
  font-size: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #023e61;
  border: 1px solid #D5D5D5;

}

/* Ajouter width 100% sur le body de la page live E3 */ 


/* ------------------------
	stats
--------------------------*/
#content-arena{overflow: visible;}
.site-stats{}
	.typo-space {font-family: "space-bt-bt";}
	#stats-arena .stats-full, #stats-warzone .stats-full, 
	#stats-arena .stats-half, #stats-warzone .stats-half,
	#stats-arena .stats-third, #stats-warzone .stats-third {
		vertical-align: top;
		text-align: center;
	} 
	#stats-arena .stats-full, #stats-warzone .stats-full{
		display: block;
		width: 100%;
	}
	
	#stats-arena .stats-half, #stats-warzone .stats-half{
		display: inline-block;
		width: 49%;
	}

	#stats-arena .stats-third, #stats-warzone .stats-third{
		display: inline-block;
		width: 32%;
	}

	.imgcontainer {
		font-weight: bold;
	}

	.imgcontainer img {
		display: block;
		margin: 0 auto;
	}

	.site-stats img.weaponImg {
		height: 90px !important;
	}

	#content-arena > div,
	#content-warzone > div {
		margin-top: 20px;
	}

	#gt{
		text-align:center; 
		width:200px; 
		position: absolute;
	}
	
	#gtContent{
		text-align:center; 
		width:200px; 
		margin: 0 auto;
		display: inline-block;
	}

	#btn-arena, #btn-warzone{
		width: 367px;
	}

	.stats-h5{position: relative;font-family: "space-bt-bt";}
	.stats-h5 #contain-spartan{text-align: center;}
	.stats-h5 .widget .spartan-img { max-height: 300px; width: auto;}
	.stats-h5 #contain-emblem{width: 100%;line-height: 32px;}
	.stats-h5 #contain-emblem img{width: auto; height: 64px;float: left;}
	.stats-h5 #contain-csr{text-align: center; position: absolute; width: 20%;}
	.stats-h5 #contain-csr img{float: left; max-width: 100%;}

	.loop-stats {text-align: center;}
	.loop-stats .nav-tabs {border:none; font-size: 1.8em; margin-bottom:.75em;}
	.loop-stats .nav-tabs li {float: none; display: inline-block;}
		.tab-stats{font-family:Oswald, sans-serif; text-transform: uppercase; margin-right:2px; background-color:#444;  border-radius: 8px;}
			.tab-stats a {position:relative; display:block; color:#fff; line-height:1.7em; height:1.7em; transition:.4s;border-radius: 8px; 
							/*background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyBAMAAADcnYSjAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA5sabZjobBsEUjBIAAAB+SURBVDjLbc0xFQJREARBgntoQMpKGR2oONnwJ7mgtsNK+rV0bZjF3p8Fv/eCs+B1L5iDbA6yWXCKbMQU2fxzI06RjRiwm8YGHLAbMWA3YDfggN2IAbsBuwEH7EaM2M3TsxEH7EYM2A3YDThgN2LAbsBuwAG7ESOeDXUDzoI/nUQFKKCwi5kAAAAASUVORK5CYII=) no-repeat right top; background-size:contains;*/}
				.tab-stats a:hover,
				.tab-stats.active a:hover {
					background-color:#1FCFEE;
					border-radius: 8px;
				}
				.tab-stats a:active {/*color:#fff; background-color: #aecee0;*/ 
				/*text-decoration: none; */
				border-radius: 8px;
				color: #000;
				background: #096474;
				box-shadow: 1px 1px 10px black inset, 
				 0 1px 0 rgba( 255, 255, 255, 0.4);}
				.tab-stats .tab-nb {position:absolute; opacity:1; bottom:0; right:0px; line-height:2.1em; width:60px; font-size:.67em; font-weight:normal; font-weight:300; transition:.3s;}
					.tab-stats a:hover .tab-nb,
					.tab-stats a:hover .tab-nb,
					.tab-stats a:hover .tab-nb,
					.tab-stats.active a .tab-nb {opacity:0;}
			.tab-stats.active a {color:#fff; background-color:#0C8CA3; border-radius: 8px;}
	.loop-stats .tab-pane .col-xs-3 {position:relative;}
		.tab-pane .produit-derive {margin-bottom:2.5em;}
			.tab-pane .produit-derive .post--title {min-height: 3.6em;}
			.tab-pane .produit-derive .post--thumb img {width:100%; height:auto;}

	.disclaimer { font-size: 9px; }

@media (max-width: 1200px) {
	.container {width:auto; padding-right: 30px;padding-left: 30px;}
	.nav-main {font-size:.9em;}
		.nav-main .menu-item > a {padding-left:12px; padding-right: 12px;}
}

#idmenu {
	width:1180px;
}

@media (max-width: 992px) {
	body.custom-background:not(.site-e-sport){background:none #0F171D !important;}

	.container {width:100%; max-width:646px;}
		.container.content-featured {max-width:100%;}

	.section-main-slider {padding-top:0;}

	.post-featured .post-title h2 {width:100%;}
	.a2a_floating_style {display:none;}
	.ad-300x250 {margin:2em auto;}
	.main-nav--rollover{display:none;z-index:500; border-width:15px 25px; transition: width .2s, left .2s, color 0s;}
	.ytpp-player-wrapper {float:none; width:auto; margin-bottom:.4em;}
	.ytpp-aside {float:none; width:auto;}
	/* menu header */
	.collapse{display: none !important;z-index: 0;}
	.collapse.in{display: block !important;z-index: 999;}
	#listSSmenu{font-size: 1em;}
	.header-main { width:100%; text-align:center; font-size:1.75em; position:relative; z-index:500; top:0 /* for when fixed in JS */;}
		.nav-main {display:none; height:0; margin:0;}
			.header-main .container {max-width:none;}
				.nav-main .main-nav--col {position:fixed; z-index:510; height:5em; margin:0; left:0; background:#fff; padding: 0;}
					.main-nav--col > ul {position:fixed; z-index:510; margin:0;background-color: #262829;height: 100%;}
						.main-nav--col > ul > li{margin-bottom: 15px;}
						.main-nav--col > ul > li > a:first-child{margin-bottom: 5px;width: 80%;}
						.nav-main .menu-item {float:none;height: 12vh;}
						.nav-main .nav > .menu-item:hover .sub-menu{display:none;}
						.nav-main .menu-item > a{height: 3em;padding: inherit;display: inline-block;} 
						.nav-main .menu-item button{display: inline-block;} 
							.nav-main .menu-item svg {height:40px; margin-bottom:0px;}
			
			.nav-main .sub-menu {display: none;left: 30vh;top:12vh;/*top:100px;*/}				
				.nav-main .sub-menu,
				.nav-main .menu-item:after {position:fixed; z-index:510; height:100%; opacity:1;width: 50%;}
					.nav-main .sub-menu ul{float:none;}
						.nav-main .sub-menu .menu-item {float:none; height:auto; line-height: 2em;}
							.nav-main .sub-menu .menu-item > a {height:2em; line-height: inherit; /*padding:0 1em;*/}

			/*Actualite */
			.nav-main .nav > .menu-site-actualites > a {color:#034e80;}
			.nav-main .nav > .menu-site-actualites svg g {fill:#034e80;}
			/*Communauté */
			.nav-main .nav > .menu-site-communaute > a {color:#d8720e; border-color:#d8720e transparent;}
			.nav-main .nav > .menu-site-communaute svg g {fill:#d8720e;}
			/*E-sport */
			.nav-main .nav > .menu-site-e-sport > a {color:#0C9627; border-color:#0C9627 transparent;}
			.nav-main .nav > .menu-site-e-sport svg path {fill:#0C9627;}
			/*Wikihalo */
			.nav-main .nav > .menu-site-wiki > a {color:#5d2a68; border-color:#5d2a68 transparent;}
			.nav-main .nav > .menu-site-wiki svg g {fill:#5d2a68;}
			/*Forum */
			.nav-main .nav > .menu-site-forums > a {color:#1d9972; border-color:#1d9972 transparent;}
			.nav-main .nav > .menu-site-forums svg g {fill:#1d9972;}
			/*Collection */
			.nav-main .nav > .menu-site-collection > a {color:#0c8ca3; border-color:#0c8ca3 transparent;}
			.nav-main .nav > .menu-site-collection svg g {fill:#0c8ca3;}

		.header-mobile {display:block; background:#262829; padding:5px 0; }
			.header-mobile .logo-mobile{display:block;text-align:center;}
				.header-mobile .logo-mobile img {max-width:50%;}
			.header-mobile .nav-mobile--toggle{position:fixed; top:0; left:0; background:#023761; color:#fff; width:80px; height:80px; z-index:600; padding:0; border:none; transition:.8s; background-color:transparent; border-radius:0;}
				.header-mobile .nav-mobile--toggle.fixed {background-color: #023761;}
				.header-mobile .nav-mobile--toggle polygon{transition:.8s;}
					.header-mobile .nav-mobile--toggle .bar1{}
					.header-mobile .nav-mobile--toggle .bar3{transition-delay:.1s;}
				.header-mobile .nav-mobile--toggle.active{background-color:transparent;}
					.header-mobile .nav-mobile--toggle.active .bar1,
					.header-mobile .nav-mobile--toggle.active .bar3 {transform: translate(-200px, 0);}
					.header-mobile .nav-mobile--toggle.active .arrow1 {transform: translate(50px, -50px);}
					.header-mobile .nav-mobile--toggle.active .arrow2 {transform: translate(50px, 50px);}
			.header-mobile .login-overlay--toggle {position:absolute; top:0; right:0; /*padding:16px;*/ z-index:600; background:none; border:none;}
				.header-mobile .login-overlay--toggle img {}

			.header-mobile .main-login--logout {position:absolute; top:16px; right:16px; z-index:600; border:none;}
				.header-mobile .main-login--logout img {width:65px; height:65px; border-radius:33px;}
				.header-mobile .main-login--logout:after {content:none;}
				.header-mobile .main-login--logout .main-login--inbox-nb {position:absolute; bottom:7px; right:-8px; z-index:610;}

			.login-overlay {position:fixed; z-index:700; top:0; left:0; width:100%; height:100%; background:#f0f5f7;}
				.login-overlay form{box-shadow: none; border:none;}
				.login-overlay input[type="text"],
				.login-overlay input[type="password"]{font-size:1em; margin-bottom:2em; height:auto;}
				.login-overlay .btn-close{font-size:2em;}

			.nav-main .menu-item.mobile-current {}
				.nav-main .menu-item.mobile-current .sub-menu {overflow-y: auto;}
				.nav-main .menu-item.mobile-current .sub-menu,
				.nav-main .menu-item.mobile-current:after {z-index:520 !important;}
			.header-main .sub-menu-search {position:static; display:block; margin:0 auto;}
				.sub-menu-search form input[type="text"] {line-height:1.2em; height:auto;}
				.nav-main .sub-menu.search-open .sub-menu-search {width:auto; text-align:center;}
				.nav-main .menu-item:after {border:none;}
				.nav-main .menu-site-communaute:after {background-color:#d8720e;}
				.nav-main .menu-site-wiki:after {background-color:#5d2a68;}
				.nav-main .menu-site-forums:after {background-color:#1d9972;}
				.nav-main .menu-site-stats:after {background-color:#0c8ca3;}
	/* single */
	.post--share {position:relative; margin-bottom:2em;}
		.post--share--title {font-family:Oswald, sans-serif; text-transform:uppercase; color:#023761;}
		.post--share .a2a_kit {margin-left:-30px;}
			.post--share .a2a_kit > a {float:left;}
			.post--share .post--tags {position:absolute; right:0; bottom:0; text-align:right;}
	.loop-single .post--content  {font-size:1.2em; padding-bottom:0;}
		.loop-single .post--content + .post--share {margin-bottom:4em;}

	.site-e-sport .post--share--title {color:#fff;}

	/* featured */
	.section-featured {margin-left:-30px; margin-right:-30px;}
	.post-featured > a {display:block; position:relative; height:0; padding-bottom:37%;}
			.post-featured > a > img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
		.post-featured-0  > a {padding-bottom:55.35%;}
	.post-featured-mobile {}
		.post-featured-mobile .post-title {font-size:2em; text-transform:uppercase;}
			.post-featured-mobile .post-title h2 {padding:1em; width:90%}

	.nav-tabs .tab-univers {clear:left;}
	
	/*Liste creations*/
	.nav-listcrea, .nav-listsscrea{
		flex-direction: column;
	}

	#gt{
		text-align: center;
		width: 200px;
		margin: 15px auto;
		position: relative;
	}

	li.tab-stats{
		width: 100%;
		margin: 10px auto;
	}

	#btn-arena, #btn-warzone{
		width: 100%;
	}
}

@media (max-width: 768px) {
	.container {width:100%; max-width:520px; padding-right:30px; padding-left:30px;}
		.container.content-featured {padding:0;}
	.loop-main .post--thumb img {width:100%;}

	.section-featured-mobile {position:relative; padding-bottom:55.5%; margin:0; width:auto; overflow:hidden;}
		.post-featured-mobile {width:100%; position:absolute; transition:none;}
			.post-featured-mobile > a {position:static; height:auto; padding:0;}
				.post-featured-mobile > a > img{position:static;}
		.section-featured-mobile .swipe-slider--bullets {position:absolute; z-index:10; left:0; bottom:16px; width:100%; height:4px; text-align:center;}
			.section-featured-mobile .swipe-slider--bullet {display:inline-block; width:30px; height:4px; background:#fff; opacity:.3; margin:0 4px; transition:.4s;}
			.section-featured-mobile .swipe-slider--bullet.current {opacity:1;}

	.wp-pagenavi {font-size:1.2em;}
		.wp-pagenavi .previouspostslink {position:static; float:left;}
		.wp-pagenavi .nextpostslink {position:static; float:right;}
			.wp-pagenavi *:not(.previouspostslink):not(.nextpostslink) {display:none;}

	.loop-related .post {margin-bottom:2em;}
		.loop-related .post--thumb img {width:100%; height:auto;}

	.comments-btn {background:#fff; border:2px solid #034e80; color:#034e80; font-family:Oswald, sans-serif; text-transform: uppercase; padding:.75em; font-size:1.5em; margin-bottom:1em;}
		.comment {border-width:2px;}

	.mobile-slider-next {position:relative; top:-20px; z-index:20; display:block; float:right; margin-right:15px; color:#034e80; width:28%; min-width:100px;}
		.mobile-slider-next > button {display:block; width:100%; line-height:1.5em; height:1.5em; margin-top:-.75em; background:none; border:none; text-align:center; background:url(img/mobile-slider-next.png) no-repeat center center; text-indent:-999px; overflow:hidden;}
		.mobile-slider-next:before {content:''; display:block; height:0; border-width:0 20px 20px; border-style: solid; border-color:#fff transparent;}

	.footer--partenaires--thumbs,
	.footer--partenaires--links {display:none;}
		.footer--partenaires--thumbs:after {display:none;}
		.footer--partenaires--links-mobile {display:block;  font-size:1em; margin-bottom:2em;}
			.footer--partenaires--links-mobile li {float:left; width:48%; margin-right:1%; text-align: left;}
				.footer--partenaires--links-mobile li:before {content:none;}
				.footer--partenaires--links-mobile li a {text-decoration:underline;}
	.commu-third {
		display: inline-block;
		width: 80%;
		text-align: center;
	}

	.nav-main .menu-item > a{font-size: 0.8em}

}

@media (max-width: 500px) {
	.post-featured-mobile .post-title,.loop-single h1.post--title {font-size:1.5em;}

}

@media (max-width: 380px) {
	.post-featured-mobile .post-title,.loop-single h1.post--title {font-size:1.2em;}
}

@media (min-width: 768px) {
	.post--comments .collapse {display:block; height:auto !important;}

	.footer--partenaires .section-title {width:66%; border-bottom:1px solid #aecee0;}
		.footer--partenaires .section-title:after {content:''; background: url(img/border-bottom.png) no-repeat center top; display:block; margin:0 auto; height:6px; width:100%; min-width:165px;}
		.site-e-sport .footer--partenaires .section-title:after { background-position:center -6px;}
		.site-commu .footer--partenaires .section-title:after { background-position:center -12px;}

	.section-404 {background:transparent url(img/404_bg.jpg) no-repeat center center; background-size:cover; }
}

@media (min-width: 992px) {
	.site-e-sport .nav-main .menu-item:after {background-color: #0f171d;}
	.footer--top {width:180px;}
		.footer--top img {width:26px;}
}


.toggler-wrapper {
	max-width: 45px;
	margin-top: 3px;
}

.toggler {
	animation: showToggler 300ms ease-out;
	cursor: pointer;
}
	
.toggler .choices {
	transition: background-color 300ms ease-out;
	cursor: pointer;
	position: relative;
	display: block;
	width: 100%;
	height: 25px;
	display: flex;
	background-color: #a7a8ac;
	z-index: 2;	
}
.toggler .choices::before,
.toggler .choices::after {
	transition: background-color 300ms ease-out;
	content: '';
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	background-color: #a7a8ac;
	border-radius: 100%;
	z-index: 1;
}

.toggler .choices:before {
	left: 0;
	transform: translateX(-50%);
}

.toggler .choices:after {
	right: 0;
	transform: translateX(50%);
}
	
.toggler .choice {
	transition: opacity 300ms ease-out;
	position: relative;
	flex: 1;
	display: block;
	width: 50%;
	height: 25px;
	font: 1.1rem/17px;
	text-transform: uppercase;
	color: #fff;
	z-index: 2;
	line-height: 25px;
}
	
.toggler .on {
	opacity: 0;
}

.toggler .off {
	left: -10px;
}

.toggler .knob {
	animation: inactiveKnob 300ms ease-out;
	transition: left 300ms ease-out;
	position: absolute;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 0;
	height: 19px;
	background: #fff;
	z-index: 3;
}

.toggler .knob:before,
.toggler .knob:after {
	content: '';
	position: absolute;
	top: 0;
	width: 19px;
	height: 19px;
	border-radius: 100%;
	background: #fff;
}

.toggler .knob:before {
	left: -10px;
}

.toggler .knob:after {
	right: -9px;
}
	
	
.toggler .toggler-input:checked + .choices {
	background: #d8720e;
}
		
.toggler .toggler-input:checked + .choices:before,
.toggler .toggler-input:checked + .choices:after {
	background: #d8720e;
}
		
.toggler .toggler-input:checked + .choices .knob {
	animation: activeKnob 300ms ease-out forwards;
	left: 99%;
}

.toggler .toggler-input:checked + .choices .on {
	opacity: 1;
}

.toggler .toggler-input:checked + .choices .off {
	opacity: 0;
}

.site-commu .datepicker {
	z-index: 9999 !important;
}

@keyframes showToggler {
	0% {
		opacity: 0;
	}
	
	50% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

@keyframes activeKnob {
	20% {
		width: 50%;
	}
	
	90% {
		width: 0;
	}
}

@keyframes inactiveKnob {
	40% {
		width: 50%;
	}
	
	60% {
		width: 0;
	}
}