@media screen and (max-width: 480px) {

    /* Tools */
    .center {
        width: 300px;
        position: relative;
        padding: 0 10px;
    }

    .scroll-top {
        display: none;
    }

    .google-map-access {
        width: 270px;
    }

    .scroll-top {
        display: none !important;
    }

    .wrapper {
        width: 270px;
    }

    h1,
    .entry-content .fond h1,
    #secondary.fond h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .page404 .erreur {
        width: 260px;
    }

    .page404 #searchform .rechercher {
        width: 228px;
    }

    .class-commune-form-prop {
        margin-left: -160px !important;
        width: 270px !important
    }

    /* Menu */
    header .menu-wrapper {
        width: 300px;
    }

    header .sub-menu {
        width: 300px;
    }

    header .sub-menu ul.bloc-menu-left,
    header .sub-menu ul.bloc-menu-middle,
    header .sub-menu ul.bloc-menu-right {
        width: 300px;
    }

    /* Header */
    header .top-header {
        padding: 0;
    }

    header .top-header .identite {
        width: 300px;
    }

    header .top-header .identite a {
        width: 300px;
    }

    header .top-header .identite h1 {
        font-size: 87px;
        margin-left: -4px;
        width: 300px;
    }

    header .top-header .identite h1::after {
        width: 300px;
        margin: 20px 0 0 4px;
    }

    header .top-header .identite h2 {
        font-size: 20px;
    }

    header .top-header .identite h2 span {
        font-size: 20px;
    }

    header .top-header .tools {
        width: 300px;
    }

    header .top-header .tools .search input {
        width: 235px;
    }

    /* Front page */
    .bandeau-publication {
        width: 480px;
        height: 315px;
        margin: 0px 0px 0px -90px;
    }

    .bandeau-publication .image-slider {
        width: 480px;
        height: 315px;
    }

    .bandeau-publication .caroufredsel_wrapper {
        width: 480px;
        height: 315px !important;
    }

    .bandeau-publication .window {
        width: 300px;
        border: none;
        left: 0;
        top: 0;
        height: 315px;
    }

    #slider-home-nav {
        top: 235px;
        width: 300px;
        left: 0;
        box-sizing: border-box;
        text-align: center;
        height: 30px;
    }

    #slider-home-nav a {
        vertical-align: -7px;
    }

    .bandeau-publication .legende_photo {
        bottom: 0;
        left: 0;
        width: 300px;
        max-width: 300px;
        padding: 0 30px;
        box-sizing: border-box;
        text-align: center;
        line-height: 15px;
    }

    .en-un-clic {
        width: 270px;
        top: 330px;
        right: 15px;
        height: 370px;
    }

    .en-un-clic li a {
        width: 135px;
        height: 123px;
    }

    .en-un-clic li:nth-child(1) a,
    .en-un-clic li:nth-child(3) a,
    .en-un-clic li:nth-child(5) a {
        border-right: 1px dotted #FFF;
    }

    .en-un-clic li:nth-child(2) a,
    .en-un-clic li:nth-child(4) a,
    .en-un-clic li:nth-child(6) a {
        border-right: none;
    }

    .en-un-clic li:nth-child(1) a,
    .en-un-clic li:nth-child(2) a,
    .en-un-clic li:nth-child(3) a,
    .en-un-clic li:nth-child(4) a {
        border-bottom: 1px dotted #ffffff;
    }

    .en-un-clic li:nth-child(5) a,
    .en-un-clic li:nth-child(6) a {
        border-bottom: none;
    }

    .front-page {
        margin-top: 410px;
        padding: 0 15px 20px;
    }

    .front-page .actualites {
        width: 270px;
    }

    .front-page .actualites .actualite-a-la-une h2 {
        font-size: 22px;
    }

    .front-page .actualites .actualite-a-la-une h2 span svg {
        margin-right: 10px;
    }

    .front-page .actualites .actualite-a-la-une .bloc-actu .nom-categ {
        top: 210px;
    }

    .front-page .actualites .actualite-a-la-une .image-actualite {
        width: 270px;
    }

    .front-page .actualites .actualite-a-la-une .image-actualite img {
        width: 270px;
    }

    .front-page .actualites .actualite-a-la-une .description-actualite {
        width: 270px;
    }

    .front-page .actualites .actualite-a-la-une .description-actualite .contenu {
        margin-top: 0;
    }

    .front-page .actualites .nos-autres-actus .bloc-actu-clic {
        width: 270px;
    }

    .front-page .actualites .nos-autres-actus h3 {
        padding-bottom: 35px;
        text-align: center;
    }

    .front-page .actualites .nos-autres-actus .voir-toutes-les-actus {
        top: 53px;
        left: 0;
        right: 0;
        width: 55px;
        margin: 0 auto;
    }

    .front-page .sidebar-home .home-mediatheque,
    .front-page .sidebar-home .nos-publications {
        width: 270px;
        height: 50px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .front-page .sidebar-home h3 {
        line-height: 50px;
    }

    .front-page .sidebar-home .vos-demarches-admin .perso-bulle {
        display: none;
    }

    .front-page .sidebar-home .vos-demarches-admin {
        width: 270px;
    }

    .front-page .sidebar-home .vos-demarches-admin h3 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .front-page .sidebar-home .vos-demarches-admin .choix-demarche {
        width: 240px;
    }

    .front-page .sidebar-home .vos-demarches-admin button {
        margin: 10px 0 0 115px;
    }

    .front-page .actualites .actualite-a-la-une .image-actualite {
        height: 210px;
    }

    .header-module h2 span svg {
        display: none;
    }

    .header-module h2 {
        margin-right: 5px;
    }

    .actualite-a-la-une .caroufredsel_wrapper {
        height: 450px !important;
    }



    /*Page*/
    #wrapper {
        padding: 20px 15px;
    }

    .wrapper-breadcrumb {
        padding: 5px;
    }

    .wrapper-breadcrumb #breadcrumbs div + div span,
    .wrapper-breadcrumb #breadcrumbs div + div a {
        margin: 0 1px;
    }

    .header-page {
        width: 270px;
    }

    #primary.affichage-savoir-plus .google-map-access {
        width: 270px;
    }

    #secondary .actualitelie .relation-actualites {
        width: 227px;
    }

    #secondary .actualitelie .relation-actualites ul li {
        width: 240px;
    }

    .liste-album .item-album {
        width: 270px;
    }

    .entry-content .pages {
        width: 100%;
    }

    #primary.affichage-savoir-plus .header-page .imagealaune-publication {
        width: 270px;
        height: 115px;
    }

    #primary .header-page .imagealaune-publication img {
        min-height: 115px;
    }


    /*Affichage liste*/
    .single-affichage_liste .acces-rapide-resultats {
        width: 270px;
    }

    .affichage-liste .liste-publication li .no-img {
        width: 270px;
    }

    .single-affichage_liste .acces-rapide-resultats .liste-acces-rapide-resultats ul {
        margin-left: 0;
        width: 260px;
    }

    .single-affichage_liste .panel-affichages-listes {
        width: 270px;
    }

    .single-affichage_liste .form-affichages-listes {
        width: 230px;
    }

    #formAffichagesListes input.valider-form,
    #formActualites input.valider-form,
    #formAgenda input.valider-form,
    #formAffichagesListes .reinitialiser-form,
    #formActualites .reinitialiser-form,
    #formAgenda .reinitialiser-form {
        width: 230px;
    }

    .single-affichage_liste .form-affichages-listes form p.keywords input {
        width: 250px;
    }

    .single-affichage_liste .acces-rapide-resultats h2 {
        font-size: 17px;
    }

    .single-affichage_liste .acces-rapide-resultats .volet {
        right: 90px;
    }

    .affichage-liste .liste-publication li {
        width: 270px;
    }

    .affichage-liste .liste-publication li .img {
        width: 270px;
    }

    .affichage-savoir-plus .affichage-liste .liste-publication li .infos {
        width: 240px;
    }

    .affichage-liste .liste-publication li .arrow {
        width: 270px;
    }

    .affichage-liste .liste-publication.minime li {
        width: 270px;
    }

    .affichage-liste .liste-publication.minime li .arrow {
        display: none;
    }

    .affichage-savoir-plus .affichage-liste .liste-publication.minime li .infos {
        width: 240px;
    }

    .affichage-savoir-plus .affichage-liste .liste-publication.minime li .infos {
        height: 200px;
    }

    /*Actualités*/
    .panel-actualites .propose-actualite {
        width: 230px;
        margin-left: 20px;
    }

    .panel-actualites .display-actualites {
        width: 270px;
    }

    .panel-actualites {
        width: 270px;
        background: #1a1a1a;
    }

    .wrapper-panel {
        background: #1a1a1a;
    }

    .form-actualites {
        width: 270px;
    }

    .form-actualites #liste-types,
    .form-actualites form select {
        width: 260px;
    }

    .form-actualites form input {
        width: 250px;
    }

    .page-articles {
        width: 300px;
    }

    .page-articles .liste-actus .post .articles-content {
        width: 270px;
    }

    .page-articles .liste-actus .post {
        height: 260px;
    }

    .page-articles .liste-actus .post .entry-footer {
        width: 300px;
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    .page-articles .liste-actus .post .cats-actus,
    .date,
    a.more {
        float: none;
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .page-articles .liste-actus .post a.more {
        margin-left: 0;
    }

    .wrapper-panel {
        width: 270px;
    }

    .page-articles {
        width: 270px;
    }

    .page-articles .liste-actus .post .articles-content {
        width: 240px;
    }

    .page-articles .liste-actus .post .entry-footer {
        width: 240px;
    }

    .page-actu-detail .date-cat .date {
        background: transparent url("../images/sprite-actus.png") no-repeat scroll 0px -18px;
        padding: 0px 0px 0px 24px;
    }

    .page-articles .liste-actus .post.minime {
        padding: 10px 15px 60px 30px;
    }

    .affichage-savoir-plus .affichage-liste .liste-publication.minime li:hover .infos {
        height: 200px;
    }



    /*Plan interactif */
    .post-template-template-plan-interactif-php .panel-plan-interactif,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif {
        width: 270px;
    }

    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif {
        width: 270px;
    }

    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse {
        width: 235px;
    }

    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .categorie-googlemap,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .categorie-googlemap {
        width: 270px;
    }

    .post-template-template-plan-interactif-php .google-map,
    .tax-plans_interactifs_taxonomy .google-map {
        width: 270px;
    }

    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input,
    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .rechercheadresse-googlemap input,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .rechercheadresse-googlemap input {
        width: 222px;
    }

    /*Footer*/
    footer {
        padding: 0 15px;
    }

    footer .footer-top .footer-top-left {
        padding: 30px 10px 20px;
        width: 250px;
    }

    footer .horaires-ouverture {
        width: 243px;
    }

    footer .horaires-ouverture p {
        font-size: 12px;
    }

    footer .footer-bottom .partenaires {
        top: 590px;
        left: 27px;
    }

    footer .footer-bottom .footer-menu {
        text-align: center;
    }

    footer .footer-bottom .footer-menu li {
        display: inline-block;
        float: none;
    }

    /*Agenda*/
    .panel-agenda .display-agenda {
        width: 270px;
    }

    .panel-agenda .display-agenda p {
        width: 130px;
    }

    .panel-agenda .form-agenda input {
        width: 265px;
    }

    .form-agenda form p.periode input {
        width: 265px;
    }

    .div-prop-manif {
        width: 265px;
    }

    .div-prop-manif a.propose-manifestation {
        padding: 10px;
        font-size: 13px;
    }

    .flux-rss-agenda p {
        padding-left: 30px;
    }

    .flux-rss-agenda {
        width: 245px;
        margin-left: 0px;
        padding: 5px 10px;
    }

    .agenda-evenement .listes {
        width: 270px;
    }

    .agenda-evenement .listes li .categorie-date {
        width: 300px;
        height: 100px;
    }

    .agenda-evenement .listes li div {
        float: none;
    }

    .agenda-evenement .listes li .information-evenement {
        width: 300px;
    }

    a.return-list {
        width: 250px;
    }

    .content-agenda .categorie-date {
        width: 300px;
    }

    #primary.affichage-savoir-plus .page-agenda-detail .info {
        padding: 10px;
        height: auto;
        width: 278px;
    }

    .page-agenda-detail .site-contact a,
    .page-agenda-detail .site-contact a.nous-contactez {
        width: 208px;
    }

    .page-agenda-detail #agendaForm li textarea {
        width: 296px;
    }

    .content-agenda .categorie-date {
        width: 280px;
        padding: 15px 10px;
    }

    .div-prop-manif a.propose-manifestation {
        padding: 10px 20px;
    }

    .div-prop-manif {
        width: 240px;
    }

    .flux-rss-agenda {
        width: 296px;
    }

    .flux-rss-agenda {
        padding-left: 22px;
        padding-right: 22px;
        width: 196px;
    }

    .agenda-evenement .listes li .image-a-la-une-agenda {
        display: none;
    }

    #formAffichagesListes input.valider-form,
    #formActualites input.valider-form,
    #formAgenda input.valider-form {
        width: 337px;
    }

    .div-prop-manif a.propose-manifestation {
        padding: 10px 10px;
        font-size: 11px;
    }

    .wrapper-panel {
        padding: 15px 15px 45px 15px;
    }

    #formAgenda input.valider-form {
        width: 247px;
    }

    #formAgenda .reinitialiser-form {
        width: 240px;
    }

    .agenda-evenement .listes li {
        width: 270px;
        height: auto;
    }

    .agenda-evenement .listes li .categorie-date {
        width: 270px;
    }

    .agenda-evenement .listes li .information-evenement {
        width: 270px;
    }

    .agenda-evenement .listes li .fiche {
        width: 100%;
        height: 60px;
        padding: 10px 0 0 0;
    }

    .agenda-evenement .listes li a.fiche .loupe {
        top: 20px;
    }

    #primary.affichage-savoir-plus .page-agenda-detail .info {
        width: 248px;
    }

}