/* #WebApp{background:#000 url('../Img/bg_35796.png') !important;} */

/* VFE: Header specific */
#iHeader{background:#000 url('../Img/toolbar.png') !important; border-top-width: 0px !important; margin-top: 0px !important; }
#iHeader > div{margin-top: 0px !important;}

*[dir=rtl] #iHeader .iTab {margin-left:40px;margin-right:15px }
#iHeader .iTab {margin-right:55px}

.iPanel label + input[type] {padding-left:95px;}

*[dir=rtl] .iPanel label + input[type] {padding-right:95px;}

/* Fix to test in firefox
.iPanel label + input[type] {
	padding-bottom:0;
	padding-top:0;
	top:-16px;
}
*/

#waHeadTitle .first { width: 100%; background: url('../Img/bg_title.png') no-repeat -10px -9px; }

#iGroup, .iPanel, fieldset { overflow-y: auto; overflow-x: hidden; }
#waMatch .iBlock { margin-bottom: 0px; }

*:not(input[type=search]) {
    -webkit-user-select: auto;
}
.iForm input[type=search] {
    line-height:22px;
    -webkit-user-select: auto !important;
}
.iRes { display: none; }

.iMore2{border-bottom:solid 1px #e1e1e1;background-color:#fff;font-weight:bold;text-align:center;font-size:17px;list-style:none;color:#2470d8;line-height:20px}
.iMore2 a{color:inherit;padding:20px 0;display:block;text-decoration:none; background-image: none !important;}

#a1,#ac1,#am1 { border: 1px solid rgb(169, 172, 175); -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; }
#l9 table { width: 100%; }
#l9 td { font: 24px bold; background: #ccc; }
#l9 input { text-align: right; }
#l9 .label { font-size: 20px; width: 30%; background: #fff; }

form { margin: 0px; padding: 0px; }
fieldset { border: 0px; }

.iTab li { width:33%}
.iTab li:first-child { width:34%}

.iList a { text-decoration: none; }

.war, .err, .msg { text-align: center; color:#fff !important; font-size:12px !important; padding:5px 10px !important; -webkit-border-radius:4px; margin:5px 5px 0px 5px !important; }
.msg { background-color:#080 !important; }
.err { background-color:#800 !important; }
.war { background-color:#FF8500 !important; }

.icon_0 { background: url('../Img/icon_libre.gif') no-repeat 3px 17px; padding-left: 12px !important; }
.icon_1 { background: url('../Img/icon_champ.gif') no-repeat 3px 17px; padding-left: 12px !important; }
.icon_2 { background: url('../Img/icon_tournoi.gif') no-repeat 3px 17px; padding-left: 12px !important; }

h3.icon_0, h3.icon_1, h3.icon_2 { background-position: 3px 5px;padding-left: 15px !important; }
.listChamp span { clear:both; float: left !important; font-size: 12px; }

ul.listChamp li:not(.iMore) a {background-image:url('../Img/next.png') !important;}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8 { 
        background: url('../Img/bg-var.png') repeat-x rgb(85, 152, 46); 
        -webkit-border-radius: 5px; 
        border: 2px solid rgb(90, 144, 59); 
        color: white !important; 
        float: left !important; 
        margin: -5px -4px; 
        padding: 3px 5px; 
        text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px; 
        white-space: nowrap; 
        width: 60px; 
        font: bold 15px helvetica !important; 
        text-overflow: ellipsis !important; 
        z-index: 0; 
        text-align: center; 
} 

li.fav { padding-left: 23px; background: url('../Img/heart.png') no-repeat 8px 13px; } 
li.cnx, li.out { padding-left: 23px; background: url('../Img/gear.png') no-repeat 8px 10px; } 
li.cla { padding-left: 23px; background: url('../Img/dashboard.png') no-repeat 7px 13px; } 
li.cal { padding-left: 23px; background: url('../Img/calendar.png') no-repeat 8px 11px; } 
li.pla { padding-left: 23px; background: url('../Img/tshirt.png') no-repeat 5px 11px; } 
li.tea { padding-left: 23px; background: url('../Img/team.png') no-repeat 6px 12px; } 
li.for { padding-left: 23px; background: url('../Img/chat2.png') no-repeat 8px 13px; } 
li.plu { padding-left: 23px; background: url('../Img/plus.png') no-repeat 8px 13px; } 

.iTab li.plu { background: url('../Img/more.png') no-repeat 35px -3px; } 
.iTab li.les { background: url('../Img/less.png') no-repeat 30px -2px; } 
.iTab li.ref { background: url('../Img/refresh.png') no-repeat 5px 3px; } 
.iTab li.cnx { background: url('../Img/gear2.png') no-repeat 12px 3px; } 

.span1 { background-color: rgb(85, 152, 46); border-color: rgb(90, 144, 59); } /* vert */
.span2 { background-color: rgb(167, 36, 29); border-color: rgb(156, 51, 46); } /* rouge */
.span3 { background-color: #3F92D2; border-color: #3081BF; } /* bleu */
.span4 { background-color: #FF8940; border-color: #FF8500; } /* orange */

.span5 { margin: 0px; padding: 0px; border-width: 1px; background-color: #ddd; border-color: #ccc; -webkit-border-radius: 40px; } 
.span5 span { margin: 0px; padding: 0px 0px 0px 5px; border-width: 1px; font: 11px normal helvetica !important; text-shadow: none; text-align: left; -webkit-border-radius: 40px; }

.span6 { background-color: #000; border-color: #222; } /* noir */ 
.span7 { background-color: #A63CD4; border-color: #7908AA; } /* violet */ 
.span8 { background-color: #aaa; border-color: #ccc; } /* gris */

.iJoueurs big img { float: right; margin: 0px; }
.iJoueurs .span5 { width: 140px; padding-left: 0px; margin-bottom: 3px; margin-right: 5px; }
.iJoueurs table { width: 240px; }
.iJoueurs td { font-size: 14px; font-weight: bold; }
.iClassJ li { padding: 4px 6px 0px 10px !important; color: #333; font-size: 15px !important; }
.iClassJ span { float: right !important; }
.iClassJ span, .iClassJ .span1, .iClassJ .span2, .iClassJ .span4, .iClassJ .span7, .iClassJ .span6 { width: 35px; height: 18px !important; padding-top: 1px !important; padding-bottom: 0px !important; margin-top: -2px; }
.iClassJ h3 { height: 14px; }
.iClassJ h3 div { float: left; width: 130px; }
.iClassJ .titles { float: right; width: 130px; }
#waClassement li div { text-align: center; width: 22px; float: left; margin-right: 5px; }
.iMatch h3 { margin-bottom: 0px; }
.iMatch { display:block;font-size:15px;color:#7f7f7f;line-height:20px;text-shadow:none;font-weight:normal; }
.iMatch li { clear: both; height: 36px; padding-top: 0px; padding-left: 0px !important; padding-right: 0px !important; }
.iMatch .match td { text-align: center; border-width:0px 0px; font:bold 17px helvetica,arial,sans-serif; color: rgb(127, 127, 127); }
.iMatch .num { width: 10%; valign: center; }
.iMatch .match { width: 100%; }
.iMatch .eq { text-align: left !important; width: 69%; font-size: 15px !important; }
.iMatch .eq_gagne { color: rgb(167, 36, 29) !important; }
.iMatch .sc_gagne { background: rgb(167, 36, 29); color: #fff !important; }
.iMatch .sc_perdu { background: #aaa; color: #fff !important; }
.iMatch .sc_vide { background: #eee; width: 17px; }
.iForum span { width: 30px; margin-right: 5px; }
.iForum .title { width: 260px; overflow: hidden; white-space: nowrap;  }
.iMsg li { padding: 5px 10px !important; }
.iMsg p { font: 15px normal; margin: 2px 0px !important; }
.iMsg .title { background: url('../Design/Img/bg-shop.png'); } 
.iMsg .author { float: left; color: #3081BF; padding-left: 25px; background: url('../Img/user_16.png') no-repeat; } 
.iMsg .date { float: right; clear: right; color: rgb(127, 127, 127); }
#waJoueurs .iJoueurs .title { line-height: 45px; }
#waEquipes .iEquipes .title { line-height: 62px; }
#formActions a { color: #000; }

/* Set our fixed elements above everything else */
#iFooter { left: 0; display: block; width: 100%; background: url("../img/bg.png") repeat-x center top; z-index: 200; position: absolute; top: 368px; height: 49px; background-position: center bottom; }
/* Reposition on scroll */
body.scrolled #iFooter { top: 307px; }
/* Reposition on orientation change */
body[orient="landscape"] #iFooter { top: 220px; }
/* Reposition on scroll */
body.scrolled[orient="landscape"] #iFooter { top: 159px; }
#iFooter ul { margin: 0 auto; padding: 3px 0 0; list-style: none; display: block; height: 46px; width: 320px; text-align: center; overflow: hidden; }
#iFooter li { margin: 0 2px; float: left; position: relative; }
#iFooter li.active { border: 3px solid; border-width: 0 3px; -webkit-border-image: url("../Img/footer-hover.png") 0 3; }
#iFooter span { padding: 29px 3px 3px; float: left; width: 54px; color: #bbb; font-weight: bold; font-size: 10px; text-decoration: none; background: url("../Img/footer-buttons.png") no-repeat -2px -50px; }
#iFooter li.active span { padding-left: 0; padding-right: 0; color: #fff; }
#iFooter .team.active span { background-position: -5px top; }
#iFooter .feed span { background-position: -66px -50px; }
#iFooter .feed.active span { background-position: -69px top; }
#iFooter .post span { background-position: -130px -50px; }
#iFooter .post.active span { background-position: -133px top; }
#iFooter .box span { background-position: -194px -50px; }
#iFooter .box.active span { background-position: -197px top; }
#iFooter .games span { background-position: -258px -50px; }
#iFooter .games.active span { background-position: -261px top; }
#iFooter .tweets span { background-position: -322px -50px; }
#iFooter .tweets.active span { background-position: -325px top; }


#showDate { min-height: 38px; width: 322px; margin: 10px auto; }
.iPhoneCal{ color: rgb( 46, 63, 81 ); font-size:22px; width:322px;display:block; min-height:322px; height:322px; font-family: Helvetica; letter-spacing: 1px; -webkit-box-shadow:rgb(136,136,136) 0px 15px 15px; background-color:rgb(230,230,230); margin: 0px auto; }
.iPhoneCal:hover{ cursor:pointer; }
.iPhoneCal .calwrapper{ display:block; }
.iPhoneCal .calweekswrapper{ display:block; }
.iPhoneCal .calheader{ display: block; width:100%; text-align:center; font-size:22px; font-weight: bold; }
.iPhoneCal .calheader a, .iPhoneCal .calheader a:visited{ text-decoration: none; color: rgb( 46, 63, 81 ); }
.iPhoneCal .caltitle{ width:auto; margin-left:auto; margin-right:auto; text-align:center; height:23px; padding-top: 6px; vertical-align: bottom; }
.iPhoneCal .calcontrol{ font-weight: bold; width:44px; padding-top: 6px; height:23px; }
.iPhoneCal .calprevmonth{float:left;}
.iPhoneCal .calnextmonth{float:right;}
.iPhoneCal .daybox{float:left;border-top:2px solid rgb(210,210,210);border-right:2px solid rgb(210,210,210);width:44px;height:35px;font-weight:bold;text-align:center;padding-top:9px;cursor:pointer;}
.iPhoneCal .dayboxname{border-right:2px solid rgb(201,199,204);border-top:none;background-color:rgb(201,199,204);font-size:10px;height:14px;color:#666666;padding-top:3px;}
.iPhoneCal .dayboxvalue{display:none;}
.iPhoneCal .daybox:hover{}
.iPhoneCal .dayboxname:hover{}
.iPhoneCal .dayinmonth{}
.iPhoneCal .dayoutmonth{color: rgb( 150, 150, 150 );}
.iPhoneCal .dayselected{color: #ffffff;background-color: rgb( 120, 96, 194 );}
.iPhoneCal .dayplayed{color: #ffffff;background-color: rgb(85, 152, 46);}
.iPhoneCal .dayselected .dayboxdate{text-decoration: none;}
.iPhoneCal .daycurrent{}
.iPhoneCal .weekbox{width:100%;display:block;}
.iPhoneCal .endweek{float:left;border-right: none;}
.iPhoneCal .weekboxname{}

.iPhaseF li { padding-left: 0px !important; padding-right: 0px !important; }
.iPhaseF .num { width: 16%; font-size: 14px !important; background: #777; color: white !important; }
.iPhaseF .eq { width: 60%; font-size: 14px !important; }
.iPoule li { font-size: 14px !important; }
.match td { padding: 2px; }
.iMatch .sc_gagne, .iMatch .sc_perdu, .iMatch .sc_vide { border-left: 1px solid #fff !important; text-align: center; }
.iMatch .first .num { -webkit-border-top-left-radius:8px; }
.iMatch .last  .num { -webkit-border-bottom-left-radius:8px; }
.iMatch .first tr:first-child td:last-child { -webkit-border-top-right-radius:8px; }
.iMatch .last tr:last-child td:last-child { -webkit-border-bottom-right-radius:8px; }


.iContainer { margin: 10px 0px; clear: both; width: 100%; padding: 0px; display: table; border: 1px solid rgb(169, 172, 175); -webkit-border-radius: 8px; background: #fff; }
.iRow {	display: table-row; }
.iRow div { border-bottom: 1px solid rgb(169, 172, 175); padding: 5px; }
.iRow:last-child div { border-bottom: 0px solid rgb(169, 172, 175); }
.iLeft { width:100px; display: table-cell; padding: 5px 5px 5px 0px; }
.iRight { width:130px; display: table-cell; padding: 5px 0px 5px 0px; }
.iMiddle { display: table-cell; padding: 5px 5px 5px 0px; }

.iClassJ .iRow .iMiddle { padding-left: 30px; background: url('../Img/user_16.png') 7px 7px no-repeat; white-space: nowrap; width: 140px; max-width: 130px; text-overflow: ellipsis; overflow: hidden; font-weight: bold; font-size: 14px; color:#333; }
.iClassJ .iRow .iRight { white-space: nowrap; }
.iPoule  .iRow .iMiddle { background: url('../Img/team.png') 3px 7px no-repeat; }