/*************************************************************/
/*********     CSS de mise en forme des pages sur GTA SA    *********/
/*********                                   GxiGloN                                   *********/
/*********                         Créé le 30/10/2007                         *********/
/*********                  Dernière MAJ : 24/12/2008                 *********/
/************************************************************/



/********************************/
/* CSS présent sur la page des armes */
/********************************/

.gtasa_armes {
	width : 100%;
	border : 1px solid #D2A44A;
	border-collapse : collapse;
}

.gtasa_armes thead th {
	width : 20%;
	height : 30px;
	color : #d2a44a;
	font-weight : bold;
	text-align : center;
	background-color : #222222;
}

.gtasa_armes thead th+th {
	width : 25%;
}

.gtasa_armes thead th+th+th {
	width : 55%;
}

.gtasa_armes tbody td {
	width : 20%;
	color : #FFFFFF;
	text-align : center;
	padding : 5px;
	border : 1px solid #D2A44A;
}

.gtasa_armes tbody td+td {
	width : 25%;
	font-weight : bold;
	text-align : center;
}

.gtasa_armes tbody td+td+td {
	width : 55%;
	font-weight : normal;
	text-align : left;
}

.gtasa_armes img {
	width : 64px;
	height : 64px;
	border-width : 0px;
}



/*********************************/
/**** CSS pour la page des cartes ****/
/*********************************/

.gtasa_cartes {
	width : 100%;
	border-width : 0px;
}

.gtasa_cartes td {
	width : 50%;
	text-align : center;
	padding : 10px;
}

.gtasa_cartes img {
	width : 220px;
	height : 220px;
	margin : 2px 0px;
	padding : 3px;
	background-color : #3B3B3B;
   	border : 1px solid #454545;
}


/**********************************/
/* CSS présent sur la page des copines */
/**********************************/

.gtasa_copinecadregeneral {
	margin : auto;
	border-width : 0px;
}

.gtasa_copinecadregeneral td {
	padding : 8px 3px;
}

/*Style d'un tableau général*/
.gtasa_copinecadre {
	width : 265px;
	border : 1px #D2A44A solid;
	border-collapse : collapse;
}

.gtasa_copinecadre td {
	padding : 5px;
}

/*Style du titre des cadres des copines*/
.gtsa_copinestitre {
	width : 100%;
	color : #282828;
	font-size : 1.5em;
	font-family : Arial, Verdana, Helvetica, "Times New Roman", sans-serif;
	font-weight: bold;
	text-align : center;
	text-transform : uppercase;
	border : 1px #D2A44A solid;
	background-color : #D2A44A;
}

/*Style du haut des cadres des copines, partie foncée*/
.gtasa_copine1 {
	width : 265px;
	color : #D2A44A;
	font-weight: bold;
	text-align : left;
	border : 1px #D2A44A solid;
	background-color : #282828;
}

.gtasa_copine1 img {
	width : 125px;
	height : 213px;
	border : 1px #D2A44A dashed;
	background-color : #3B3B3B;
	padding : 3px;
	margin : 5px;
	float : left;
}

/*Style de bas à gauche des cadres des copines, partie claire*/
.gtasa_copine2 {
	width : 115px;
	color : #D2A44A;
	text-align : center;
	font-weight: bold;
	border : 1px #D2A44A solid;
	background-color : #3B3B3B;
}

/*Style de bas à droite des cadres des copines, partie claire*/
.gtasa_copine3 {
	width : 150px;
	color : #FFFFFF;
	text-align : center;
	border : 1px #D2A44A solid;
	background-color : #3B3B3B;
}


/********************************/
/* CSS présent sur la page des gangs */
/********************************/

.gtasa_gangs_image {
	width : 160px;
	height : 112px;
	border : 1px #D2A44A solid;
	padding : 0px;
	margin-right : 10px;
	float : left;
}

.gtasa_gangs_tableau {
	width : 500px;
	margin : 10px auto;
	border-collapse : collapse;
}

.gtasa_gangs_tableau thead th {
	width: 100%;
	color: #D2A44A;
	font-weight: bold;
	text-align: center;
	border : 1px solid #D2A44A;
	background-color: #222222;
	padding : 10px;
}

.gtasa_gangs_tableau tbody {
	text-align : center;
}

.gtasa_gangs_tableau tbody td {
	width : 40%;
	padding : 5px;
	border : 1px solid #D2A44A;
}

.gtasa_gangs_tableau tbody td+td {
	width : 60%;
	padding : 5px;
	border : 1px solid #DC9843;
}



/***********************************/
/* CSS présent sur la page des planques */
/**********************************/

.gtasa_planques_image {
	width : 220px;
	height : 150px;
	border-width : 0px;
	margin-top : 2px;
	background-color : #3B3B3B;
	padding : 4px;
}



/*********************************/
/* CSS présent sur la page des radios */
/*********************************/

.gtasa_radios {
	width : 100%;
	border : 1px solid #D2A44A;
	border-collapse : collapse;
}

.gtasa_radios thead th {
	width : 35%;
	height : 30px;
	color : #d2a44a;
	font-weight : bold;
	text-align : center;
	background-color : #222222;
}

.gtasa_radios thead th+th {
	width : 65%;
}

.gtasa_radios tbody td {
	width : 40%;
	color : #FFFFFF;
	text-align : center;
	font-weight : bold;
	border : 1px solid #D2A44A;
	padding : 10px;
}

.gtasa_radios tbody td+td {
	width : 60%;
	text-align : left;
}

.gtasa_radiog img {
	width : 150px;
	height : 150px;
	border-width : 0px;
}

/*Petit cadre pour le style de la radio*/
.gtasa_styleradio {
	width : 170px;
	margin : auto;
}

.gtasa_styleradio tbody td {
	text-align : center;
	font-weight : bold;
	border : 1px dashed #D2A44A;
	background-color : #222222;
	margin : 0px;
	padding : 10px;
}



/******************************************/
/* CSS présent sur les pages listant les véhicules */
/******************************************/

/* Cadre général qui englobe l'ensemble de la page */
.gtasa_lesvehicules_tableau1 {
	margin : auto;
	border-width : 0px;
	border-collapse : separate;
}

.gtasa_lesvehicules_tableau1 td {
	margin : 0px;
	padding : 1px;
}

/* Bloc correspondant à un véhicule */
.gtasa_lesvehicules_tableau2 {
	width : 170px;
	text-align : center;
	border : 1px solid #D2A44A;
	border-collapse : separate;
	background-color : #222222;
	padding : 0px;
	margin : 0px;
}

.gtasa_lesvehicules_tableau2 td {
	padding : 10px;
	margin : 0px;
}

.gtasa_lesvehicules_tableau2 img {
	width : 150px;
	height : 113px;
	border-width : 0px;
	margin-bottom : 10px;
	padding : 0px;
}

/* Cadre clair où apparaissent les informations sur le véhicule */
.gtasa_lesvehicules_tableau3 {
	width : 150px;
	color : #D2A44A;
	text-align : center;
	font-weight: bold;
	border : 1px dashed #D2A44A;
	background-color: #3B3B3B;
	margin : auto;
	padding : 0px;
}

.gtasa_lesvehicules_tableau3 img {
	width : 80px;
	height : 10px;
	border-width : 0px;
	margin-top : 5px;
}

.gtasa_lesvehicules_transferders, .gtasa_lesvehicules_wheelarchangels, .gtasa_lesvehicules_locolowco {
	font-weight: bold;
	font-style : italic;
}

/*Style des textes Transfender*/
.gtasa_lesvehicules_transferders {
	color : #E10101;
}

/*Style des textes Weel Arc Angeles*/
.gtasa_lesvehicules_wheelarchangels {
	color : #3094E2;
}

/*Style des textes Loco Low Co */
.gtasa_lesvehicules_locolowco {
	color : #AD7600;
}



/************************************/
/* CSS présent sur la page des vêtements */
/************************************/

/*Style du titre des cadres des vêtements*/
.gtasa_vetementstitre {
	width : 100%;
	color : #222222;
	font-size : 1.5em;
	font-family : Arial, Verdana, Helvetica, "Times New Roman", sans-serif;
	font-weight: bold;
	text-align : center;
	border : 1px #D2A44A solid;
	border-collapse : collapse;
	background-color : #D2A44A;
}

.gtasa_vetements1, .gtasa_vetements2, .gtasa_vetements4, .gtasa_vetements5 {
	text-align : left;
	border : 1px solid #D2A44A;
	background-color : #3B3B3B;
}

/*cadre1 des tableaux des vêtements*/
.gtasa_vetements1 {
	width : 20%;
}

/*cadre2 des tableaux des vêtements*/
.gtasa_vetements2 {
	width : 49%;
}

/*cadre3 des tableaux des vêtements*/
.gtasa_vetements3 {
	width : 11%;
	text-align : right;
	border : 1px solid #D2A44A;
	background-color : #3B3B3B;
}

/*cadre4 des tableaux des vêtements*/
.gtasa_vetements4 {
	width : 69%;
}

/*cadre5 des tableaux des vêtements*/
.gtasa_vetements5 {
	width : 40%;
}

.gtasa_vetements6 {
	width : 100%;
	color : #D2A44A;
	font-weight : bold;
	text-align : justify;
}

.gtasa_vetements6 img {
	width : 160px;
	height : 112px;
	border : 1px solid #D2A44A;
	padding : 0px;
	margin : 5px;
	margin-right : 10px;
	float : left;
}



/********************************/
/* CSS présent sur la page des villes */
/********************************/

.gtasa_lesvilles {
	width : 100%;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #3A3A3A;
}

.gtasa_lesvilles img {
	width : 150px;
	height : 225px;
	border : 0px;
	margin : 10px;
}

.gtasa_lesvilles_image1 {
	width : 160px;
	height : 112px;
	float : left;
	border : 1px #D2A44A solid;
	padding : 0px;
	margin-right : 10px;
}

.gtasa_lesvilles_image2 {
	width : 80px;
	height : 56px;
	float : right;
	border : 1px #D2A44A dashed;
	padding : 0px;
	margin-left : 5px;
	margin-top : 30px;	
}



/************************************************/
/* CSS présent sur les pages des  missions en véhicules */
/***********************************************/

.gtasa_missionsvehicule {
	text-align : center;
}

/* Miniatures illustrant les missions */
.gtasa_missionsvehicule img {
	width : 160px;
	height : 120px;
   	border : 1px solid #454545;
	background-color : #3B3B3B;
	margin-top : 5px;
	padding : 5px;
}



/************************************************/
/* CSS présent sur les pages des écoles d'apprentissage */
/************************************************/

/* Style aussi utilisé dans certaines pages des défis en tous genres */
.gtasa_ecoles_images1 {
	width : 160px;
	height : 120px;
	border : 1px solid #D2A44A;
	padding : 0px;
	margin : 2px;
}

.gtasa_ecoles_images2 {
    display : block;
	width : 250px;
	height : 188px;
	border : 1px solid #D2A44A;
	padding : 0px;
	margin : auto;
}



/************************************************************************/
/* CSS présent sur les pages des écoles d'apprentissage et des missions principales */
/***********************************************************************/

/* Petit tableau servant pour indiquer les "récompenses" */
.gtasa_tableau_recompenses {
	width : 200px;
	border-width : 0px;
	margin : auto;
}

.gtasa_tableau_recompenses td {
	width : 100%;
	color : #FFFFFF;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #3B3B3B;
	margin : 0px;
	padding : 10px 5px;
}


/*****************************************************/
/* CSS présent dans plusieurs pages des défis en tous genres */
/****************************************************/

.gtasa_defistousgenres_image1, .gtasa_defistousgenres_image2 {
	border : 1px solid #D2A44A;
	padding : 0px;
	margin : 2px;
}

.gtasa_defistousgenres_image1 {
	width : 250px;
	height : 188px;
}

.gtasa_defistousgenres_image2 {
	width : 160px;
	height : 120px;
}



/**************************************/
/* CSS présent dans la page import / export */
/**************************************/

.gtasa_importexport img {
	border-width : 0px;
	padding : 0px;
	margin : 8px;
}



/***********************************************/
/* CSS présent dans les pages des tournois de courses */
/**********************************************/

.gtasa_tournoisdecourses1 {
	width : 100%;
	border-width : 0px;
	padding : 0px;
	margin : 0px;
}

.gtasa_tournoisdecourses1 td {
	color : #D2A44A;
	font-weight : bold;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #282828;
	padding : 10px;
	margin : 0px;
}

.gtasa_tournoisdecourses1 img {
	width : 220px;
	height : 165px;
	border : 1px solid #D2A44A;
	padding : 0px;
	margin : 5px;
}

.gtasa_tournoisdecourses2 {
	text-align : center;
}

.gtasa_tournoisdecourses2 img {
	width : 250px;
	height : 188px;
	border : 1px solid #D2A44A;
	padding : 0px;
	margin : 1px;
}



/**********************************/
/* CSS présent sur les pages des codes */
/**********************************/

.gtasa_lescodes_ps2 {
	width : 100%;
	margin : auto;
	border-collapse : collapse;
}

.gtasa_lescodes_ps2 td {
	width : 33%;
	color : #D2A44A;
	font-weight : bold;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #222222;
	padding : 5px;
}

.gtasa_lescodes_ps2 td+td {
	width : 67%;
	text-align : left;
	border : 1px solid #D2A44A;
	background-color : #3A3A3A;
	padding : 5px;
}

.gtasa_lescodes_pc {
	width : 100%;
	margin : auto;
	border-collapse : collapse;
}

.gtasa_lescodes_pc td {
	width : 75%;
	color : #D2A44A;
	font-weight : bold;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #222222;
	padding : 5px;
}

.gtasa_lescodes_pc td+td {
	width : 25%;
	color : inherit;
	font-weight : normal;
	text-align : left;
	border : 1px solid #D2A44A;
	background-color : #3A3A3A;
	padding : 5px;
}



/*****************************************/
/* CSS présent sur les page des paquets cachés */
/*****************************************/

.gtasa_paquetcache {
	width : 100%;
	border : 1px solid #d2a44a;
	border-collapse : collapse;
}

.gtasa_paquetcache td, .gtasa_paquetcache td+td+td {
	width : 5%;
	font-weight : bold;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #222222;
	padding : 5px;
}

.gtasa_paquetcache td+td, .gtasa_paquetcache td+td+td+td {
	width : 45%;
	text-align : left;
	border : 1px solid #D2A44A;
	background-color : #3B3B3B;
}

.gtasa_carte {
	text-align : center;
	margin : 0px;
	padding : 0px;
}

.gtasa_carte img {
	width : 520px;
	max-height : 520px;
	border-width : 0px;
	background-color : #222222;
	padding : 4px;
	margin : 7px;
}



/******************************/
/* CSS présent dans les tutoriaux */
/*****************************/

/* Tableau invisible qui englobe les 2 petits tableau */
.gtasa_tutoriaux_tableau1 {
	margin : auto;
}

.gtasa_tutoriaux_tableau1 td {
	width : 220px;
	border-width : 0px;
	margin : 0px;
	padding : 15px;
}

.gtasa_tutoriaux_tableau2 {
	width : 100%;
	border-collapse : separate;
}

.gtasa_tutoriaux_tableau2 td {
	color : #D2A44A;
	font-weight : bold;
	text-align : center;
	border : 1px solid #D2A44A;
	background-color : #222222;
	margin : 0px;
	padding : 10px;
}

.gtasa_tutoriaux_tableau2 img {
	width : 200px;
	height : 58px;
	border-width : 0px;
}

.gtasa_tutoriaux_image1 {
	border-width : 0px;
	margin : 5px;
}

/* Citation */
.citation{
	width: 92%;
	height : 20px;
	color : #AAA;
	font-size : 12px;
	font-family : arial, "Times New Roman", "Arial Black", "Comic Sans MS", sans-serif;
	border-left: 2px solid #D2A44A;
	background-color : #222222;
	margin : auto;
}

.citation td {
	text-align : left;
	padding-left : 5px;
	margin : 0px;
}

.animation {
	width : 170px;
	height : 20px;
	border-width : 0px;
}

/* Le bas des pages du tutoriel avec les fleches de pages suivantes/précédente et le bouton du sommaire */
.bas_tutoriaux {
	margin : auto;
	border-width : 0px;
	padding : 0px;
}

.bas_tutoriaux img {
	border-width : 0px;
}