@charset "utf-8";

/* NAVIGATION */
#navigation { width:900px; margin:0 auto; }
#navigation div.grande-icone-menu { position:relative; width:280px; height:186px; }
#navigation div#col1, div#col2 { float:left; }
#navigation div#col3 { float:right; }

/* COLONNES DE GAUCHE ET DU MILIEU, VIGNETTES */
#navigation div#warframes { background:url('../images/warframes.png') no-repeat; margin:0 3px 5px 0; }
#navigation div#armes_principales { background:url('../images/armes_principales.png') no-repeat; margin:6px 3px 6px 0; }
#navigation div#armes_secondaires { background:url('../images/armes_secondaires.png') no-repeat; margin:6px 3px 0 0; }
#navigation div#armes_de_melee { background:url('../images/armes_de_melee.png') no-repeat; margin:0 3px 6px 3px; }
#navigation div#sentinelles { background:url('../images/sentinelles.png') no-repeat; margin:6px 3px 6px 3px; }
#navigation div#armes_de_sentinelles { background:url('../images/armes_de_sentinelles.png') no-repeat; margin:6px 3px 0 3px; }
#navigation div.grande-icone-menu:hover { box-shadow:inset 0 0 40px rgba(255, 255, 255, 0.6); }
#navigation div.grande-icone-menu a { display:block; width:280px; height:186px; }
#navigation div.grande-icone-menu div.nom-menu { position:absolute; top:166px; left:0; width:100%; background:rgba(0,0,0,0.7); color:#fff; font-size:0.8em; height:21px; line-height:21px; text-align:center; display:none; }

/* COLONNE DE DROITE, ANNONCES */
#navigation div#annonces { width:326px; height:280px; background:#c5c5c5; border:1px solid #545454; }
#navigation div#annonces div#titre_annonces { width:311px; height:36px; background:#222; color:#fff; font-size:1.05em; font-weight:bold; letter-spacing:0.5px; text-transform:uppercase; padding-left:15px; line-height:36px; }
#navigation div#annonces div.annonce { height:34px; border-bottom:1px solid #545454; cursor:pointer; }
#navigation div#annonces div.annonce:hover { background:#d7af62; }
#navigation div#annonces div.annonce a { display:block; width:100%; height:100%; text-decoration:none; }
#navigation div#annonces div.annonce div.date-annonce { color:#444; font-size:0.7em; padding:4px 0 0 4px; }
#navigation div#annonces div.annonce div.texte-annonce { color:#222; font-size:0.7em; padding:2px 0 2px 4px; }
#navigation div#annonces div.annonce div.texte-annonce-rouge { color:#cb0000; font-size:0.7em; padding:2px 0 2px 4px; }

/* COLONNE DE DROITE, VIGNETTES */
#navigation div#builds_recents { float:left; width:161px; height:90px; background:url('../images/mini_bg_02.png') no-repeat; margin-top:6px; position:relative; }
#navigation div#comparateur_armes { float:right; width:161px; height:90px; background:url('../images/mini_bg_04.png') no-repeat; margin-top:6px; position:relative; }
#navigation div#forums { float:left; width:161px; height:90px; background:url('../images/mini_bg_03.png') no-repeat; margin-top:6px; position:relative; }
#navigation div#aide { float:right; width:161px; height:90px; background:url('../images/mini_bg_01.png') no-repeat; margin-top:6px; position:relative; }
#navigation div#hacking { float:left; width:161px; height:90px; background:url('../images/mini_bg_05.png') no-repeat; margin-top:6px; position:relative; }
#navigation div#mini_06 { float:right; width:161px; height:90px; background:url('../images/mini.png') no-repeat; margin-top:6px; }
#navigation div.petite-icone-menu a { position:absolute; display:table; top:0; left:0; width:161px; height:90px; color:#eee; text-decoration:none; text-shadow:2px 2px 1px #000, 0 0 4px #000; }
#navigation div.petite-icone-menu a span { display:table-cell; vertical-align:middle; text-align:center; font-size:0.9em; text-transform:uppercase; }
#navigation div.petite-icone-menu a:hover { color:#fff; text-shadow:2px 2px 1px #000, 0 0 8px #fff; }
#navigation div.petite-icone-menu:hover { box-shadow:inset 0 0 20px rgba(255, 255, 255, 0.6); }
#navigation div.nom-menu { position:absolute; top:140px; left:0; width:161px; background:rgba(0,0,0,0.4) color:#fff; display:none; }