/*
Theme Name: Xbox-Mag
Theme URI: http://www.xbox-mag.net/
Description: Xbox-Mag.net theme
Version: 1.0
Author: Mahi-Mahi
Author URI: http://mahi-mahi.fr/
Plugins required: Mahi-Mahi_basics
*/
/*
 * Xbox-mag.net
 * CSS Styles
 */

/* CSS Styles // Custo Bootstrap */


body {
	background-color:#d6d6d6;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

body > a:first-child { display:none; }

html, body { height:100%; }
input, button { font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; }

.font-small { font-size:10px; }
button.close { background:url(images/close.png) no-repeat scroll center center rgba(0, 0, 0, 0); }

#skin-animation { display:none !important ; }
/* fix smart tag breaking skin */
body > img, body > a {
	display: none;
}

/* HEADER */
#headerXM { background:url(images/header-bg-dgd.png) repeat-x left bottom #252525; color:#fff; }
#headerXM .texture { background:url(images/header-bg-halo.png) no-repeat center top; min-height:76px; }
#header-profil-search { padding-top:23px; }
#header-logo .logo { background:url(images/logo-xboxmag.png) no-repeat center center; display:block; height:30px; margin:25px auto 0 auto; text-indent:-9999px; width:235px; }
#header-social { padding-right:20px; }
#header-social ul { float:right; }
.header-media .logo { margin-left:0px !important; }
#header-media-title section { float:right; margin-top:8px; }
#header-media-title h1 { font-size:25px; line-height:normal; margin:0; text-align:right; }
#header-media-title p { color:#545454; font-size:14px; text-align:right; }

#profil { float:left; position:relative; margin-left:20px; }
.profil-content { display:none; position:absolute; }
#profil a { background:url(images/fleche-blanche.png) no-repeat right 12px; color:#fff; display:block; font-size:13px; height:26px; padding:4px 15px 0 0; text-transform:uppercase; }
#header-min { display:none; margin-bottom:20px; }
.header-min-liste { list-style-type:none; margin:12px auto 0 auto; padding:0; width:230px; zoom:1; }
.header-min-liste:after { clear:both; display:table; content:""; line-height:0; }
.header-min-liste li { float:left; width:40px; }
.header-min-liste li a { display:block; height:31px; opacity:0.7; margin:0 auto; width:31px; }
.header-min-liste li a:hover { opacity:1; }
.min-id { background:url(images/picto-nav-profil.png) no-repeat center center; }
.min-id-connected { background:url(images/picto-nav-profil-on.png) no-repeat center center; }
.min-search { background:url(images/picto-nav-search.png) no-repeat center center; }
.sep-header { margin-left:30px; }

#search { float:left; margin-left:12px; }
#search form { background-color:#1e1e1e; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0px 0px 4px #OOO; -webkit-box-shadow:inset 0px 0px 4px #000; box-shadow:inset 0px 0px 4px #000; height:26px; padding-top:3px; width:110px; }
#search form input { background:none; border:none; color:#ffffff; font-size:13px; height:19px; margin:0; padding:1px 0 0 6px; opacity:0.7; width:74px; }
#search form input:focus { opacity:1; }
#search form button { background:url(images/picto-search.png) no-repeat center center; border:none; border-left:1px solid #424242; height:21px; margin:0; padding:0; width:30px; }

.social-liste { list-style-type:none; margin:22px 0 0 0; padding:0; }
.social-liste li { float:left; margin-left:10px; }
.social-liste li a { display:block; height:31px; opacity:0.7; width:31px; }
.social-liste li a:hover { opacity:1; }
.social-facebook { background:url(images/picto-social-facebook.png) no-repeat center center; }
.social-twitter { background:url(images/picto-social-twitter.png) no-repeat center center; }
.social-rss { background:url(images/picto-social-rss.png) no-repeat center center; }
.social-discord { background:url(images/picto-social-discord.png) no-repeat center center; }


/* NAV */
#nav { background:url(images/nav-shadow.png) repeat-x center top #131313; height:40px; }
#nav ul { list-style-type:none; margin:0 auto; width:100%; }
#nav ul li { display:block; float:left; width:16.6%; }
#nav ul li a { color:#727272; display:block; font-size:20px; font-weight:bold; height:28px; padding-top:12px; text-align:center; }
#nav ul li a:hover, #nav ul li.active a { color:#fff; text-decoration:none; }
#navMin { background:url(images/fleche-blanche.png) no-repeat right 18px; color:#fff; display:none; font-size:20px; height:28px; margin:0 auto; padding:10px 0 0 0; text-align:center; width:100px; }
.navMinOn { background:url(images/fleche-blanche-top.png) no-repeat right 18px !important; }

/* Fil de fer */
#fil-de-fer { background-color:#fff; }
#fil-de-fer ul { list-style-type:none; margin:16px 0 17px 20px; zoom:1; }
#fil-de-fer ul:after { clear:both; display:table; content:""; line-height:0; }
#fil-de-fer ul li { background:url(images/fleche-fildefer.png) no-repeat left center; float:left; font-size:18px; }
#fil-de-fer ul li a { color:#2d2d2d; display:block; margin:0 25px 0 30px; }
#fil-de-fer ul li:last-child a { color:#aaaaaa; }
#fil-de-fer ul li.home { background:none; }
#fil-de-fer ul li.home a { background:url(images/picto-home.png) no-repeat center center; height:13px; margin:4px 25px 0 0; width:17px; }

/* PUB LARGEBAN */
#pubLargeBan { background:url(images/pub-largebanner-shadow.png) repeat-x center top #080808; overflow:hidden; padding:10px 0; text-align: center; }
#pubLargeBan a, #pubLargeBan object { display:block; margin:0 auto; text-align:center; }
.pubLargeBanMedia { height:120px; clear:both; }

/* UNE / Media carousel */
#une, #mediaCarousel { background-color:#414141; -moz-box-shadow:inset 0px -3px 4px #1f1f1f; -webkit-box-shadow:inset 0px -3px 4px #1f1f1f; box-shadow:inset 0px -3px 4px #1f1f1f; }
#une .texture, #mediaCarousel .texture { background:url(images/texture-bg-halo.png) no-repeat center top; padding:0 10px; }
#une .container { padding:40px 0 20px 0; }
#mediaCarousel .container { padding:10px 0 0 0; }

/* CAROUSEL UNE */
.carousel { background-color:#000; margin-bottom:20px; }
.carousel .carousel-control { border:none; border-radius:0; opacity:0.4; text-indent:-9999px; bottom:-45px; }
.carousel .carousel-control.right { background:url(images/carousel-next.png) no-repeat center center; right:5px; }
.carousel .carousel-control.left { background:url(images/carousel-prev.png) no-repeat center center; left:5px; }
.carousel .carousel-caption { padding:0px; background:none; }
.carousel .carousel-caption-details { zoom:1; }
.carousel .carousel-caption-details:after { clear:both; display:table; content:""; line-height:0; }
.carousel .carousel-caption-details .type-article, .carousel .carousel-caption-details .date { float:left; }
.carousel .carousel-caption-details .article-social-liste { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.35); margin-top:0px; padding:3px 20px 3px 10px; }
.carousel .carousel-caption-titles { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.75); padding:20px 20px 15px 20px; }
.carousel .carousel-caption h4 { font-size:32px; line-height:26px; font-weight:bold; }
.carousel .carousel-caption h4 a { color:#fff; }
.carousel .carousel-caption h4 a:hover { text-decoration:none; }
.carousel .carousel-caption p { color:#999; font-size:16px; font-weight:normal; }
.carousel .carousel-indicators li { cursor:pointer; }
.carousel .carousel-inner > .item > img, .carousel .carousel-inner > .item > a > img { margin:0 auto; }
.carousel .carousel-lien { display:block; }

/* CAROUSEL EN BREF */
#myCarouselBref { background-color:transparent !important; }
.vertical .carousel-inner { height: 100%; }
.vertical .item, .vertical .active {
  -webkit-transition: 1.0s ease-in-out top;
     -moz-transition: 1.0s ease-in-out top;
      -ms-transition: 1.0s ease-in-out top;
       -o-transition: 1.0s ease-in-out top;
          transition: 1.0s ease-in-out top;
}
.vertical .active { top:0; }
.vertical .next { top:400px; }
.vertical .prev { top:-400px; }
.vertical .next.left,
.vertical .prev.right { top:0; }
.vertical .active.left { top:-400px; }
.vertical .active.right { top:400px; }
.vertical .item { left:0; }

.type-article { color:#fff; display:block; font-size:16px; padding:5px 20px; text-transform:uppercase; }
.type-test { background-color:#d30000; }
.type-dossier { background-color:#00659f; }
.type-preview { background-color:#ffa800; }
.type-news { background-color:#525252; }
.type-succes { background-color:#1db100; }

.picto-video { background:url(images/picto-play.png) no-repeat center center; display:block; height:113px; left:50% !important; margin-left:-64px; margin-top:-61px; top:50% !important; position:absolute; width:118px; }

.more { background:url(images/picto-more.png) no-repeat center center #dcdcdc; display:block; padding:12px 0; width:100%; }
.more:hover { background:url(images/picto-more-hover.png) no-repeat center center #1db100; }

.date { background-color:#dcdcdc; color:#333; display:block; font-size:12px; padding:2px 5px; }
.date span { color:#5b5b5b; font-style:italic; }
.date-carousel { margin-top:10px; }

.article-social-liste { height:20px; list-style-type:none; margin:0; zoom:1; }
.article-social-liste:after { clear:both; display:table; content:""; line-height:0; }
.article-social-liste li { display:inline-block; float:left; margin-left:14px; }
.article-social-liste .nb-comment {  }
.article-social-liste li.liste-comment { display:none; margin-left:30px; }

.liste-facebook a { background:url(images/picto-news-social-facebook.png) no-repeat center center; display:block; height:15px; margin-top:2px; width:15px; }
.liste-twitter a  { background:url(images/picto-news-social-twitter.png) no-repeat center center; display:block; height:15px; margin-top:2px; width:16px; }
.nb-comment { background-color:#CCC; border-radius:15px; color:#282828; display:block; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:0 6px; position:relative; line-height:18px; }
.nb-comment:hover { text-decoration:none; }
.nb-comment span { background:url(images/bulle-tick.png) no-repeat center center; display:block; position:absolute; bottom:-5px; height:5px; left:30%; width:6px; }


/* Box */
.box { margin-bottom:20px; clear:both; }
.box-header { padding:0 20px; zoom:1; }
.box-header:after { clear:both; display:table; content:""; line-height:0; }
.box-header h2 { border-bottom:3px solid #fff; color:#fff; display:block; font-size:22px; font-weight:bold; line-height:30px; margin:0; padding:0 0 5px 0; }
.box-header .pull-left h2 { display:block; border-bottom:3px solid #fff; float:left; padding-bottom:6px; }
.box-header .pull-left a { float:left; margin-left:10px; }


.boxStyle1 {} /* Skin Planning / ... */
.boxStyle1 h2 { color:#282828; }
.boxStyle1 .box-content { background-color:#525252; color:#fff; }

.boxStyle2 {} /* Skin succès home / ... */
.boxStyle2 h2 { color:#929292; }
.boxStyle2 .box-content { background-color:none; color:#fff; }

.boxStyle3 {} /* Skin on en parle / ... */
.boxStyle3 h2 { color:#282828; }
.boxStyle3 .box-content { background-color:#e3e3e3; color:#fff; }

.boxStyle4 {} /* Skin nav-jeux jeux du moment / ... */
.boxStyle4 h2 { color:#fff; }
.boxStyle4 .box-content { background-color:none; color:#fff; }

.boxStyle5 { background-color:#fff; height:210px; padding:20px; } /* Skin Call planning/Liste jeux / ... */
.boxStyle5 h2 { border-bottom-color:#929292 !important; color:#404040; }
.boxStyle5 .box-header { padding:0; margin-bottom:20px; }
.boxStyle5 .box-content { background-color:none; color:#000; font-size:12px; line-height:normal; }
.boxStyle5 .box-content .height-fixe { height:90px; padding-bottom:20px; }

.box-content-shadow { -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); }



#news-home { margin-bottom:0; }
#news-home .box-header { background:url(images/une-news-bg-top.png) no-repeat center bottom; }
#news-home .box-footer { background:url(images/une-news-bg-bottom.png) no-repeat center top; }
#news-home .box-content { padding:5px 20px; }
#news-bref .box-content { background-color:#2d2d2d; padding:15px 20px; }
.news-liste .news-date { color:#999; display:inline-block; padding-right:15px; width:28px; }
.news-liste a { color:#fff; font-size:12px; font-weight:normal; }
.news-liste a:hover { color:#fff; text-decoration:none; }
.news-liste { list-style-type:none; margin:0; }
.news-liste .today a { font-weight:bolder;}
.news-liste .today .news-date { color:#fff; }
.news-liste li { height:22px; overflow:hidden; }
.news-liste li:hover { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.05); }

.news-next-prev { list-style-type:none; margin:0 auto; padding:15px 0; width:50px; zoom:1; }
.news-next-prev:after { clear:both; display:table; content:""; line-height:0; }
.news-next-prev a { display:block; height:10px; width:20px; }
.news-next-prev a.up { background:url(images/news-liste-up.png) no-repeat center center; float:left; }
.news-next-prev a.down { background:url(images/news-liste-down.png) no-repeat center center; float:right; }

.action-rss { background:url(images/picto-rss.png) no-repeat center center; display:block; height:30px; width:30px; opacity:0.7; }
.action-rss:hover { opacity:1; }

/* */
.container-padding { padding:30px 10px; }
.container-padding-title { padding:30px 10px 0 10px; }

.title-main { color:#fff; font-size:36px; line-height:36px; margin:0; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.70); }
.article-more { border:solid 0px #000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.20); color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; padding:3px; }
.article-more-min { border:solid 0px #000000; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.20); color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 3px; }
.article-more:hover, .article-more-min:hover { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.10); color:#fff; text-decoration:none; }
.title-home { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.20); padding:8px 0 0 0; }
.title-home .pull-left { padding-left:20px; }
.title-home .pull-left h1 { display:block; border-bottom:3px solid #fff; float:left; padding-bottom:6px; }
.title-home .pull-left a { float:left; }
.title-home .pull-left .article-more { margin:6px 0 0 10px; }
.title-home .pull-right { padding:4px 20px 0 0; }



/*Structure page générique */
.page-content { background-color:#fff; margin-bottom:10px; }
.page-content-padding { padding:20px; }

.title-page { margin-top:-6px; zoom:1; }
.title-page:after { clear:both; display:table; content:""; line-height:0; }
.title-page .pull-left { padding-left:20px; }
.title-page .pull-left h1 { color:#2d2d2d; display:block; border-bottom:3px solid #fff; float:left; padding-bottom:6px; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.80); }
.title-page .pull-left a { float:left; }
.title-page .pull-left .article-more { margin:6px 0 0 10px; }
.title-page .pull-right { padding:4px 20px 0 0; }

.header-page { background-color:#aaa; padding:8px 20px 20px 20px; }
.header-page h2 { color:#000; font-size:25px; line-height:normal; margin:0; padding:0; }
.header-page h3 { color:#545454; font-size:14px; font-weight:normal; margin:0; padding:0; line-height:normal; }
.header-page .txt { padding:15px 0 0 0; text-align:left; width:100%; }
.header-page .date { float:left; font-size:12px; line-height:normal; padding:1px 4px; margin-top:2px; margin-right:10px; }
.header-page .auteur { color:#f0f0f0; }
.header-page .auteur a { color:#fff; font-weight:bold; }
.header-page .auteur span { font-style:italic; }
.header-page .source { color:#fff; font-size:12px; }
.header-page .source a { color:#fff; font-style:italic; }
.header-page .source span { padding:10px; }

.header-news { zoom:1; }
.header-news:after { clear:both; display:table; content:""; line-height:0; }
.header-news .txt { float:left; text-align:center; width:80%; }
.header-news .previous { background:url(images/carousel-prev.png) no-repeat left center; display:block; float:left; height:70px; width:10%;}
.header-news .next { background:url(images/carousel-next.png) no-repeat right center; display:block; float:right; height:70px; width:10%; }
.header-news .disabled { opacity:0.2; }

.header-standard, .header-standard2 { zoom:1; }
.header-standard:after, .header-standard2:after { clear:both; display:table; content:""; line-height:0; }
.header-standard .txt { }
.header-standard2 .txt { width:inherit; }

.header-standard2 .note { background:none; box-shadow:none; height:inherit; width:inherit; }
.header-standard2 .note span { color:#000; }
.header-standard2 .note div { color:#222; line-height:45px; padding-top:0; }

.margin-content { margin:0 20px !important; }
.margin-content-full { margin:20px !important; }
.padding-content { padding:0 20px !important; }
.padding-content-full { padding:20px !important; }

.header-fiche-bloc { min-height:60px; zoom:1; }
.header-fiche-bloc:after { clear:both; display:table; content:""; line-height:0; }
.header-fiche-bloc h3 { margin-bottom:0; }
.header-fiche-bloc .pull-right { margin-top:20px; }

.page-filters { list-style-type:none; margin:0; zoom:1; }
.page-filters:after { clear:both; display:table; content:""; line-height:0; }
.page-filters li { float:left; margin-left:20px; }
.page-filters li:first-child { margin-left:0px; }
.page-filters li a { color:#2d2d2d; display:block; font-size:15px; font-weight:bold; padding:12px 0 6px 0; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.80); }
.page-filters li a:hover, .page-filters li a.active { border-bottom:3px solid #1db100; text-decoration:none;  }

.paging { background-color:#e3e3e3; zoom:1; }
.paging:after { clear:both; display:table; content:""; line-height:0; }
.paging ol { list-style-type:none; float:right; margin:10px 20px 10px 0; }
.paging ol li { display:inline-block; margin-left:10px; }
.paging ol li a { color:#282828; }
.paging .current { color:#1db100; }

.paging_in_post { background-color:#e3e3e3; zoom:1; padding: 10px 20px 10px 20px; }
.paging_in_post a { margin: 0 3px 0 3px; }

.galerie-news { list-style-type:none; margin:0 0 10px -20px; padding-top:20px; zoom:1; }
.galerie-news:after { clear:both; display:table; content:""; line-height:0; }
.galerie-news li { float:left; margin:0 0 19px 19px !important; }

.np-news { zoom:1; margin:20px 0; }
.np-news:after { clear:both; display:table; content:""; line-height:0; }
.np-news a { color:#525252; display:block; font-size:16px; padding:10px 0; }
.np-news .pull-left, .np-news .pull-right { width:50%; }
.np-news .pull-left a { display:block; background:url(images/carousel-prev.png) no-repeat left 7px; padding-left:30px; }
.np-news .pull-right a { display:block; background:url(images/carousel-next.png) no-repeat right 7px; padding-right:30px; text-align:right; }

#commentaires { padding:20px; }
#commentaires .header { margin:0 0 20px 0; }
#commentaires .header h2 { background:url(images/picto-titre-com.png) no-repeat left center; font-size:25px; line-height:normal; margin:0; padding-left:50px; }
#commentaires .header .pull-right { margin-top:6px; }
#commentaires .header .pull-right .date { float:left; padding:0; }
#commentaires form input,
#commentaires form textarea { width:97%; }
.commentaires-liste { list-style-type:none; margin:0; padding:0; }
.commentaires-liste li { border-bottom:1px dotted #cfcfcf; padding-bottom:20px; margin-bottom:20px; }
.commentaires-liste .com-header { margin-bottom:10px; }
.commentaires-liste .com-content {}

#avis { padding:20px 0; }
#avis .header { margin:0 0 20px 0; }
#avis .header h2 { background:url(images/picto-titre-com.png) no-repeat left center; font-size:25px; line-height:normal; margin:0; padding-left:50px; }
#avis .header .pull-right { margin-top:6px; }
#avis .header .pull-right .date { float:left; padding:0; }
#avis form input,
#avis form textarea,
.wpcf7 form textarea,
.wpcf7 form input { width:97%; }
#avis form select { width:auto; }

.avis-content { min-height:110px; word-wrap: break-word;}
.avis-liste { list-style-type:none; margin:20px 0; padding:0; }
.avis-liste li { border-bottom:1px dotted #cfcfcf; padding-bottom:20px; margin-bottom:20px; }
.avis-liste li:last-child { border-bottom:none; }
.avis-liste .avis-header { margin-bottom:10px; }
.avis-liste .avis-content .note { float:right; margin:0 10px; }
.avis-liste .avis-content figure { border: 3px solid #FFFFFF; box-shadow:0 0 2px #000000; float:left; margin:0 10px 5px 0;width:60px; }


.succes-liste { list-style-type:none; margin:20px 0; }
.succes-liste li { padding:10px; margin-bottom:0px; zoom:1; }
.succes-liste li:after { clear:both; display:table; content:""; line-height:0; }
.succes-liste li:nth-child(even) { background-color:#f9f9f9; }
.succes-liste .succes-secret { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; background-color:#333; color:#fff; display:inline-block; font-size:11px; line-height:13px; padding:0 5px 1px 5px; }
.succes-liste .succes-live {  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;  background-color:#ffa200; color:#fff; display:inline-block; font-size:11px; line-height:13px; padding:0 5px 1px 5px; }
.succes-liste .succes-titre { font-size:17px; font-weight:bold; margin:0; }
.succes-liste .succes-details { font-size:12px; color:#999; line-height:normal; margin:0; }
.succes-liste .gpoints { background:url(images/picto-gpoints.png) no-repeat right center; float:right; font-size:30px; display:inline-block; padding:8px 20px; }

.sep-shadow { background:url(images/sep-shadow.png) no-repeat center top; height:17px; padding:0 0 10px 0; margin-bottom:20px; }


/* Styles WYSIWYG */
.article-texte { color:#525252; font-size:16px; line-height:22px; padding:20px; }
.article-texte a {}
.article-texte h4 { margin:20px 0; }
.article-texte ul li  { margin-bottom:4px; }
.article-texte .citation { background:url(images/picto-citaton-ouvert.png) no-repeat left top; display:block; font-style:italic; font-size:20px; margin-bottom:16px;  }
.article-texte .citation div { background:url(images/picto-citaton-ferme.png) no-repeat right bottom; padding:25px 40px; }
.article-texte img.pull-right { margin-left:20px; }
.article-texte img.pull-left { margin-right:20px; }
.article-texte .introduction { border-bottom:4px solid #f1f1f1; font-weight:bold; margin-bottom:20px; padding-bottom:20px; }
.article-texte .introduction:first-letter { font-size:50px; float:left; margin-top:9px; margin-right:4px; }

.article-verdict { background-color:#f1f1f1; margin-top:60px; padding:20px; position:relative; }
.article-verdict .note { position:absolute; top:-65px; left:50%; margin-left:-65px; }
.article-verdict .conclusion { border-bottom:4px solid #fff; font-weight:bold; margin-top:40px; padding:20px 0; margin-bottom:20px; }
.article-verdict .note { background-color:#1db100; font-size:24px; border-radius:80px; height:130px; width:130px; }
.article-verdict .note div { color:#f1f1f1; padding-top:52px; text-align:center; }
.article-verdict .note span { color:#fff; font-size:100px; font-weight:bold; }
.article-verdict .plusmoins { font-size:13px; zoom:1; }
.article-verdict .plusmoins .pull-left, .article-verdict .plusmoins .pull-right { width:49%; }
.article-verdict .plusmoins:after { clear:both; display:table; content:""; line-height:0; }
.article-verdict .plusmoins p { font-size:72px; text-align:center; padding-bottom:10px; }
.article-verdict .plusmoins ul { list-style-type:none; margin:0; }
.article-verdict .plusmoins ul li:before {content:"- "; }

.avis-lecteurs { background-color:#4a4a4a; color:#fff; padding:20px; zoom:1; }
.avis-lecteurs p { text-transform:uppercase; }
.avis-lecteurs:after { clear:both; display:table; content:""; line-height:0;}
.avis-lecteurs .note { background-color:transparent !important; float:left; font-size:15px; height:auto; margin-right:30px; margin-top:-10px; width:inherit; }
.avis-lecteurs .note div { color:#f1f1f1; padding-top:0; text-align:center; }
.avis-lecteurs .note span { color:#fff; font-size:60px; font-weight:bold; line-height:normal; }
.avis-lecteurs ul { color:#fff; float:left; list-style-type:none; margin:0; }
.avis-lecteurs ul li { margin-bottom:6px; }




.pub-pave { overflow:hidden; }
.pub-pave a, .pub-pave object { display:block; text-align:center; margin:0 auto; }

.shadow { -moz-box-shadow:0px 0px 5px #000000; -webkit-box-shadow:0px 0px 5px #000000; box-shadow:0px 0px 5px #000000; }
.shadow-light { -moz-box-shadow:0px 0px 4px #bbb; -webkit-box-shadow:0px 0px 4px #bbb; box-shadow:0px 0px 4px #bbb; }

.liste-articles ul { list-style-type:none; margin:0;  }
.liste-articles ul li { zoom:1; }
.article { background-color:#fff; }
.liste-articles ul li:after { clear:both; display:table; content:""; line-height:0; }
.liste-articles ul li figure { float:left; position:relative; margin:0; width:48%; }
.liste-articles ul li figure span { left:0; position:absolute; top:0; z-index:10; }
.liste-articles ul li figure a { display:block; position:relative; }
.liste-articles-infos { float:left; width:52%; }
.liste-articles-infos-content { padding:10px 20px; }
.liste-articles-infos a { color:#fff; }
.liste-articles-infos a:hover { text-decoration:none; }
.liste-articles-infos p { margin:0; }
.liste-articles-infos .dateCalendrier { float:right; margin-left:10px; }
.liste-articles-infos-content header { margin-bottom:10px; zoom:1; }
.liste-articles-infos-content header:after { clear:both; display:table; content:""; line-height:0; }
.article-titre { color:#000; font-size:16px; line-height:17px; padding-bottom:6px; }
.article-accroche { color:#545454; font-size:12px; line-height:13px; }
.liste-articles .liste-ecart li { margin-bottom:10px; }
.article-important figure { float:none !important; width:100% !important; }
.article-important .liste-articles-infos { width:100%; }
.article-important .liste-articles-infos-content { padding-bottom:20px !important; }
.article-important .liste-articles-infos-content header { margin-bottom:2px !important; }

.liste-articles-fiche .liste-articles-infos { float:none; width:100% !important; }

.caracteristiques { color:#525252; list-style-type:none; padding:10px 0; }
.caracteristiques span { color:#777; font-style:italic; }

.profil-infos { color:#525252; list-style-type:none; padding:20px; margin:0; }
.profil-infos span { color:#777; font-style:italic; }
.profil-infos hr { margin:10px 0; }


.liste-planning { list-style-type:none; margin:0; }
.liste-planning li { border-bottom:1px solid #161616; border-top:1px solid #696969; padding:20px; margin:0; zoom:1; }
.liste-planning li:after { clear:both; display:table; content:""; line-height:0; }
.liste-planning li:last-child { border-bottom:none; }
.liste-planning li.today { background-color:#2d2d2d; }
.liste-planning figure { border:3px solid #fff; -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; box-shadow:0px 0px 2px #000000; float:left; margin:0; width:60px; }
.liste-planning figure img { cursor:pointer; }
.dateCalendrier { background:url(images/bg-calendrier.png) no-repeat right top; -moz-border-radius:2px 0 2px 2px; -webkit-border-radius:2px 0 2px 2px; border-radius:2px 0 2px 2px; color:#000; display:block; font-size:24px; height:37px; padding-top:7px; text-align:center; width:35px; }
.dateCalendrier span { color:#999; display:block; font-size:13px; line-height:13px; }
.dateCalendrier2 { background:url(images/bg-calendrier2.png) no-repeat right top; -moz-border-radius:2px 0 2px 2px; -webkit-border-radius:2px 0 2px 2px; border-radius:2px 0 2px 2px; color:#000; display:block; font-size:24px; height:37px; padding-top:7px; text-align:center; width:35px; }
.dateCalendrier2 span { color:#999; display:block; font-size:13px; line-height:13px; }
.liste-planning-infos { float:left; margin-left:10px; width:184px; }
.liste-planning-infos a { color:#fff; }
.liste-planning-infos a:hover { text-decoration:none; }
.liste-planning-infos p { margin:0; }
.liste-planning-infos .dateCalendrier { float:right; margin-left:10px; }
.support { color:#cdcdcd; font-size:12px; text-transform:uppercase; line-height:14px; padding-bottom:3px; }
.type { color:#cdcdcd; font-size:12px; text-transform:uppercase; line-height:14px; padding-bottom:12px; }
.titre-jeu { color:#fff; font-size:18px; font-weight:bold; line-height:18px; }
.box .pull-right .article-more-min { margin-top:6px; }

.liste-succes { list-style-type:none; margin:0; }
.liste-succes li { border-bottom:1px solid #161616; border-top:1px solid #696969; padding:20px; margin:0; zoom:1; }
.liste-succes li:after { clear:both; display:table; content:""; line-height:0; }
.liste-succes li:first-child { border-top:none; }
.liste-succes li:last-child { border-bottom:none; }
.liste-succes li.today { background-color:#2d2d2d; }
.liste-succes figure { border:3px solid #fff; -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; box-shadow:0px 0px 2px #000000; float:left; margin:0; width:60px; }
.liste-succes figure img { cursor:pointer; }
.liste-succes-infos { float:left; margin-left:10px; width:184px; }
.liste-succes-infos a { color:#fff; }
.liste-succes-infos a:hover { text-decoration:none; }
.liste-succes-infos p { margin:0; }
.liste-succes-infos .dateCalendrier { float:right; margin-left:10px; }
.detail-succes { color:#cdcdcd; font-size:12px; line-height:normal; padding:10px 0 0 0; }
.detail-succes span { color:#fff; display:block; }
.detail-jeu { color:#cdcdcd; font-size:12px; line-height:normal; padding:10px 0 0 0; }
.detail-jeu span { color:#fff; display:block; }

.liste-jeux { list-style-type:none; margin:0; }
.liste-jeux li { border-bottom:1px solid #cfcfcf; border-top:1px solid #fff; padding:20px; margin:0; zoom:1; }
.liste-jeux li:after { clear:both; display:table; content:""; line-height:0; }
.liste-jeux li:first-child { border-top:none; }
.liste-jeux li:last-child { border-bottom:none; }
.liste-jeux li.today { background-color:#2d2d2d; }
.liste-jeux figure { border:3px solid #fff; -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); float:left; margin:0; width:60px; }
.liste-jeux figure img { cursor:pointer; }
.liste-jeux .btn-fiche { text-align:right; margin-top:5px; }
.liste-jeux-infos { color:#525252; float:left; margin-left:10px; width:184px; }
.liste-jeux-infos .type, .liste-jeux-infos .support { color:#525252; }
.liste-jeux-infos a { color:#1db100; }
.liste-jeux-infos a:hover { text-decoration:none; }
.liste-jeux-infos .total-succes { font-size:12px; }
.liste-jeux-infos p { margin:0; }

.liste-jeux-tests { list-style-type:none; margin:0; }
.liste-jeux-tests h3 { margin:0; }
.liste-jeux-tests li { border-bottom:1px solid #dbdbdb; border-top:1px solid #fff; padding:20px; margin:0; zoom:1; }
.liste-jeux-tests li:after { clear:both; display:table; content:""; line-height:0; }
.liste-jeux-tests li:first-child { border-top:none; }
.liste-jeux-tests li:last-child { border-bottom:none; }
.liste-jeux-tests figure { border:3px solid #fff; -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); float:left; margin:0; width:60px; }
.liste-jeux-tests figure img { cursor:pointer; }
.liste-jeux-tests .liste-jeux-infos { color:#525252; float:left; margin-left:10px; width:350px; }
.liste-jeux-tests .btn-large { margin-top:40px; }
.liste-jeux-tests .liste-jeux-infos .type, .liste-jeux-tests .liste-jeux-infos .support{ color:#cdcdcd; }
.liste-jeux-tests .date-sortie { font-style:italic; font-size:12px; padding-bottom:10px; }
.liste-jeux-tests .dev { font-size:12px; }
.liste-jeux-tests .liste-jeux-infos a { color:#1db100; font-size:24px; }
.liste-jeux-tests .liste-jeux-infos a:hover { text-decoration:none; }
.liste-jeux-tests .liste-jeux-infos p { margin:0; }

.liste-jeux-succes { list-style-type:none; margin:0; }
.liste-jeux-succes li { border-bottom:1px solid #dbdbdb; border-top:1px solid #fff; padding:20px; margin:0; zoom:1; }
.liste-jeux-succes li:after { clear:both; display:table; content:""; line-height:0; }
.liste-jeux-succes li:first-child { border-top:none; }
.liste-jeux-succes li:last-child { border-bottom:none; }
.liste-jeux-succes figure { border:3px solid #fff; -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3); float:left; margin:0; width:60px; }
.liste-jeux-succes figure img { cursor:pointer; }
.liste-jeux-succes .liste-jeux-infos { color:#525252; float:left; margin-left:10px; width:318px; }
.liste-jeux-succes .btn-large { margin-top:40px; }
.liste-jeux-succes .liste-jeux-infos .type, .liste-jeux-succes .liste-jeux-infos .support{ color:#cdcdcd; }
.liste-jeux-succes .date-sortie { font-style:italic; font-size:12px; padding-bottom:10px; }
.liste-jeux-succes .total-succes { font-size:12px; }
.liste-jeux-succes .liste-jeux-infos a { color:#1db100; font-size:24px; }
.liste-jeux-succes .liste-jeux-infos a:hover { text-decoration:none; }
.liste-jeux-succes .liste-jeux-infos p { margin:0; }

.note { background-color:#f1f1f1; display:block; font-size:14px; -moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.1); border:none 5px #000000; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; height:80px; position:relative; width:80px; }
.note div { color:#999; padding-top:27px; text-align:center; }
.note span { color:#3c3c3c; font-size:60px; font-weight:bold; }
.note .note-lecteur { background-color:#1b1b1b; border-radius:60px; bottom:0; box-sizing:border-box; -moz-box-sizing:border-box; font-size:10px !important; height:45px; padding:11px 0 0 0 !important; position:absolute; left:-10px; z-index:2; width:45px; }
.note .note-lecteur span { color:#fff; font-size:22px !important; }

.resume { clear:both; font-size:12px; line-height:normal; padding-top:15px; }
.resume .auteur { color:#999; padding-top:10px; }



#succesUne .liste-succes li { border:none; }
#succesUne .liste-succes li .titre-jeu a { color:#fff !important; font-size:26px !important; }
#succesUne .liste-succes li figure { width:120px; }
#succesUne .liste-succes li .liste-succes-infos { width:80px !important; font-size:16px !important; }
#succesUne .liste-succes li .liste-succes-infos .detail-succes,
#succesUne .liste-succes li .liste-succes-infos .detail-jeu { font-size:16px !important; }




#articles {  }
.bg-container-gris1 { background-color:#959595; }
.shadow-container { -moz-box-shadow:inset 0px 3px 4px #676767; -webkit-box-shadow:inset 0px 3px 4px #676767; box-shadow:inset 0px 3px 4px #676767; }
.bg-container-gris2 { background-color:#404040; }
.shadow-container2 { -moz-box-shadow:inset 0px 3px 4px #333; -webkit-box-shadow:inset 0px 3px 4px #333; box-shadow:inset 0px 3px 4px #333; }

.succesHomeCol1 { background:url(images/shadow-succes-home.png) no-repeat right top; min-height:650px !important; }

.liste-articles-carousel { list-style-type:none; margin:0; zoom:1; }
.liste-articles-carousel:after {clear:both; display:table; content:""; line-height:0; }
.liste-articles-carousel a { padding-top:10px; }
.liste-articles-carousel a:hover { text-decoration:none; }
.liste-articles-carousel a:hover figure img { -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; }
.liste-articles-carousel li { float:left; margin:0 0 20px 50px; zoom:1; }
.liste-articles-carousel li:first-child { margin-left:0px; }
.liste-articles-carousel li:after { clear:both; display:table; content:""; line-height:0; }
.liste-articles-carousel figure { position:relative; margin:0; }
.liste-articles-carousel figure img { border:3px solid #fff; -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; box-shadow:0px 0px 2px #000000; margin:0; cursor:pointer; width:120px; }
.liste-articles-carousel figure .note-bloc { background-color: rgba(0, 0, 0, 0.8); border-bottom:2px solid #fff; color:#fff; display:block; height:58px; left:50%; margin-left:-30px; position:absolute; text-align:center; top:128px; width:60px; }
.liste-articles-carousel figure .note-bloc .type { background-color:#fff; color:#fff; font-size:13px; padding:4px 0; margin:0; }
.liste-articles-carousel figure .note-bloc .note-chiffre { font-size:10px; padding:6px 0 0 0; }
.liste-articles-carousel figure .note-bloc .note-chiffre span { font-size:30px; }
.liste-articles-carousel figure .note-bloc-test { border-color:#d30000; }
.liste-articles-carousel figure .note-bloc-test .type { background-color:#d30000; }
.liste-articles-carousel figure .note-bloc-dossier { border-color:#00659f; }
.liste-articles-carousel figure .note-bloc-dossier .type { background-color:#00659f; }
.liste-articles-carousel figure .note-bloc-preview { border-color:#ffa800; }
.liste-articles-carousel figure .note-bloc-preview .type { background-color:#ffa800; }
.liste-articles-carousel figure .note-bloc-news { border-color:#525252; }
.liste-articles-carousel figure .note-bloc-news .type { background-color:#525252; }
.liste-articles-carousel figure .note-bloc-succes { border-color:#1db100; }
.liste-articles-carousel figure .note-bloc-succes .type { background-color:#1db100; }
.liste-articles-carousel p { color:#fff; font-size:18px; margin:0; padding:10px 0 0 0; text-align:center; max-width:126px; }
.liste-articles-carousel p .type { display:block; padding-bottom:0px; }

.liste-jeux-profil { list-style-type:none; margin:20px 0 20px -24px; zoom:1; }
.liste-jeux-profil:after {clear:both; display:table; content:""; line-height:0; }
.liste-jeux-profil a { padding-top:10px; }
.liste-jeux-profil a:hover { text-decoration:none; }
.liste-jeux-profil a:hover figure img { -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; }
.liste-jeux-profil li { float:left; margin:0 0 20px 24px; zoom:1; }
.liste-jeux-profil li:after { clear:both; display:table; content:""; line-height:0; }
.liste-jeux-profil figure { position:relative; margin:0; }
.liste-jeux-profil figure img { border:3px solid #fff; -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; box-shadow:0px 0px 2px #000000; margin:0; cursor:pointer; width:120px; }
.liste-jeux-profil figure .note-bloc { background-color: rgba(0, 0, 0, 0.8); border-bottom:2px solid #fff; color:#fff; display:block; height:58px; left:50%; margin-left:-30px; position:absolute; text-align:center; top:128px; width:60px; }
.liste-jeux-profil figure .note-bloc .type { background-color:#fff; color:#fff; font-size:13px; padding:4px 0; margin:0; }
.liste-jeux-profil figure .note-bloc .note-chiffre { font-size:10px; padding:6px 0 0 0; }
.liste-jeux-profil figure .note-bloc .note-chiffre span { font-size:30px; }
.liste-jeux-profil figure .note-bloc-test { border-color:#d30000; }
.liste-jeux-profil figure .note-bloc-test .type { background-color:#d30000; }
.liste-jeux-profil figure .note-bloc-dossier { border-color:#00659f; }
.liste-jeux-profil figure .note-bloc-dossier .type { background-color:#00659f; }
.liste-jeux-profil figure .note-bloc-preview { border-color:#ffa800; }
.liste-jeux-profil figure .note-bloc-preview .type { background-color:#ffa800; }
.liste-jeux-profil figure .note-bloc-news { border-color:#525252; }
.liste-jeux-profil figure .note-bloc-news .type { background-color:#525252; }
.liste-jeux-profil figure .note-bloc-succes { border-color:#1db100; }
.liste-jeux-profil figure .note-bloc-succes .type { background-color:#1db100; }
.liste-jeux-profil p { color:#fff; font-size:18px; margin:0; padding:10px 0 0 0; text-align:center; }
.liste-jeux-profil p .type { display:block; padding-bottom:0px; }

/* CAROUSEL articles */
.carousel-articles { position:relative; margin-bottom:20px; min-height:190px; padding-left:55px; }
.carousel-articles .carousel-control { border:none; border-radius:0; opacity:0.4; text-indent:-9999px; bottom:-45px; }
.carousel-articles .carousel-control.right { background:url(images/carousel-next.png) no-repeat center center; right:5px; }
.carousel-articles .carousel-control.left { background:url(images/carousel-prev.png) no-repeat center center; left:5px; }
.carousel-articles .carousel-caption { padding:0px; background:none; }
.carousel-articles .carousel-caption-details { zoom:1; }
.carousel-articles .carousel-caption-details:after { clear:both; display:table; content:""; line-height:0; }
.carousel-articles .carousel-caption-details .type-article, .carousel .carousel-caption-details .date { float:left; }
.carousel-articles .carousel-caption-details .article-social-liste { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.35); margin-top:0px; padding:3px 20px 3px 10px; }
.carousel-articles .carousel-caption-titles { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.75); padding:20px 20px 15px 20px; }
.carousel-articles .carousel-caption h4 { font-size:32px; line-height:26px; font-weight:normal; }
.carousel-articles .carousel-caption p { color:#999; font-size:16px; font-weight:normal; }
.carousel-articles .carousel-indicators { top:200px; left:48%; }
.carousel-articles .carousel-indicators li { cursor:pointer; }
.carousel-articles .carousel-inner > .item > img, .carousel .carousel-inner > .item > a > img { margin:0 auto; }
.carousel-articles .carousel-lien { display:block; }
.decaler-indicators .carousel-indicators { top:250px; }

/* Alphabet Jeux */
#super-filtre { background-color:#b9b9b9; -moz-box-shadow:inset 0px 4px 2px rgba(0,0,0, 0.15); -webkit-box-shadow:inset 0px 4px 2px rgba(0,0,0, 0.15); box-shadow:inset 0px 4px 2px rgba(0,0,0, 0.15); }
#super-filtre .container { padding:18px 0 13px 0; }
.filtre-alphabet { list-style-type:none; margin:0; padding:0; }
.filtre-alphabet li { display:inline-block; margin-left:5px; }
.filtre-alphabet li a { display:block; font-size:16px; color:#fff; padding:3px 8px; }
.filtre-alphabet li a:hover, .filtre-alphabet li a.active { background:url(images/btn-dgd.png) repeat-x left bottom; text-decoration:none; }
.filtre-alphabet li a span {}

.filtre-mois { list-style-type:none; margin:0; padding:0; }
.filtre-mois li { display:inline-block; margin-left:15px; }
.filtre-mois li a { display:block; font-size:16px; color:#fff; padding:3px 8px; }
.filtre-mois li a:hover, .filtre-mois li a.active { background:url(images/btn-dgd.png) repeat-x left bottom; text-decoration:none; }
.filtre-mois li a span {}

.filtre-annee { margin-bottom:10px; }
.filtre-annee div { margin:0 auto; width:220px; }
.filtre-annee div a { color:#fff; display:inline-block; font-size:30px; font-weight:bold; text-align:center; width:30px; }
.filtre-annee div a:hover { color:#1db100; text-decoration:none; }
.filtre-annee div span { color:#fff; display:inline-block; font-size:30px; text-align:center; width:140px; }


/* Fiche Jeu */
#fiche-jeu-header {  background-position:center center; background-repeat:no-repeat; background-color:#b9b9b9; margin-bottom:30px; }
#fiche-jeu-header .container { padding:0; }
#bandeau-masque { background:url(images/bandeau-masque.png) no-repeat center center; -moz-box-shadow:inset 0px 4px 2px rgba(0,0,0, 0.3); -webkit-box-shadow:inset 0px 4px 2px rgba(0,0,0, 0.3); box-shadow:inset 0px 4px 2px rgba(0,0,0, 0.3); }
#bandeau { height:230px; }
#bandeau-bg-info { background:url(images/bandeau-bg-infos.png) repeat-x left bottom; }
#bandeau-content { padding:0 20px; position:relative; height:230px; }
#bandeau-content h2 { position:absolute; left:170px; top:136px; color:#fff; display:block; font-size:36px; font-weight:normal; padding-top:10px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.70); line-height:32px; }
#bandeau-content h2 p { margin:0; padding:0; }
#bandeau-content h2 .details { color:#ccc; font-size:14px; font-weight:normal;line-height:14px; padding-top:6px; }
#bandeau-content h2 .details strong { color:#fff; }
#bandeau-content figure img { position:absolute; bottom:-30px; left:20px; border:3px solid #fff; -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000; box-shadow:0px 0px 2px #000000; margin:0; cursor:pointer; width:120px; }
#bandeau-content .note { position:absolute; right:20px; top:-20px; margin-top:-20px; }
#bandeau-content .note { -moz-box-shadow: 0 10px 17px rgba(0,0,0, 0.3); -webkit-box-shadow: 0 10px 17px rgba(0,0,0, 0.3); box-shadow: 0 10px 17px rgba(0,0,0, 0.3); font-size:24px; border-radius:80px; height:130px; width:130px; }
#bandeau-content .note div { padding-top:52px; text-align:center; }
#bandeau-content .note span { font-size:100px; font-weight:bold; }
#bandeau-content .dates-sorties { position:absolute; bottom:-10px; right:20px; margin-left:-15px; }
#bandeau-content .dates-sorties span { margin-left:15px; }
.dates-sorties .tagOne { background-color:#1db100; border-radius:10px; color:#fff; padding:2px 5px; }
.dates-sorties .tag360 { background-color:#383838; border-radius:10px; color:#fff; padding:2px 5px; }
.fiche-filters .page-filters li { margin-left:20px; }
.fiche-filters .page-filters a { font-size:14px; }
.padding-fichejeu { padding-top:41px; }



/* Fenêtre modal */
.colonnes-modal { list-style-type:none; margin:0; padding:0; }
.colonnes-modal li { float:left; width:50%; }
.colonnes-modal li .content { padding:10px; }
.colonnes-modal li .content form { margin:0;  }

/*Media*/
#wrapper-media { min-height:100%; height:auto !important; height:100%; margin:0 auto -140px; }
#mediaCarousel { zoom:1; }
#mediaCarousel:after { clear:both; display:table; content:""; line-height:0; }
#mediaCarousel .inner { height: 95px; overflow-x: auto; overflow-y: hidden; width: 880px; float: left; margin: 0 10px; }
#mediaCarousel ul { list-style-type:none; margin:0; padding:0; height: 86px; }
#mediaCarousel ul li { display:block; float:left; margin-left:10px; margin-bottom:10px; }
#mediaCarousel ul li:first-child { margin-left:0; }
#mediaCarousel ul li img { max-width:112px; }
#mediaCarousel .previous { background:url(images/carousel-prev.png) no-repeat center center; display:block; height:30px; margin-top:22px; width:20px; float: left; }
#mediaCarousel .next { background:url(images/carousel-next.png) no-repeat center center; display:block; height:30px; margin-top:22px; width:20px; float: right; }
#mediaCarousel ul li a img { border:2px solid rgba(255,255,255,0); }
#mediaCarousel ul li a:hover img { border:2px solid rgba(255,255,255,1); }
#mediaCarousel ul li a.active img { border:2px solid #1DB100; }
#media-view { padding:10px; position:relative; }
#media-view div { margin:0 auto; text-align:center; }
#media-view img { text-align:center;  }
#media-view p {  padding:10px; margin:0; }
#view-left { background:url(images/carousel-prev-media.png) no-repeat center center; background-color:rgba(255,255,255,0.2); height:100%; left:0; position:absolute; top:0; width:100px; z-index:10; }
#view-right { background:url(images/carousel-next-media.png) no-repeat center center; background-color:rgba(255,255,255,0.2); height:100%; position:absolute; right:0; top:0; width:100px; z-index:10; }
.pushMedia { clear: both; height:140px; }

/* video */
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*  preroll video */
/*  view-source:http://www.cultureg.eu/tests/auto/demo.html  */
.fz_global_contener{margin:0 auto;position:relative;z-index:1}
.fz_player_contener{position:relative;z-index:1}
.fz_player_hover{position:absolute;z-index:100;width:100%;height:100%;top:0;left:0;background:transparent;text-align:center;cursor:pointer;}
.fz_err_msg{font-weight:bold;color:#FFF;font-size:20px;background-color:#000;}



/* FORUM */
#forum { background-color:#d6d6d6; line-height:normal; padding-bottom:20px; }
#forum #wrap { width:100%; }

#forum .search-box #keywords { width:120px; }
#forum .search-box-inner { width:160px; }
#forum .display-options label { display:inline-block; }
#forum .display-options select { width:auto !important; }

#forum .forumbg { background-color:#000000; }
#forum .row .pagination span a:hover, #forum li.pagination span a:hover { background-color:#ff7e00; border-color:#e4e4e4;}
#forum fieldset, #forum input { font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; ; }
#forum ul, #forum ol { margin:inherit; }
#forum user-links { line-height:inherit; }
#forum h2 { font-size:2em; line-height:inherit; }
#forum .postbody h3 a { color:#000; }
#forum .postprofile { background-color:#d6d6d6; padding-top:10px; }
#forum select { height:auto; padding:0; line-height:auto; margin-bottom:0; }
#forum .post { border:1px solid #d6d6d6; }
#forum .bg1 { background-color:#f2f2f2; }
#forum .bg2 { background-color:#f2f2f2; }
#forum .quickmod label { display:inline-block; }
#forum #subheader-menu { zoom:1; height:auto; }
#forum #subheader-menu:after { clear:both; display:table; content:""; line-height:0; }
#forum .topiclist { margin:0; }
#forum .forabg { background-color:#aaaaaa; }
#forum #header { background-color:#000; }
#forum .forum-moderators { display:none; }
#forum .postbody { float:right; }
#forum .postprofile { border-left:none !important; float:left; overflow:hidden; }
#forum h3 { font-size:inherit; line-height:normal; margin:0; }
#forum .postbody .content blockquote { border: 3px solid #CCCCCC; padding: 5px 0 5px 15px; }
#phpbb .sep { color:#AFAEAE; }
#forum #header { height:40px; margin-bottom:1px; }
#forum #header li#faq-link a, #forum #header li#members-link a { background-image:none; }
#forum #header li a { height:40px; }
#forum #header li { border-left:0px; height:40px; }
#forum #above-headerbar { height:inherit; zoom:1; }
#forum #above-headerbar:after { clear:both; display:table; content:""; line-height:0; }
#forum .section-viewtopic .post .online { left:0 !important; }



/* Footer */
#footer { background-color:#131313; -moz-box-shadow:inset 0px 5px 5px #000000; -webkit-box-shadow:inset 0px 5px 5px #000000; box-shadow:inset 0px 5px 5px #000000; color:#afaeae; font-size:14px; text-align:center; }
#footer .container { padding:40px 10px 0 10px; }
#footer a { color:#fff; }
#footer span { display:block; text-transform:uppercase; }
#footer strong { color:#4a4a4a; font-weight:normal; }
#footer .sep { display:inline; padding:0 8px; }
.partenaires { font-size:12px;}
.we-are-xm { color:#fff; position:relative; }
.we-are-xm a { background:url(images/logo-xboxmag.png) no-repeat center center; display:block; height:30px; margin:0 auto; position:absolute; top:42%;  width:100%; }
.we-are-xm p { text-align:center; font-size:9.1em; line-height:130px; padding:0; margin:0 0 20px 0; opacity:0.02; text-transform:uppercase; width:100%; }


/* Profil */
#profil-header {  background-position:center center; background-repeat:no-repeat; background-color:#b9b9b9; margin-bottom:0; }
#profil-header .container { padding:0; }
#profil-header #bandeau-content h2 { left:20px; }

/*Notification */
.notification-info, .notification-success, .notification-warning, .notification-error {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.notification-info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/content/themes/xboxmag/images/info.png');
}
.notification-success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/content/themes/xboxmag/images/success.png');
}
.notification-warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/content/themes/xboxmag/images/warning.png');
}
.notification-error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/content/themes/xboxmag/images/error.png');
}

/*Team */
.team-list { padding:20px 0; }
.team-list ul { list-style-type:none; margin:0 0 20px 0; }
.team-list ul li { background-color:#f9f9f9; border-bottom:1px dotted #cfcfcf; padding:13px 20px 10px 20px; }
.team-list ul li p { margin:0 0 5px 0; }
.team-list .nom { font-weight:bold; }
.team-list .nom span { font-weight:normal; font-style:italic; }
.team-list .job span { display:inline-block; font-weight:bold; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; background-color:#CCC;font-size:11px; line-height:13px; padding:3px 8px; margin-right:5px; }
.team-list .job .jobImportant { background-color:#ffa200; color:#fff; }
.team-list .jeux { font-size:11px; color:#666; }
.team-list .plus {  }
.team-list .email { background:url(images/picto-email.png) no-repeat center center; display:inline-block; height:15px; vertical-align:middle; margin-left:10px; width:15px; }

blockquote { padding-top:20px; padding-bottom:20px; font-weight:normal; font-size:normal; line-height: normal; }
blockquote p { margin-bottom:10px !important; font-weight:normal; font-size:normal; line-height: normal; }




/* RESPONSIVE */

@media (max-width: 979px) {
	#skin-holder #skin-container { width:auto; }
	#fil-de-fer ul { margin:10px 0 10px 20px; }
	#fil-de-fer ul li { font-size:16px; }
	#fil-de-fer ul li a { margin:0 15px 0 20px; }
	.we-are-xm p { font-size:7.0em; }
	.liste-planning-infos { width:112px; }
	.carousel-articles figure { width:80px; }
	.liste-articles-carousel figure .note-bloc { margin-left:-25px; top:80px; }
	.liste-articles-carousel p { font-size:16px; line-height:16px; max-width:80px; }
	.liste-articles-carousel p .type { font-size:10px; }
	.carousel-articles .carousel-indicators { top:150px; }
	.liste-succes-infos { display:block; margin-top:15px; margin-left:0; }
	.boxStyle5 { height:auto; }
	.boxStyle5 .box-content .height-fixe { height:auto; }
	.filtre-alphabet li { margin-left:0px; }
	.filtre-alphabet li a { padding:2px 7px; }
	.filtre-mois li a span { display:none; }
	.liste-jeux-tests .liste-jeux-infos { width:235px; }
	.liste-jeux-succes .liste-jeux-infos { width:175px; }
	.padding-fichejeu { padding-top:0px; }
	#bandeau-content h2 .details span { display:none; }
	.article-verdict .plusmoins .pull-left, .article-verdict .plusmoins .pull-right { float:none; width:100%; }
	.article-verdict .plusmoins .pull-left p, .article-verdict .plusmoins .pull-right p { text-align:left; }
	
	#forum #header { height:40px; }
	#forum #header li a { height:40px; }
	#forum #header li { height:40px; }
	#forum #header { height:40px; }
	#forum #header .tabs { top:40px; }

}

@media (max-width: 767px) {
	#header-social, #header-profil-search { display:none; }
	#header-min { display:block; }
	.logo { margin-top:10px; }
	#navMin { display:block; }
	#nav-liste { display:none; }
	#nav { height:auto; }
	#nav ul li { border-bottom:1px solid #242424; width:100%; padding:0; }
	#nav ul li a { padding-top:10px; }
	#nav ul { border-top:1px solid #242424; width:100%; padding:0; }
	.we-are-xm p { font-size:5.3em; line-height:56px; }
	#fil-de-fer ul li.home a { margin-right:15px; }
	#fil-de-fer ul li a { margin: 0 15px; }
	.liste-planning-infos { width:70%; }
	.liste-articles-carousel li { float:left; margin:0 0 30px 5%; }
	.carousel-articles .carousel-indicators { display:none; }
	.liste-succes-infos { display:block; margin-top:0px; margin-left:10px; width:auto; }
	.succesHomeCol1 { background:none; min-height:inherit !important; }
	.page-filters span { display:none; text-transform:capitalize; }
	.header-news h2 { font-size:20px; }
	.header-page .date { float:none; display:inline-block; }
	.header-page .auteur { display:block; }
	.header-page .source { display:block; }
	.header-page .source span { display:none; }
	.colonnes-modal li { float:none; width:100%; }
	.filtre-alphabet { margin:0 10px; }
	.filtre-alphabet li { margin-left:0px; }
	.filtre-alphabet li a { padding:2px 5px; }
	.filtre-mois { margin:0 10px; }
	.filtre-mois li a span { display:none; }
	.filtre-mois li { margin-left:0px; }
	.liste-jeux .liste-jeux-infos { width:60%; }
	.liste-jeux-tests .liste-jeux-infos { width:50%; }
	.liste-jeux-succes .liste-jeux-infos { width:40%; }

	.article .liste-articles ul li figure { float:none; }
	.article .liste-articles ul li figure a img { width:100%; }
	.article .liste-articles-infos { float:none; width:100%; }
	.article .liste-articles-infos-content header { margin-bottom:2px; }
	.article .liste-articles ul li figure { float:none; width:100%; }
	.article .liste-articles ul li figure img { width:100%; }

	#bandeau-content .dates-sorties { bottom:-25px; }
	#bandeau-content .dates-sorties span { font-size:11px; }
	#bandeau-content h2 { font-size:30px; left:160px; }
	#bandeau-content h2 .details { font-size:11px; }
	.fiche-filters .page-filters li { margin-left:10px; }

	.note { font-size:10px; height:50px; width:50px; }
	.note div { padding-top:14px; }
	.note span { font-size:40px; }
	.picto-video { background:url(images/picto-play-min.png) no-repeat center center; display:block; height:57px; left:50% !important; margin-left:-30px; margin-top:-28px; top:50% !important; position:absolute; width:60px; }

	#bandeau-content h2 .details span { display:none; }

	.header-media #header-logo { padding-left:20px; }
	#header-media-title section { float:left; }
	#header-media-title h1, #header-media-title p { text-align:left; padding-left:20px; }
	
	#forum #header { height:60px; }
	#forum #header .tabs { top:60px; }
	#news-home { display: none;	}
	
	.article-social-liste li.liste-comment { display: none; }
	.liste-articles ul li figure { float:none; width: 100%; }
	.article-accroche { padding-bottom: 10px; }
	.article-titre { padding-top: 8px; }
	.liste-articles ul li figure a img { width:100%; }
}