a {
    color: #000;
}

input[type=submit] {
    padding: 2px 4px;
}

.right {
    float: right;
}

.left {
    float: left;
}

body, html {
    font-family: sans-serif;
    background: #ebebeb;
}

#header {
    height: 97px;
    background: url('../images/header_bg.gif') top left repeat-x;
}

#topnav {
    margin: 10px;
    margin-right: 60px;
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
}

#topnav img {
    vertical-align: text-bottom;
    margin-left: 5px;
    margin-right: 5px;
}

#topnav a {
    text-decoration: none;
    color: black;
}

#topnav a:hover {
    border-bottom: 1px solid orange;
}

#nav {
    width: 100%;
    /*overflow: hidden;*/
    background: url('../images/nav_bg.gif') top left repeat-x;
    height: 56px;
}

#nav li {
    background: url('../images/nav_sep.gif') top right no-repeat !important;
}

#nav li li {
    background: #999 !important;
    padding: 0px;
}

#nav li.right {
    float: right !important;
    background: url('../images/nav_sep.gif') top left no-repeat !important;
}

#nav a {
    padding: 20px 20px 20px 15px;

    color: #EEE;
    text-decoration: none;
    font-weight: normal;
}

#nav a:hover {
    color: white;
    background: url('../images/nav_bg_hover.gif') top left repeat-x;
}

#nav li li a {
    padding: 10px;
    border-bottom: 1px dashed #AAA;
    border-left: 4px solid #999;
    background: #BBB url('../images/nav_bg_hover.gif') -5px left repeat-x;
}

#nav li li a:hover {
    color: #FFF;
    border-left: 4px solid #ef8200;
    background: url('../images/nav_bg.gif') left center;
}

#nav img {
    vertical-align: text-top;
    margin-right: 10px;
}

.block {
    background: #fff;
    margin-top: 20px;
}

.block .title {
    background: #717271;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    color: #ebebeb;
}

.block .title_1 {
    background: #ef8200;
    color: #FFF;
}

.block .title_2 {
    background: #ADD8E6;
    color: #444;
}

.block .title_3 {
    background: lightgreen;
    color: #444;
}

.block .title_4 {
    background: #ffff99;
    color: #444;
}

.block .content {
    padding: 20px;
    background: #fff;
    border: 1px solid #bbb;
}

.block .sep {
    height: 40px;
    line-height: 40px;
    background: url('../images/bloc_haut_sep.gif') top left no-repeat;
    padding-left: 20px;
}

.content h1 {
    padding: 0px 0px 20px 20px;
}

.content h2 {
    margin-bottom: 10px;
}

.content h3 {
    margin-bottom: 10px;
}

.block .sep input {

}

.submit {

}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.tac {
    text-align: center !important;
}

.rounded {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.rtl {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}

.rtr {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.rbl {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.rbr {
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.search {
    margin-top: 11px;
    padding: 2px 15px 2px 20px;
    background: #fff url('../icons/search-icon.png') 5px 1px no-repeat;
    border: 0px none;
    width: 50px;
}

#signin_submit {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fe8034 url('../images/bg-btn.png') repeat-x scroll 0 -7px;
    border: 1px solid #fe8034;
    color: #fff;
    text-shadow: 0 -1px 0 #fe8034;
    padding: 4px 10px 5px;
    font-size: 11px;
    margin: 10px 0px 10px 20px;
    font-weight: bold;
}

#signin_submit::-moz-focus-inner {
    padding: 0;
    border: 0;
}

#signin_submit:hover, #signin_submit:focus {
    background-position: 0 -7px;
    cursor: pointer;
}

#t_messages {
    width: 300px;
}

.tip {
    display: block;
    padding: 0px;
    font-family: Arial;
    font-size: 0.8em;
}

.tip h2 {
    font-size: 1em;
    border-bottom: 2px solid #fe8034;
    padding: 0px 6px 10px;
    font-variant: small-caps;
}

.tip ul li {
    padding: 5px 10px;
    border-bottom: 1px dashed #ddd;
}

.tip span {
    font-weight: bold;
    font-size: 0.8em;
}

.tip a {
    font-size: 12px;
    text-decoration: none;
    color: #555;
    font-size: 10px;
}

.tip a:hover {
    color: #000;
    text-decoration: underline;
}

.tip a.add {
    padding: 10px 5px 0px;
    font-size: 14px;
    color: black;
    text-decoration: none;
    text-align: right;
    display: block;
}

.tip a.add:hover {
    color: #fe8034;
}

.tip a.add img {
    vertical-align: text-top;
    margin-right: 5px;
}

#copyright {
    margin: 30px auto;
    font-family: lucida grande;
    font-size: 10px;
    text-align: center;
}

.more {
    margin-top: 15px;
    font-size: 12px;
    text-align: right;
    display: block;
    color: #fe8034;
}

/* Autres */

.resultats {
    width: 100%;
    font-size: 12px;
}

.resultats .date {
    text-align: center;
}

.resultats .score {
    text-align: center;
    background: none;
}

.resultats .gagnant {
    color: green;
    font-weight: bold;
}

.resultats .perdant {
    color: red;
}

#infos_licence {
    font-size: 12px;
    width: 100%;
}

#infos_licence td {
    padding: 4px;
    width: 50%;
}

.statistiques {
    width: 100%;
    font-size: 1em;
}

.statistiques td {
    vertical-align: middle;
}

.statistiques .tar {
    padding-right: 10px;
}

/* ANCIEN CSS */

#box_ui {
    width: 500px;
}

#tabs-feuille {
    background: white;
}

input.ok,
input.annuler,
input.imprimer,
input.retour,
input.valider,
input.refuser,
input.signaler {
    border: 0;
    margin: 0;
    padding: 0;
    width: 91px;
    height: 21px;
}

input.ok:hover,
input.annuler:hover,
input.imprimer:hover,
input.retour:hover,
input.valider:hover,
input.refuser:hover,
input.signaler:hover {
    background-position: bottom left;
}

input.ok {
    background: url('../../../../webroot/images/buttons/ok.jpg') top left no-repeat;
}

input.annuler {
    background: url('../../../../webroot/images/buttons/annuler.jpg') top left no-repeat;
}

input.imprimer {
    background: url('../../../../webroot/images/buttons/imprimer.jpg') top left no-repeat;
}

input.retour {
    background: url('../../../../webroot/images/buttons/retour.jpg') top left no-repeat;
}

input.valider {
    background: url('../../../../webroot/images/buttons/valider.jpg') top left no-repeat;
}

input.refuser {
    background: url('../../../../webroot/images/buttons/refuser.jpg') top left no-repeat;
}

input.signaler {
    background: url('../../../../webroot/images/buttons/signaler.jpg') top left no-repeat;
}

div.loading {
    margin: 5px;
    background: url('../../../../webroot/images/loading.gif') top left no-repeat;
    height: 32px;
    line-height: 32px;
}

input.asHref {
    background: none !important;
    border: 0px none;
    border-bottom: 1px solid #047D80 !important;
}

input.asHref:hover {
    border-bottom: 1px solid #0099FF !important;
}

h3.erreur, h3.succes {
    font-variant: small-caps;
    padding: 10px;
    margin: 15px auto;
    border: 2px solid #FF4A4A;
    background: #FFCECE;
    width: 60%;
    font-size: 16px;
    color: #FF4A4A;
    text-align: center;
}

h3.succes {
    border: 2px solid #80FF80;
    background: #B7FFB7;
    color: #009900;
}

div.err {
    margin: 0px auto;
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
    background: #fef1ec;
    padding: 10px 20px;
    width: 400px;
}

div.err ul {
    list-style-image: url('../images/icons/error_red.png');
    font-size: 12px;
    margin-left: 10px;
}

table.equipes * {
    border: 0 none;
    padding: 0;
    margin: 0;
}

table.equipes {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    margin: 10px auto;
    border: 0 none;
    color: #047D80;
    overflow: scroll;
}

table.equipes td {
    padding: 4px 8px;
    background: #efebca;
    color: #047D80;
    text-align: center;
    border-bottom: 1px dotted #047D80;
    border-right: 1px dotted #047D80;
}

table.arbre thead th, table.equipes thead th {
    height: 20px;
    border-bottom: 1px dotted #047D80;
    color: #047D80;
}

table.equipes thead th {
    color: #047D80;
    border: 1px dotted #efebca;
    padding: 2px 4px;
}

table.equipes thead {
    text-align: center;
}

a#pub {
    display: block;
    width: 150px;
    height: 40px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: url(../images/logo.png) top no-repeat;
    border: 0px;
    text-decoration: none;
}

a:hover#pub {
    height: 107px;
    bottom: 0px;
}

/*
Tableau des rencontres aleatoires
table thead tbody tr th td div draggable dropsite teste
*/
#tableRand {
    margin: 0 auto;
    width: 600px;
    font-size: 12px;
    text-align: center;
}

#tableRand thead th {
    height: 25px;
    font-variant: small-caps;
}

#tableRand tbody tr td {
    width: 50%;
    height: 25px;
}

div.draggable, div.dropsite, div.teste {
    height: 25px;
    line-height: 25px;
    padding: 2px 5px;
    border: 1px solid white;
}

div.draggable:hover, div.dropsite:hover, div.teste:hover {
    background: #6b8db2;
    cursor: move;
}

div.hoverclass123 {
    background: #76bb5f;
}

table#gerer {
    width: 95%;
    margin: 5px auto;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 1px solid #7ba1c5;
    font-size: 1em;
}

table#gerer a {
    text-decoration: none;
    color: #7ba1c5;
}

table#gerer a:hover {
    border-bottom: 1px solid #7ba1c5;
    color: orange;
}

table#gerer th {
    background: white;
    border-bottom: 2px solid #7ba1c5;
    padding: 0 3px;
}

table#gerer tr td {
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid #f7f7f7;
    padding: 3 3px;

}

table#gerer tr.actif td {
    background: #d9f2c1;
}

table#gerer tr.actif:hover td {
    background: #b2d98c !important;
}

table#gerer tr td.ON {
    font-weight: bold;
    color: green;
}

table#gerer tr:hover td {
    background: #f0f0f0 !important;
}

table#gerer tr td.OFF {
    font-weight: bold;
    color: red;
}

table#gerer tr td.colonne_sel, table#gerer thead th.colonne_sel {
    width: 15px;
}

table#gerer tr td.colonne_sel input, table#gerer thead th.colonne_sel input {
    float: left;
    width: 15px;
    height: 15px;
}

table#gerer tr.pair td {
    background: #f7f7f7;
}

table#gerer tr.impair td {

}

div#div_gerer {
    display: block;
    width: 175px;
    height: 30px;
    float: right;
}

div#div_gerer input.btn {
    width: auto !important;
    height: 30px;
    margin-left: 5px;
}

#loader {
    position: fixed;
    top: 20px;
    left: 150px;

}

.transparent {
    background-color: black;
    color: red;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
       soit c'est un div positionn� et dimensionn� comme dans cet exemple.*/
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 800;
    margin: 0;
    padding: 0;
}

.transparent div {
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
    opacity: 1;
}

div#divScore {
    background: #bcc9d9;
    border: 1px solid black;
    width: 400px;
    position: fixed;
    top: 200px;
    left: 300px;
    z-index: 1000;
}

div#divScore span#barreGrip {
    background: grey url(../images/icons/barre.png) repeat-x;
    width: 100%;
    height: 27px;
    color: black;
    display: block;
    text-align: center;
    line-height: 27px;
    font-weight: bold;
    cursor: move;
}

/* Ajout du 31/10/2007 */
p.score {
    display: block;
    float: right;
    font-size: 9px;
    font-weight: bold;
}

#maj {
    width: 400px;
    border: 2px solid #c79316;
    background: #fae896;
    color: #8a660e;
    margin: 10px;
    padding: 10px;
}

#navAdmin {
    display: block;
    position: relative;
    width: 100%;
    height: 35px;
    margin: 0px 0px 10px 30px;
}

#navAdmin li {
    list-style: none;
    float: left;
    height: 30px;
    background: #f7f7f7;
    border: 1px solid #8aa2bf;
    line-height: 30px;
    margin-right: 2px;
}

#navAdmin li a {
    text-decoration: none;
    height: 30px;
    display: block;
    padding: 0px 20px;
}

#navAdmin li.current {
    background: #ddd;
}

#navAdmin li:hover {
    background: #e0e0e0;
    border-color: orange;
}

table#statistiques tr td.col_centrale {
    border-right: 1px solid black;
    border-left: 1px dotted grey;
    text-align: left;
}

table#statistiques tr th {
    height: 30px;
    border-bottom: 1px solid grey;
}

table#statistiques tr td {
    width: 25%;
    padding: 3px 4px;
    border-bottom: 1px solid grey;
    border-left: 1px solid black;
    text-align: right;
}

table#statistiques {
    width: 800px;
    border-collapse: collapse;
    font-size: 12px;
    margin: 15px auto;
}

table#orga_rencontres {
    margin: 0 auto;
    border-collapse: 3px;
}

table#orga_rencontres tr:hover td {

}

table#orga_rencontres tr td {
    border: 1px solid black;
    text-align: center;
}

/*
	STYLE ARBRE TOURNOI
*/

table.arbre {
    border-collapse: collapse;
    margin: 0px auto 30px auto;
}

table.arbre  tr {
}

table.arbre  tr td {
    font-size: 11px;
    height: 18px;
    line-height: 18px;
}

#winner {

}

table.arbre  tr td.s {
    width: 15px;
}

table.arbre  tr td.eq {
    background: url('../../../../webroot/images/bg_eq.jpg') bottom left repeat-x;
    border: 0px none;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
    vertical-align: middle;
}

table.arbre  tr td.eq:hover {
    background-position: top;
    border-right: 1px solid #0a0a0a;
    border-left: 1px solid #0a0a0a;
}

table.arbre  tr td.eq a.equipe {
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: black;
    font-size: 10px;
    margin-left: 0px;
}

table.arbre  tr td.d {
    background: url('../../../../webroot/images/noir/coin_d.png') top left no-repeat;
}

table.arbre  tr td.f {
    background: url('../../../../webroot/images/noir/coin_f.png') top left no-repeat;
}

table.arbre  tr td.i {
    background: url('../../../../webroot/images/noir/coin_i.png') top left no-repeat;
}

table.arbre  tr td.m {
    background: url('../../../../webroot/images/noir/coin_m.png') top left no-repeat;
}

table.arbre  tr td.bd {
    background: url('../../../../webroot/images/noir/coin_bd.png') top left no-repeat;
}

table.arbre  tr td.hd {
    background: url('../../../../webroot/images/noir/coin_hd.png') top left no-repeat;
}

table.arbre  tr td.hbg {
    background: url('../../../../webroot/images/noir/coin_hbg.png') top left no-repeat;
}

table.arbre tr td.alert {
    background: #FF8282;
}

table.arbre tr td.look {
    background: #FFFE9F;
}

table.arbre  tr td.eq a.equipe span.s {
    display: block;
    float: left;
    text-align: center;
    border-right: 1px solid black;
    margin-right: 3px;
    width: 14px;
}

span.eq_etat_normal img,
span.eq_etat_premium img,
span.eq_etat_sup img {
    vertical-align: baseline;
}

span.eq_etat_normal,
span.eq_etat_normal a {

}

span.eq_etat_premium,
span.eq_etat_premium a {
    color: orange !important;
    font-weight: bold !important;
}

span.eq_etat_sup,
span.eq_etat_sup a {
    color: grey !important;
    font-style: italic !important;
}

/* STYLE TABLEAU DES POULES */
.poules_coupe {
    width: 350px;
    float: left;
    font-size: 11px;
    border: 1px solid black;
    margin: 10px;
}

.poules_coupe tr {

}

.poules_coupe tr th {
    border-bottom: 1px solid black;
}

.poules_coupe tr td {
    padding-left: 5px;
    height: 20px;
    line-height: 20px;
    background: #ececec;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}

.poules_coupe tr.pair td {
    background: #fafafa;
    border-bottom: 1px solid #d0d0d0;
}

.poules_coupe tr td.small {
    width: 20px;
    text-align: center;
    padding-left: 0px;
}

.poules_coupe tr.pair td.small {
    background: #fafafa;
}

.poules_coupe tr td.PTS {
    font-weight: bold;
    border-left: 1px solid #b0b0b0;
}

tr.alert td {
    background: #FF8282 !important;
    text-decoration: blink;
}

tr.look td, .sai .look {
    background: #FFFE9F !important;
    text-decoration: blink;
}

.tabRencontres {
    width: 300px;
    float: left;
    font-size: 12px;
    border: 1px solid black;
    margin: 20px;
}

.tabRencontres td {
    vertical-align: middle;
}

.tabRencontres tr th {
    border-bottom: 1px solid black;
}

.tabRencontres tr td.eq {
    width: 150px;
    padding-left: 5px;
}

.tabRencontres tr.pair td {
    background: #fafafa;
    border-bottom: 1px solid #d0d0d0;
}

.tabRencontres tr.impair td {
    background: #ececec;
    border-bottom: 1px solid #c0c0c0;
}

.tabRencontres tr.joue td {

}

.poules_coupe tr th, .tabRencontres tr th {
    border-bottom: 1px solid black;
    text-align: center;
}

.poules_coupe *, .tabRencontres * {
    font-size: 11px !important;
}

.poules_coupe caption, .tabRencontres caption {
    font-size: 16px !important;
    font-weight: bold;
    margin: 0px !important;
    padding: 0px !important;
}

.tabRencontres a {
    border: 0px none;
}

.tabRencontres tr td.winner {
    background: #caffac !important;
}

.tabRencontres tr td.perdant {
    background: #fecec9 !important;
}

.tour {
    background: #f0f0f0;
    text-align: center;
    border: 1px solid black;
    font-size: 22px;
    font-weight: bold;
    height: 40px;
}

.poule {
    background: #d0d0d0;
    text-align: center;
    font-weight: bold;
}

.small {
    width: 30px;
    padding: 0px;
    text-align: center;
    border-left: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
}

.a_jouer td {

}

.a_valider td {
    background: #fecec9 !important;
}

.non_joue td {
    color: #cacaca;
}

.winner {
    font-weight: bold;
}

/* rentrerScore / Rencontres */
#rentrerscores tr td {
    font-size: 12px;
}

table.un_jeu {
    border-top: 1px solid black;
    margin-top: 10px;
    padding-top: 10px;
}

table.total_scores {
    margin-top: 10px;
    padding-top: 0px;
}

table.un_jeu tr td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    height: 20px;
}

table.un_jeu tr td.score,
table.un_jeu tr td.score input {
    width: 100px;
}

table.un_jeu tr td.premier {
    width: 90px;
}

table.un_jeu tr td input.edit_map {
    width: 100%;
}

table.un_jeu tr td.map_serv input.edit_serveur {
    width: 180px;
}

.gagnant {
    background: #caffca !important;
}

.perdant {
    background: #fecec9 !important;
}

.egalite {
    background: #ADD8E6 !important;
}

/* FIN - rentrerScore / Rencontres */

input.sup, input.calcul_total {
    width: auto !important;
}

/* Etat tournoi */
ul#etat_tournoi {
    display: block;
    margin: 0px auto;
    height: 50px;
    margin-bottom: 20px;
}

ul#etat_tournoi li {
    display: block;
    float: left;
    height: 50px;
    width: 50px;
}

ul#etat_tournoi li abbr {
    display: block;
    height: 50px;
    width: 30px;
    border-bottom: 0px none;
}

ul#etat_tournoi li.info {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    margin-left: 20px;
}

ul#etat_tournoi li.etat_1 {
    background: url('../../../../webroot/images/etat_tournoi/1.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_2 {
    background: url('../../../../webroot/images/etat_tournoi/2.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_3 {
    background: url('../../../../webroot/images/etat_tournoi/3.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_4 {
    background: url('../../../../webroot/images/etat_tournoi/4.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_5 {
    background: url('../../../../webroot/images/etat_tournoi/5.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_6 {
    background: url('../../../../webroot/images/etat_tournoi/6.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_7 {
    background: url('../../../../webroot/images/etat_tournoi/7.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_8 {
    background: url('../../../../webroot/images/etat_tournoi/8.jpg') top left no-repeat;
}

ul#etat_tournoi li.etat_9 {
    background: url('../../../../webroot/images/etat_tournoi/9.jpg') top left no-repeat;
}

ul#etat_tournoi li.ok {
    background-position: bottom;
}

/* Liste des equipes */

ul.liste_equipes {
    list-style: none;
    margin: 20px;
}

ul.liste_equipes li {
    margin: 5px 10px;
    padding: 6px 20px;
    font-size: 12px;
    height: 16px;
    width: 190px;
    float: left;
    background: #eaeaea;
    border: 1px solid #dadada;
}

ul.liste_equipes li img {
    position: relative;
    top: 3px;
}

div.clean {
    clear: both;
    height: 0px;
    margin: 0px;
    border: 0px none !important;
}

hr.espace {
    border: 0px none;
    border-bottom: 1px solid #dadada;
    margin: 20px 0px;
    clear: both;
}

.noBorder {
    border: 0px none;
}

form.noBorder {
    margin: 0px !important;
    padding: 0px !important;
}

table.v-middle tr td {
    vertical-align: middle;
}

table.h-center tr td {
    text-align: center;
}

table.lister {
    font-size: 1em;
    margin: 10px auto;
}

table.lister tr th {
    font-size: 1.25em;
    padding: 0px 10px;
    border-bottom: 1px solid black;
    height: 30px;
    line-height: 30px;
}

table.lister tr td {
    padding: 0px 10px;
    border-bottom: 1px dashed #eaeaea;
    height: 25px;
    line-height: 25px;
}

table.lister tr:hover td {
    background: #dadada;
}

table.lister tr td.action a img {
    margin: 0px 5px;
}

tr.pair td {
    background: transparent;
}

tr.impair td {
    background: #f1f1f1;
}

table.lister-small {
    margin: 5px auto;
}

table.lister-small tr td {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 0px 3px;
}

.arbre * {
    font-size: 9px;
    font-family: sans-serif;
    border: 0px none !important;
    margin: 0px !important;
    padding: 0px !important;
    vertical-align: middle;
}

.arbre caption {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px !important;
}

.arbre tr td {
    height: 20px;
}

table.arbre tr td.eq a.equipe span.s {
    display: block !important;
    float: left !important;
    margin-right: 0px !important;
    text-align: center;
    width: 30px !important;
    border-right: 1px solid black !important;
    height: 19px;
    line-height: 20px !important;
}

span.eq_etat_normal img, span.eq_etat_premium img, span.eq_etat_sup img {
    position: static;
    vertical-align: sub;
    /*margin-left: 3px !important;*/
}

.non_joue .eq_etat_normal {
    color: #888;
}

table.arbre tr td.eq a.equipe {
    height: 19px;
    border: 0px none;
    line-height: 20px !important;
    border-left: 1px solid black !important;
}

table.arbre tr td.eq a.equipe:hover {
    color: black !important;
    border: 0px none;
    border-bottom: 1px solid black;
    border-left: 1px solid black !important;
}

ul.classement-ligue {
    width: 800px;
    margin: 0px auto;
}

ul.classement-ligue li.pou {
    width: 350px;
    display: block;
    float: left;
    margin: 10px 10px 20px 10px;
}

ul.classement-ligue li.une-poule {
    width: 800px;
}

ul.classement-ligue ul.connectedSortable {
    width: 360px;
    margin: 0px auto;
    border: 1px solid #dadada;
}

ul.classement-ligue ul.connectedSortable li {
    width: 360px;
    margin: 0px auto;
}

ul.classement-ligue input.nom-poule {
    margin: 0px auto;
    display: block;
    width: 360px;
    font-size: 1.4em;
    font-family: sans-serif;
    text-align: center;
    background: rgb(249, 250, 235) !important;
    border: 1px solid #bababa;
}

ul.classement-ligue li.une-poule table.poules_coupe {
    margin-left: 200px;
}

.paginate {
    margin: 10px auto;
    text-align: center;
}

.paginate li {
    display: inline;
}

.paginate li a {

}

.paginate li.current span {
    font-weight: bold;
    color: red !important;
}

.table-css {
    width: 600px;
    margin: 10px auto;
    border-spacing: 0px;
    font-size: 11px;
}

.table-css-100 {
    width: 100%;
}

.table-css-400px {
    width: 400px;
}

.table-css caption {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
}

.table-css thead tr td {
    background: #BBB;
    border: 1px solid #888;
}

.table-css td {
    height: 25px;
    padding: 2px 4px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #aaa;
    background: white;
}

.table-css-noborder, .table-css-noborder tr, .table-css-noborder td {
    border: 0px none;
}

.table-css td.top {
    vertical-align: top;
}

.table-css tr.pair td {
    background: #fafafa;
}

.table-css tr.impair td {
    background: #f0f0f0;
}

.table-css .g {
    width: 100px;
    text-align: right;
}

.table-css label {
    border: 0px none;
    padding: 0px;
}

.table-css .d {
    width: 200px;
}

.table-css .d input, .table-css .d textarea, .table-css .d select {
    width: 100%;
}

/* 
 * Boutons
 * 
 * http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html
*/
.awesome, .awesome:visited {
    background: #222 url(../../../../webroot/images/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer;
}

.awesome:hover {
    background-color: #111;
    color: #fff;
}

.awesome:active {
    top: 1px;
}

.small.awesome, .small.awesome:visited {
    font-size: 11px;
    padding:;
}

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.large.awesome, .large.awesome:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}

.green.awesome, .green.awesome:visited {
    background-color: #91bd09;
}

.green.awesome:hover {
    background-color: #749a02;
}

.blue.awesome, .blue.awesome:visited {
    background-color: #2daebf;
}

.blue.awesome:hover {
    background-color: #007d9a;
}

.red.awesome, .red.awesome:visited {
    background-color: #e33100;
}

.red.awesome:hover {
    background-color: #872300;
}

.magenta.awesome, .magenta.awesome:visited {
    background-color: #a9014b;
}

.magenta.awesome:hover {
    background-color: #630030;
}

.orange.awesome, .orange.awesome:visited {
    background-color: #ff5c00;
}

.orange.awesome:hover {
    background-color: #d45500;
}

.yellow.awesome, .yellow.awesome:visited {
    background-color: #ffb515;
}

.yellow.awesome:hover {
    background-color: #fc9200;
}

/* CSS Types de Membres */
.j_non_valide {
    color: grey;
    font-style: italic;
}

.j_membre {
}

.j_banni {
    color: red;
    text-decoration: line-through;
}

.j_supprime {
    color: grey;
    text-decoration: line-through;
}

.j_admin {
    color: orange;
}

/* Style Messagerie */

.mes-non-lus {
    font-weight: bold;
}

#mes-form {
    padding: 0px;
}

#mes-form label {
    font-size: 1em;
    text-align: left;
}

#mes-form textarea {
    width: 450px;
    height: 230px;
    margin: 10px;
}

#mes-nouveau {
    padding: 10px;
}

#mes-nouveau form {
    text-align: left;
}

#mes-nouveau h2 {
    margin-bottom: 10px !important;
}

#mes-nouveau, #mes-nouveau textarea, #mes-nouveau ul.holder {
    width: 460px !important;
}

#mes-nouveau textarea {
    height: 200px;
}

.mes-contenu {
    height: 300px !important;
}

/* TextboxList sample CSS */
ul.holder {
    margin: 0;
    border: 1px solid #999;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    padding: 4px 5px 0;
}

*:first-child+html ul.holder {
    padding-bottom: 2px;
}

* html ul.holder {
    padding-bottom: 2px;
}

/* ie7 and below */
ul.holder li {
    float: left;
    list-style-type: none;
    margin: 0 5px 4px 0;
    white-space: nowrap;
}

ul.holder li.bit-box, ul.holder li.bit-input input {
    font: 11px "Lucida Grande", "Verdana";
}

ul.holder li.bit-box {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #CAD8F3;
    background: #DEE7F8;
    padding: 1px 5px 2px;
}

ul.holder li.bit-box-focus {
    border-color: #598BEC;
    background: #598BEC;
    color: #fff;
}

ul.holder li.bit-input input {
    width: auto;
    overflow: visible;
    margin: 0;
    border: 0px;
    outline: 0;
    padding: 3px 0px 2px;
}

/* no left/right padding here please */
ul.holder li.bit-input input.smallinput {
    width: 20px;
}

/* Facebook demo CSS */
#add {
    border: 1px solid #999;
    width: 550px;
    margin: 50px;
    padding: 20px 30px 10px;
}

form ol li {
    list-style-type: none;
}

form ol {
    font: 11px "Lucida Grande", "Verdana";
    margin: 0;
    padding: 0;
}

form ol li.input-text {
    margin-bottom: 10px;
    list-style-type: none;
    padding-bottom: 10px;
}

form ol li.input-text label {
    font-weight: bold;
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
}

form ol li.input-text input {
    width: 500px;
    padding: 5px 5px 6px;
    font: 11px "Lucida Grande", "Verdana";
    border: 1px solid #999;
}

form ul.holder {
    width: 500px;
}

form ul {
    margin: 0 !important
}

ul.holder li.bit-box, #apple-list ul.holder li.bit-box {
    padding-right: 15px;
    position: relative;
    z-index: 1000;
}

#apple-list ul.holder li.bit-input {
    margin: 0;
}

#apple-list ul.holder li.bit-input input.smallinput {
    width: 5px;
}

ul.holder li.bit-hover {
    background: #BBCEF1;
    border: 1px solid #6D95E0;
}

ul.holder li.bit-box-focus {
    border-color: #598BEC;
    background: #598BEC;
    color: #fff;
}

ul.holder li.bit-box a.closebutton {
    position: absolute;
    right: 4px;
    top: 5px;
    display: block;
    width: 7px;
    height: 7px;
    font-size: 1px;
    background: url('../../../../webroot/images/close.gif');
    border-bottom: 0px none;
}

ul.holder li.bit-box a.closebutton:hover {
    background-position: 7px;
}

ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover {
    background-position: bottom;
}

/* Autocompleter */

.facebook-auto {
    display: none;
    position: absolute;
    width: 512px;
    background: #eee;
}

.facebook-auto .default {
    padding: 5px 7px;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    font-family: "Lucida Grande", "Verdana";
    font-size: 11px;
}

.facebook-auto ul {
    display: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    position: absolute;
    z-index: 9999
}

.facebook-auto ul li {
    padding: 5px 12px;
    z-index: 1000;
    cursor: pointer;
    margin: 0;
    list-style-type: none;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    font: 11px "Lucida Grande", "Verdana";
    background-color: #eee
}

.facebook-auto ul li em {
    font-weight: bold;
    font-style: normal;
    background: #ccc;
}

.facebook-auto ul li.auto-focus {
    background: #4173CC;
    color: #fff;
}

.facebook-auto ul li.auto-focus em {
    background: none;
}

.deleted {
    background-color: #4173CC !important;
    color: #ffffff !important;
}

.hidden {
    display: none;
}

#demo ul.holder li.bit-input input {
    padding: 2px 0 1px;
    border: 1px solid #999;
}

.ie6fix {
    height: 1px;
    width: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

/* Divers */

.w100 {
    width: 100%;
}

.h100px {
    height: 100px;
}

.h50px {
    height: 50px;
}

/* Medias */

#liste-medias {
    width: 100%;
    font-size: 12px;
    margin-top: 20px;
}

#liste-medias td {
    padding: 4px;
}

#btn-ajouter-mediasQueue {
    font-size: 12px;
}

#btn-ajouter-mediasQueue .cancel {
    display: inline !important;
}

#btn-ajouter-mediasQueue .cancel a img {
    vertical-align: bottom;
}

#btn-ajouter-mediasUploader {
    float: right;
}

#ajouter-media {
    display: none;
    text-align: left;
    margin: 20px 0px;
    border: 1px dashed #dadada;
    background: #fafafa;
    padding: 20px;
    font-size: 12px;
}

#roster {
    overflow: auto;
    height: 400px;
    font-size: 12px;
}

#roster table {
    width: 100%;
    margin: 0px auto;
}

#roster td {
    background: #f0f0f0;
    vertical-align: top;
}

#roster th {
    padding: 10px 0px;
}

#roster ul {
    list-style: none;
}

#roster li {
    height: 54px;
    line-height: 54px;
    vertical-align: center;
    display: block;
    text-align: left;
    position: relative;
    border-bottom: 2px solid #dedede;
    border-top: 1px solid #fcfcfc;
}

#roster li a {
    line-height: 54px;
    display: block;
    border-bottom: 0px none;
}

#roster li a:hover {
    background: #e0e0e0;
}

#roster .joueur-licence {
    bottom: 0px;
}

#roster .joueur-date {
    top: 0px;
}

#roster .joueur-licence, #roster .joueur-date {
    display: block;
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0px 4px;
    color: #888;
    text-shadow: 1px 1px 0px #fff
}

.joueur-avatar {
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #e0e0e0;
}

#roster .jl .joueur-licence, #roster .jl .joueur-date {
    left: 0px;
}

#roster .jr .joueur-licence, #roster .jr .joueur-date {
    right: 0px;
}

#roster .alerte {
    background: #F5DADA;
}

#roster .alerte .joueur-licence, #roster .alerte .joueur-date {
    color: #555;
}

#roster .jl .joueur-avatar {
    margin: 2px 2px 0px 5px;
}

#roster .jr .joueur-avatar {
    margin: 2px 5px 0px 2px;
}

#roster .jl li {
    text-align: right;
}

#roster form {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#roster input[type=image] {
    height: 12px;
}

#responsables {
    text-align: right;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
}

#responsables, #choixtournoi {
    padding: 5px 10px;
    font-size: 11px;
}

#responsables .un_joueur {
    padding: 0 0 0 10px;
}

#responsables img {
    vertical-align: middle;
}

#responsables a {
    display: inline;
}

#choixtournoi {
    float: right;
}

img.activite {
    vertical-align: sub;
    float: right;
}

.sep-matchs {
    background: #eee !important;

    font-size: 1.2em;
}

.poule-matchs td:last-child {
    border-right: 1px solid #000;
}

.com-content h2, .ui-tabs-panel h2 {
    font-size: 1.1em !important;
    font-weight: 100 !important;
    margin-top: 10px !important;
    font-family: sans-serif;
    float: none;
}

#medias p {
    text-align: center;
    margin-top: 20px
}

.ui-tabs-panel > div {
    width: 475px
}

#mes-modules {
    padding: 20px 20px 0px 20px;

    background: #efefef;
    width: 600px;
    margin: 0px auto;
}

#mes-modules li {
    padding-bottom: 30px;
}

#mes-modules>li {
    font-weight: bold;

}

#mes-modules>li>ul {
    background: #e0e0e0;

    margin-top: 10px;
    font-weight: normal;
}

#mes-modules>li>ul>li {
    padding: 7px 10px;
    margin-bottom: 1px;
}

#mes-modules li.actif {
    border-left: 8px solid #34B422;
 }
#mes-modules li.inactif {
    border-left: 8px solid #CC0000;
 }
#mes-modules li.installed { }
#mes-modules li.not-installed {
    font-style: italic;
 
    color: #999;
    border-left: 8px solid #999;
}

#mes-modules li>span {
    float: right;
    
    font-style: normal;
    font-size: 0.8em;
}

.no-underline {
    text-decoration: none;
}

.arrows:hover {
    color: #E27329;
    text-shadow: 0px 1px 0px white;
}

#configuration {

}
#configuration .g {
    width: inherit;
 }
#configuration .d { }
#configuration table {
    margin-bottom: 20px;
    
}
#configuration td {
    padding: 3px 10px;
 
    font-size: 0.9em;
}

#edition-menu {
    margin-left: 40px;

}

#edition-menu>li {

}
#edition-menu li {
    padding: 0px 5px 5px 25px;

    margin-bottom: 5px;
    background: url('../images/grip.png') top left no-repeat;
    cursor: move;
}
#edition-menu>li>ul {

    margin: 15px 0px 0px 10px;
}
#edition-menu>li>ul>li {

}

.text-error {
    color: red;
    text-align: center;
    border: 1px solid #FF7B7B;
    width: 300px;
    margin: 0px auto;
    padding: 10px;
    border-radius: 10px;
    background: #FFE2E2;
    box-shadow: 0px 0px 6px;
    font-family: sans-serif;
    font-weight: 200;
    font-size: 0.9em;
}

.text-info {
    color: #060d7b;
    text-align: center;
    border: 1px solid #99ceff;
    width: 400px;
    margin: 0px auto;
    padding: 10px;
    border-radius: 10px;
    background: #eceaff;
    box-shadow: 0px 0px 6px;
    font-family: sans-serif;
    font-weight: 200;
    font-size: 0.9em;
}


.avatar-small {
    width: 16px;
    margin-right: 5px;
}
.avatar-medium {
    width: 40px;
}