@media (min-width: 979px)
{
    body {
        padding-top: 60px;
        /*padding-bottom: 40px;*/
    }
}
.gray{ color:#ccc; }
.green{ color:#5BB75B; }
.yellow{ color:#ffc40d; }
.blue{ color:#0088CC; }
.grayLighter{color:#ccc; }
/*Home*/
#signintitle, #hometitle{
    color:#FFF;
    text-shadow: 0 0 .5em #888, 0 0 .2em #000 ;
    background:url('../images/tmp/stade.jpg') center center;
}

/* FOOTER */
.footer-btn-lang{
    /*top: -10px;
    position: relative;*/
}
@media (min-width: 768px)
{
    #credits{
        width:700px;
        margin-left:-350px;
    }
    #modallanguage{
        width:450px;
        margin-left:-225px;
    }
    #popeditcompetition{
        width:90%;
        margin-left:-45%;

    }
    #popeditcompetition .modal-body{
        min-height:300px;
    }
    #popstatscompetition{
        width:90%;
        margin-left:-45%;
    }
}

#logos-footer a{
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}
.logo-kohana{ background: url('../images/credits/kohana_off.png'); width:78px;height:24px;}
.logo-twitter{ background: url('../images/credits/twitter_off.png'); width:133px;height:24px;}
.logo-flickr{ background: url('../images/credits/flickr_off.png'); width:87px;height:24px;}
.logo-facebook{ background: url('../images/credits/facebook_off.png'); width:122px;height:24px;}
.logo-youtube{ background: url('../images/credits/youtube_off.png'); width:66px;height:24px;}
.logo-googlemap{ background: url('../images/credits/googlemap_off.png'); width:95px;height:24px;}
.logo-picasa{ background: url('../images/credits/picasa_off.png'); width:81px;height:24px;}
.logo-kohana:hover{ background: url('../images/credits/kohana_on.png'); }
.logo-twitter:hover{ background: url('../images/credits/twitter_on.png'); }
.logo-flickr:hover{ background: url('../images/credits/flickr_on.png'); }
.logo-facebook:hover{ background: url('../images/credits/facebook_on.png'); }
.logo-youtube:hover{ background: url('../images/credits/youtube_on.png'); }
.logo-googlemap:hover{ background: url('../images/credits/googlemap_on.png'); }
.logo-picasa:hover{ background: url('../images/credits/picasa_on.png'); }
.clear {clear:both;line-height: 1px;}

@media (max-width: 480px)
{
    .modal {
        position: fixed;
        top: 3%;
        right: 3%;
        left: 3%;
        bottom: 3%;
        width: auto;
        margin: 0;
    }
    .modal-body {
        max-height: 350px;
        padding: 15px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
     }
    .modal-footer{
        position: fixed;
        bottom: 3%;
        right: 3%;
        left: 3%;
        margin: 0;
    }
}

/*Page Intro*/

#about{
    text-align: justify;
}

/*Feed*/
#feed .item
{
    background: #fafafa;
    height:48px;
    border-radius:3px;
    border: 2px white solid;
}
#feed .item:hover
{
    border: 2px #ccc solid;
    border-radius:5px;
}
#feed .item img
{
    float:left;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    margin-right:5px;
    margin-bottom: 5px;
}
#feed .item img:last-child{
    margin-bottom: 0;
}
#feed .item .share{
    float:right;
    margin-top:5px;
}

#feed .item .share a img{
    border: 1px white solid;
}
#feed .item .share a img:hover{
    border: 1px #ccc solid;
}

#treeOrga{
    border-width: 0;
}

.modal-backdrop {
    background: #45484d;
    background: -moz-radial-gradient(center, ellipse cover,  #45484d 0%, #000000 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%);
    background: -o-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%);
    background: radial-gradient(ellipse at center,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );

}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80);
}

/*drag n drop*/
/*
#treeOrga span{
    display: inline-block;
    height:10px;
    position:relative;
    top:6px;
    background: #ffc40d;
    margin-right:2px;
}*/

.ui-state-highlight {
    height: 20px;
    background-color: #f5f5f5!important;
    box-shadow: inset 0px 0px 10px 0px #ccc;
    
}

ul.dropzone, ul.dropzone ul {
    list-style-type: none;
    background: url(../images/vline.png) repeat-y transparent;
    margin: 0; padding: 0;
}

ul.dropzone ul {
    margin-left: 5px;
}

ul.dropzone li {
    margin: 0; padding: 0 10px;
    line-height: 20px;

    background: transparent url(../images/node.png) no-repeat;
}

ul.dropzone li:last-child {
    background: #f5f5f5 url(../images/lastnode.png) no-repeat ;
}
ul.rootzone{
    margin-left:10px;
}
#treeOrga li span{
    /*float:left;*/
}
#treeOrga ul{
    margin-right: 0;
    padding-right: 0;
}
#treeOrga li{
    width:auto;
    margin-right: 0;
    padding-right: 0;
    margin-bottom:2px;
}
#treeOrga li a,#treeOrga a.rootbtn{
    display:block;
    width:100%;
    padding: 2px;
}
#treeOrga a i{
    display:none;
}
#treeOrga a:hover i{
    display:inline-block;
}
#treeOrga li a:hover,#treeOrga a.rootbtn:hover{
    background: #E0E0E0;
    text-decoration: none;
    color:gray;

    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    /*outline: 1px green solid;*/
}
#treeOrga li a .tools, #treeOrga a.rootbtn .tools{
    display:none;
    float:right;
    background: none;
    width:auto;
    position: relative;
    top: -2px;
    left:1px;
    z-index: 10;
}
#treeOrga li a:hover .tools, #treeOrga a.rootbtn:hover .tools{
    display:block;
}
#treeOrga li a.active{
    background: #0088CC;
    box-shadow: inset 0px 0px 10px 0px #003399;
    color:white;
    /*outline: 1px red solid;*/
}
.nav > li.disabled {
  pointer-events: none;
}
.nav > li.disabled > a:hover {
  cursor: default;
  text-decoration: none;
  background-color: inherit;
}

#thumbPreview li{
    margin: 0;
    padding: 0;
}
/*auto complete all*/
.resultAutoComplete
{
    position:absolute;
    margin-top:35px;
    box-shadow: 0 0 10px #08c;
    display:none;
    background: white;
    z-index: 5;
    min-width:350px;
    max-width:350px;
    max-height:200px;
    overflow-y: auto;
}
.resultAutoComplete .nav{
    text-align: left;
}

.resultAutoComplete .nav-list {
    padding-left: 0;
    margin-bottom: 0;
}

.resultAutoComplete .nav-list li{
    margin-bottom:1px;
}
.resultAutoComplete .nav-list li img{
    margin-right:5px;
}

.resultAutoComplete li{
    margin: 0;
    padding: 0;
}

.searchresult{
    min-width:350px;
    max-width:350px;
    max-height:400px;
    overflow-y: auto;
}

.searchresult li img{
    margin-right:5px;
}

/*Teams*/
.headerTeam{
    height:200px;
}
.homeTeamBg{
    padding-top:18px;
    padding-left:5px;
    color:#FFF;
    text-shadow: 0 0 .5em #888, 0 0 .2em #000 ;
    border-radius:5px;
    height:100%;
    background:url('../images/tmp/stade.jpg') center center;
}
.homeTeamBg .span8{
    margin-top:60px;
}
.homeTeamBg .lead{
    font-size: 25pt;
}
.teamplayers ul{
}
.teamplayers li{
    margin: 0;
}
.teamplayers .bloc{
    margin: 0;padding: 0;
    margin-right: 17px;
}
.teamplayers .thumbnail{
    margin: 0;padding: 5px;
    border: none;
    text-decoration: none;
}
.teamplayers .thumbnail{
}
.teamnameplayer{
    background: #3a87ad;
    color:white;
    padding:5px;
    position:relative;
    opacity:.5;
    visibility: hidden;
    font-size:10pt;
    display:block;
    text-align: center;
}

#matchsGrid img{
    width:16px;
    height:16px;
}
.listJoueurEvents{
    border: 2px #ccc solid;
    max-height:320px;
    min-height:320px;
    overflow-y: auto;
    margin-top: 2px;
    margin-bottom:10px;
}
.multiple{
    max-height:192px;
    min-height:192px;
    border: 2px yellow solid;
}
.inputTimeEventMatch{
    width:32px;
    margin-right:4px;
    text-align: center;
}

img.typeEventImg{
    margin-right:2px;
}