@charset "utf-8";

html { height:100%; width:100%; }
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:1em; background:url('../images/bas_footer.png') repeat; min-width:1350px; }
#background { width:100%; height:100%; background:#333; /*url('../images/background.png') repeat;*/ }
.visible { display:block; }
.invisible { display:none; }
.clear { clear:both; }
#maj { width:954px; margin:0 auto; text-align:justify; font-size:0.8em; }

/* MENUBAR, ICONES ET LANGUE */
#menubar { position:fixed; width:100%; top:0; height:30px; background:url('../images/menubar.png') repeat-x; z-index:45; }
#menubar #menu { position:absolute; height:30px; top:0; left:0; }
#menubar #menu ul { list-style-type:none; margin:0; padding:0; }
#menubar #menu ul li { float:left; width:60px; height:25px; }
#menubar #menu ul li a { display:block; width:60px; height:25px; }
#menubar #menu ul li a:hover { box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.6); }
#menubar #menu ul li#menubar-home { background:url('../images/menubar_home.png') no-repeat; }
#menubar #menu ul li#menubar-warframes { background:url('../images/menubar_warframes.png') no-repeat; }
#menubar #menu ul li#menubar-armes-principales { background:url('../images/menubar_armes_principales.png') no-repeat; }
#menubar #menu ul li#menubar-armes-secondaires { background:url('../images/menubar_armes_secondaires.png') no-repeat; }
#menubar #menu ul li#menubar-armes-de-melee { background:url('../images/menubar_armes_de_melee.png') no-repeat; }
#menubar #menu ul li#menubar-sentinelles { background:url('../images/menubar_sentinelles.png') no-repeat; }
#menubar #menu ul li#menubar-armes-de-sentinelles { background:url('../images/menubar_armes_de_sentinelles.png') no-repeat; }
#menubar #menu ul li#menubar-builds-recents { background:url('../images/menubar_builds_recents.png') no-repeat; }
#menubar #menu ul li#menubar-comparateur { background:url('../images/menubar_comparateur.png') no-repeat; }
#menubar #menu ul li#menubar-aide { background:url('../images/menubar_aide.png') no-repeat; }
#menubar #menu ul li#menubar-piratage { background:url('../images/menubar_piratage.png') no-repeat; }
#menubar #menu ul li.separateur_menubar { width:2px; background:url('../images/menubar_separateur.png') no-repeat; }
#menubar #langue { float:right; line-height:25px; margin-right:5px; }

#annonce_globale { text-align:center; font-size:1.1em; margin-bottom:5px; }
#annonce_globale a, #annonce_globale a:visited { color:#8C0000; }

/* LIENS DE CONNEXION */
#login { float:right; color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:0.7em; text-align:right; margin-right:20px; z-index:150; position:relative; line-height:23px; }
#login span.rouge { color:#d7af62; font-weight:bold; }
#login div a, #login div a:visited { color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#login div a:hover { border-bottom:1px solid #222; }

/* BOUTONS ET FORMULAIRES */
input[type="submit"], input[type="text"], input[type="password"], input[type="search"], button { box-shadow:inset 0 0 1px 0 #000; outline:none; color:#fff; background:#444; border:1px solid #000; font-size:0.8em; }
input[type="submit"]:hover, button:hover { background:#666; cursor:pointer; }
input[type="submit"]:hover:disabled { background:#444; }
input[type="submit"]:disabled { color:#222; }
input[type="text"]:disabled { color:#CCC; }
input[type="text"]:focus, input[type="password"]:focus, input[type="text"]:hover, input[type="password"]:hover { background:#666; } 
input[type="text"]:disabled:hover { background:#444; }
input[type="checkbox"] { cursor:pointer; outline:none; }
select { outline:none; cursor:pointer; }

/* MENU DE CONNEXION */
#menu_connexion { position:absolute; right:65px; top:35px; min-height:90px; width:210px; border:1px solid #444; color:#222; background:url('../images/background_conteneur.png') repeat; text-align:left; border-radius:3px; padding:8px; display:none; box-shadow:0 0 4px rgba(0, 0, 0, 0.75); }
#menu_connexion div { width:212px; margin:auto; top:100%; }
#menu_connexion input[type="text"], #menu_connexion input[type="password"] { width:200px; height:20px; padding:2px 5px; margin:2px 0 0 -1px; }
::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; }
:-ms-input-placeholder { font-style:italic; }
:-moz-placeholder { font-style:italic; }
#menu_connexion input[type="password"] { margin-bottom:3px; }
#menu_connexion input[type="submit"] { margin:10px 0 0; padding:4px 10px; }
#menu_connexion #retour-connexion, #menu_connexion #retour-connexion-banni { display:none; color:#cb0000; font-variant:small-caps; margin-top:4px; }
#menu_connexion a, #menu_connexion a:visited { font-size:0.7em; color:#222; text-decoration:none; font-variant:small-caps; }
#menu_connexion a:hover { text-decoration:underline; }
#menu_connexion input[type="checkbox"] { display:block; float:left; margin:0; vertical-align:bottom; margin-top:3px; }
#menu_connexion div.autologin label { padding-left:2px; clear:both; font-variant:small-caps; font-size:0.9em; }

/* CONTENEUR DE LA PAGE ET PUBLICITÉ DU HAUT */
#conteneur { position:relative; width:1000px; margin:0 auto; background:url('../images/background_conteneur.png') repeat; border-left:1px solid #444; border-right:1px solid #444; padding-bottom:40px; box-shadow:4px 0 4px -4px rgba(0, 0, 0, 0.75), -4px 0 4px -4px rgba(0, 0, 0, 0.75); z-index:2; }
#logo { position:relative; width:100%; margin:auto 0; padding:70px 0 34px; text-align:center; }
div[id^="p-top"] { position:relative; width:1020px; height:108px; background:url('../images/ruban_pub.png') no-repeat; left:-10px; text-align:center; line-height:106px; margin-bottom:40px; }
div[id^="p-top"] iframe { vertical-align:middle; }
div[id^="p-top"] div[class^="retiree"] { position:absolute; left:50%;top:9px; margin-left:-364px; background:#FFF; height:68px; width:706px; padding:11px; text-align:justify; font-size:0.9em; font-weight:bold; vertical-align:middle; line-height:normal; }

/* FOOTER */
#footer { width:100%; height:149px; background:url('../images/background_footer.png') repeat; border-top:1px solid #444; box-shadow:0 -4px 4px -4px rgba(0, 0, 0, 0.75); }
#footer #liens-builders, #footer #liens-outils { width:200px; float:left; }
#footer #liens-compte { width:150px; float:left; }
#footer #liens-non-connecte { width:150px; float:left; }
#footer #copyright { color:#444; width:380px; float:right; text-align:justify; font-size:0.7em; margin-top: 8px; line-height:14px; }
#footer #contenu-footer { width:950px; margin:0 auto; }
#footer #contenu-footer ul { list-style-type:none; margin:0; padding:0; margin-top:8px; }
#footer #contenu-footer ul li:first-child { color:#222; font-family:"Franklin Gothic", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin-bottom:4px; }
#footer #contenu-footer ul li a, #footer #contenu-footer ul li a:visited, #footer #contenu-footer ul li a:active { font-size:0.8em; color:#444; text-decoration:none; }
#footer #contenu-footer ul li a:hover { text-decoration:underline; }

/* 160x600 */
div[id^='a-1'] { position:absolute; top:195px; left:calc(50% - 671px); width:160px; height:600px; }
div[id^='a-2'] { position:absolute; top:195px; left:calc(50% + 511px); width:160px; height:600px; }

/** DIALOG **/
.ui-dialog { position:absolute; background:url('../images/background_conteneur.png') repeat; padding:2px; border:2px solid #000; outline:none; z-index:101; }
.ui-dialog-titlebar { background:#444; border:1px solid #444; border-radius:1px; padding:0 5px; font-weight:bold; height:26px; line-height:26px; color:#fff; font-size:0.9em; }
.ui-dialog-titlebar-close { background:url('../images/close.png') no-repeat center center; float:right; width:16px; height:16px; border:0; margin-top:5px; word-spacing:0px; text-indent:-99999px; cursor:pointer; outline:none; }
.ui-dialog-titlebar-close:hover { background:url('../images/close_hover.png') no-repeat center center; float:right; width:16px; height:16px; border:0; margin-top:5px; word-spacing:0px; text-indent:-99999px; cursor:pointer; outline:none; }
.ui-dialog-content { padding:4px; text-align:justify; color:#222; }
.ui-dialog-content input { width:100%; }
.ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0 ,0, 0, 0.75); z-index:100; }
.ui-dialog-buttonpane { width:100%; text-align:center; }
.ui-dialog-buttonpane button { background:#444; color:#fff; font-size:0.8em; border:1px solid #000; outline:none; padding:2px 6px; min-width:50px; text-align:center; margin:2px; cursor:pointer; }
.ui-dialog-buttonpane button:hover { background:#666; }