body {
    color: #005c2a;
    font-size: 14px;
}

#champ-journees nav {
    width: 100%;
    display: inline-block;
}

.dropdown-menu
{
    min-width: 95px !important;
    text-align: left !important;
}

.table-equipe > tbody > tr > th, .table-equipe > tbody > tr > td, .table-equipe > thead > tr > th, .table-equipe > thead > tr > td
{
    padding : 0 5px !important;
}

#champ-rencontres-table-body a {
    color : #3276b1;
}

#container {
    margin: 14px auto;
    width: 960px;
}

#search-cont {
    float: left;
    width: 27%;
    /*
    border: 2px solid #499678;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.60);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.60);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.60); */
    padding: 0 15px 10px 15px;
}

#search-cont a.btn {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    background-color: #f5f5f5 !important;
    color: #005c2a !important;
}

#club-select-noneinfo {
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    color: white;
    background-color: #E52527;
    padding: 7px 10px 7px 10px;
}

#year-select-noneinfo {
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    color: white;
    background-color: #0E4688;
    padding: 7px 10px 7px 10px;
}

#typeahead-clu {
    width: 230px !important;
}

#club-select-selectedinfo {
    display: none;
    font-weight: bold;
    text-align: left;
    position: relative;
}

#club-select-selectedagenda {
    cursor: pointer;
    text-align: center;
    color: white;
    display: none;
    font-weight: bold;
    background-color: #3276b1;
    border-radius: 4px;
    width: 60%;
    line-height: 30px;
    margin: 10px auto;
}

#club-select-selectedagenda:hover {
    color: #A3BCC4;
}

#resetClubSelection {
    display: block;
    float: right;
    font-size: 16px;
    margin-right: 5px;
    position: absolute;
    right: -7px;
    top: 5px;
    cursor: pointer;
}


#club-select-cont {
    /*background-color: #E52527;*/
    /*padding: 7px 10px 7px 10px;	*/
    margin-bottom: 5px;
}

#year-select-cont {
    /*background-color: #E52527;*/
    /*padding: 7px 10px 7px 10px;	*/
    margin-bottom: 5px;
}

#club-select-search {
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}


#disc-select-cont {
    margin-top: 5px;
}

#disc-select-cont .list-group {
    margin-bottom: 5px;
    margin-top: 0px;
}

#disc-select-cont .list-group .list-group-item {
    background-color: #ECECEC;
    border-color: #ECECEC;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    padding: 5px;
    /*	border-radius: 3px;*/
    font-size: 13px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: 5px;
}

#disc-select-cont .list-group #GAZON.list-group-item.active {
    /*background-color: #8BADCA;*/
    border-color: #8BADCA;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 8px;
    padding-right: 12px;
    margin-top: 5px;
    background-color: #94c453;
}

#disc-select-cont .list-group #SALLE.list-group-item.active {
    /*background-color: #8BADCA;*/
    border-color: #3fb5B5;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 8px;
    padding-right: 12px;
    margin-top: 5px;
    background-color: #3fb5B5;
}

#disc-select-cont .list-group #DEVELOP.list-group-item.active {
    /*background-color: #8BADCA;*/
    border-color: #BF2EBF;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 8px;
    padding-right: 12px;
    margin-top: 5px;
    background-color: #BF2EBF;
}

#disc-select-lib {
    background-color: #8A9896;
    border-color: #8A9896;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
    height:120px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 229px;
    height: 30px;
    padding-left: 10px;
    color: white;
}

#search-champ-cont {
    margin-top: 13px;
    border-width: 0px;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.60);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.60);*/
}

#search-champ-lib {
    background-color: #E52527;
    padding: 7px 10px 7px 10px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
}

#genre-select-cont {
    margin-bottom: 0px;
    margin-top: 0px;
}

#genre-select-cont .nav.nav-pills {
    font-weight: bold;
    width: 100%;
    padding: 0;
    background-color: #CDCDCD;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


#genre-select-cont .nav.nav-pills li {
    width: 33.3333%;
    margin: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#genre-select-cont .nav.nav-pills li a {
    /*	border-radius: 0 !important;*/
    background-color: #ECECEC;
    border: 1px solid white;
    border-left: 0px;
    color: #555;
    padding: 0 !important;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#genre-select-cont .nav.nav-pills li.active a {
    background-color: #0E4688;
    border: 1px solid white;
    border-left: 0px;
    color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#champ-nat-list {
    width: 100%;
    /*	margin-left: 5px;*/
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

#champ-nat-list #champ-nat-lib {
    color: #005c2a !important;
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 10px;
}


#champ-cont {
    float: left;
    width: 67%;
    min-height: 200px;
    /*border: 2px solid #499678;*/
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.60);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.60);*/
    /*box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.60);*/
    margin-bottom: 30px;
    border: 1px solid #0e4688;
}

#champ-cont-principal {
    padding: 7px 10px 7px 10px;
    display: none;
}

#champ-cont-map {
    padding: 7px 10px 7px 10px;
}

#champ-cont h3 {
    font-size: 16px;
    padding: 7px;
    border-bottom: 1px solid #499678;
    text-align: center;
    color: #005c2a;
    margin-top: 5px;
    margin-bottom: 20px;
}




#initialLoadState {
    text-align:center;
    color: #72B590;
    font-weight: bold;
    margin-top: 50px;
}










/** TYPEAHEAD PART */

.panel-body {
    padding: 10px !important;
}
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

.panel-group {
    margin-bottom: 10px !important;
}

.panel-title {
    color: white !important;
    font-size: 14px !important;
}

#champ-lig-dep-accordion {
    width: 100%;
    margin-left: 10px;
    margin-left: 0px;
    /*width: 229px;*/
}

.typeahead {
    width: 210px;
    height: 30px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 30px;
    border: 2px solid #ccc;
    /* -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;*/
    outline: none;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    position: relative !important;
    width: 210px;
    margin-top: 12px;
    padding: 0;
    background-color: #fff;
    z-index: 1100;
    margin-bottom: 10px;
}


.tt-suggestion {
    margin-left: 15px;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#club-select-search .tt-suggestion {
    width: 230px !important;
    margin: 0 !important;
}

.tt-suggestion:first-child {
    border-top: 1px solid #ccc;
}

.tt-suggestion:nth-child(2n+0) {
    background-color: #F2F2F2;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}


#champ-infos, #champ-phases, #champ-poules, #champ-tournois, #champ-rencontres, #champ-journees, #champ-rencontres-modal-body{
    display:none;
}

.panel-heading{
    cursor:pointer;
    background-color: #0e4688 !important;
    /*border-bottom: 1px solid #A3CEBF !important;*/
    padding: 8px 15px 8px 15px !important;
}

/* Pour le scrollbar*/champ-nat-substruct-list
.scroll {
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
}


#dLabel {
    width: 230px;
    margin: 0 auto;
    font-weight: bold;
}

#champ-header {
    /*margin: 0;*/
    padding: 0;
    background-color: #0e4688;;
    text-align: center;
    color: white;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}


#champ-header-name {
    width: 100%;
    display: none;
}

#champ-header-infobtn {
    display: none;
    margin-top: -4px;
}

.map-selector {
    margin-top: 15px;
    margin-left: 30px;
}

#classement-equipes, #classement-buteurs, #champ-rencontres {
    font-size: 11px;
}


.sub-struct-elements-row {
    cursor: pointer;
    font-size: 11px;
}

#ligue-select-search {
    border-top-width: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    /*background-color: #e52527;*/
    margin-left: 0px;
}

#ligue-select-search .typeahead {
    width: 210px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#ligue-select-search-lib {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 7px;
    color: white;
    text-align: center;
    padding: 7px 5px 5px 7px;
    background-color: #e52527;
}

#champ-lig-dep-list {
    display: none;
}

#champ-lig-dep-list .panel-group {
    margin-bottom: 0 !important;
}

#champ-lig-dep-list-lib {
    font-size: 12px;
    margin-left: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
}

.pagination-item-invisible {
    display:none !important;
}

.pagination-sm>li>a {
    width: 30px;
}

.table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>thead>tr>th, .table-condensed>thead>tr>td{
    padding: 0px ! important;
}



.champ-nat-substruct-list table {
    margin-bottom: 0 !important;
}

#champ-phases {
    width: 100%
        line-height: 24px;
}
#champ-phases-toggle-btn {
    width: 100%;
    line-height: 24px;
}
#champ-phases-single-btn {
    width: 100%;
    line-height: 24px;
}


#champ-poules {
    width: 100%;
    line-height: 24px;
}
#champ-poules-toggle-btn {
    width: 100%;
    line-height: 24px;
}
#champ-poules-single-btn {
    width: 100%;
    line-height: 24px;
}

#champ-tournois {
    width: 100%;
    line-height: 24px;
}
#champ-tournois-toggle-btn {
    width: 100%;
    line-height: 24px;
}
#champ-tournois-single-btn {
    width: 100%;
    line-height: 24px;
}



#champ-journees {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#champ-journees .champ-journee-title {
    float: left;
    width: 13%;
    font-size: 14px;
    font-weight: bold;
    color: #005c2a;
    text-align: right;
    margin-top: 5px;
}

#cham-journees .col-md-9 {
    float: left;
}

#champ-journees-list {
    margin: 0 !important;
}


#champ-clu-list {
    /*	margin: 0 5px 0 5px;*/
    margin-left: 0px;
    margin-right: 0px;
}

.col-md-4 {
    width: 33% !important;
    float: left !important;
}

#rencontres-lieu-info {
    cursor: pointer;
}

#rencontres-eqp, #rencontres-eqp1, #rencontres-eqp2 {
    cursor: pointer;
}

#rencontres-eqp-modal .modal-body {
    max-height: 420px;
    overflow: auto;
}

#champ-rencontres-eqp-titre {
    margin: 0 !important;
    font-weight: bold;
}

#rencontres-eqp-title {
    margin-bottom: 10px;
}

#champ-rencontres-eqp table thead th {
    color: #B0B0B0;
    line-height: 30px;
}

#champ-rencontres-eqp table tbody td b {
    color: #005c2a;
}

#rencontres-club-modal .modal-dialog {
    width: 1000px;
}

#rencontres-club-modal .modal-body {
    overflow: auto;
    max-height: 440px;
}

#rencontres-club-modal .modal-header {
    margin-bottom: 0;
    padding-bottom: 0;
}

#rencontres-club-modal .modal-header table {
    margin-bottom: 0;
}

#rencontres-club-modal .modal-header table thead th {
    background-color: #0e4688;
    color: white;
    line-height: 30px;
}


#rencontres-feuille-match .modal-dialog {
    width: 1000px;
}

#rencontres-feuille-match .modal-body {
    overflow: auto;
    max-height: 440px;
}

#rencontre-feuille-match-link {
    cursor: pointer;
}



#modals #rencontres-club-modal h3 {
    color: #279D27;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.rencontres-club-modal-filtre-lieux {
    text-align: right;
    line-height: 40px;
}
.rencontres-club-modal-filtre-lieux input {
    margin-left: 25px !important;
    margin-right: 3px;
}
.rencontres-club-modal-filtre-lieux label {
    font-weight: normal;
    cursor: pointer;
}


#champ-rencontres-table-club-body td:not(:last-child) {
    /*	line-height: 36px;*/
}

.champ-header-span{
    font-weight: normal;
    color: #a3b0d1;
    font-size: 12px !important;
    margin-left: 5px;
    vertical-align: baseline;
}

.agenda-day{
    text-align: center;
    background-color:  rgba(228, 228, 228, 0.6) !important;
}

.agenda-day h3{
    color: #3866B6;
}

#rencontres-feuille-match .modal-dialog,
#rencontres-club-modal .modal-dialog{
    height: 93%;
}
#rencontres-feuille-match .modal-dialog .modal-content,
#rencontres-club-modal .modal-dialog .modal-content{
    height: 100%;
    margin-top: 3%;
}

#rencontres-feuille-match .modal-dialog .modal-content .modal-body,
#rencontres-club-modal .modal-dialog .modal-content .modal-body{
    max-height: 90%;
    height: 85%;
    height: ~"-webkit-calc(100vh - 150px)";
    height: ~"calc(100vh - 150px)";
    height: calc(100vh - 150px);
    position: relative;
    display: block;
}

#rencontres-club-modal .modal-dialog .modal-content .modal-body{
    height: ~"-webkit-calc(100vh - 256px)";
    height: ~"calc(100vh - 256px)";
    height: calc(100vh - 256px);

}

#champ-infos-modal-title{
    text-align: center;
}

.subtitle-information-championnat{
    /*    display: block;*/
    font-size: 0.8em;
}

.wrap{
    margin-bottom: 12px;
}

.wrap .content{
    height: 60px;
    overflow: hidden;
    position: relative;
}

.wrap .trigger{
    background: transparent;
    padding-left: 0;
    color: #1D6CC9;
    border: 0px;
}
.wrap .trigger:hover{
    text-decoration: underline;
}

.wrap .content .span{
    position: relative;
    display: block;
    color: #b0b0b0;
}

.wrap .content .p{
    display: block;
    position: relative;
}

.wrap .content .read-more-voile {
    background: linear-gradient(transparent,white);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.toggle-down{
    height: auto !important;
    transition: all 1s;
}

.dep-lib-complement{
    font-style: italic;
    display: block;
}