/*

Document: Mafia2.fr
Description: Styles
Date : 06-2010
Version: 2.0
Author: Warmth


*/ 

body {
    width: 1280px;
	margin: auto;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #FFF;
    background-image: url("../images/v2/v2_background.jpg");
	background-repeat: repeat-x;
	background-color: #081623;
	text-align: justify;
}

/*----------------------------------------	Principal	----------------------------------------*/ 


#header {
	width: 1280px;
   	height: 310px;
       	background-image: url("../images/v2/header2.jpg");
		background-position: top;
		background-repeat: no-repeat;
}

#header .logo {
width: 400px;
height: 80px;
margin-top: 190px;
margin-left: 460px;
float: left;
outline: none;
}

#header a span {
display: none;
}


#gun {
	width: 190px;
    height: 610px;
	float: left;
     	background-image: url("../images/v2/gun.jpg");
		background-repeat: no-repeat;
}


#title_back {
	width: 950px;
    height: 56px;
	margin: 0 0 5px 0;
       	background-image: url("../images/v2/title_back.png");
		background-position: top;
		background-repeat: no-repeat;
}

#sidetitle_back {
	width: 316x;
    height: 56px;
	margin: 0 0 5px 0;
       	background-image: url("../images/v2/title_back600.png");
		background-position: top;
		background-repeat: no-repeat;
}

#title_back .title{
	width: 400px;
    height: 56px;
	margin: 0 0 0 2px;
}

#contenant  {
	margin: auto;
	width: 950px;
	height: 100%;
	margin: 0 0 0 190px !important;
	margin-left: -190px;
}

#contenu {
	margin: 0 auto;
	width: 950px;
	background-image: url("../images/v2/contenu_body_bg.png");
	background-repeat: repeat;
}

#contenu .contenu_bas {
	width: 950px;
	height: 20px;
	clear: both;
		background-image: url("../images/v2/contenu_bas.png");
		background-position: bottom;
		background-repeat: no-repeat;
}

#col_gauche {
	width: 600px;
}

#col_gauche .content {
	float: left;
	text-align: justify; 
	margin: 0px 0px 12px 10px;
	padding-top: 20px;

}

#col_gauche .news{
	float: left;
	text-align: justify; 
	margin: 0px 14px 12px 10px;
}

.col_droite {
    width: 316px;
	float: right;
	text-align: center;
	margin: 60px 10px 12px 0px !important;
	margin-top: 81px;
}

.col_droite  .title-bg {
    width: 316px;
	height: 45px;
		background-image: url("../images/v2/col_dt/title_bg.png");
		background-repeat: no-repeat;
}

.col_droite  .title-bg .title_droit {
    width: 316px;
	height: 45px;
}

.col_droite .border-top {
	background-image: url("../images/v2/col_dt/top.png");
	background-repeat: no-repeat;
		width: 316px;
		height: 8px;
}

.col_droite .border-body {
    width: 316px;
	background-image: url("../images/v2/col_dt/body.png");
	background-repeat: repeat-y;
}

.col_droite .border-bottom {
    width: 316px;
	height: 8px;
	margin: 0 0 15px 0px;
	background-image: url("../images/v2/col_dt/bottom.png");
	background-repeat: no-repeat;
}

.footer {
    width: 950px;
    text-align: center;
	font-size: 9px; 
	margin: 0 0 0 190px;
    padding: 22px 0 0 0;
	margin: 0 0 0 0px;
    clear: both;
	background-position: bottom;
}

.hr-barre {
	background: #7a1b1b;
	color: #7a1b1b;
	background-repeat: repeat-x; 
	float: left;
	height: 1px; 
	width: 100%;
	margin: 20px 0 10px 0;
}

/*----------------------------------------	Menu Principal	----------------------------------------*/ 

#menuDeroulant {
	width: 950px;
	height: 40px;
	margin: 0 0 0 190px;
	padding: 0 0 1px 0;
	position: relative; 
	z-index: 200;
		background-image: url("../images/v2/nav_back.png");
		background-repeat: no-repeat;

}

#menuDeroulant  .select {
	margin: 0 0 0 5px; 
	padding:0; 
	list-style:none; 
	position:absolute;
}


#menuDeroulant li {
	float: left;
	width: 135px;
	margin: 0;
	padding: 0;
	border: 0;
}


#menuDeroulant .select a {
	height: 40px;
	width: 125px;
	float: left; 
	text-decoration: none; 
	outline: none;
}

#menuDeroulant b {position:absolute; left:-9999px;}

#menuDeroulant .select a.news{background-image: url("../images/v2/btn_news.png"); background-repeat: no-repeat; background-position: left bottom;}
#menuDeroulant .select a.m2{width: 145px; height: 40px; margin: 0 0 0 0px; background-image: url("../images/v2/btn_m2.png"); background-repeat: no-repeat; background-position: left bottom;}
#menuDeroulant .select a.galerie{width: 140px; height: 40px; margin: 0 0 0 0px; background-image: url("../images/v2/btn_gal.png"); background-repeat: no-repeat; background-position: left bottom;}
#menuDeroulant .select a.media{width: 134px; height: 40px; margin: 0 0 0 0px; background-image: url("../images/v2/btn_med.png"); background-repeat: no-repeat; background-position: left bottom;}
#menuDeroulant .select a.m1{width: 135px; height: 40px; margin: 0 0 0 0px; background-image: url("../images/v2/btn_m1.png"); background-repeat: no-repeat; background-position: left bottom;}
#menuDeroulant .select a.forum{width: 135px; height: 40px; margin: 0 0 0 0px; background-image: url("../images/v2/btn_forum.png"); background-repeat: no-repeat; background-position: left bottom;}
#menuDeroulant .select a.contact{width: 130px; height: 40px; margin: 0 0 0 0px; background-image: url("../images/v2/btn_ctc.png"); background-repeat: no-repeat; background-position: left bottom;}

#menuDeroulant .select li:hover a {
	background-position: left top; 
	cursor:pointer;
	position:relative;
}

#menuDeroulant .sousMenu {
	display: none;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;	
}

#menuDeroulant li:hover > .sousMenu { display: inline; }

#menuDeroulant .sousMenu li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	border-top: 1px solid transparent;
}

#menuDeroulant .select .sousMenu li a:link, #menuDeroulant .select .sousMenu li a:visited {
	display: block;
	height: 1%;
	color: #FFF;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}

#menuDeroulant .select .sousMenu li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited {
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("../images/v2/fond_scrollbar.png") repeat;
}

#menuDeroulant .sousMenu li a:hover {
	background-image: none;
	background-color: #ed1b24;
}

.clear{
	clear: both;
}

/*----------------------------------------	Mafia II Généralité 	----------------------------------------*/ 

p { text-align: justify;}

h4 {color: #ca3030; display: inline;}

#center {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

#grey_underline {
	background-color: #1a1a19 ;
	
}

#img_whiteBorder {
	border: 1px;
	border-color: #ffffff;
	border-style: solid;
}

span#title {
	color: white;
	font-size: 14px;
	font-weight: bold;
}

span#redtitle {
	color: #ca3030;
	font-size: 14px;
	font-weight: bold;
}

#sub_title {
	clear: both;
}

#underline {
	background-image: url("http://www.mafia2.fr/images/v2/underline.png"); 
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	margin: 0 0 10px 0;
	clear: both;
}

#underline h2{
	margin: 0 auto;
}	

.lt {
	float: left;
	padding: 0 100px 0 0;
}

.rt {
	float: left;
}

.media_col-lft {float: left; width: 150px; text-align: center; margin: 0 24px 0 0;}

.media_col-lft-left{float: left; width: 150px; margin: 0 24px 0 0;}

.media_col-rt {float: left; width: 416px; text-align: justify; margin: 0 0 75px 0;}

.m2_col-rt {float: left; width: 416px; text-align: justify; margin: 0 0 30px 0;}

.paratexte { color: #FFF; font-size: 10px; font-weight: bold; line-height: 1em;}


.M2img_link {border: 5px solid white;}

.M2img_link:hover {border: 5px solid #ed1b24;}

#screen_content img {
	margin: 0 4.6px 5px 0;
}

#graph table {
	width: 576px;
	border: 0;
}

#graph td {
	width: 192px;
	text-align: center;
}

#graph td#big {
	width: 33%;
	margin: 0 auto;
	text-align: center;
}

/*---------------------------------- Contenu colonne droite	------------------------------------*/ 

.countdown {
    width: 300px;
	margin: 25px 0 0 0;
}

#counterbox {
	width: 191px;
	height: 35px;
	margin: 0 auto;
}

.col_droite .frankie {
    width: 300px;
	float: left;
}

.topics {
    width: 300px;
	text-align: left;
	line-height: 3em;
	float: left;
}

#topic_list {
	margin: 0 0 0 10px;
	font-size: 12px;
	font-style: normal;
	line-height: 2em;
}

.col_droite-liens {
    width: 300px;
	float: left;
}

.img_btn{
	width: 40px;
	height: 53px;
	margin: auto;
	margin-top: 10px;
	padding: 0 20px 0 0;
	border: 0;
}

.img_btn_last{
	width: 40px;
	height: 53px;
	margin: auto;
	margin-top: 10px;
	border: 0;
}

/*---------------------------------------- News	----------------------------------------*/

#titrenews {
		margin: 30px 0 0 0;
		padding: 5px 0 9px 35px;
        font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
        font-weight: bold;
		text-transform: uppercase;
		background-image:url(../images/v2/titrenews.png);
		background-repeat: no-repeat;
}

#postenews
{
      font-family: Tahoma;
      font-size: 9px; 
      padding: 1px 3px 3px 35px; 
}

#news_footer {
      font-family: Verdana;
      font-size: 9px; 
      padding: 5px 0 0 0;
      margin-top:  8px;
      text-align: right;
	  float: right;
}

#cadreimg {
border: 1px solid #7A1312;
padding: 2px;
}

li  {
	padding: 0 0 3px 0;
}

a:link, a:visited 
{
	color: #ca3030; 
    font-weight: bold;
	text-decoration: none;
}

a:hover, a:active 
{
	color: #e7ecf2; 
	font-weight: bold;
	text-decoration: none;
} 


/*----------------------------------------	Frankie Potts	----------------------------------------*/ 
/* CSS par Warmth ! */ 


.FP_link {
	width: 196px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
}

.FP_link_rt {
	width: 196px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
}

#fp_title {
	color: red;
	font-size: 16px;
	text-transform: uppercase; 
}

#file_indent {
	margin-right: 30px;
	font-style: bold;
}


/*---------------------------------- Mafia II - Véhicules --------------------------------------*/  

.imagegauche {
	width: 290px;
	height: 290px;
	padding-right: 10px; 
	float:left;
}
		
.imagedroite {
	width: 290px;
	height: 290px;
	padding-left: 10px; 
	float:right;
}
		
.voiture {
	width: 590px;
	height: 320px;
}

p#gauche {
	width: 290px;
	float: left;
}

p#droite {
	width: 290px;
	float: right;
}

/*----------------------------------------	Mafia I 	----------------------------------------*/  

/*-- Généralité --*/ 

#img_title {
	height: 86px;
	width: 600px;
	border: 0;
}

.M1_background {
	background-image: url("../pages/mafia/images/paper_texture.jpg");
	background-repeat: repeat;
}

#M1_footer {
	height: 38px;
	width: 600px;
	border: 0;
	background-image: url("../pages/mafia/images/M1_footer.gif");
	background-repeat: no-repeat;
}

.alignRub {
	width: 580px;
	padding: 0 10px 0 10px;
	margin:0 auto; 
	color: #202020;
	text-align: center;
}

.img {
	border: 4px double #202020;
}

.img_link{
	border: 4px double #202020;
}

.img_link:hover{
	border: 4px double #ed1b24;
}

.img_gauche {
	float: left;
	margin: 0 5px 30px 35px;
	border: 4px double #202020;
}

.img_gauche:hover {
	border: 4px double #ed1b24;
}

.img_droite {
	float: right;
	margin: 0 35px 30px 0;
	border: 4px double #202020;
}

.img_droite:hover {
	border: 4px double #ed1b24;
}

ul#M1_content {
	color: 202020;
	text-align: justify;
}

#mafia:link
{
	color: #4a4a4a; 
    font-weight: bold;
	text-decoration: none;
}

#mafia:hover, a:active 
{
	color: #ed1b24; 
	font-weight: bold;
	text-decoration: none;
} 

/*-- Fiche --*/ 



table#M1_info{
	width: 450px;
	margin-left: 75px;
	padding: 10px;
	border: 4px double #202020;
}

table#M1_info .twolines{
	text-align: left;
	vertical-align: top;
}

table#M1_info  tr{
	text-align: left;
	border: none;
}

table#M1_info  td{
	width: 50%;
	border: none;
}



/*-- Personnages --*/ 



#div_perso  {
	width: 580px;
	height: 220px;
	padding: 0 10px 0 10px;
	color: #202020;
	clear: both;
}

#div_perso_frank  {
	width: 580px;
	height: 250px;
	padding: 0 10px 0 10px;
	color: #202020;
}

#img_perso {
	height: 180px;
	width: 150px;
	float: left;
	margin: 0 5px 0 0 ;
	border: 4px double #202020;
}

#rub{
	text-align: justify;
	clear: both;
}

span#name {
	color: #ed1b24;
	font-size: 12px;
	font-weight: bold;
}

/*-- Screenshots --*/

table#screen {
	width: 580px;
	height: 700px;
	margin: auto;
}

/*-- Les véhicules --*/

#col_car {
	width: 218px;
	margin: 0 5px 0px 10px;
	padding: 0 0 5px 0;
	float: right;
}

table#cars {
	width: 580px;
	height: 1250px;
	margin: auto;
}

/*-- Revue de Presse --*/ 

#press_name {
	float: left;
	font-weight: bold;
}

#note {
	float: right;
	font-size: 14px;
	color: #ed1b24;
}


/*-- Téléchargement --*/ 



#div_mods {
	width: 580px;
	padding: 0 5px 0 0;
	color: #202020;
}

#img_mods {
	width: 150px;
	float: left;
	margin: 0 10px 30px 35px;
	border: 4px double #202020;
}

#img_mods:hover {
	border: 4px double #ed1b24;
}

table#wallpaper {
	width: 580px;
	height: 450px;
	margin: auto;
}

#textImage{
	text-align: center;
}