/* SUPPRESSION DES STYLE */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit;text-decoration:none; }
:focus { outline: 0; }
body, html { height:100%;width:100%; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { cursor: pointer; }


/* DEFINITION DE BASE */
/*.hallow { background:transparent url(../img/citrouille.png) no-repeat 0 0;height:26px;float:left; }*/
 
body { background:#000 url(../img/body/background02.jpg) no-repeat fixed center top; font:11px/1 Tahoma, Geneva, Kalimati, sans-serif;color:#FFF; }
h1 { background:transparent url(../img/bgTitle.png) no-repeat 0 0;height:26px;font:bold 22px/1 Trebuchet MS, Helvetica, serif;text-transform:uppercase;color:#1e1e1e;padding:4px 0 0 32px;text-shadow:1px 1px 1px #BF6700; }
h1 a { font:bold 22px/1 Trebuchet MS, Helvetica, serif;text-transform:uppercase;color:#1e1e1e;text-shadow:1px 1px 1px #BF6700; }
h2 { font:19px Trebuchet MS, Helvetica, serif; }
h3 { border-bottom:1px solid #4F5613;color:#93A22B;font:bold 18px/1 Trebuchet MS,Helvetica,serif;padding:2px 0;text-transform:uppercase; }
h4 { font:bold 20px/1 Trebuchet MS, Helvetica, serif;text-transform:uppercase;color:#1e1e1e;padding:2px 0;border-bottom:1px solid #ffc600;color:#ffc600; }
h1 a.right { margin-top:-3px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.yellow { color:#ffd800; }
a.yellow:hover { color:#ffc600; }
.white { color:#fff; }
.grey { color:#616161; }
a.grey:hover { color:#818181; }
.green { color:#499c24; }
.orange { color:#eb6400; }
.blue { color:#0078FF; }
.red { color:#C50000; }
.font9 { font-size:9px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font22 { font-size:22px; }
.invisible { visibility:hidden; }
.center { text-align:center; }
.gras { font-weight:bold; }


table { width:608px;margin:0 auto;background-color:#272727;border-collapse:collapse;border:2px solid #131313; }
table td { padding:4px;border-bottom:1px dotted #131313; }
table th { background-color:#131313;font-size:13px;font-weight:bold;padding:4px 3px;text-transform:uppercase;white-space:nowrap; }
table th span { font-size:11px;font-weight:normal;text-transform:none; }
table td.dark { width:200px;background-color:#181818; }

.ticket { background-color:#131313;font-size:13px;font-weight:bold;padding:4px 3px;text-transform:none;white-space:nowrap; }
/* HEADER */
div#header { height:35px;background:transparent url(../img/opacity60.png) repeat 0 0;text-shadow:1px 1px 0 #000; }
div#header div.container { height:30px;background-color:#1E1E1E; }
div#header div.container div.content { width:980px;margin:0 auto; }
div#header div.container div.content div.left { margin-top:9px; }
div#header div.container div.content div.right { margin-top:5px; }
div#header div.container div.content div.right input { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#header div.container div.content div.right input.test { font-size:11px;color:#ffd800;background-color:#1E1E1E;border:0px solid #484848;padding:2px;cursor: pointer; }
div#header div.container div.content div.right.login { margin-top:9px; }
div#header div.container div.content div.right.login a.shop { background:transparent url(../img/loginShop.jpg) no-repeat 0 0;display:inline-block;height:14px;padding-left:19px; }
div#header div.container div.content  a.woehead { background:transparent url(http://woe-online.fr/woehead/templates/wowhead/images/favicon.gif) no-repeat 0 0;display:inline-block;height:14px;padding-left:19px; }
div#header div.container div.content div.right.login a.grey { color:#919191; }
div#header div.container div.content div.right.login a.grey:hover { color:#B1B1B1; }

/* DIVERS */
div#main { background:transparent url(../img/opacity60.png) repeat 0 0;width:1000px;margin:80px auto -15px;padding:5px 5px 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; }
div#main div.content { background-color:#1E1E1E;padding:20px 15px;height:100%; }
div#main div.content div.colLeft { width:630px; }
div#main div.content div.colRight { width:320px; }
div#main div.content div.separate { padding:10px; }
div#main div.content div.text div.separate { padding:20px; }

/* LIST NEWS */
div#listNews div.item { border:1px solid #333232;background-color:#2b2b2b; }
div#listNews div.item div.head { border-bottom:1px solid #484848;background-color:#383838;padding:10px 10px 5px;text-shadow:1px 1px 0 #1E1E1E; }
div#listNews div.item div.head div.right { text-align:right; }
div#listNews div.item div.head div.right div.dateTime { font:18px/16px Trebuchet MS, Helvetica, serif; }
div#listNews div.item div.head div.right img { vertical-align:middle; }
div#listNews div.item div.text { border-top:1px solid #3a3a3a;padding:10px;line-height:14px;text-shadow:1px 1px 0 #1A1A1A; }
div#listNews div.item div.text div.signature { text-align:right; }
div#listNews div.pagination { border:1px solid #131313;background-color:#181818;padding:10px;font-weight:bold;text-align:center;text-shadow:1px 1px 0 #000; }
div#listNews div.pagination a.previous { background:transparent url(../img/pagePreviousOn.png) no-repeat center left;padding-left:15px;margin-right:15%; }
div#listNews div.pagination a.previous.grey { background-image:url(../img/pagePreviousOff.png); }
div#listNews div.pagination a.next { background:transparent url(../img/pageNextOn.png) no-repeat center right;padding-right:15px;margin-left:15%; }
div#listNews div.pagination a.next.grey { background-image:url(../img/pageNextOff.png); }

/* MISES EN AVANT */
div#main div.content div.left #splash { height:228px;width:628px;font-family:Trebuchet MS, Helvetica, serif;border:1px solid #181818;margin-top:30px; }
div#main div.content div.left #splash .list { left:445px;position:relative;top:185px;width:190px; }
div#main div.content div.left #splash .list li { margin:6px;float:left;height:22px;width:22px;background:transparent url(../img/premiumOff.png) no-repeat  0 0; }
div#main div.content div.left #splash .list li a { margin-left:5px;color:#fff;font-weight:bold;position:relative;top:3px;left:1px;font-size:14px; }
div#main div.content div.left #splash .list li.active { background:transparent url(../img/premiumOn.png) no-repeat  0 0; }
div#main div.content div.left #splash .list li.active a { color:#000; }
div#main div.content div.left #splash .photos { position:relative;text-shadow:1px 1px 0 #000; }
div#main div.content div.left #splash .photos .photo { position:absolute;top:0px;left:0px; }
div#main div.content div.left #splash .photos .photo .visuel { width:628px;height:228px;display:block; }
div#main div.content div.left #splash .photos .photo .visuel .descriptif { background:transparent url(../img/opacity60.png) repeat 0 0;padding:10px;display:inline-block;margin-top:15px;font-size:15px;color:#FFF; }
div#main div.content div.left #splash .photos .photo .visuel .descriptif span { font-weight:bold;padding:0px;margin:0px;display:block; }

/* LOGO */
div#main div.content div.right #logo { text-align:right;height:123px;text-shadow:1px 1px 0 #000;margin-top:30px; }

/* WIDGET */
.widget { border:1px solid #181818;text-shadow:1px 1px 0 #000; }
.widget .header, div#main div.content div.right .widget .footer { background-color:#181818;padding:2px; }
.widget .header p.left { font-weight:bold; }
.widget .image { width:100%; }

/* WIDGET : STATISTIQUES */
div#main div.content div.right #stats .image { background:#181818 url(../img/widgetStats.jpg) no-repeat center center;height:75px; }

/* WIDGET : RANKS */
#ranks .image { background-color:#181818;text-align:center; }
#ranks .image a { display:inline-block;width:87px;height:39px;color:#FFF;font-size:10px;font-weight:bold;position:relative;text-transform:uppercase;border:1px solid #131313;margin:0px 5px; }
#ranks .image a span { background:transparent url(../img/opacity60.png) repeat 0 0;display:block;padding:2px 0;position:relative;text-align:center;top:20px; }

/* WIDGET : SHOP */
div#main div.content div.right #shop a.image { background:#181818 url(../img/widgetShop.jpg) no-repeat center center;height:95px;display:inline-block; }

/* WIDGET : JOIN/LOGIN */
div#main div.content div.right #join .image { background:#181818 url(../img/widgetJoin.jpg) no-repeat center center;height:93px; }
div#main div.content div.right #join .image a { display:inline-block;height:35px;position:relative;top:59px;width:144px; }
div#main div.content div.right #join .image a.join { left:8px; }
div#main div.content div.right #join .image a.login { left:20px; }


/* NAVIGATION */
div#main div.content div.right #navigation { line-height:15px; }
div#main div.content div.right #navigation ul { border:1px solid #131313;background-color:#181818;padding:10px;text-shadow:1px 1px 0 #000; }
div#main div.content div.right #navigation ul li { padding-bottom:15px; }
div#main div.content div.right #navigation ul li.last { padding-bottom:0px; }
div#main div.content div.right #navigation ul li a { background:transparent url(../img/navigationPuce.gif) no-repeat 0 7px;font-weight:bold;padding-left:18px; }
div#main div.content div.right #navigation ul li a span { position:relative;top:-3px;padding-left:4px; }
div#main div.content div.right #navigation ul li ul { padding:0;background:none;border:none; }
div#main div.content div.right #navigation ul li ul li { padding:0 0 0 36px; }
div#main div.content div.right #navigation ul li ul li a { background:none;padding:0;display:inline-block;width:100%; }
div#main div.content div.right #navigation ul li ul li a:hover { color:#717171; }
div#main div.content div.right #navigation ul li ul li a.focus { background-color:#2b2b2b;padding:1px 0 1px 2px;color:#FFF; }

/* COPYRIGHTS */
div#main div.content div.right #copyrights { line-height:14px;text-shadow:1px 1px 0 #000; }
div#main div.content div.right #copyrights p.left { text-align:right;width:65px;padding:3px 5px 0 0; }
div#main div.content div.right #copyrights p.right { text-align:left;width:250px; }






/* PAGE : STATISTIQUES */
div#main div.content div.left #listStats { border:1px solid #333232;background-color:#2b2b2b;line-height:14px; }
div#main div.content div.left #listStats div.head { border-bottom:1px solid #484848;background-color:#383838;padding:10px; }
div#main div.content div.left #listStats div.head img { float:right;position:relative;top:-25px; }
div#main div.content div.left #listStats div.text { border-top:1px solid #3a3a3a;padding:10px; }
div#main div.content div.left #listStats div.text table { width:608px;margin:0 auto;background-color:#272727;border-collapse:collapse;border:2px solid #131313; }
div#main div.content div.left #listStats div.text table td { padding:4px;border-bottom:1px dotted #131313; }
div#main div.content div.left #listStats div.text table th { background-color:#131313;font-size:13px;font-weight:bold;padding:4px 3px;text-transform:uppercase; }
div#main div.content div.left #listStats div.text table th span { font-size:11px;font-weight:normal;text-transform:none; }
div#main div.content div.left #listStats div.text td.class { width:238px;background-color:#181818; }
div#main div.content div.left #listStats div.text td.stats { width:370px;font-weight:bold; }
div#main div.content div.left #listStats div.text td.stats span { display:inline-block;width:366px;background-color:#181818;text-align:right;padding:1px 3px 1px 1px; }
div#main div.content div.left #listStats div.text td.stats span span { display:inline-block;background-color:#4F5613;float:left;height:5px;border-bottom:7px solid #33370C; }
div#main div.content div.left #listStats div.text td.stats span .rouge { display:inline-block;background-color:#561813;float:left;height:5px;border-bottom:7px solid #370C0C; }
div#main div.content div.left #listStats div.text td.stats span .orange { display:inline-block;background-color:#9c3900;float:left;height:5px;border-bottom:7px solid #4f1d00; }

div#main div.content div.left #listAllopass div.text td { border:0px; }
div#main div.content div.left #listAllopass div.text tr { border:0px; }
div#main div.content div.left #listAllopass div.text table { width:448px;border:0px;background-color:none; }


/* PAGE : JOIN */
div#main div.content div.left #listJoin { border:1px solid #333232;background-color:#2b2b2b;line-height:14px; }
div#main div.content div.left #listJoin div.head { border-bottom:1px solid #484848;background-color:#383838;padding:10px; }
div#main div.content div.left #listJoin div.head img { float:right;position:relative;top:-30px; }
div#main div.content div.left #listJoin div.text { border-top:1px solid #3a3a3a;padding:10px; }
div#main div.content div.left #listJoin div.text .cgu { background:transparent url(../img/bgCGU.jpg) no-repeat 0 0;padding:25px;color:#000;line-height:16px;font-weight:bold;height:501px; }
div#main div.content div.left #listJoin div.text .cgu h4 { height:35px; }
div#main div.content div.left #listJoin div.text input { background-color:#DDD;border:1px solid #181818;font-size:14px;font-weight:bold;padding:3px;width:97%; }
div#main div.content div.left #listJoin div.text label { cursor:pointer; }
div#main div.content div.left #listJoin div.text label input { vertical-align:middle;border:0;background:none;padding:0;width:auto; }

/* PAGE : NEWS / BORD : INPUT */
div#main div.content div.left #listNews div.text input { background-color:#DDD;border:1px solid #181818;font-size:14px;font-weight:bold;padding:3px;width:97%; }
div#main div.content div.left #listNews div.text input { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#main div.content div.left #listNews div.text textarea { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#main div.content div.left #listNews div.text select { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#main div.content div.left #listNews div.text input.test { font-size:11px;color:#ffd800;background-color:#131313;border:0px solid #484848;padding:2px;cursor: pointer; }

div#main div.content div.left #listJoin div.text input { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#main div.content div.left #listJoin div.text textarea { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#main div.content div.left #listJoin div.text select { font-size:10px;color:#FFF;background-color:#383838;border:1px solid #484848;padding:2px; }
div#main div.content div.left #listJoin div.text input.test { font-size:11px;color:#ffd800;background-color:#131313;border:0px solid #484848;padding:2px;cursor: pointer; }

input { font-size:11px;color:#ffd800;background-color:#383838;border:0px solid #484848;padding:2px;cursor: pointer; }
select { font-size:10px;color:#ffd800;background-color:#383838;border:1px solid #484848;padding:2px; }

/* PAGE : ARENES */
div#main div.content div.left #listArenes div.head img { float:right;position:relative;top:-36px; }

/* PAGE : STAFF */
div#main div.content div.left #listStaff div.head img { float:right;margin:0 0 -45px;padding:0;position:relative;top:-45px; }

/* PAGE : INSTANCES */
div#main div.content div.left #listInstances div.head img { float:right;margin:0 0 -30px;padding:0;position:relative;top:-30px; }
div#main div.content div.left #listInstances td.green span, div#main div.content div.left #listInstances td.red span, div#main div.content div.left #listInstances td.cyan span , div#main div.content div.left #listInstances td.blue span , div#main div.content div.left #listInstances td.yellow span  { background-color:#181818;display:block;padding:1px; }

div#main div.content div.left #listInstances td.green span div { background-color:#4F5613;border-bottom:9px solid #33370C;height:8px;position:relative;color:#FFF; }
div#main div.content div.left #listInstances td.red span div { background-color:#561813;border-bottom:9px solid #370C0C;height:8px;position:relative;color:#FFF; }
div#main div.content div.left #listInstances td.blue span div { background-color:#0D244E;border-bottom:9px solid #0C1137;height:8px;position:relative;color:#FFF; }
div#main div.content div.left #listInstances td.cyan span div { background-color:#0C8DE2;border-bottom:9px solid #024FD8;height:8px;position:relative;color:#FFF; }
div#main div.content div.left #listInstances td.yellow span div { background-color:#A36D14;border-bottom:9px solid #AD5E0E;height:8px;position:relative;color:#FFF; }

/* LIST */
div#main div.content div.left div.list { border:1px solid #333232;background-color:#2b2b2b;line-height:14px; }
div#main div.content div.left div.list div.head { border-bottom:1px solid #484848;background-color:#383838;padding:10px; }
div#main div.content div.left div.list div.head img { float:right;position:relative;top:-30px; }
div#main div.content div.left div.list div.text { border-top:1px solid #3a3a3a;padding:10px; }



div.patch { background:transparent url(../img/install/patch.jpg) no-repeat 0 0;height:262px;width:608px;position:relative; }
div.patch div.div1 { position:absolute;bottom:27px;left:10px; }
div.patch div.div1 a { float:left;line-height:12px;margin:0 10px;padding:35px 15px 0;text-align:right;height:35px;font-family:Trebuchet MS, Helvetica, serif; }
div.patch div.div1 a:hover, div.patch div.div1 a.actif { background:transparent url(../img/temp.png) no-repeat 50% 0; }
div.patch div.div1 a:hover strong, div.patch div.div1 a:hover span, div.patch div.div1 a.actif strong, div.patch div.div1 a.actif span { color:#111; }
div.patch div.div2 { height:125px;left:20px;padding:10px;position:absolute;top:20px;width:548px; }

#recaptcha_response_field { color:white;background-color:#383838;border:1px solid #484848; }

.achat {background:#181818;padding:5px;color:white;border-radius:10px;width:100px;cursor:pointer}
.achat:hover {background:#383838;color:black;}

.transfertTab { width:450px;margin:0px; }
/* ARMURERIE */
div#main div.content div.left #listInstances div.text td.stats span { display:inline-block;width:366px;background-color:#383838;text-align:right;padding:1px 3px 1px 1px; }
div#main div.content div.left #listInstances div.text td.stats span span { display:inline-block;background-color:#4F5613;float:left;height:15px;border-bottom:7px solid #33370C;color:white;text-align:left; }
div#main div.content div.left #listInstances div.text td.stats span .rouge { background-color:#561813;border-bottom:7px solid #370C0C; }
div#main div.content div.left #listInstances div.text td.stats span .orange { background-color:#9c3900;border-bottom:7px solid #4f1d00; }

.frame { position:absolute; width: 49px; height: 49px; background: url("http://eu.battle.net/wow/static/images/icons/frames/inventory-slots.png") no-repeat; }
.q1 { background-position: -98px 0; }
.q2 { background-position: -147px 0; }
.q3 { background-position: -196px 0; }
.q4 { background-position: -245px 0; }
.frame img { display: block; width: 44px; height: 44px; padding: 3px 0 0 3px; }
.frame:hover { background-color: rgba(255, 255, 255, 0.2); }

.empty { width: 49px;height: 49px;display: block;cursor: help;background: url("http://eu.battle.net/wow/static/images/character/summary/item-empty-bg.png") no-repeat;opacity: 0.33333;}

.empty:hover { background-color: rgba(255, 255, 255, 0.2);}
  
/* empty slots */
    .slot-1  { background-position: 1px 1px;    } /* Head */
    .slot-2  { background-position: 1px -46px;  } /* Neck */
    .slot-3  { background-position: 1px -93px;  } /* Shoulder */
    .slot-4  { background-position: 1px -234px; } /* Shirt */
    .slot-5  { background-position: 1px -140px; } /* Chest */
    .slot-6 { background-position: 1px -187px; } /* Tabard */
    .slot-7  { background-position: 1px -422px; } /* Legs */
    .slot-8  { background-position: 1px -469px; } /* Feet */
    .slot-9  { background-position: 1px -281px; } /* Wrist */
    .slot-10 { background-position: 1px -328px; } /* Hands */
    .slot-11 { background-position: 1px -516px; } /* Finger */
    .slot-12 { background-position: 1px -563px; } /* Trinket */
    .slot-13 { background-position: 1px -563px; } /* Trinket */
    .slot-15 { background-position: 1px -704px; } /* Ranged */
    .slot-17 { background-position: 1px -657px; } /* Off Hand */
    .slot-18 { background-position: 1px -751px; } /* Relic */
    .slot-21 { background-position: 1px -610px; } /* Main Hand */
    .slot-22 { background-position: 1px -657px; } /* Off Hand */
    /*.slot-17 { background-position: 1px -751px; } /* Relic */

