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

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

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

    .scroll-top {
        left: 25% !important;
    }

    .wrapper {
        width: 300px;
    }

    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
    }

    #primary .entry-content .comarquage a {
        background-position: -299px top !important;
    }

    /* Menu */
    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 0 110px;
    }

    header .top-header .identite {
        height: 168px;
    }

    header .top-header .identite-top{
        flex-direction: column;
    }

    header .top-header::before{width: 100%}

    header .top-header::before {
        right: -80px;
        top: 80px;
        background-position: 50px 0;
    }

    header .top-header .identite h1 {
        font-size: 45px;
    }

    header .top-header .search {
        margin: 40px 0 0 0;
        width: 300px;
    }

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

    header .search #searchform {
        width: 300px;
    }

    header .top-header .identite a {
        height: 30px;
        margin-top: 40px;
    }

    header .top-header .identite{
        margin-top: 0;
    }

    header .top-header .tagline {
        text-align: center;
    }

    header .tools {
        margin-left: 90px;
    }

    header .top-header .tagline:before {
        content: '';
        display: table;
        clear: both;
    }


    /* Front page */
    .front-page .top-front .bandeau-publication,
    .front-page .top-front .bandeau-publication .caroufredsel_wrapper,
    .front-page .top-front .bandeau-publication .caroufredsel_wrapper .wrapper-slider-home,
    .front-page .top-front .bandeau-publication .image-slider {
        width: 300px !important;
        height: 163px !important;
    }

    .acces-rapides {
        width: 300px;
    }

    .acces-rapides ul li:nth-child(1),
    .acces-rapides ul li:nth-child(3),
    .acces-rapides ul li:nth-child(5) {
        float: none;
    }

    .acces-rapides ul li:nth-child(2),
    .acces-rapides ul li:nth-child(4),
    .acces-rapides ul li:nth-child(6) {
        float: none;
    }

    .acces-rapides li a .texte {
        width: 239px;
    }

    .front-page .bottom-front .derniers-actualites {
        width: 300px;
    }

    .front-page .bottom-front .wrapper-actualite-slider {
        width: 300px;
    }

    .front-page .bottom-front .derniers-actualites h2 {
        text-align: center;
        float: none;
    }

    .front-page .bottom-front .derniers-actualites .nav-actus {
        float: none;
        margin: 15px auto;
        display: block;
        width: 85px;
    }

    .front-page .bottom-front .bloc-actu-clic {
        width: 300px !important;
        margin-right: 0px;
    }

    .front-page .bottom-front .bloc-actu-clic .image-actualite {
        height: 164px;
    }

    .front-page .bottom-front .bloc-actu-clic .image-actualite img {
        width: 300px;
    }

    .front-page .bottom-front .derniers-evenements {
        width: 300px;
    }

    .front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic {
        width: 300px;
        height: 380px;
    }

    .front-page .bottom-front .derniers-evenements .caroufredsel_wrapper {
        height: 380px !important;
    }

    .front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic .image-a-la-une-agenda {
        height: 163px;
        width: 300px;
        float: none;
    }

    .front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic .image-a-la-une-agenda img {
        width: 300px;
    }

    .front-page .bottom-front .bloc-evenement-clic .evenement-detail {
        width: 260px;
        padding: 10px 20px;
        float: none;
    }

    .front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic .image-a-la-une-agenda img,
    .front-page .bottom-front .bloc-evenement-clic .agenda-home-defaut {
        width: 300px;
        height: 163px;
    }

    .front-page .bottom-front .bloc-evenement-clic .evenement-detail .jour-nombre-semaine {
        font-size: 34px;
    }

    .front-page .bottom-front .bloc-evenement-clic .evenement-detail .mois-lettre {
        font-size: 30px;
    }

    .front-page .bottom-front .bloc-evenement-clic .evenement-detail h2 {
        font-size: 20px;
    }


    /*Page*/
    .header-page {
        width: 300px;
    }

    .header-page .imagealaune-publication {
        width: 300px;
        height: 300px;
    }

    .header-page .imagealaune-publication img {
        min-width: 300px;
        min-height: 300px;
    }

    .texte-intro {
        width: 280px;
        padding: 10px;
    }

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

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


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

    .single-affichage_liste .panel-affichages-listes .display-listes {
        width: 270px;
        padding: 10px 0;
    }

    .single-affichage_liste .panel-affichages-listes .display-listes p {
        width: 165px;
    }

    .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: 300px;
        padding: 10px 15px;
    }

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

    #formAffichagesListes input.valider-form,
    #formActualites input.valider-form,
    #formAgenda input.valider-form,
    #formAffichagesListes .reinitialiser-form,
    #formActualites .reinitialiser-form,
    #formAgenda .reinitialiser-form {
        width: 265px;
        margin-right: 0;
    }

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

    .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 {
        width: 300px;
    }

    .panel-actualites .display-listes p {
        width: 165px;
    }

    .wrapper-panel {
        width: 300px;
        padding: 10px 15px 50px;
    }

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

    .form-actualites {
        width: 265px;
    }

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

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

    .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;
    }

    .page-articles {
        width: 300px;
    }

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

    .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;
    }

    .panel-actualites .propose-actualite {
        width: 265px;
    }

    .panel-actualites .propose-actualite a {
        padding: 10px;
    }

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

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

    .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: 300px;
    }

    .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: 280px;
    }

    .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: 238px;
    }

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

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





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

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

    .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: 255px;
    }

    .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: 300px;
    }

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

    .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: 242px;
    }

    /*Footer*/
    footer.site-footer .footer-top .bloc-footer {
        width: 300px;
    }

    footer.site-footer .footer-top .bloc-plan {
        width: 300px !important;
        height: 220px !important;
        margin-left: 0 !important;
        margin-top: 10px;
        background-position: -20px 0px;
        margin-top: 10px !important;
    }

    footer.site-footer .footer-top .bloc-plan .hover-plan,
    footer.site-footer .footer-top .bloc-plan:hover .hover-plan {
        left: 60px;
    }

    footer.site-footer .footer-bottom .contact {
        border-right: none;
        width: 300px;
        padding-right: 0;
        text-align: center;
    }

    footer.site-footer .footer-bottom .contact.fleft {
        float: none;
    }

    footer.site-footer .footer-bottom .FooterLogo {
        margin-bottom: 15px;
        display: block;
        margin: 0 auto 15px;
    }

    footer.site-footer .footer-bottom .contact .lien-contact {
        padding-left: 20px;
        width: 120px;
        margin: 0 auto;
    }

    footer.site-footer .footer-bottom .horaires-ouverture {
        width: 300px;
        text-align: center;
        margin-top: 40px;
    }

    footer.site-footer .footer-bottom .horaires-ouverture.fleft {
        float: none;
    }

    footer.site-footer .footer-bottom .FooterLogoCC {
        position: absolute;
        top: 417px;
        left: 100px;
    }
    
    
    /*** PARTAGE ***/
    .partage {
        display: block;
        float: right;
        position: relative;
        top: -20px;
        margin: 0 0px 0 4px;
    }

    .liste-reseaux li {
        float: left;
        width: 30px !important;
        height: 30px !important;
        margin-right: 5px;
        margin-top: 4px !important;
        overflow: visible !important;
    }

    .liste-reseaux > li > a {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50px;
        position: relative;
        box-sizing: border-box;
        padding: 1px;
        top: 0;
        transition: all 0.5s;
    }

    .liste-reseaux > li > a.rs-mail {
        background: transparent;
        border: 2px solid #45bf7b;
        padding: 5px;
    }

    .liste-reseaux > li > a.rs-imprimer {
        background: transparent;
        border: 2px solid #e75057;
        padding: 0px;
    }

    a.rs-imprimer svg {
        width: 28px;
        height: 27px;
    }

    #primary .addthis-bloc p {
        font-size: 12px;
        margin: 0;
        text-transform: none;
    }


}