.only-phone {
    display: none;
}

.only-computer {
    display: block;
}

tr.only-phone {
    display: none;
}

tr.only-computer {
    display: table-row;
}

@media only screen and (max-width: 768px) {
    .only-phone {
        display: block;
    }
    .only-computer {
        display: none;
    }
    nav.only-phone {
        font-size: 0.8em;
    }
    nav.only-phone ul {
        background: #aaa;
        list-style: none;
        padding: 0em;
    }
    nav.only-phone ul li {
        background: #888;
        font-weight: bold;
    }
    nav.only-phone ul ul {
        background: #aaa;
        list-style: none;
        padding-left: 1em;
    }
    nav.only-phone ul ul li {
        background: #aaa;
        font-weight: normal;
    }
    nav.only-phone li a {
        color: #000;
        text-decoration: none;
        text-transform: capitalize;
    }
    .menu-b-1 {
        padding: 0.5em;
        display: inline-block;
    }
    .menu-b-2 {
        padding: 0.1em;
        display: inline-block;
    }
    .open-menu ul {
        display: none;
    }
    .open-menu>ul {
        display: none;
        margin: 0;
    }
    .open-menu.active ul {
        display: block;
    }
    .open-menu .btn-menu {
        font-size: 2em;
        float: right;
        margin-right: 5px;
        margin-top: 0.3em;
        cursor: pointer;
    }
    .open-menu.active {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 1px #000 solid;
        background: #FFF;
        z-index: 1000;
        height: 100%;
        overflow-y: scroll;
    }
    .content {
        margin-top: 2.5em;
        padding: 0;
    }
    .open-menu .logo {
        height: 2.5em;
        width: auto;
        padding: 0.2em;
    }
    .row .col {
        width: 100%;
        margin-bottom: 1em;
    }
    .footer .infos li {
        text-align: center;
    }
    .affiches .affiche {
        border-bottom: 1px #ccc dotted;
        margin-bottom: 0em;
    }
    .affiches .affiche:after {
        display: block;
        content: ' ';
        clear: both;
    }
    .affiches .affiche img {
        display: block;
        width: 30%;
        float: left
    }
    .affiches .affiche .overlay {
        display: block;
        width: 70%;
        opacity: 1;
        position: inherit;
        float: left;
        font-size: 0.7em;
    }
    .affiche .vignette {
        font-size: 0.7em;
    }
    .calendrier {
        padding: 0;
        font-size: 0.7em;
    }
    .calendrier .cal-entete {
        padding: 0;
        font-size: 0.5em;
    }
    .calendrier .only-phone tr td {
        text-align: center;
    }
    tr.only-phone {
        display: table-row;
    }
    tr.only-phone td {
        text-align: center;
    }
    tr.only-computer {
        display: none;
    }
    .lien-bas-page {
        font-size: 0.75em;
    }
    .presses .logo {
        max-width: 100px !important;
    }
}