/*************************************************************/
/*********               CSS de mise en forme des pages               *********/
/*********                           Gui29 & GxiGloN                            *********/
/*********                         Créé le 20/10/2007                         *********/
/*********                  Dernière MAJ : 24/12/2008                 *********/
/*************************************************************/



/*****************************************/
/* CSS présent sur la presque totalité des pages */
/*****************************************/

#banniere_gtacw, #banniere_gtaiv, #banniere_gtasa {
	width : 544px;
	height : 125px;
	display : block;
	margin : 0px auto;
}

#page_bas {
	color : #666;
	font-weight : bold;
	margin : auto;
	border-width :0px;
	width : 540px;
}

/*Compteur en bas de chaque page*/
#page_compteur {
    text-align : left;
	width : 270px;
}

/*Date de la dernière MAJ en bas de chaque page*/
#page_miseajour {
    text-align : right;
	width : 270px;
}



/***************************************/
/***************** Cadres ***************/
/***************************************/

.page_simplecadre, .page_cadregeneral1, .page_cadregeneral2 {
	width : 100%;
	border : 1px solid #d2a44a;
	border-collapse : collapse;
}

/*Cadre jaune qui contient tout l'article avec une marge intérieure de 10px*/
.page_cadregeneral1 td {
	padding : 10px;
}

/* Cadre jaune sans marge intérieure ou extérieure */
.page_simplecadre td {
	padding : 0px;
	margin : 0px;
}

/*Cadre qui contient tout l'article avec une marge intérieure de 5px*/
.page_cadregeneral2 td {
	padding : 5px;
}

/*Cadre NON VISIBLE qui contient tout l'article avec une marge intérieure de 5px*/
.page_cadregeneral3 {
	margin : 0px 5px;
}

/*Cadre NON VISIBLE qui contient tout l'article avec une marge intérieure de 10px*/
.page_cadregeneral4 {
	padding : 0px 10px;
}



/***************************************/
/***************** Fonds ****************/
/***************************************/

/*Cadre foncé qui prend toute la largeur*/
.page_fondfonce {
	width : 100%;
	font-weight: bold;
	text-align : left;
	border : 1px solid #d2a44a;
	border-collapse : collapse;
	background-color : #222222;
}

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

.page_fondfonce a, .page_fondfonce a:hover {
	font-weight : bold;
}

/* Cadre clair placé au milieu de pages principales */
.page_fondclair{
	margin : auto;
	width : 380px;
	border-width : 0px;
}

.page_fondclair td {
	width : 100%;
	text-align : center;
	border : 1px solid #d2a44a;
	background-color : #3B3B3B;
	margin : 0px;
	padding : 40px
}

.page_fondclair img {
	width : 300px;
	height : 87px;
	border-width : 0px;
}

/* Cadre clair servant pour la page principale de la liste des véhicules */
.page_fondclair2 {
	margin : auto;
	width: 450px;
	text-align : center;
	border : 1px solid #d2a44a;
	background-color : #3B3B3B;
	padding : 0px;
}

.page_fondclair2 td {
	padding : 15px;
}

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

/* Cadre clair servant pour la page principale de la liste des véhicules */
.page_fondclair3 {
	width : 220px;
	border-width : 0px;
}

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

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



/***************************************/
/***************** Titres ****************/
/***************************************/

/*Titre en jaune, souligné en gros tirets jaunes*/
h1 {
	width : 100%;
	height : 22px;
	color : #D2A44A;
	font-weight: bold;
	font-size : 1.5em;
	text-indent : 15px;
	border-bottom : 2px dashed #D2A44A;
	margin-bottom : 15px;
}

h2 {
	width : 90%;
	color : #D2A44A;
	font-size : 1.3em;
	font-weight : bold;
	text-align : center;
	border : 1px solid #d2a44a;
	background-color : #222222;
	padding : 8px 0px;
	margin : 10px auto;
}

/*Tableau avec les bordures de gauche et du bas apparentes*/
.page_soustitre {
	padding : 0px;
	margin-left : 30px;
	border-width : 0px;
}

.page_soustitre td {
	height : 20px;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 12px;
	text-indent : 5px;
	border-left : 2px solid #D2A44A;
	border-bottom : 1px dashed #D2A44A;
}

/*Titre en jaune centré, avec un encadré jaune et fond foncé qui prend toutes la largeur*/
.page_grostitre {
	width: 544px;
	color: #d2a44a;
	font-weight: bold;
	text-align: center;
	border : 1px solid #d2a44a;
	background-color: #222222;
}

/*Epais cadre entièrement jaune*/
.page_hautjaune {
	width : 100%;
	height : 32px;  
	text-align : center;
	background-color : #D2A44A;
}

.page_hautjaune img {
	width : 500px;
	height : 32px;  
	border-width : 0px;
}



/***************************************/
/********** Barres de navigation **********/
/***************************************/

.page_barrenavigation1, .page_barrenavigation2 {
	width : 100%;
	color : #d2a44a;
	font-weight : bold;
	background-color : #282828;
	padding : 10px 0px;
}

/*Barre de navigation avec le texte à gauche, un fond foncé et une bordure pleine*/
.page_barrenavigation1 {
	text-align : left;
	text-indent : 10px;
	border : 1px solid #d2a44a;
}

.page_barrenavigation1 td{
	padding : 0px 8px;
	margin : 0px;
}

/*Barre de navigation avec le texte centré, un fond foncé et une bordure hachurée*/
.page_barrenavigation2 {
	text-align : center;
	border : 1px dashed #d2a44a;
}



/***************************************/
/********* Mise en forme du texte *********/
/***************************************/

h3 {
	font-size : 1.2em;
    font-weight : bold;
    color : #D2A44A;
	margin : 0px;
}

/*Style correspondant aux textes mis en valeur en jaune et gras*/
.textejaune, .textejaune2 {
    font-weight : bold;
    color : #D2A44A;
}

.textejaune2, .texte_souligne {
	text-decoration : underline;
}

/*Remettre le texte dans une mise en forme de base*/
.page_textenormal{
	font-style : normal;
}

/*Mise en page des textes en justifié */
.texte_justifie {
	text-align : justify;
	margin-left : 5px;
	margin-right : 5px;
}

/* Note de page */
.note {
	color : #D2A44A;
	font-size : 0.9em;
	font-weight : bold;
}



/***************************************/
/*************** Galeries ****************/
/***************************************/

.galerie {
	text-align : center;
}

.galerie img {
	width : 125px;
	min-height : 70px;
	max-height : 92px;
	vertical-align : middle;
   	border : 1px solid #454545;
	background-color : #3B3B3B;
	margin : 2px 0px;
	padding : 3px;
}


.galerie_nbpages {
	width : 100%;
	text-align : right;
}



/***************************************/
/*********** Présentation du jeu ***********/
/***************************************/

.jeu_presentation1 {
	text-align : justify;
}

.jeu_presentation1 img {
	width : 160px;
	min-height : 90px;
	max-height : 112px;
	padding : 4px;
	background-color : #3B3B3B;
   	border : 1px solid #454545;
}

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

.jeu_presentation2 td {
	width : 80%;
}

.jeu_presentation2 td+td {
	width : 20%;
}

.jeu_presentation2 img {
	width : 79px;
	height : 72px;
	border-width : 0px;
}

.jeu_presentation3, .jeu_presentation4 {
	text-align : center;
}

.jeu_presentation3 img, .jeu_presentation4 img {
	border : 1px #D2A44A dashed;
	background-color : #202020;
	padding : 5px;
	margin : 10px;
	min-width : 120px;
	max-width : 219px;
	min-height : 138px;
	max-height : 200px;
}



/***************************************/
/* CSS présent dans la page des personnages */
/***************************************/

.jeu_personnages td {
	text-align : justify;
	vertical-align : top;
}

.jeu_personnages img {
	width : 100px;
	height : 133px;
	border-width : 0px;
	margin-right : 10px;
}


/***************************************/
/****** Wallpapers et Ecrans de veille ******/
/***************************************/

.wallpapers, .ecransdeveille {
	margin : 1px auto;
	border-width : 0px;
	border-collapse : separate;
}

.wallpapers td, .ecransdeveille td {
	text-align : center;
	font-weight : bold;
	border : 1px #454545 solid;
	background-color : #3B3B3B;
	padding : 5px;
}

.wallpapers td {
	width : 130px;
}

.ecransdeveille td {
	width : 240px;
}

.wallpapers img {
	width : 120px;
	max-height : 90px;
	border-width : 0px;
}

.ecransdeveille img {
	width : 240px;
	height : 180px;
	border-width : 0px;
}

.wallpapers a, .ecransdeveille a {
	font-weight : bold;
}



/***************************************/
/*********** Liste des missions ************/
/***************************************/

#liste_missions {
	margin : 0px 5px;
}

#liste_missions a {
	text-decoration : underline;
}



/***************************************/
/***************** Vidéo ****************/
/***************************************/

.video {
	width : 500px;
	height : 281px;
	margin : auto;
	text-align : center;
	border : 1px solid #000;
}


/***************************************/
/******** Mise en forme des images ********/
/***************************************/

/*Centrer une image directement*/
.centrer_image {
    display : block;
    margin : 0px auto;
	padding : 0px;
}

.image_float_gauche, .image_float_droit {
	width : 150px;
	min-height : 85px;
	max-height : 112px;
	padding : 3px;
   	border : 1px solid #454545;
	background-color : #3B3B3B;
}

.image_float_gauche {
	float : left;
	margin-right : 10px;
}

.image_float_droit {
	float : right;
	margin-left : 10px;
}



/***************************************/
/************* Listes à puces *************/
/***************************************/

#article_contenu ul, .news_contenu ul {
	list-style : url("./images/puce_news.gif") outside;
}

/*Puce = cercle vide jaune*/
.liste1 {
	color : #D2A44A;
	list-style : circle outside;
}



/***************************************/
/********** Autres mise en forme **********/
/***************************************/

/*Centrer le contenu d'une page à partir d'un div */
.centrer {
	text-align : center;
}

textarea {
	font-size : 1.2em;
}

hr {
	width : 100%;
	color :	#DC9843; 
	border-style : solid; 
	border-width : 1px;
}



/***************************************/
/*************** Concours ***************/
/***************************************/

.concours {
	width : 400px;
	margin-left : 130px;
}

.concours td {
	width : 30%;
}

.concours td+td {
	width : 70%;
}