/* Warmania.com 

fond 1 : #1D1D1D
fond 2 : 
texte : 76% Verdana,Tahoma,Arial,sans-serif #CCC
texte 2, border : #87B8D7
liens : bold CCC

*/

body {
background:#1D1D1D;
color:#CCC;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#CCC;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#87B8D7;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

img {
border: 0px;
}

/*** Main container ***/

#container {
//background:#fff url(../images/bodybg.jpg) repeat-x;
//color:#000;
margin:0;
min-width:900px;
padding:0;
text-align:left;
width:100%;
}

/*** Header ***/

#sitename {
height:100px;
background: #000;
}

#sitename h1 {
background: url(../images/header.jpg) no-repeat;
margin: 0px;
padding: 0px;
height: 100px;
}

#sitename h1 span {
display: none;
}

#ban_pub {
  position: absolute;
	top: 5px;
	left: 250px;
}

/*** Horizontal menu ***/

#mainmenu {
width:100%;
 border-bottom: 1px solid #363636;
float:left;
margin-bottom:25px;
background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#363636),
		to(#000)
	);
	background: -webkit-linear-gradient(
		top,
		#363636,
		#000
	);
	background: -moz-linear-gradient(
		top,
		#363636,
		#000
	);
	background: -o-linear-gradient(
		top,
		#363636,
		#000
	);
	background: linear-gradient(
		top,
		#363636,
		#000
	);

}

#mainmenu ul {
 font-size: 16px;
margin: 0;
padding: 0;
}

#mainmenu li {
float: left;
height: 35px;
list-style: none outside none;
margin: 0;
padding: 0;
}

#mainmenu a {
 border-right: 1px solid #363636;
color: #FFFFFF;
display: block;
font-size: 0.7em;
padding: 11px 10px 10px;
text-transform: uppercase;
}

#mainmenu a:hover {
background:#000;
color: #87B8D7;
text-decoration:none;
}

#mainmenu a.current {
background:#363636;
color:#87B8D7;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:180px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:10px;
text-align: center;
}

#leftside h1,#rightside h1 {
color:#C5BB6C;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
//background:#fff;
//color:#000;
padding:15px 20px 5px;
}

#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#C5BB6C;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

/*** Footer ***/

#footer {
//background:#fff url(../images/footerbg.jpg) top left repeat-x;
clear:both;
//color:#000;
font-size:0.9em;
margin:0;
padding:10px 0;
text-align:center;
width:100%;
}

#footer a {
//color:#000;
font-weight: normal;
}

#footer p {
padding: 10px;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

.titlemedium {
 color: #C5BB6C;
 background: transparent url(../img/list_bullet.jpg) left top no-repeat;
 padding: 0px 0px 15px 25px;
 border-bottom: 1px solid #34460C;
}

.post {
  margin: 8px;
}

.pub {
  text-align: center;
}

.pub2 {
  padding: 15px 10px 10px 10px;
}

.pub3 {
  padding: 15px 10px 10px 10px;
  text-align: center;
}

#pub_flash_right {
  position: absolute;
  top: 160px;
  right: 40px;
}

.box {
	margin-bottom: 15px;
	text-align: center;
	width: 179px;
}

.box p {
	padding: 15px 10px 10px 10px;
	color: #789134;
}

.box ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
	list-style: none;
	text-align: left;
}

.emplacement2 {
  text-align: center;
  margin-bottom: 10px;
}

img.linked-image {
max-width: 500px;
}

.content_rating {
   margin-left: 5px;
   padding-top: 5px;
}

.content_rating img {
  padding-bottom: 10px;
}

.message {
  margin: 5px;
  padding: 10px;
  border: 1px solid #0C2E70;
  color: #ff0000;
  font-weight: bold;
}

td.contentheading {
  color: #87B8D7;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #87B8D7;
  padding: 5px;
}

.componentheading  {
  color: #87B8D7;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #87B8D7;
  padding: 5px;
  margin-bottom: 5px;
}

.contenttoc {
  padding: 10px;
  border: 1px solid #87B8D7;
}

table.contentpaneopen {
  width: 100%;
}

div.moduletitle{
	margin:0px;
  padding:5px;
  border: 1px solid #87B8D7;
  background: #146;
  color:#fff;
  font-family:Times New Roman, Times, serif;
  font-size:16px;
  font-weight:bold;
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#146),
		to(#87B8D7)
	);
	background: -webkit-linear-gradient(
		top,
		#146,
		#87B8D7
	);
	background: -moz-linear-gradient(
		top,
		#146,
		#87B8D7
	);
	background: -o-linear-gradient(
		top,
		#146,
		#87B8D7
	);
	background: linear-gradient(
		top,
		#146,
		#87B8D7
	);}

#mainlevel, ul.mostread {
  margin:0px;
  padding: 5px 0px;
  border: 1px solid #87B8D7;
}

#mainlevel li, ul.mostread li {
	padding: 2px;
  padding-left: 10px;
}