/*************************************************************/
/*********                          CSS général du site                          *********/
/*********                            Gui29 & GxiGloN                            *********/
/*********                         Créé le 20/10/2007                         *********/
/*********                  Dernière MAJ : 24/12/2008                *********/
/************************************************************/


body {
	margin : 0;
	width : 100%;
	background-color : #202020;
	color : #FFF;
	font-family : Verdana, Arial, Helvetica, "Times New Roman", sans-serif;
	font-size : 10px;
}

a:link, a:active, a:visited {
	color : #FFF;
	text-decoration : none;
	font-weight : normal;
	outline : none;
}

a:hover {
    color : #D2A44A;
	outline : none;
}

#fond { 
    margin : auto;
    width : 940px;
    background : url("./images/background.jpg") repeat-y;
}



/***********************/
/******* HEADER *******/
/***********************/

/* POUR L'ACCUEIL */
#ac_header_page {
    width : 940px;
    height : 223px;
    background : url("./images/header_page_ac.jpg") no-repeat;
}

#ac_bouton1 {
    width : 165px;
    height : 43px;
	position : relative;
	left : 248px;
	top : 185px;
}

#ac_bouton1_inter {
	float : left;
    width : 165px;
    height : 43px;
}

#ac_bouton2 {
    width : 165px;
    height : 43px;
	position : relative;
	left : 394px;
	top : 137px;
}

#ac_bouton2_inter {
	float : left;
    width : 165px;
    height : 43px;
}

#ac_bouton2_inter:hover {
	display : block;
    background : url("./images/onglet_accueil_fo.jpg") no-repeat;	
}

#ac_bouton3 {
    width : 165px;
    height : 43px;
	position : relative;
	left : 537px;
	top : 94px;
}

#ac_bouton3_inter {
	float : left;
    width : 165px;
    height : 43px;
}

#ac_bouton3_inter:hover {
	display : block;
    background : url("./images/onglet_accueil_dl.jpg") no-repeat;
}


/* POUR LES DOWNLOADS */
#dl_header_page {
    width : 940px;
    height : 223px;
    background : url("./images/header_page_dl.jpg") no-repeat;
}

#dl_bouton1 {
    width : 168px;
    height : 43px;
	position : relative;
	left : 249px;
	top : 180px;
}

#dl_bouton1_inter {
	float : left;
    width : 168px;
    height : 43px;
}

#dl_bouton1_inter:hover {
	display : block;
    background : url("./images/onglet_download_ac.jpg") no-repeat;
}

#dl_bouton2 {
    width : 158px;
    height : 43px;
	position : relative;
	left : 394px;
	top : 137px;
}

#dl_bouton2_inter {
	float : left;
    width : 158px;
    height : 43px;
}

#dl_bouton2_inter:hover {
	display : block;
    background : url("./images/onglet_download_fo.jpg") no-repeat;	
}

#dl_bouton3 {
    width : 165px;
    height : 43px;
	position : relative;
	left : 537px;
	top : 94px;
}

#dl_bouton3_inter {
	float : left;
    width : 165px;
    height : 43px;
}



/***********************/
/**** MENU GAUCHE ****/
/***********************/

#menu_gauche {
    width : 177px;
    float : left;
    position : absolute;
	margin : auto;
    overflow : hidden;
}

#menu_gauche_lesite {
    width : 177px;
    height : 44px;
    background : url("./images/menu_gauche_le-site.jpg") no-repeat;
}

#menu_gauche_gtacw {
    width : 177px;
    height : 57px;
    background : url("./images/menu_gauche_gtacw.jpg") no-repeat;
}

#menu_gauche_gtaiv {
    width : 177px;
    height : 51px;
    background : url("./images/menu_gauche_gtaiv.jpg") no-repeat;
}

#menu_gauche_gtasanandreas {
    width : 177px;
    height : 51px;
    background : url("./images/menu_gauche_san-andreas.jpg") no-repeat;
}

.menu_gauche_text {
    background : url("./images/menu_gauche_static.jpg") repeat-y;
}

.menu_gauche_text img {
	min-width : 108px;
	max-width : 111px;
	height : 17px;
	border-width : 0px;
	margin : 5px 0px 2px 50px;
}

#menu_gauche a:hover {
	width : 177px;
	height : 12px;
	color : #FFF;
	font-weight : bold;
	display : block;
    background : url("./images/menu_gauche_hover.jpg") no-repeat;
}

#menu_gauche ul {
	padding : 0px;
	margin : 0px;
	list-style-type : none;
}

#menu_gauche li {
	list-style-type : none;
	text-indent : 45px;
}

.menu_gauche_footer {
    width : 177px;
    height : 14px;
    background : url("./images/menu_gauche_footer.jpg") no-repeat;
}



/************************/
/***** MENU DROIT *****/
/***********************/

#menu_droit {
    width : 177px;
    float : right;
	text-align : center;
	padding-bottom : 1100px; /* Marge servant à coller le footer en bas de page... */
	margin : auto;
    overflow : hidden;
}

#menu_droit_network, #menu_droit_concours, #menu_droit_partenaires {
    width : 177px;
    height : 44px;
}

#menu_droit_network {
    background : url("./images/menu_droit_network.jpg") no-repeat;
}

#menu_droit_concours {
    background : url("./images/menu_droit_concours.jpg") no-repeat;
}

#menu_droit_partenaires {
    background : url("./images/menu_droit_partenaires.jpg") no-repeat;
}

#menu_droit img {
	width : 88px;
	height : 31px;
	padding : 2px;
	margin-top : 4px;
	border : 1px solid #393939;
	background-color : #212121;
}



/***********************/
/****** CONTENU*******/
/***********************/

#contenu {
    width : 580px;
    margin-left : 180px;
    overflow : hidden;
}

#publicite {
	text-align :  center;
    overflow : hidden;
}

#cadre_dernieresnews {
	width : 562px;
	height : 182px;
	margin : auto;
	background : url("./images/cadre_dernieresnews.jpg") no-repeat;
}

/*Cadre listant les dernières news du Network*/
#cadre_dernieresnews_gauche {
	width : 50%;
	text-align : left;
	vertical-align : top;
	padding-top : 35px;
	padding-left : 13px;
}

/*Cadre listant les dernières téléchargements*/
#cadre_dernieresnews_droite {
	width : 50%;
	text-align : right;
	vertical-align : top;
	padding-top : 35px;
	padding-right : 13px;
}

#article {
    width : 580px;
    background : url("./images/contenu_background.jpg") repeat-y;
}

#article_header {
    width : 580px;
    height : 67px;
    font-size : 1.1em;
    font-weight : bold;
    line-height : 72px;
    padding-left : 58px;
    background : url("./images/contenu_header.jpg") no-repeat;
    overflow : hidden;
}

#article_contenu {
    width : 544px;
    margin : auto;
	
}

#article_footer {
    width : 580px;
    height : 22px;
    background : url("./images/contenu_footer.jpg") no-repeat;
}

/***********************/
/******* FOOTER *******/
/**********************/

#footer_page {
	clear : both;
    width : 940px;
    height : 181px;
    background : url("./images/footer_page.jpg") no-repeat bottom;
}

#footer_page_texte {
	color : #FFF;
	text-align : center;
	padding-top : 50px;
}


#footer_page_bannieres {
	text-align : center;
	padding-top : 36px;
	
}

#footer_page_bannieres img {
	width : 80px;
	height : 15px;
	border-width : 0px;
}



/******************************************************/
/********** ET LE MOT DE LA FIN :  MORT A IE ! **********/
/******************************************************/