@charset "utf-8";

/* LISTE DES MODS ET FILTRES */
#mods { position:relative; width:954px; height:320px; margin:0 auto; overflow:hidden; padding-top:50px; margin-top:-50px; /* Hack pour l'overflow */ margin-bottom:2px; user-select:none; -o-user-select:none;-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
#mods #filtres_mods { position:relative; width:100%; text-align:left; margin-bottom:15px; }
#mods #filtres_mods #choix-tri { float:left; height:24px; width:200px; background:#444; color:#fff; box-shadow:inset 0 0 1px 0 #000; border:1px solid #000; margin-right:4px; }
#mods #filtres_mods #choix-tri:hover, #mods #filtres_mods #choix-tri:focus { background:#666; }
#mods #filtres_mods #filtre-nom { height:24px; width:200px; padding-left:4px; margin-right:10px; -moz-box-sizing:border-box; box-sizing:border-box; }
#mods #filtres_mods #filtre-nom:hover, #mods #filtres_mods #filtre-nom:focus { background:#666; }
#mods #filtres_mods #allModsMax, #mods #filtres_mods #allModsMin, #mods #filtres_mods #pvpMods { display:inline-block; cursor:pointer; color:#222; text-transform:uppercase; font-weight:bold; font-size:0.8em; }
#pvp { float:right; margin-top:1px; margin-left:5px; }
#mods #filtres_mods #allModsMax:hover, #mods #filtres_mods #allModsMin:hover { text-decoration:underline; }
#mods #filtres_mods input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; width:15px; height:15px; }
#mods #filtres_mods input[type="search"]::-webkit-search-cancel-button:after { content:'X'; cursor:pointer; }
#mods #liste_mods { position:relative; width:954px; height:220px; }
#mods #liste_mods #cache-01 { position:absolute; top:-2px; left:-5px; width:75px; height:210px; background:url('../images/background_conteneur.png') repeat; z-index:40; }
#mods #liste_mods #cache-02 { position:absolute; top:-2px; right:0; width:70px; height:210px; background:url('../images/background_conteneur.png') repeat; z-index:40; }
#mods #liste_mods #conteneur-liste-mods-1 { position:relative; width:812px; height:210px; margin:0 auto; }
#mods #liste_mods #conteneur-liste-mods-2 { position:absolute; white-space:nowrap; }
#mods #liste_mods .conteneur_mod:last-child, #mods #liste_mods .conteneur_mod_aura:last-child, #mods #liste_mods .conteneur_mod_stance:last-child { margin:0 0 4px 0; }
#mods #alerte_points, #mods #alerte_incompatible { position:absolute; width:812px; bottom:9px; left:50%; margin-left:-406px; font-size:1.4em; color:#c71807; display:none; line-height:34px; }
#mods #alerte_points img, #mods #alerte_incompatible img { float:left; margin-right:5px; }

/* SCROLLBAR */
#liste_mods .scrollbar { position:relative; background:url('../images/bg-scrollbar-track-x.png') no-repeat; margin:0 auto; width:100%; height:15px; }
#liste_mods .thumb { background:url('../images/bg-scrollbar-thumb-x.png') 0% 50%; height:13px; cursor:pointer; position:absolute; top:1px; }
#liste_mods .thumb .end { background:url('../images/bg-scrollbar-thumb-x.png') 100% 100%; width:5px; height:13px; position:absolute; right:0; }
#liste_mods .noSelect { user-select:none; -o-user-select:none;-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
#liste_mods .thumb.disable { display:none; }

/* EMPLACEMENTS DES MODS */
#builder { width:954px; margin:0 auto; }
#builder #slots_mods { position:relative; width:812px; margin:0 auto; }
#builder #slots_mods .slot_mod { font-size:1em; width:130px; height:190px; background:url('../images/mod_vide.png'); float:left; background-size:130px 190px; margin:0 0 6px 6px; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -o-user-select:none; -moz-user-select:none; -ms-user-select:none; }
#builder #slots_mods.arme .slot_mod.id_0, #builder #slots_mods.arme .slot_mod.id_4 { margin-left:0; }
#builder #slots_mods.arme_de_melee { width:954px; }
#builder #slots_mods.sentinelle { width:674px; }
#builder #slots_mods.frame { width:810px; }
#builder #slots_mods #mods_base { width:680px; }
#builder #slots_mods.sentinelle .slot_mod.id_0, #builder #slots_mods.sentinelle .slot_mod.id_5 { margin-left:0; }
#builder #slots_mods.archwing .slot_mod.id_0, #builder #slots_mods.archwing .slot_mod.id_4, #builder #slots_mods.archmel .slot_mod.id_0, #builder #slots_mods.archmel .slot_mod.id_4 { margin-left:0; }
#builder #slots_mods.archwing { width:550px; }
#builder #slots_mods.archmel { width:812px; }
#builder #slots_mods .slot_mod_aura { width:130px; height:190px; background:url('../images/mod_aura.png'); float:left; background-size:130px 190px; margin:97px 0 6px 0px; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -o-user-select:none; -moz-user-select:none; -ms-user-select:none; }
#builder #slots_mods .slot_mod_stance { width:130px; height:190px; background:url('../images/mod_aura.png'); float:left; background-size:130px 190px; margin:97px 0 6px 0px; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -o-user-select:none; -moz-user-select:none; -ms-user-select:none; }
#builder #slots_mods .slot_mod_utility { width:130px; height:190px; background:url('../images/mod_vide.png'); float:right; background-size:130px 190px; margin:-97px 0 6px 0px; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -o-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.slot_polarite_0 { position:absolute; width:18px; height:18px; top:7px; left:104px; background-size:100%; }
.slot_polarite_1 { position:absolute; width:18px; height:18px; background:url('../images/slot_polarite_1.png') top center no-repeat; top:14px; left:99px; background-size:100%; }
.slot_polarite_2 { position:absolute; width:18px; height:18px; background:url('../images/slot_polarite_2.png') top center no-repeat; top:14px; left:99px; background-size:100%; }
.slot_polarite_3 { position:absolute; width:18px; height:18px; background:url('../images/slot_polarite_3.png') top center no-repeat; top:14px; left:99px; background-size:100%; }
.slot_polarite_4 { position:absolute; width:18px; height:18px; background:url('../images/slot_polarite_4.png') top center no-repeat; top:14px; left:99px; background-size:100%; }
.slot_polarite_5 { position:absolute; width:18px; height:18px; background:url('../images/slot_polarite_5.png') top center no-repeat; top:14px; left:99px; background-size:100%; }
.slot_polarite_6 { position:absolute; width:18px; height:18px; background:url('../images/slot_polarite_6.png') top center no-repeat; top:14px; left:99px; background-size:100%; }

/* POINTS */
#builder #nav-build { width:812px; margin:0 auto; height:20px; }
#builder #nav-build.arme_de_melee { width:954px; }
#builder #nav-build.archmel { width:812px; }
#builder #nav-build.sentinelle, { width:674px; }
#builder #nav-build.frame { width:810px; }
#builder #nav-build.archwing { width:550px; }
#builder #points { float:left; position:relative; width:280px; height:10px; background:#222; padding:2px; border-radius:6px; margin-bottom:3px; }
#builder #points #bg-points { background:#2C3035; width:100%; height:100%; border-radius:4px; }
#builder #points #bg-points #progression-points { position:relative; width:0; height:100%; background:#FF2C00; border-radius:2px; box-shadow:inset 0px 0px 6px #000; }
#builder #points #bg-points #progression-points #compteur-points-restants { position:absolute; top:0px; left:80%; width:25px; height:12px; background:rgba(0, 0, 0, 0.8); text-align:center; color:#FFF; font-weight:bold;  font-size:0.8em; line-height:12px; }
#builder #total-points { float:left; width:25px; height:14px; background:#222; margin:0 0 3px 4px; color:#FFF; font-weight:bold; font-size:0.8em; line-height:16px; text-align:center; }

/* LIENS CASQUE ET DETAILS */
#builder .liens { float:right; }
#builder #rapport { float:right; color:#222; font-size:0.8em; text-transform:uppercase; margin-right:4px; }
#builder #rapport a , #builder #rapport a:visited, #builder #rapport a:active { color:#222; text-transform:uppercase; text-decoration:none; font-weight:bold; }
#builder #casques { float:right; margin-right:7px; font-size:0.8em; }
#builder #casques, #builder #casques a , #builder #casques a:visited, #builder #casques a:active { color:#222; text-transform:uppercase; text-decoration:none; font-weight:bold; }
#builder #casques a:hover, #builder #rapport a:hover { text-decoration:underline; }

/* MODS */
.conteneur_mod, .conteneur_mod_aura, .conteneur_mod_stance, .conteneur_mod_utility  { position:relative; display:inline-block; width:130px; height:190px; top:-5px; left:-1px; margin:0px 6px 4px 0; -webkit-touch-callout:none; -webkit-user-select:none; -o-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:1rem; letter-spacing:normal; word-spacing:normal; white-space:normal; }
.conteneur_grand_mod { position:absolute; width:248px; height:363px; top:-81.5px; left:-59px; -webkit-transform:scale(0.5237); -moz-transform:scale(0.5237); -o-transform:scale(0.5237); transform:scale(0.5237); -webkit-transition:-webkit-transform 0.1s; -moz-transition:0.1s linear; -o-transition:0.1s linear; -ms-transition:0.1s linear; transition:0.1s linear; -webkit-backface-visibility:hidden; -moz-backface-visibility:visible; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; z-index:5; -webkit-transform-style:preserve-3d; }
.conteneur_grand_mod .conteneur_niveaux { position:absolute; height:10px; line-height:10px; width:100%; top:345px; text-align:center; }
.conteneur_grand_mod .conteneur_niveaux .cran_niveau { display:inline-block; width:10px; height:10px; background:url('../images/etoile_niveau.png') left center; }
.conteneur_grand_mod .conteneur_niveaux .cran_niveau.active { background:url('../images/etoile_niveau.png') right center; }
.conteneur_grand_mod .conteneur_niveaux .boutons_niveau { position:absolute; left:233px; top:-270px; width:12px; display:none; }
.conteneur_grand_mod .conteneur_niveaux .boutons_niveau button { width:20px; height:20px; text-align:center; padding:0; border:1px solid #555; border-radius:2px; outline:none; cursor:pointer; color:#363636; background:#eee; margin-bottom:4px; font-weight:bold; font-size:1.5em; line-height:1px; }
.conteneur_grand_mod .conteneur_niveaux .boutons_niveau button:first-child { font-size:1em; }
.conteneur_grand_mod .conteneur_niveaux .boutons_niveau button:nth-child(3) { height:20px; padding-bottom:2px; }
.conteneur_grand_mod .conteneur_niveaux .boutons_niveau button:last-child { height:20px; padding-top:2px; font-size:1em; }
.conteneur_grand_mod .conteneur_niveaux .boutons_niveau button:hover { background:#363636; color:#eee; }
.grand_mod { position:absolute; width:248px; height:363px; overflow:hidden; left:2px; z-index:-1; font-family:"Tahoma"; }
.grand_mod.c { color:#c79989; }
.grand_mod.u { color:#ddd; }
.grand_mod.r { color:#faeac6; }
.grand_mod.l { color:#fff; }
.grand_mod .pvp.c { position:relative; display:inline-block; width:26px; height:26px; top:4px; background:url('../images/conclave.png') 0px 0px no-repeat; background-size:95%; }
.grand_mod .pvp.u { position:relative; display:inline-block; width:26px; height:26px; top:4px; background:url('../images/conclave.png') 0px -24px no-repeat; background-size:95%; }
.grand_mod .pvp.r { position:relative; display:inline-block; width:26px; height:26px; top:4px; background:url('../images/conclave.png') 0px -48px no-repeat; background-size:95%; }
.grand_mod .cout_mod { position:absolute; top:17px; width:40px; left:176px; font-size:1.2em; text-align:right; margin-right:1px; z-index:5; letter-spacing:-2px;}
.grand_mod .cout_mod .fleche_aura { position:relative; display:inline-block; width:12px; top:-4px; font-size:0.85em; text-align:right; font-weight:bold; margin-right:2px; z-index:5; font-family:Arial; }
.grand_mod .cout_mod .valeur-cout-mod.polarise { color:#15e610; }
.grand_mod .cout_mod .valeur-cout-mod.non_polarise { color:#f42724; }
.grand_mod .polarite_liste { top:22px; left:218px; background-size:100%; height:16px; z-index:5; }
.grand_mod .image_mod { position:absolute; top:10px; left:9px; z-index:-5; }
.grand_mod .image_mod img { width:96.5%; }
.grand_mod .type_mod { position: absolute; width:130px; text-transform:uppercase; top:300px; z-index:15; height:20px; left:82px; text-align:right; }
.grand_mod .infos_mod { position:absolute; width:94%; margin-left:3%; bottom:28px; padding-bottom:44px; background:url('../images/bg_mods.png'); }
.grand_mod .infos_mod .transition { position:absolute; width:100%; left:0; top:-6px; height:6px; background:url('../images/bg_mods_transition.png'); }
.grand_mod .infos_mod .conteneur-nom-mod { display:table; width:90%; height:52px; position:relative; z-index:5; margin-left:5%; }
.grand_mod .infos_mod .conteneur-nom-mod .nom_mod { width:100%; font-size:1.3em; text-align:center; display:table-cell; vertical-align:middle;}
.grand_mod .infos_mod .description_mod { position:relative; width:90%; font-size:0.75em; letter-spacing:-0.1px; text-align:center; margin:0 auto; z-index:5; display:none; margin-bottom:15px; }
.grand_mod .infos_mod .description_mod .uppercase { text-transform:uppercase; }
.grand_mod .contour { position:absolute; width:248px; height:363px; top:0; left:0; cursor:pointer; z-index:1; }
.grand_mod .contour.c { background:url('../images/mod_commun.png') center center no-repeat; }
.grand_mod .contour.u { background:url('../images/mod_inhabituel.png') center center no-repeat; }
.grand_mod .contour.r { background:url('../images/mod_rare.png') center center no-repeat; }
.grand_mod .contour.l { background:url('../images/mod_legendaire.png') center center no-repeat; }
.conteneur_grand_mod:hover { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); z-index:5000; }
.conteneur_grand_mod:hover .grand_mod .infos_mod .description_mod { display:block;  }
.conteneur_grand_mod:hover .conteneur_niveaux .boutons_niveau { display:block; }
.polarite_0 { position:absolute; width:18px; height:18px; top:7px; left:104px; background-size:100%; }
.polarite_1 { position:absolute; width:18px; height:18px; background:url('../images/polarite_1.png') no-repeat; top:7px; left:104px; background-size:100%; }
.polarite_2 { position:absolute; width:18px; height:18px; background:url('../images/polarite_2.png') no-repeat; top:7px; left:104px; background-size:100%; }
.polarite_3 { position:absolute; width:18px; height:18px; background:url('../images/polarite_3.png') no-repeat; top:7px; left:104px; background-size:100%; }
.polarite_4 { position:absolute; width:18px; height:18px; background:url('../images/polarite_4.png') no-repeat; top:7px; left:104px; background-size:100%; }
.polarite_5 { position:absolute; width:18px; height:18px; background:url('../images/polarite_5.png') no-repeat; top:7px; left:104px; background-size:100%; }
.polarite_6 { position:absolute; width:18px; height:18px; background:url('../images/polarite_6.png') no-repeat; top:7px; left:104px; background-size:100%; }
.polarite_liste.c { background-position:center -2px; }
.polarite_liste.u { background-position:center -20px; }
.polarite_liste.r { background-position:center -38px; }
.polarite_liste.l { background-position:center -56px; }
.polarite_liste.polarise { background-position:center -74px; }
.polarite_liste.non_polarise { background-position:center -92px; }

/* INFORMATIONS */
#informations { position:relative; width:954px; margin:0 auto; padding-bottom:50px; }
#informations #infos-objet { width:100%; }

#informations #infos-objet #nom-niveau { color:#222; text-transform:uppercase; cursor:default; width:700px; text-align:left; }
#informations #infos-objet #nom-niveau #nom-objet { font-size:3.3em; }
#informations #infos-objet #nom-niveau input[type="text"] { color:#222; background:transparent; font-size:1em; width:70px; text-align:center; padding:0; border:0; outline:none; }
#informations #infos-objet #nom-niveau input[type="text"]:hover { box-shadow:inset 0 0 2px #000; background:rgba(136,136,136,0.5); }
#informations #infos-objet #nom-niveau #nb_formas { float:left; height:21px; text-align:left; color:#222; }
#informations #infos-objet #nom-niveau #nb_formas .etoile { float:left; width:22px; height:21px; background:url('../images/etoile.png'); margin-right:1px; }
#informations #infos-objet #nom-niveau #nb_formas .etoile:last-child { margin-right:8px; }
#informations #infos-objet #nom-niveau #nom-build-charge { float:left; text-align:left; height:21px; line-height:24px; font-size:0.9em; text-transform:uppercase; cursor:pointer; font-weight:bold; margin-left:2px; }
#informations #infos-objet #nom-niveau #nom-build-charge:hover { text-decoration:underline; }

#informations #infos-objet #reacteur-forma { float:right; width:220px; background:rgba(136,136,136,0.5); height:100px; line-height:100px; border:1px solid #888; }
#informations #infos-objet #reacteur-forma #icone-reacteur { background:url('../images/reacteur_orokin.png') no-repeat bottom center; }
#informations #infos-objet #reacteur-forma #icone-catalyseur { background:url('../images/catalyseur_orokin.png') no-repeat bottom center; }
#informations #infos-objet #reacteur-forma #icone-forma { background:url('../images/forma.png') no-repeat bottom center; }
#informations #infos-objet #reacteur-forma #icone-reacteur, #informations #infos-objet #reacteur-forma #icone-catalyseur, #informations #infos-objet #reacteur-forma #icone-forma { float:left; width:50%; height:58px; background-size:80%; margin-top:21px; cursor:pointer; } 

#informations #infos-objet #envoyer_vers { float:right; color:#222; height:36px; margin:6px 0 0 0; font-size:0.9em; line-height:26px; }
#informations #infos-objet #envoyer_vers select { float:left; width:200px; outline:none; margin-right:8px; background:#444; color:#fff; height:24px; border:1px solid #000; box-shadow:inset 0 0 1px 0 #000; font-size:0.9em; }
#informations #infos-objet #envoyer_vers select:hover, #informations #infos-objet #envoyer_vers select:focus { background:#666; }
#informations #infos-objet #envoyer_vers input[type="checkbox"] { float:left; outline:none; margin:6px 0 0 0; }

#informations #infos-objet #nav-builder { text-align:left; font-size:0.9em; }
#informations #infos-objet #nav-builder ul { margin:0; padding:0 0 0 17px; float:left; margin-right:50px; }
#informations #infos-objet #nav-builder a, #informations #infos-objet #nav-builder a:visited, #informations #infos-objet #nav-builder a:active { color:#222; text-decoration:none; }
#informations #infos-objet #nav-builder a:hover { text-decoration:underline; }
#informations #infos-objet #nav-builder .cache { display:none; }

#informations #builds-lies { font-size:0.9em; }
#informations #builds-lies div:nth-child(2) { margin-top:10px; }
#informations #builds-lies div { padding-left:40px }
#informations #builds-lies div span { display:inline-block; width:200px; }
#informations #builds-lies a, #informations #builds-lies a:active, #informations #builds-lies a:visited { color:#222; text-decoration:none; }
#informations #builds-lies a:hover { color:#444; text-decoration:underline; }
#informations summary { display:inline-block; outline:none; cursor:pointer; padding-left:3px; color:#222; user-select:none; -o-user-select:none;-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

/* EXPORTER LE RAPPORT DU WARFRAME */
#exporterRapport { width:260px; text-align:right; margin:20px; font-size:0.8em; }
#exporterRapport hr { height:1px; border:0; border-top:1px dotted #444; background:transparent; margin:10px 0; width:92%; }
#exporterRapport #rapportWarframe { width:45%; float:left; }
#exporterRapport #rapportWarframe .ligne_stat div:first-child, #exporterRapport #rapportSkills .ligne_stat div:first-child { width:16%; color:#666; text-align:right; }
#exporterRapport #rapportSkills { width:55%; float:left; margin-bottom:20px; }
#exporterRapport #rapportSkills img { width:8px; }#stats_arme .ligne_stat div { float:left; }
#exporterRapport .nom_skill { width:100%; color:#222; text-align:left; text-transform:uppercase; margin-bottom:8px; }
#exporterRapport .nom_skill:not(:first-child) { margin-top:15px; }
#exporterRapport .ligne_stat div { float:left; }
#exporterRapport .ligne_stat.margin div { margin-top:10px; }
#exporterRapport .ligne_stat div:nth-child(2) { margin-left:6px; text-align:left; text-transform:uppercase; color:#222; width:82%; /*white-space:nowrap;*/ }
#exporterRapport .ligne_stat div:nth-child(2) img { width:10px; margin-right:2px;  }
#exporterRapport .changer-skill { display:inline-block; border:1px solid #222; color:#222; background:#888; width:14px; height:14px; margin-right:2px; text-align:center; }
#exporterRapport .changer-skill:first-child { margin-left:10px; }
#exporterRapport .changer-skill.selected { background:#bbb; }
#exporterRapport .changer-skill:hover { cursor:pointer; background:#bbb; }
#exporterRapport .cache { display:none; }
#exporterRapport .container-changer-forme { text-align:left; }
#exporterRapport .changer-forme { display:inline-block; width:50px; text-align:center; height:14px; background:#888; border:1px solid #222; margin-right:2px; }
#exporterRapport .changer-forme.selected { background:#bbb; }
#exporterRapport .changer-forme:hover { cursor:pointer; background:#bbb; }
#exporterRapport .fj { display:none; }
#exporterRapport .changer-element { display:inline-block; padding:0 4px; text-align:center; height:14px; background:#888; border:1px solid #222; margin-right:2px; }
#exporterRapport .changer-element.selected { background:#bbb; }
#exporterRapport .changer-element:hover { cursor:pointer; background:#bbb; }
#exporterRapport .e-chroma:not(.feu) { display:none; }
#exporterRapport .changer-fleche { display:inline-block; padding:0 4px; text-align:center; height:14px; background:#888; border:1px solid #222; margin-right:2px; margin-top:2px; }
#exporterRapport .changer-fleche.selected { background:#bbb; }
#exporterRapport .changer-fleche:hover { cursor:pointer; background:#bbb; }
#exporterRapport .fleche:not(.cloak) { display:none; }

/* CHANGER LA POLARITE */
#changerPolarite #liste-polarites { width:126px; margin:0 auto; }
#changerPolarite .polarite-float { float:left; width:24px; height:24px; overflow:hidden; border-radius:3px; background:#222; padding:2px; cursor:pointer; margin:2px; }
#changerPolarite .polarite-float:nth-child(4n+1) { margin-left:0; }
#changerPolarite .polarite-float img { position:relative; width:25px; top:-75px; }
#builder #slots_mods .slot_mod.forma_hover, #builder #slots_mods .slot_mod_utility.forma_hover { cursor:pointer; background:url('../images/mod_vide_hover.png'); background-size:130px 190px; }
#builder #slots_mods .slot_mod_aura.forma_hover { cursor:pointer; background:url('../images/mod_aura_hover.png'); background-size:130px 190px; }

/** DRAG & DROP **/
.mod.ui-draggable-dragging { opacity:0.5; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5); z-index:50; }
.mod.ui-draggable-dragging .conteneur_grand_mod .grand_mod .footer div.infos_mod { display:none; }
.mod.dropped { position:absolute; }

/** SAUVEGARDER BUILD **/
#sauvegarderBuild { padding:10px; }
#sauvegarderBuild p { font-size:0.8em; margin:0; }
#sauvegarderBuild table { width:100% }
#sauvegarderBuild table tr td.prive { font-size:0.8em; }
#sauvegarderBuild table tr td:first-child { width:130px; font-size:0.8em; }
#sauvegarderBuild table tr td:last-child { width:400px; }
#sauvegarderBuild input[type="text"] { width:600px; height:20px; margin:2px auto 0; padding-left:4px; }
#sauvegarderBuild input[type="submit"] { width:inherit; display:block; height:28px; margin:10px auto 0; }
#sauvegarderBuild textarea { box-shadow:inset 0 0 1px 0 #000; width:600px;  height:80px; border:1px solid #000; outline:none; background:#444; color:#fff; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
#sauvegarderBuild textarea:hover, #sauvegarderBuild textarea:focus { background:#666; }
#sauvegarderBuild hr { margin:6px auto; width:100%; height:1px; background:#222; border:0; left:0;  }
#sauvegarderBuild input[type="checkbox"] { float:left; width:14px; outline:none; margin:2px 4px 0 0; padding:0; }
#retourSave { display:none; margin-top:20px; color:#CC0000; font-size:0.8em; }
#buildSauvegarde { padding:10px; min-height:150px; font-size:0.8em; }
#sauvegarderBuild summary { display:inline-block; outline:none; font-size:0.8em; cursor:pointer; padding-left:4px; color:#222; user-select:none; -o-user-select:none;-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
#sauvegarderBuild select { width:600px; outline:none; background:#444; color:#fff; height:24px; border:1px solid #000; box-shadow:inset 0 0 1px 0 #000; font-size:0.9em; }
#sauvegarderBuild select:hover, #sauvegarderBuild select:focus { background:#666; }

/* FENETRES INFROMATIVES */
#desc-build-charge, #signaler-build, #build-signale, #build-non-signale, #texteReset, #buildEdite, #changerCasques { padding:10px; font-size:0.8em; }

/** RECHERCHER DES BUILDS **/
#rechercherBuilds { padding:0 10px; overflow-y:scroll; margin-top:10px; text-align:left; }
#rechercherBuilds #listeBuilds { width:85%; float:left; font-size:0.8em; position:relative; }
#rechercherBuilds #listeBuilds table { width:100%; border-spacing:0; border-collapse:collapse; }
#rechercherBuilds #listeBuilds table thead { background:#222; color:#fff; }
#rechercherBuilds #listeBuilds table tr td a, #rechercherBuilds #listeBuilds table tr td a:visited { color:#222; text-decoration:none; outline:none; }
#rechercherBuilds #listeBuilds table tr td a:hover { text-decoration:underline; }
#rechercherBuilds #listeBuilds table tr th:first-child { width:41%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(2) { width:14%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(3) { width:7.5%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(4) { width:7.5%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(5) { width:7.5%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(6) { width:7.5%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(7) { width:7.5%; }
#rechercherBuilds #listeBuilds table tr th:nth-child(8) { width:7.5%; }
#rechercherBuilds #listeBuilds table tr td, #rechercherBuilds #listeBuilds table tr th { text-align:center; height:25px; border-top:1px solid #444; border-right:1px dotted #444; }
#rechercherBuilds #listeBuilds table tr th:first-child  { border-left:1px solid #444; }
#rechercherBuilds #listeBuilds table tr th:last-child  { border-right:1px solid #444; }
#rechercherBuilds #listeBuilds table tr td { height:30px; }
#rechercherBuilds #listeBuilds table tbody tr:nth-child(odd) { background:rgba(136,136,136,0.4); }
#rechercherBuilds #listeBuilds table tbody tr.odd { background:rgba(136,136,136,0.4); }
#rechercherBuilds #listeBuilds table tbody tr td:nth-child(4) img { width:16px; vertical-align:middle; }
#rechercherBuilds #listeBuilds table tbody tr td:nth-child(5) img { width:16px; margin-left:4px; vertical-align:middle; }
#rechercherBuilds #listeBuilds table tbody tr td span { margin:0; padding:0; }
#rechercherBuilds #listeBuilds table tbody tr td { border-top:1px solid #444; border-bottom:1px solid #444; }
#rechercherBuilds #listeBuilds table tbody tr td img.featured { margin:0 2px 0 0; width:14px; height:auto; vertical-align:top; }
#rechercherBuilds #listeBuilds table tbody tr td:first-child { text-align:left; padding-left:5px; border-left:1px solid #444; }
#rechercherBuilds #listeBuilds table tbody tr td:last-child { border-right:1px solid #444; }
#rechercherBuilds #listeBuilds table tbody tr:last-child td { border-bottom:1px solid #444; }
#rechercherBuilds #listeBuilds table tbody tr:hover { background:#d7af62; }
#rechercherBuilds #listeBuilds table thead tr .header { background:url('../images/bg.gif'); background-repeat:no-repeat; background-position: center right; }
#rechercherBuilds #listeBuilds table thead tr .headerSortUp { background:url('../images/asc.gif'); background-repeat:no-repeat; background-position: center right; }
#rechercherBuilds #listeBuilds table thead tr .headerSortDown { background:url('../images/desc.gif'); background-repeat:no-repeat; background-position: center right; }

#rechercherBuilds #fonctionsRecherche { width:13%; float:right; }
#rechercherBuilds #fonctionsRecherche div { width:100%; position:relative; line-height:26px; font-size:0.8em; }
#rechercherBuilds #fonctionsRecherche input[type="text"] { width:160px; height:20px; margin:0 0 10px; padding-left:4px; float:right; font-size:1em; }
#rechercherBuilds #fonctionsRecherche select { background:#444; border:1px solid #000; width:90px; padding:3px 0; color:#fff; float:right; margin:0 0 10px; }
#rechercherBuilds #fonctionsRecherche select:hover { background:#666; }
#rechercherBuilds #fonctionsRecherche #s-filtrerParNiveau { position:relative; width:90px; float:right;margin:0 0 10px; }


/* CASQUES */
#changerCasques .casque_float { float:left; width:150px; }
#changerCasques .casque_float img { cursor:pointer; }
#changerCasques .casque_float div { width:100%; text-align:center; color:#222; text-transform:uppercase; margin:3px 0 14px; }

/* STATS DES ARMES */
#builder #pourcentage_charge { width:230px; text-align:left; float:right; font-size:0.8em; text-transform:uppercase; line-height:26px; height:26px; }
#builder #pourcentage_charge input[type=range] { outline:none; width:100px; -webkit-appearance:none; background:transparent; margin:0; padding:0; }
#builder #pourcentage_charge input[type=range]::-webkit-slider-runnable-track { -webkit-appearance:none; background:#444; height:3px; margin-top:-10px; }
#builder #pourcentage_charge input[type=range]::-webkit-slider-thumb { margin-top:-8px; cursor:pointer; }
#builder #pourcentage_charge input[type=range]::-ms-fill-upper { background-color:#444; }
#builder #pourcentage_charge input[type=range]::-ms-fill-lower { background-color:#444; }
#builder #pourcentage_charge input[type=range]::-ms-track { height:10px; }
#builder #pourcentage_charge input[type=range]::-ms-thumb { background-color:#000; border:1px solid #000; cursor:pointer; }
#builder #pourcentage_charge input[type=range]::-ms-tooltip { display:none; }
#builder #pourcentage_charge input[type=range]::-moz-range-thumb { cursor:pointer; }
#builder #etats_combat { width:260px; min-height:200px; float:right; font-size:0.8em; margin-top:10px; }
#builder #etats_combat p { margin:5px 0; }
#builder #etats_combat #etat_actuel, #builder #etats_combat #declencheur { font-size:1em; font-weight:bold; display:none; }
#builder #etats_combat #ligne_declencheur_normal { display:none; }
#builder .ligne_etats_combat div:first-child { text-align:right; width:70px; display:inline-block; }
#builder .ligne_etats_combat div:first-child input { position:relative; margin:0; padding:0; top:2px; }
#builder .ligne_etats_combat div:last-child { margin-left:6px; text-align:left; text-transform:uppercase; color:#222; width:158px; white-space:nowrap; font-weight:normal; display:inline-block; }
#builder #stats_arme { width:260px; min-height:200px; text-align:right; float:right; font-size:0.8em; }
#builder #stats_arme .ligne_stat div { float:left; }
#builder #stats_arme .ligne_stat.margin div { margin-top:10px; }
#builder #stats_arme .ligne_stat div:first-child { width:70px; color:#666; }
#builder #stats_arme .separateur { margin:10px 0 10px 14px; color:#222; float:left; }
#builder #stats_arme .ligne_stat div:nth-child(2) { margin-left:6px; text-align:left; text-transform:uppercase; color:#222; width:158px; white-space:nowrap; }
#builder #stats_arme .ligne_stat div:nth-child(2) img { width:10px; margin-right:2px;  }
#builder #stats_arme input[type=checkbox] { float:right; margin:2px 0 0; padding:0; }
#builder #stats_arme .ligne_stat.cadence_de_tir img { width:13px; float:right; margin-top:3px; cursor:pointer; }

/*
* ARCHWINGS
*/
#builder #stats_archwing { width:260px; height:300px; text-align:right; float:right; font-size:0.8em; }
#builder #stats_archwing .ligne_stat div { float:left; height:18px;}
#builder #stats_archwing .ligne_stat.margin div { margin-top:10px; }
#builder #stats_archwing .ligne_stat div:first-child { width:100px; color:#666; }
#builder #stats_archwing .separateur { margin:10px 0 10px 14px; color:#222; float:left; }
#builder #stats_archwing .ligne_stat div:nth-child(2) { margin-left:6px; text-align:left; text-transform:uppercase; color:#222; width:128px; white-space:nowrap; }
#builder #stats_archwing select { font-size:0.9em; width:98px; }
#builder #stats_archwing #explications { margin-top:10px; text-align:justify; }

/* TIR CHARGE ET NON CHARGE */
#builder .separateur { float:right; margin-right:4px; }
#builder #charge { float:right; text-align:right; color:#222; font-size:0.8em; text-transform:uppercase; cursor:pointer; margin:0 6px 0 0; font-weight:bold; user-select:none; -o-user-select:none;-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
#builder #charge:hover { text-decoration:underline; }

/* VALEUR EDITABLE */
#builder #stats_arme .ligne_stat div[contenteditable=true] { cursor:pointer; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50px; margin-left:20px; border:1px dotted #666; height:15px; }
#builder #stats_arme .ligne_stat div[contenteditable=true]:hover { background-color:#222; color:#fff; }
#builder #stats_arme .ligne_stat div[contenteditable=true]:focus { background-color:#222; color:#fff; }
#builder #stats_archwing .ligne_stat div[contenteditable=true] { cursor:pointer; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:40px; width:60px; border:1px dotted #666; height:15px; }
#builder #stats_archwing .ligne_stat div[contenteditable=true]:hover { background-color:#222; color:#fff; }
#builder #stats_archwing .ligne_stat div[contenteditable=true]:focus { background-color:#222; color:#fff; }

/* RAPPORT DES DEGATS */
#exporterRapport div#onglets a div { float:left; width:100px; height:25px; line-height:25px; color:#FFF; text-decoration:none; outline:none; background:#222; border:1px solid #000; cursor:pointer;text-align:center; margin:0 5px 5px 0; }
#exporterRapport div#onglets a div.selected { background:#444; }
#exporterRapport div#onglets a div:hover { background:#666 }
#exporterRapport div#onglets a div:first-letter { text-transform:uppercase; }
#exporterRapport div#onglets a, #exporterRapport div#onglets a:visited, #exporterRapport div#onglets a:hover, #exporterRapport div#onglets a:active { color:#FFF; text-decoration:none; }
.rapport-degats { width:100%; border-spacing:0; table-layout:fixed; }
.rapport-degats thead { background:#121416; color:#fff; font-weight:bold;}
.rapport-degats thead tr td:first-child { border-left:1px solid #444; width:17%; }
.rapport-degats thead tr td:last-child { border-right:1px solid #444; width:17%; }
.rapport-degats tr td { text-align:center; height:25px; border-top:1px solid #444; border-right:1px dotted #444;}
.rapport-degats tr td p { margin:0; padding:0; display:inline-block; }
.rapport-degats tr td p:first-letter { text-transform:uppercase; }
.rapport-degats tbody tr td img { width:10px; margin-right:4px; vertical-align:baseline; }
.rapport-degats tbody tr { text-align:center; height:25px; }
.rapport-degats tbody tr td:first-child { text-align:left; padding-left:5px; border-left:1px solid #444; }
.rapport-degats tbody tr td:last-child { text-align:right; padding-right:5px; border-right:1px solid #444; }
.rapport-degats tbody tr:nth-child(odd) { background:rgba(136,136,136,0.4); }
.rapport-degats tbody tr:last-child td { border-bottom:1px solid #444; }
.rapport-degats .vert { color:#009900; }
.rapport-degats .rouge { color:#cb0000; }
.rapport-degats.rapportCorpus, .rapport-degats.rapportInfestes, .rapport-degats.rapportTenno { display:none; }

/* EXPORTER LE BUILD */
#exporterBuild { text-align:center }
#exporterBuild div #lienExport, #exporterBuild div #lienExportCourt { width:95%;  padding:4px; text-align:left; margin-top:19px; }

/* COMBO DE MELEE */
#melee-combo { position:absolute; width:120px; top:276px; cursor:pointer; padding:4px; background:#444; color:#fff; border:1px solid #000; font-size:0.8em; text-align:center; display:none; }
#melee-combo:hover { background:#666; }
#liste-combos { padding:10px; font-size:0.8em; color:#222; }
#liste-combos div.combo-mod { display:none }
#liste-combos table { border-spacing:0px; border-collapse:collapse; width:100%; border:1px solid #444; }
#liste-combos table tr {  height:30px; }
#liste-combos table tr:nth-child(odd) { background:rgba(136,136,136,0.4); }
#liste-combos table tr td:first-child { width:45%; text-transform:uppercase; padding-left:4px; }
#liste-combos table tr td .e-combo { min-width:13px; height:18px; border-radius:1px; background:#444; display:inline-block; border:1px solid #eee; text-align:center; line-height:20px; box-shadow: 0 0 4px #000; padding:0 3px; color:#fff; }
#liste-combos table tr td .forward { width:17px; height:18px; display:inline-block; line-height:18px; background:url('../images/forward.png') no-repeat; word-spacing:0px; text-indent:-99999px; }
#liste-combos table tr td .backward { width:17px; height:18px; display:inline-block; line-height:18px; background:url('../images/backward.png') no-repeat; word-spacing:0px; text-indent:-99999px; }
#liste-combos table tr td .e-combo.aoe-knockdown { background:#CC0000; }
#liste-combos table tr td .aoe-degats-knockdown { background:#9933FF; }
#liste-combos table tr td .e-combo.aoe { background:#0033FF; }
#liste-combos table tr:nth-last-child(2) td { text-transform:none; background:#444; color:#fff; }
#liste-combos table tr:last-child td { text-transform:none; background:#444; color:#fff; }

/* SIGNALER UN BUILD */
#signaler-build div { text-align:center; }
#signaler-build div select { margin-top:10px; outline:none; }
#retour-pas-de-raison { display:none; color:#ff0000; }

/* MENU DEROULANT MOD BERSERK, COMBO COUNTER */
select#berserk, select#select_combo_counter { height:14px; margin:0; padding:0; font-size:0.8em; outline:none; line-height:normal; }