.js-masonry {
    margin: 2em 0;
    position: relative;
    width: 100%;
}
.js-masonry .item {
    width: 50%;
    margin: 0;
}
.js-masonry .item img {
    padding: .25% 1%;
}
.js-masonry a {
}
.pc,
.tab {
    display: none;
}
.mobile {
    display: block;
}

h2.titre_bloc {
    font-size: 1.5em;
}
.table_item .item .titre_item {
    font-size: 1.3em;
}
#main_slideshow_hp {
    margin-bottom: 0 !important;
}
#main_slideshow_hp .camera_caption > div a {
    font-size: 1em;
}
#main_slideshow_hp.camera_wrap .camera_pag {
    display: none;
}
#bloc_cours .bloc_content {
    max-width: 320px;
}

.texte iframe {
    width: 100%;
}
#bloc_actualites .table.TOC .item .item_info_supp .item_info_chapo_complet,
#bloc_actualites .table.TOC .item .item_info_supp .item_info_texte {
    display: none;
}
.programme .item_logo {
    width: 30%;
}
.programme .item_info_chapo,
.programme .item_info_texte {
    display: none;
}
.programme .item_info_supp {
    display: none;
}
div.cs_sommaire {
    position: relative;
}

img.ui-datepicker-trigger {
    width: 16px;
}

@media only screen and (min-width: 481px) {
    h2.titre_bloc {
        font-size: 1.7em;
    }
    .table_item .item .titre_item {
        font-size: 1.5em;
    }
    .programme .item_info_chapo {
        display: block;
    }
    .programme .item_info_texte {
        display: none;
    }
    .page_login .content .authentification,
    .page_login .content .creation_compte {
        width: 47.5%;
        padding: 0 2.5%;
        display: table-cell;
    }
    .onebyone {
        padding-bottom: 40%;
    }
    .table_item .item {
        width: 48%;
        margin: 2px 1%;
    }
    .forum_connect {
        display: inline;
        float: right;
        text-align: right;
    }
    .pagination .prev,
    .pagination .pages,
    .pagination .next {
        white-space: nowrap;
        display: none;
    }
    .pagination .pages {
        display: table-cell;
    }
    .pagination .prev strong,
    .pagination .next strong {
        background-color: #ccc;
        color: #fff;
    }
    .pagination .prev a,
    .pagination .next a {
        background-color: #EAEAEA;
        color: #fff;
    }
    .pagination .pages a {
        background-color: #e6e6e6;
    }
    .pagination .pages strong {
        background-color: #EAEAEA;
        color: #fff;
    }
}

@media only screen and (min-width: 768px) {
    .pc,
    .mobile,
    .page_sommaire #navigation {
        display: none;
    }
    .tab {
        display: block;
    }
    .nav_meme_rub {
        list-style: none;
        text-align: left;
    }
    .pagination .prev,
    .pagination .pages,
    .pagination .next {
        display: table-cell;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 1025px) {
    h2.titre_bloc {
        font-size: 2em;
    }
    .table_item .item .titre_item {
        font-size: 1.5em;
    }

    .tab,
    .mobile,
    #bloc_droite {
        display: none;
    }
    .pc {
        display: block;
    }
    .content .programmation .date {
        display: table-cell;
    }
}

@media only screen and (min-width:1500px) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
