/* CSS Media Queries pour le site nevers.fr */

@media screen and (max-width: 960px) {
    /* STRUCTURE */
    div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil, body div#main div#contenu.page-actu, div#contenu div#block-nevers-content, div#contenu div#block-agenda, div#contenu div#block-views-block-les-sites-de-nevers-block-1 {
        max-width: 100%;
        overflow: hidden;
    }
    div#main {
        width: 100%;
    }
    div#block-nevers-content {
        width: 95%;
    }
    div#block-nevers-breadcrumbs {
        width: 100%;
        padding-left: 0.5em;
    }
    div#wrapBody {
        overflow-x: hidden;
    }
    /* HEADER */
    header div {
        width: 100%;
        min-height: 70px;
    }
    header div#block-nevers-branding {
        margin-left: 40px;
        border-width: 0;
        font-size: 2em;
        padding-top: 1em;
    }
    
    /* SLIDER */
    div.slider {
        display: none;
    }
    
    /* ALERTE */
    div#block-block-alerte {
        padding: 0.5em;
    }
    div#block-block-alerte article {
        width: 100%;
        margin: 0;
    }
    /* RECHERCHE */
    div#block-formulairederecherche {
        display: none;
    }
    
    /* MENU */
    header div#block-nevers-main-menu {
        right: 20px;
        margin-top: 40px;
        width: 60px;
        height: 60px;
        background: url('img/hamburger-menu.png') no-repeat;
        cursor: pointer;
        position: absolute;
        float: none;
    }
    header div#block-nevers-main-menu::after,
    header div#block-nevers-branding::after,
    header div::after {
        content: '';
        display: block;
        clear: both;
    }
    header div#block-nevers-main-menu:hover {
        background: url('img/hamburger-menu-survol.png') no-repeat;
    }
    ul.first-level li:hover ul {
        display: none;
    }
    ul.first-level {
        display: none;
        width: 90%;
        position: relative;
        margin: 0 auto;
        margin-top: 60px;
    }
    ul.first-level li ul {
        display: none;
    }
    ul.first-level li ul li a {
        text-transform: none;
    }
    ul.first-level li.visibleMobile ul {
        display: block;
    }
    ul.first-level li {
        text-align: center;
        background-color: #2300C8;
        margin-bottom: 0.25em;
        padding: 0.5em;
    }
    ul.first-level li a {
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: 'Omnes-Medium';
    }
    /* SLIDER */
    div.slider div.views-row h2.slide,
    div.slider div.views-row .accroche {
        left: 20px;
        font-size: 2em;
    }
    div.slider div.views-row h2.slide {
        bottom: 30%;
    }
    div.slider div.views-row .accroche {
        font-size: 1.5em;
    }
    div#block-reseauxsociaux {
        display: none;
    }
    
    /* CONTENU */
    div#contenu h2 {
        border-width: 0;
    }
    div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row:nth-child(1), body div#main div#contenu.page-actu div.views-row:nth-child(1),
    div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row:nth-child(3n), body div#main div#contenu.page-actu div.views-row:nth-child(3n + 2){
        margin-right: auto;
    }
    div#contenu div#block-views-block-actualites-accueil-block-actualites-accueil div.actualites-accueil div.views-row, body div#main div#contenu.page-actu div.views-row {
        float: none;
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    div#block-agenda div.event, 
    div#block-agendapage div.event,
    div#block-video, div#block-photo, 
    div#block-publication,
    div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row {
        max-width: 100%;
        width: 90%;
        margin: 0 auto;
        display: block;
        margin-bottom: 0.5em;
        float: none;
    }
    div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row img {
        width: 100%;
        height: auto;
    }
    div#contenu div#block-views-block-les-sites-de-nevers-block-1 div.views-row:last-of-type {
        margin-right: auto;
    }
    div#contenu div#block-dansmonquartier,
    div#contenu div#block-blocneverspratique {
        width: 90%;
        float: none;
    }
    div#contenu div#block-dansmonquartier img {
        display: none;
    }
    div#block-dansmonquartier div#select-quartier {
        float: none;
        max-width: 90%;
        margin: 0 auto;
        display: block;
    }
    div#block-dansmonquartier div#select-quartier select {
        width: 100%;
        display: block;
    }
    div#block-dansmonquartier div#select-quartier span {
        display: none;
    }
    div#block-blocneverspratique h2, 
    div#block-neverspratique h2 {
        padding-left: 0.5em;
    }
    div#block-blocneverspratique ul#nevers-pratique,
    div#block-blocneverspratique div#nevers-pratique {
        width: 90%;
        margin: 0 auto;
    }
    
    /* NIVEAU */
    div#block-nevers-content div.niveau div.colonne {
        float: none;
        display: block;
        width: 100%;
    }
    
    /* ACTUALITES */
    div.actualites form div {
        width: 100%;
    }
    
    /* FOOTER */
    footer div {
        width: 90%;
        margin: 0 auto;
    }
}