.announcement-type, .jol-spotlight-item-header {
  text-shadow: 0 1px rgba(0, 0, 0, 0); }
blockquote, .jumbotron, .comments-reply, .comments-login {
  background-color: rgba(255, 255, 255, 1); }
.comments-reply, .comments-login {
  background-image: none;
  box-shadow: none; }
.jol-article-meta, .jol-list-news .jol-list-news-meta, .review-author, .jol-contentfeed-meta {
  background-color: rgba(255, 255, 255, 0.25); }
.jol-article h2, .jol-article h3, .jol-article h4, .jol-article h5, a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: rgba(5, 147, 185, 1); }
.jol-article h2, .jol-article h3, .jol-article h4, .jol-article h5 {
  border-color: rgba(5, 147, 185, 1); }
.jol-article-title h1, .jol-article-title h2, .jol-article-title h3, .jol-article h1, .jol-article-title, .jol-timeline-date {
  color: rgba(5, 147, 185, 1); }
.jol-article-title, .jol-article h1 {
  border-left-color: rgba(5, 147, 185, 1); }
body, body.takeover #page-wrapper, .jol-module .fake-body {
  background-color: #102e56; }
body, .jol-module .fake-body {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-button:focus .jol-button-content, .jol-button:hover .jol-button-content, .jol-button-hover .jol-button-content, .btn-default:hover {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-button .jol-button-content {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-form fieldset {
  border-color: rgba(255, 250, 250, 1); }
.jol-form input:focus, .form-control:focus, .form-control.focus, .select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  border-color: rgba(255, 250, 250, 1); }
.form-control:focus, .form-control.focus {
  box-shadow: none; }
.jol-form-input, .jol-form input, input.jol-form-input, .jol-form textarea, .jol-form select, .jol-form option, .form-control, .progress, .select2-container--bootstrap .select2-selection, .select2-dropdown {
  background-color: rgba(255, 255, 255, 0.85); }
.jol-form-input, .jol-form input, input.jol-form-input, .jol-form textarea, .jol-form select, .jol-form option, .form-control, .select2-container--bootstrap .select2-selection, .select2-dropdown, .select2-container--bootstrap .select2-dropdown, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  border-color: rgba(255, 255, 255, 1); }
ul.jol-list-messages li.jol-list-item:hover, ul.jol-list-boxlinks li.jol-list-item:hover, ul.jol-list-messages li.jol-list-item-selected, a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
  background-color: rgba(255, 255, 255, 1); }
.jol-menu ul ul {
  background-color: rgba(0, 0, 0, 0); }
.jol-menu ul ul {
  border-color: rgba(0, 0, 0, 0); }
.jol-menu ul ul li a:hover, .jol-menu ul ul li a.active {
  background-color: rgba(0, 0, 0, 0); }
.jol-menu ul ul li a:hover, .jol-menu ul ul li a.active {
  border-color: rgba(0, 0, 0, 0); }
.jol-menu ul ul li {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-module, #jol-error-popup, .modal-body {
  background-color: rgba(255, 255, 255, 0.9); }
.jol-module {
  border-color: rgba(255, 255, 255, 0); }
.jol-module-footer, .modal-footer {
  background-color: rgba(255, 255, 255, 1); }
.jol-module-header, .modal-header {
  background-color: rgba(255, 255, 255, 1); }
.jol-module .jol-module-header .jol-tabs-container {
  box-shadow: 0px -1px 0px rgba(255, 255, 255, 0) inset; }
.jol-module-header .jol-tabs li.jol-tab-active, .jol-module-title-wrapper + .jol-module-header-wrapper .jol-tabs li.jol-tab-active, .jol-module-title-wrapper + .jol-module-header-wrapper .jol-tabs li.jol-tab-active:first-child {
  border-color: rgba(255, 255, 255, 0); }
.jol-module .jol-module-header .jol-tabs .jol-tab-active, .jol-module .jol-module-header .jol-tabs li:hover {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-module-header {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-module .jol-separator {
  background-color: rgba(105, 105, 105, 1); }
.comments-reply, .comments-login, hr {
  border-top-color: rgba(105, 105, 105, 1); }
.jol-module .jol-separator {
  border-bottom-color: rgba(255, 255, 255, 1); }
.jol-layout .jol-layout-column .jol-module .jol-module-embedded-bottom .jol-module {
  border-top-color: rgba(255, 255, 255, 1); }
.sheet-rating-bar, .sheet-rating-bar-likes, .ui-widget.ui-widget-content {
  border-color: rgba(255, 255, 255, 1); }
.jol-module, .close, ul.jol-list-select, .jol-tabs a {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-module-title {
  color: rgba(0, 195, 255, 0.75); }
.jol-module-title a {
  color: rgba(255, 206, 85, 1); }
#top-menu .jol-menu li.parent > a > span:after, #menu .jol-menu li.parent > a > span:after, .jol-module .fake-menu .jol-menu li.parent > a > span:after {
  color: rgba(255, 255, 255, 1); }
#top-menu, #menu, .jol-module .fake-menu {
  background-color: rgba(0, 0, 0, 0); }
#top-menu, #menu, .jol-module .fake-menu {
  border-bottom-color: rgba(0, 0, 0, 0); }
#top-menu, #menu, .jol-module .fake-menu {
  box-shadow: 0 4px 0 rgba(255, 187, 51, 0) inset; }
#top-menu .jol-menu > ul > li > a, #menu .jol-menu > ul > li > a, .jol-module .fake-menu .jol-menu > ul > li > a {
  padding-top: 6px; }
#top-menu .jol-menu > ul > li:hover > a, #menu .jol-menu > ul > li:hover > a, .jol-module .fake-menu .jol-menu > ul > li.hover > a {
  box-shadow: 0 4px 0 rgba(255, 255, 255, 1) inset; }
#top-menu .jol-menu > ul > li > a, #top-menu .jol-menu ul li a, #menu .jol-menu > ul > li > a, #menu .jol-menu ul li a, .jol-module .fake-menu .jol-menu > ul > li > a, .jol-module .fake-menu .jol-menu ul li a {
  color: rgba(255, 255, 255, 1); }
#top-menu .jol-menu > ul > li > a:hover, #top-menu .jol-menu ul li a:hover, #menu .jol-menu > ul > li > a:hover, #menu .jol-menu ul li a:hover, .jol-module .fake-menu .jol-menu > ul > li > a:hover, .jol-module .fake-menu .jol-menu ul li a:hover, .jol-module .fake-menu .jol-menu > ul > li > a.hover, .jol-module .fake-menu .jol-menu ul li a.hover {
  color: rgba(255, 255, 255, 1); }
#top-menu .jol-menu > ul > li.selected > a, #menu .jol-menu > ul > li.selected > a, .jol-module .fake-menu .jol-menu > ul > li.selected > a {
  background-color: rgba(0, 0, 0, 0); }
#top-menu .jol-menu > ul > li.selected:hover > a, #menu .jol-menu > ul > li.selected:hover > a, .jol-module .fake-menu .jol-menu > ul > li.selected:hover > a, .jol-module .fake-menu .jol-menu > ul > li.selected.hover > a {
  background-color: rgba(0, 0, 0, 0); }
#top-menu .jol-menu > ul > li.selected > a > span, #menu .jol-menu > ul > li.selected > a > span, .jol-module .fake-menu .jol-menu > ul > li.selected > a > span {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
#top-menu .jol-menu > ul > li, #menu .jol-menu > ul > li, .jol-module .fake-menu .jol-menu > ul > li {
  color: rgba(255, 255, 255, 1); }
#top-menu .jol-menu > ul > li, #menu .jol-menu > ul > li, .jol-module .fake-menu .jol-menu > ul > li {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
.jol-text-lightest, a.jol-text-lightest {
  color: rgba(5, 147, 185, 0.75); }
.jol-text-lighter, a.jol-text-lighter, .comment-date, .review-date, .sheet-rating-user-date, .reviews-versus .reviews-versus-versus-vs {
  color: rgba(5, 147, 185, 0.85); }
.jol-text-light, a.jol-text-light, caption, .help-block, .jol-article-source, .jol-poll .options td.votes {
  color: rgba(5, 147, 185, 1); }
.jol-module {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0), 0 0 3px rgba(0, 0, 0, 0) inset; }
body {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url(https://jolstatic.fr/overwatch/equipe/1659/theme/header-bg.0M4Ei.jpg);
  background-position: center -170px;
  /*
   background-image: url(https://jolstatic.fr/overwatch/equipe/1659/theme/bg-footer.45Sz4.jpg);
   background-position: center 695px;
   */
  text-shadow: none; }
@font-face {
  font-family: BigNoodleToo;
  src: url(https://jolstatic.fr/overwatch/equipe/1659/theme/big_noodle.woff); }
@font-face {
  font-family: Roboto;
  src: url(https://fonts.googleapis.com/cssfamily=Roboto); }
/*h1, h2, h3, h4, h5, span, p { font-family: Roboto; }*/
.jol-menu ul ul {
  -moz-box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0); }
#profile-banner-wrapper {
  /*height: 650px;*/
  height: 150px;
  background-image: url(https://jolstatic.fr/overwatch/equipe/1659/theme/header-bg.0M4Ei.jpg);
  background-position: center -210px;
  background-repeat: no-repeat;
  background-size: auto auto;
  /*background-attachment: fixed;*/
  display: none; }
#profile-content {
  height: 150px; }
#profile-avatar-wrapper, #profile-title-wrapper, #profile-banner {
  display: none; }
#menu .jol-menu {
  font-size: x-large; }
.jol-module {
  padding: 0 important;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  /*transform: skew(-2deg);*/
  border: 0px solid transparent; }
#home-button .jol-icon-home {
  background: url(https://jolstatic.fr/starcitizen/equipe/1659/ow/overwatch_logo.png) center center no-repeat;
  background-size: 110px 73px; }
#home-button {
  background-color: transparent; }
.jol-icon-home::before {
  content: ""; }
#menu-site .jol-icon-home {
  background: url(https://jolstatic.fr/starcitizen/equipe/1659/ow/overwatch_logo.png) center center no-repeat;
  background-size: 65px 45px;
  width: 58px;
  height: 40px;
  margin-top: -1px; }
#menu-wrapper {
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0); }
.jol-list-news .jol-list-item, .jol-list-reviews .jol-list-item {
  border-bottom: 1px solid #fff; }
.breadcrumbs-wrapper, #top-leader-wrapper {
  display: none; }
#main-content {
  margin-top: 160px; }
#menu-site {
  padding-top: 60px; }
#menu-site-content ul li:before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  border-radius: 4px;
  background-color: rgba(0, 195, 255, 0.75);
  transform: skew(-10deg);
  /*border-left: 3px solid rgba(255,255,255,1);
   border-right: 3px solid rgba(255,255,255,1);*/
  /*-webkit-box-shadow: 5px 3px 15px 2px rgba(61,61,61,1);
   -moz-box-shadow: 5px 3px 15px 2px rgba(61,61,61,1);
   box-shadow: 5px 3px 15px 2px rgba(61,61,61,1);*/ }
#menu-site-content ul li:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  border-radius: 4px;
  transform: skew(-10deg); }
#menu-site-content ul li:hover:before, #menu-site-content li.selected:before {
  box-shadow: 0 4px 0 rgba(255, 255, 255, 1) inset;
  background-color: rgba(0, 195, 255, 1);
  /*border-left: 0px solid rgba(255,255,255,0);
   border-right: 0px solid rgba(255,255,255,0);*/ }
#menu-site-content ul li.selected:after, #menu-site-content li:hover:after {
  box-shadow: 0 -4px 0 rgba(255, 255, 255, 1) inset; }
.jol-menu ul li.selected a span {
  color: white; }
#menu .jol-menu ul li.selected a span {
  text-shadow: 0 0 3px #fff; }
#menu-site-content > ul > li a {
  padding: 0.55em 0;
  border-radius: 7px; }
#menu-site-content > ul li a span {
  font-family: BigNoodleToo;
  font-size: x-large;
  line-height: 90px;
  font-size: 135%;
  line-height: 35px;
  text-align: center;
  display: table;
  margin: 0 auto; }
#menu-site {
  text-align: center; }
#menu-site-content > ul {
  display: inline-block; }
/*#menu-site-content ul .parent ul { display : list-item }
 #menu-site-content ul .parent ul li:first-child { width: 100%; }*/
#menu-site-content ul li {
  position: relative;
  z-index: 1;
  margin: 0 10px;
  margin-bottom: 10px; }
#menu #menu-site .jol-menu ul li:hover a {
  box-shadow: none; }
#menu-site-content > ul > li:first-child:before {
  background-color: rgba(0, 195, 255, 0.25); }
#menu-site-content > ul > li:first-child:hover:before {
  background-color: rgba(0, 195, 255, 0.75); }
#menu-site-content > ul > li.selected:first-child:before {
  background-color: rgba(0, 195, 255, 1); }
#menu-site-content > ul > li:first-child {
  width: 60px; }
#menu-site-content > ul > li:first-child a span {
  padding: 0; }
#menu-site-content > ul > li > ul, #menu-site-content > ul > li > ul > li > ul {
  margin-top: 15px;
  min-width: 250px;
  display: block;
  height: 0%;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 15px; }
#menu-site-content li.parent:hover > ul {
  height: 200%; }
#menu-site-content > ul > li > ul > li {
  margin: 0; }
#menu-site-content > ul > li > ul > li > a {
  height: 50px; }
#menu-site-content * {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
@media screen and (max-width: 800px) {
  #menu-wrapper {
    display: initial; } }
/* menu horizontal */
#menu-site-content > ul > li.parent > ul {
  left: 0%;
  width: 240px;
  height: 0; }
#menu-site-content > ul > li:hover > ul {
  width: 640px;
  left: -100%;
  height: 60px;
  overflow: visible; }
#menu-site-content > ul > li > ul > li.parent:hover > ul {
  left: -140%;
  height: 60px;
  overflow: visible;
  top: 40px;
  width: 600px; }
#menu-site-content > ul > li > ul > li, #menu-site-content > ul > li > ul > li > ul > li {
  float: left;
  margin-right: 10px; }
#menu-site-content > ul > li > ul > li a span {
  line-height: 30px; }
.jol-menu ul ul li a span {
  padding-right: 14px; }
.jol-menu ul ul li.parent {
  padding-right: 20px; }
.jol-menu ul ul li.parent > a > span:after {
  top: 35%;
  content: "\25BE"; }
body.takeover #main-content {
  background-image: none;
  background-color: transparent;
  margin-top: -270px; }
body.takeover-mega #masthead-wrapper, body.takeover-giga #masthead-wrapper {
  height: 210px; }
body.takeover #page-wrapper {
  padding-top: 180px; }