@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Actor');

body {
  color:#FFF;
  background-image: url('/forum/pics/asphalt.png');
  font: small Oswald, sans-serif;
}

.container { max-width: none; }
/*
A:visited {
	color: #671010;
	text-decoration: none;
}*/
A:hover {
	text-shadow: 0 0 10px whitesmoke;
	text-decoration: none;
}
A{ 
	text-decoration : none;
	color: #000000;
}

a.forumheader {
	color: #CCCCCC;text-decoration: none;
}
a.forumheader:visited {
	color: #CCCCCC;text-decoration: none;
}
a.forumheader:hover {
	color: #CCCCCC;
	text-decoration: none;
	
}
 /* ============================ */
 /* ========== HEADER ========== */
/* ============================ */

.TopHeader {
	background-image: url('/forum/pics/TopNavBar.jpg');
	padding: 5px 10px 0px 10px;
	border-bottom: solid 1px whitesmoke;
	font: small-caps large Oswald, sans-serif;
	//box-shadow: 0 0 5px 1px silver;
	background-color: #000;
	color:#FFF;
}
.MainHeaderPicture
{
	background-image: url("/forum/specific/TopImage1.jpg");
    background-repeat: no-repeat;
    background-position: center; 
    height:240px;
}
.TopHeaderMainButton{
	text-align:center;
	padding:0;
}
#FormLoginForum  {
	margin:0;
}
#FormLoginForum input {
  color: black;
  background-color: whitesmoke;
  //padding: 5px;
}

#FormLoginForum img[src$="login.gif"] {
  margin-left: 10px;
}

#FormLoginForum img[src$="fleche-rouge.gif"] {
  //position: relative;
  left: -225px;
}

#FormLoginForum .forumheader {
  font: small-caps medium Oswald, sans-serif;
  //position: relative;
  left: -220px;
}

#TopHeaderMenu{
	display: flex; justify-content: center;
	float:right !important;
}
#TopHeaderMenu>li{
	text-align:center;
	//height:60px;
}
#TopHeaderMenu>li>a{
	padding-top:0px;padding-bottom:0px;
}
#TopHeaderMenu .dropdown-header{
	color:#FFF;font-size: 14px;
}
#TopHeaderMenu>ul.dropdown-menu{
	background-color:#000 ;
}
.TopHeaderMenuDropDownMenu{
	background-color:#000;
	width: 220px;
}
.TopHeaderMenuDropDownMenu img{
	padding-left: 20px;
}
.TopHeaderLoginDropDownMenu
{
	left:-200px !important;
}
.TopHeaderMenuDropDownMenu a{
	color:#FFF !important;
}
.TopHeaderMenuDropDownMenu a:hover{
	background-color:#222222 !important;
}
#TopHeaderMenu.nav>li>a:focus, #TopHeaderMenu.nav>li>a:hover{
	text-shadow: 0 0 10px whitesmoke;
	background-color:transparent ;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color:transparent;
}

.TopHeaderBadge{
	background-color:red;
	z-index: 1;
	position: absolute;
	right: 10;
	top: 10;
}
.m-TopHeaderBadge{
	background-color:red;
	/*z-index: 1;
	position: absolute;
	right: 10;
	top: 10;*/
}

/* tablets */
#m-login-btn {
    color: @background;
    background-color: #F4BF31;
    width: 260px;
    height: 32px;
    font: 400 22px Oswald, sans-serif;
	padding: 0px 3px 0px 3px;
}
#m-header {
  padding: 0;
}
#m-header .row {
  margin: 0;
}
#m-header #m-portal {
  background-color: #000;
  font-family: Oswald, sans-serif;
  font-size: x-large;
  padding: 15px 0;
}
#m-header #m-portal .som span {
  color: #F4BF31;
}
#m-header #m-portal .som:hover {
  color: #F4BF31;
}
#m-header #m-portal .sor {
  font-size: 0.7em;
}
#m-header #m-portal .sor span {
  color: gray;
}
#m-header #m-portal .sor:hover {
  color: gray;
}
#m-header #m-portal #m-switchers {
  text-align: right;
}
#m-header #m-portal #m-switchers i {
  color: white;
  margin-left: 15px;
}
#m-header #m-portal #m-switchers i:hover {
  cursor: pointer;
  color: #F4BF31;
}
#m-header #m-languages {
  background-color: #000;
}
#m-header #m-languages > div {
  padding: 0;
}
#m-header #m-languages ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
    list-style: none;
}
#m-header #m-languages ul li {
  flex-grow: 1;
	
}
#m-header #m-languages ul li a {
  display: block;
  color: gray;
  font-size: large;
  font-family: Oswald, sans-serif;
  text-align: center;
  padding: 10px 0;
}
#m-header #m-languages ul li a:hover,
#m-header #m-languages ul li a:focus {
  color: #121212;
  background-color: #F4BF31;
}
#m-header #m-options {
  background-color: #000;
  text-align: center;
  padding: 10px 0;
}
#m-header #m-options a {
  padding: 10px 0;
  font-family: Oswald, sans-serif;
}
#m-header #m-login {
  background-color: #000;
  text-align: center;
  padding: 10px 0;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  color: gray;
}
#m-header #m-login span {
  color: #F4BF31;
}
#m-header #m-login a {
  display: block;
  padding: 10px;
  margin-top: 10px;
  color: #F4BF31;
  border: solid 2px #F4BF31;
  border-radius: 5px;
}

#m-header #m-nav {
  padding: 0;
  margin-bottom: 20px;
  background-color: #000;
}
#m-header #m-nav > div {
  padding: 0;
}
#m-header #m-nav a {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: Astonished, sans-serif;
  font-size: 30px;
  font-weight: 400;
  padding: 10px 0;
}
#m-header #m-languages ul li a.m-active ,
#m-header #m-nav a.m-active {
  background-color: #F4BF31;
}
/* ============================ */
 /* ========= SUBMENU ========== */
 /* ========= FORUMS GENERAUX == */
 /* ========= FORUMS DE GROUPES= */
 /* ========= FORUMS PERSO ===== */
 /* ========= SEARCH ===== */
/* ============================ */

.SubMenuBar{
	/*background-image: url("/forum/specific/menu_bg.jpg");*/
	background-color: #3F0909;
	padding: 8px;
	border: 1px solid #000;
	font: small-caps large Oswald, sans-serif;
	  margin-top: 20px;
  background-image: url('/forum/pics/SubMenuBg.jpg');
  //text-align: center;
  border-radius: 10px 10px 0 0;
}

.row.SubMenuBar:first-of-type {
  margin: 0 0 20px 0;
  border-radius: 5px 5px 0 0;
}

.row.SubMenuBar:last-of-type {
  margin-top: 0 !important;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.3);
  border-top: dashed 1px whitesmoke;
}
.row.SubMenuBar img {
  margin-right: 5px;
}
.SearchBar{
	background-image: url('/forum/pics/SubMenuBg.jpg');
	padding: 8px;
	text-align: right;
}

#search-icon {
  box-shadow: 0 0 1px white inset;
}
#search-icon:hover {
  text-shadow: 0 0 5px white;
}
.row.SubMenuBar button#search-icon {
  width: 150px;
}
.row.SubMenuBar img {
  margin-bottom: 6px;
}
.SearchField{
	width:400px;height: 32px;
	color:#000;
}
.row.SubMenuBar a {
  color: #CCCCCC;
  text-decoration: none;
}
.row.SubMenuBar a:visited{
  color: #CCCCCC;
  text-decoration: none;
}
.row.SubMenuBar a:hover {
  text-decoration: none;
  text-shadow: 0 0 15px whitesmoke;
}

/* ============================ */
 /* ========= HEADLINE 1 ====== */
 /* =========================== */
.ForumHeadline1 div{
	background-color: #12110f;
	/*background-color: #3F0909;*/
	min-height: 38px;
	color: #FFFFFF;
	padding-top:5px;padding-bottom:5px;
	//border: 1px solid #000;
}

.MessageAds{
	background-color: #12110f;
	padding-left:20%;
	padding-right:20%;
}
.row.ForumHeadline1 .maintitle {
  background-color: rgba(128, 0, 0, 0.5);
  padding: 10px;
  border-top: solid 1px white;
  border-left: solid 1px white;
  border-right: solid 1px white;
  border-radius: 15px 15px 0 0;
  text-align: center;
  font: small-caps bold large Oswald, sans-serif;
}

.row.ForumHeadline1 .indication {
  position: relative;
  top: 4px;
  margin-right: 15px;
}
/* ============================ */
 /* ========= HEADLINE 2 ====== */
 /* =========================== */
 .ForumHeadline2{
	//background-color: #B8B1A1;
	//color: #000;
	//padding-top:5px;
	//padding-bottom:5px;
	//border: 1px solid #000;
	border-left: solid 1px whitesmoke;
	border-right: solid 1px whitesmoke;
}
 .row.ForumHeadline2  .forummain{
  color: white;
  padding: 6px 0;
  text-align: center;
  font: small-caps x-large Oswald, sans-serif;
  background-color: rgba(0, 0, 0, 0.9);
}
 
.MessageAuthor {
  background-color: #800000 !important;
  text-align: center;
}

.MessageAuthor a {
  font: large Oswald, sans-serif;
  color:#FFF !important;
}
.InfoAuthorMessage {
  padding: 0;
  color:#671010;
  //padding-left:5px;
  padding-bottom:10px;
  //margin-bottom: 15px;
  transition: background .5s ease;
  font: 1.1em Actor, sans-serif;
  font: bold medium Oswald, sans-serif;
  margin:0;
}
.avatar{
	width:100%;
}
.MemberInfo{
	padding-left:5px;
	font-size:12px;
}
.row.ForumMessage .MemberInfo a {
  font-size: large;
}
.row.ForumMessage .col-xs-10 {
  //border-left: solid 1px black;
  font: large Actor, sans-serif;
  padding: 15px;
}
.row.ForumMessage .indication {
  color: black;
}
.row.ForumMessage .quote td {
  padding: 5px;
  background-color: silver;
  color: #25272C;
}
.row.ForumMessage blockquote{
  color: #25272C;
  background-color: #ccc !important;
  font-style: italic;
  padding: 15px !important;
  margin: 15px;
  border: solid 1px gray;
}
.ForumMessage a:hover {
  color: #800000;
}

 .forumname {
  font: large Actor, sans-serif;
  font-size:24px;
}
.addthis_toolbox {
  text-align: right;
}
/*
.MainForumSection{
	//background-color: #8f775d;
	BORDER: #cec8b6 1px solid;
}*/
/* ============================ */
 /* ========= FORUM ROW ======= */
 /* =========================== */
.ForumRow{
	BORDER: #cec8b6 1px solid;
	background-color: #EBEBEB;
	color:#000;
	padding: 7px;
	//border-bottom: dashed 1px black;
	font: small Oswald, sans-serif;
}
.ForumMessage{
	padding-bottom: 15px;
	background-color: #EBEBEB;
	color:#000;
}
.ForumMessage img { /* responsive images! */
  max-width: 100% !important;
  height: initial !important;
}
.signature{
  font-weight: bold;
  font-size: medium;
  font-family: Actor, sans-serif;
}
.ForumRow td{
	color:#000;
}
.ForumRow a{
	color:#000;
}
.ForumRow a:hover{
	color:#000;
}
.ForumRow textarea {
	color:#000;
}

.glyphicon.glyphicon-search {
    font-size: 15px;
}
.SearchBox
{
	color:#FFF;
}

.ForumButton{
	background-color: #800000;
	color:#FFF !important;
	box-shadow: 0 0 1px white inset;
}
.SearchButton:visited{
	color:#FFF;
}
.btn:hover {
	color:#FFF;
}
.btn a:visited{
	color:#FFF;
}
.btn a{
	color:#FFF !important;
}
.btn-primary{
	background-color: #800000 !important;
	BORDER: #800000 1px solid;
	color:#FFF !important;
	border-radius: 4px;
	box-shadow: 0 0 1px white inset;
	padding:1px;
}
.btn-black{
	background-color: #000;
	color:#FFF !important;
	border-radius: 4px;
	BORDER: 1px;
	box-shadow: 0 0 1px white inset;
}
.btn-primary:hover{
	background-color: #800000;
	BORDER: #800000 1px solid;
	text-shadow: 0 0 5px white;
}
.btn-xlarge{
	width: 50%;
	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

a.forumlink {
  color: #25272C;
}
a.forumlink:hover {
  text-decoration: none;
  background-color: initial;
  color: #FFF;
  text-shadow: 0 0 10px black;
}
footer{
	padding:5px;
	text-align:center;
	font-weight: bold;
	font-size: medium;
	font-family: Actor, sans-serif;
	color: silver;
	margin-top: 30px;
	padding: 20px 0;
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 -10px 10px -10px black;
}



/* Tablet */

@media screen and (max-width: 1023px) {
  .TopHeader {
  	margin-bottom: 0;
  	border-bottom: 0;
  }

  .container {
  	width: 100%;
  }

  .container .col-md-3 {
    padding: 0 !important;
  }

  .container .col-md-9 {
    padding-right: 0 !important;
  }
  
  
  .row.SubMenuBar {
  	border-radius: 0;
  	margin-top: 0 !important;
  	margin-bottom: 0 !important;
  }

  
  .row.ForumHeadline1 .maintitle {
    border-radius: 0;
  }

  .ForumRow .col-md-6 {
  	margin-left: 10px;
  }

  .ForumRow .col-md-1 {
  	position: relative;
  	margin-left: 70px;
  }
  
  #accordionMenu {
    text-align: center;
  }

  #accordionMenu .panel {
    margin-top: 0;
    background-color: initial;
  }

  #accordionMenu .panel-default {
    border: 0;
  }

  #accordionMenu .panel-heading {
    padding: 0;
    border-bottom: solid 1px whitesmoke;
    background-color: rgba(128, 0, 0, 0.5) !important;
  }

  #accordionMenu .panel-heading a {
    color: whitesmoke;
    font-size: large;
    padding: 10px;
    display: block;
    width: 100%;
  }

  #accordionMenu .panel-body {
    padding: 0 0 15px 0;
    border-top: 0;
    border-bottom: solid 1px whitesmoke;
    background-color: rgba(0, 0, 0, 0.3);
  }

  #accordionMenu .panel-body a {
    padding: 10px 0;
    color: whitesmoke;
    font-family: Actor, sans-serif;
    font-size: large;
    font-variant: small-caps;
    border-bottom: dashed 1px gray;
    text-align: left;
    padding-left: 20px;
  }

  #accordionMenu .panel-body a:hover {
    background-color: initial;
    border-color: #f4bf31;
    text-shadow: 0 0;
  }

  #accordionMenu .panel-body a:focus {
    background-color: initial;
    border-bottom: dashed 1px whitesmoke;
  }
}

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

#TopHeader1,#TopHeader2 {
    display: none;
  }
  
}
/* Smartphone */

@media screen and (max-width: 766px) {
	 .container {
    width: 100%;
  }
  
  /* Header */

  .TopHeader {
    text-align: center;
	margin: 0;
	padding-bottom: 10px;
    border-bottom: solid 1px white;
  }

  .navbar.TopHeader .text-right {
    text-align: center;
    margin-bottom: 5px;
  }
  
  #TopHeaderMenu{
	display: flex; justify-content: center;
	float:none !important;
	}
	
  .row.ForumHeadline2 {
    border: 0;
  }
  .col.ForumName {
    font-size: medium;
  }
  
  #FormLoginForum {
  	text-align: center;
  }

  .row { /* remove useless space */
    margin-left: 0;
    margin-right: 0;
  }
  
.row.ForumMessage .col-xs-10 {
	width: 100%;
    //padding: 0;
	border:0;
  }
  .row.ForumMessage  {
    padding-bottom: 0;
  }
  /* Image */

  .MainHeaderPicture {
      display: none;
  }

  /* Menu */

  .container {
    padding: 0;
  }

  .row.SubMenuBar {
      background-color: rgba(128, 0, 0, 0.5);
      background-image: initial;
      text-align: center;
      margin: 0 !important;
      border: 0;
      border-radius: 0;
  }

  .row.SubMenuBar img[src$=".gif"] {
      display: none;
  }

  /* Topics */
	
  .maintitle {
      display: none;
  } 

  .OnlineMembers .BirthDays{
      display: none;
  }
  
  footer {
    font-size: small;
  }
 
}