/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 31 mars 2014, 08:35:38

    Author     : SilacciA

*/

body{

    /*background-image: url(../img/grid.png);*/

    /*background-image: url(../img/test.jpg);*/

    /*background-color: #428BCA;*/

    background-color: #759ABB;

}

#imageSport{

    width:266px;

    height:200px;

}

#overlay{

    position: fixed; 

    width: 100%; 

    height: 100%; 

    top: 0px; 

    left: 0px; 

    background-color: #000; 

    opacity: 0.7;

    filter: alpha(opacity = 70) !important;

    display: none;

    z-index: 100;

    

}



#overlayContent{

    position: fixed; 

    width: 100%;

    top: 100px;

    text-align: center;

    display: none;

    overflow: hidden;

    z-index: 100;

}





#imgBig,#imageSport{

    cursor: pointer;

}





.TV{

    background-color: white;

}



.jumbotron{

    background-color: white;

    box-shadow: 0px 0px 0 10px rgba(255,255,255,0.5),0px 0px 5px rgba(0,0,0,0.5);

}



.tvJumbotron{

    width:70%;

    background-color: white;

    box-shadow: 0px 0px 0 0px rgba(255,255,255,0),0px 0px 0px rgba(0,0,0,0);

}



/*.row-nogap{

    margin-left: 0;

    margin-right: 0;

}*/



.row-nogap .col-xs-1,.row-nogap .col-sm-1,.row-nogap .col-md-1,.row-nogap .col-lg-1,.row-nogap .col-xs-2,.row-nogap .col-sm-2,.row-nogap .col-md-2,.row-nogap .col-lg-2,.row-nogap .col-xs-3,.row-nogap .col-sm-3,.row-nogap .col-md-3,.row-nogap .col-lg-3,.row-nogap .col-xs-4,.row-nogap .col-sm-4,.row-nogap .col-md-4,.row-nogap .col-lg-4,.row-nogap .col-xs-5,.row-nogap .col-sm-5,.row-nogap .col-md-5,.row-nogap .col-lg-5,.row-nogap .col-xs-6,.row-nogap .col-sm-6,.row-nogap .col-md-6,.row-nogap .col-lg-6,.row-nogap .col-xs-7,.row-nogap .col-sm-7,.row-nogap .col-md-7,.row-nogap .col-lg-7,.row-nogap .col-xs-8,.row-nogap .col-sm-8,.row-nogap .col-md-8,.row-nogap .col-lg-8,.row-nogap .col-xs-9,.row-nogap .col-sm-9,.row-nogap .col-md-9,.row-nogap .col-lg-9,.row-nogap .col-xs-10,.row-nogap .col-sm-10,.row-nogap .col-md-10,.row-nogap .col-lg-10,.row-nogap .col-xs-11,.row-nogap .col-sm-11,.row-nogap .col-md-11,.row-nogap .col-lg-11,.row-nogap .col-xs-12,.row-nogap .col-sm-12,.row-nogap .col-md-12,.row-nogap .col-lg-12{

    padding-left: 0;

    padding-right: 0;

}



/* 

================================================

matchs design 

================================================

*/

.line{

    padding-top: 20px;

}

.basic{

    float:left;

    font-size: 30px;

    width:20%;

    padding-top: 20px;

    padding-bottom: 10px;

}

.basic-border{

    padding-top:20px;

}

.border-score{

    border: 1px solid gray;

    background-color: #ddeeff;

    border-radius: 20px;

    padding-top: 20px;

    padding-bottom: 20px;

}

score-panel{

    background-color: #E5F3E1;

    width:70%;

}

/* 

================================================

news design 

================================================

*/

.news-condensed{

    border: 1px solid rgba(0,0,0,0.2);

    padding: 10px;

    border-radius: 5px;

    margin-top: 20px;

    background-color: white;

    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);

}



.news-condensed .page-header{

    margin-top: -10px;

}



.news-condensed .news-footer{

    margin-top: 20px;

}



.news-condensed .news-footer .author-date{

    color: rgba(0,0,0,0.5);

}



/* 

================================================

inscription design 

================================================

*/



.center-align{

    text-align: center;

}



/* 

================================================

Classement design 

================================================

*/



.tour_finale {

    background-color: #4FA9FF !important;

}

.tour_petite_finale {

    background-color: #85C2FF !important;

}

.tour_demi_finale {

    background-color: #ADD6FF !important;

}

.tour_quart_finale {

    background-color: #D6EBFF !important;

}

.tour_huitieme_finale {

    background-color: #E9F3FD !important;

}



.imgPodium{
    display: flex;
    align-items: center;
}

#picture-2 {
    margin-top: 20px;
}

#picture-3 {
    margin-top: 40px;
}

.imgPodium div img {
    border-radius: 20px;
    padding: 5px;
}

.podium{

    margin-top: 50px;

    margin-bottom: 50px;

}

.podium, .podium .team{

    font-weight: bold;

}



.podium .second{

    background-color: white;

    border:0px;

    float : left;

    width:33%;

    margin-top: 20px;

}



.podium .first{

    background-color: white;

    border:0px;

    float : left;

    width:33%;

}



.podium .third{

    background-color: white;

    border:0px;

    float : left;

    width:33%;

    margin-top: 40px;

}

.podium .fourth{

    background-color: white;

    border:0px;

    margin-top: 50px;

    font-size: 25px;

    width:33%;

}

.podium .team{

    font-size: 30px;

}

.podium .place{   

    color: black;

    font-size: 36pt;

    padding-top: 20px;padding-bottom: 20px;

}

.podium .first .place{

    background-color: rgba(241, 196, 15,1.0);

    line-height: 70px;

}

.podium .second .place{

    background-color: rgba(52, 152, 219,1.0);

    line-height: 50px;

}

.podium .third .place{

    background-color: rgba(231, 76, 60,1.0);

    line-height: 30px;

}

.podium .fourth{

    margin-top: 50px;

    font-size: 11px;

    margin-left: 33.3333%;

    width:33%;

}



@media (max-width: 768px){

    .podium .team{

        font-size: 12px;

    }

    .podium .first .place{

        background-color: rgba(241, 196, 15,1.0);

        line-height: 70px;

    }

    .podium .second .place{

        background-color: rgba(52, 152, 219,1.0);

        line-height: 50px;

    }

    .podium .third .place{

        background-color: rgba(231, 76, 60,1.0);

        line-height: 30px;

    }

    .podium .fourth{

        margin-top: 50px;

        font-size: 11px;

        margin-left: 33.3333%;

        width:33%;

    }

};



@media (min-width: 768px){

    .podium .team{

        font-size: 30px;

    }

    .podium .first .place{

        background-color: rgba(241, 196, 15,1.0);

        line-height: 110px;

    }

    .podium .second .place{

        background-color: rgba(52, 152, 219,1.0);

        line-height: 90px;

    }

    .podium .third .place{

        background-color: rgba(231, 76, 60,1.0);

        line-height: 70px;

    }

    .podium .fourth{

        margin-top: 50px;

        font-size: 25px;

        width:100%;

    }

}

@media (min-width: 768px) {

    .groupeEquipe{

        float:none;

        display: inline-block;

        width: 49%;

    }

}



.groupeEquipeTV{

    float:none;

    margin: 0 auto; 

    display: inline-block;

    width: 100%;

    font-size: 16px;

}

.tableGroupeEquipeTv{

    width:100%;

    text-align:center;

}

.tableGroupeEquipeTvTd{

    width:50%;

    vertical-align: top;

    padding:10px;

}

.tv{

    font-size: 20px;

}



.prep{

    font-size: 200px;

}



prep{

    font-size: 200px;

}



/* 

================================================

Navbar - EMFTournois design

================================================

*/



.accueil-active{

    color:#555;

    background: #e7e7e7;

}