/*
Description: style spécifique à la page matchs lives
Author: Osaxis
Template: template_foot_lives.php
*/


/* déclarations générales de marge sur les éléments contenant */
.mLives {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mLives ul {
    margin: 0;
    padding: 0;
}

/* titre de la page */
.mLives .title {
    color: #f60;
    font-size: 26pt;
    margin-bottom: 10px;
}

/* affichage du jour sous le titre de la page */
.mLives .jour {
    font-size: 12pt;
}

/* affichage des réseaux sociaux */
.mLives .share{
    margin-top: 10px;
    text-align: right;
}

/* définition des compétitions */
.mLives .compet {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 12pt;
    border-bottom: solid 1px #f60;
}

/* definition des groupes = journees */
.mLives .group {
    border-bottom: solid 1px #b9b9b9;
    padding-bottom: 5px;
}

.mLives .group span {
    display: block;
    margin-top: 5px;
    left: 0;
    color: #40454d;
    background-color: #eeeeee;
    letter-spacing: 0.2em;
    text-align: left;
}

/* permet de faire le trait gris sous un match */
.mLives .delimiteur {
    clear: both;
    border-top: solid 1px #b9b9b9;
    line-height: 0;
    font-size: 0;
}

/* les blocs d'un match doivent être flottants */
.mLives .match div{
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
    width: 25%;
    vertical-align: top;
}

/* journée X doit être sous l'heure du match */
.mLives .match span {
    display: block;
}

/* calage des espacements et flottement de conteneurs de matchs */
.mLives .match .statut {
    text-align: center;
}

.mLives .match .right span {
    float: right;
    display: block;
}

.mLives .match .left span {
    float: left;
    display: block;
}

.mLives .match .name {
    padding-top: 2px;
    margin-right: 2px;
}

.mLives .match .date, .mLives .match .equipe {
    padding-top: 18px;
}

/* textes de couleur orange */
.mLives .match .day, .mLives .match .etat, .mLives .match .score {
    color: #f60;
}

/* textes de couleur vert */
.mLives .match .etatOn, .mLives .match .scoreOn {
    color: #58e76f;
}


/* grossir certains textes */
.mLives .match .heure, .mLives .match .equipe {
    font-size: 11pt;
}


/* on annule le float sur les div pour la suite de la page */

div.clear{
    clear: both;
}


/*Mobile 320*/
@media only screen and (min-width: 200px) and (max-width: 800px) {

    .mLives .match .equipe {
        padding-top: 0;
    }

    .mLives .match .right span {
        float: none;
        display: block;
        text-align: center;
    }

    .mLives .match .left span {
        float: none;
        display: block;
        text-align: center;
    }

    .mLives .match div{
        margin-top: 10px;
    }

}