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

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

    #main {
        margin: 30px 0 0 0;
    }

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

    #wpadminbar {
        position: fixed !important;
    }

    .addthis-bloc {
        display: none;
    }

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

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

    .class-commune-form-prop .demi-field,
    .class-commune-form-prop .demi-bloc-form {
        width: 100% !important;
    }

    .class-commune-form-prop .bloc-form input[type=text],
    .class-commune-form-prop .bloc-form input[type=email],
    .class-commune-form-prop .bloc-form textarea {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /*Header*/
    header .top-header .identite {
        float: none;
        display: block;
        width: 357px;
        margin: 35px auto 20px;
    }

    header .top-header .tools {
        float: none;
        display: block;
        margin: 15px auto;
        width: 357px;
    }

    header .top-header .tools .menu-rapide li:first-child {
        margin-left: 0;
    }

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

    header .top-header .tools .menu-rapide {
        text-align: center;
    }

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

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

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

    /* Front page */
    .bandeau-publication {
        width: 788px;
        height: 510px;
        margin-left: -160px;
    }

    .bandeau-publication .caroufredsel_wrapper {
        width: 768px;
        height: 510px !important;
    }

    .bandeau-publication .image-slider {
        width: 768px;
        height: 510px;
    }

    .bandeau-publication .window {
        width: 460px;
        height: 600px;
        left: -5px;
    }

    .en-un-clic {
        width: 400px;
        height: 270px;
        right: 31px;
        top: 410px;
    }

    .en-un-clic li a {
        width: 133.33px;
        height: 135px;
        background: #1a1a1a
    }

    .en-un-clic li a:hover {
        background: #6fae00;
    }

    #slider-home-nav {
        top: 360px;
    }

    .bandeau-publication .legende_photo {
        bottom: 270px;
        left: 0px;
        width: 220px;
    }

    .front-page {
        margin-top: 200px;
    }

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

    .en-un-clic li:nth-child(4) a {
        border-bottom: none
    }

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

    .en-un-clic li:nth-child(3) a {
        border-right: none;
    }

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

    .bloc-actu-clic {
        text-decoration: none;
    }

    .front-page .actualites .actualite-a-la-une .image-actualite {
        float: none;
        width: 400px;
        height: 300px;
        overflow: hidden;
    }

    .front-page .actualites .actualite-a-la-une .image-actualite img {
        float: none;
        width: 400px;
        height: auto;
    }

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

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

    .front-page .actualites .actualite-a-la-une .description-actualite .titre {
        margin-top: 35px;
    }

    .front-page .actualites .nos-autres-actus .bloc-actu-clic {
        width: 400px;
        margin-right: 0;
    }

    .front-page .actualites .nos-autres-actus .contenu {
        margin-top: 0;
    }

    .front-page .actualites .nos-autres-actus .bloc-actu-clic {
        margin-bottom: 25px;
    }

    .front-page .sidebar-home {
        margin-top: 10px;
        width: 400px;
    }

    .front-page .sidebar-home .vos-demarches-admin {
        margin-top: 0px;
        float: none;
        width: 400px;
    }

    .front-page .sidebar-home .home-mediatheque {
        display: inline-block;
        margin-bottom: 20px;
        margin-right: 16px;
        width: 190px;
    }

    .front-page .sidebar-home .nos-publications {
        display: inline-block;
        margin-bottom: 20px;
        width: 190px;
    }

    .front-page .sidebar-home h3 {
        font-size: 20px;
    }

    .front-page #events {
        width: 100%;
        height: auto;
    }

    .front-page #events > a {
        width: 100%;
        height: 165px;
    }

    .header-module .nav-actus svg {
        margin: 0 10px;
    }

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

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


    /* Page */
    .bandeau-publications img.image-bandeau {
        height: 100%;
        width: auto;
    }

    .header-page {
        width: 400px;
        padding: 0px 0px 0px 0px;
    }

    .wrapper-breadcrumb {
        margin-right: 0;
    }

    .header-page .header-publication-thumbnail {
        margin-right: 0;
    }

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

    .header-page .imagealaune-publication {
        position: static;
    }

    .header-page .imagealaune-publication img {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
    }

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

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


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

    /*Footer*/
    footer .footer-top .footer-top-left {
        width: 340px;
        float: none;
        flex-direction: column;
    }

    footer .horaires-ouverture {
        float: none;
        width: 265px;
        margin: 0 auto;
    }

    footer .horaires-ouverture h3 {
        text-align: center;
    }

    footer .contact {
        float: none;
        margin: 30px auto 0;
        width: 160px;
        text-align: center;
    }

    footer .contact .lien-contact {
        margin: 25px auto 0;
    }

    footer .footer-top .footer-top-right {
        float: none;
        margin: 0 auto;
        height: 160px;
    }

    footer .footer-bottom .partenaires {
        top: 600px;
        left: 110px;
    }

    footer .footer-bottom .menu-bottom {
        margin-top: 140px;
    }

    /* Secondary */
    #secondary .contactslie .relations-contacts {
        width: 257px;
    }

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

    #secondary .relations-agenda-v2 {
        width: 267px;
    }

    #secondary .relations-agenda-v2 .nav-agenda {
        width: 267px;
    }

    /* Affichage listes */
    .single-affichage_liste .panel-affichages-listes {
        width: 400px;
    }

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

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

    #formAffichagesListes input.valider-form {
        width: 400px;
    }

    #formAffichagesListes .reinitialiser-form {
        width: 400px;
    }

    .affichage-liste .liste-publication {
        text-align: center;
    }

    .affichage-liste .liste-publication li {
        float: none;
        display: inline-block;
        margin: 0 0 20px 0;
    }

    .single-affichage_liste .acces-rapide-resultats {
        height: 80px;
        width: 400px;
    }

    .single-affichage_liste .acces-rapide-resultats h2 {
        text-align: center;
        padding-left: 0;
    }

    .single-affichage_liste .acces-rapide-resultats .volet {
        top: 54px;
        right: 170px;
    }

    .single-affichage_liste .acces-rapide-resultats .wrapper-liste-acces-rapide {
        margin-top: 23px;
    }

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

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

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

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

    .affichage-liste .liste-publication.minime li .arrow {
        padding: 81px 0;
    }

    .single-affichage_liste .form-affichages-listes form #liste-types > div {
        margin-right: 20px;
    }

    .wrapper-panel {
        width: 400px;
    }

    .affichage-liste .liste-publication li .no-img.post,
    .affichage-liste .liste-publication.minime li .no-img.post {
        display: none;
    }




    /* Actualites */
    .panel-actualites .display-actualites {
        width: 400px;
    }

    .panel-actualites {
        width: 400px;
    }

    .form-actualites {
        width: 400px;
    }

    .form-actualites #liste-types {
        width: 360px;
    }

    .form-actualites form select {
        width: 360px;
    }

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

    .panel-actualites .propose-actualite {
        width: 360px;
        margin-left: 20px;
    }

    .page-articles {
        width: 400px;
    }

    .page-articles .liste-actus .post .img-actu {
        display: none;
    }

    .page-articles .liste-actus .post .articles-content {
        float: none;
        width: 370px;
    }

    .page-articles .liste-actus .post .entry-footer {
        float: none;
        width: 440px;
        position: static;
    }

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

    #formAffichagesListes .reinitialiser-form,
    #formActualites .reinitialiser-form,
    #formAgenda .reinitialiser-form {
        width: 360px;
    }

    .imagealaune-publication img {
        width: 440px;
    }

    .panel-actualites .propose-actualite {
        margin-left: 20px;
    }


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

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

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

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

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

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

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

    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif p,
    .post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif label,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif p,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif label {
        margin-right: 0;
    }

    .post-template-template-plan-interactif-php .google-map,
    .tax-plans_interactifs_taxonomy .google-map {
        margin-top: 0;
    }

    .post-template-template-plan-interactif-php .panel-plan-interactif .display-map-full a,
    .tax-plans_interactifs_taxonomy .panel-plan-interactif .display-map-full a {
        display: none;
    }

    /*Agenda*/
    .wrapper-secondary .panel-agenda {
        width: 440px;
    }

    .panel-agenda {
        width: 440px;
    }

    .panel-annuaire .display-listes {
        width: 440px;
    }

    .panel-annuaire .display-map {
        width: 408px;
    }

    .form-annuaire form select {
        min-width: 418px;
    }

    .form-annuaire form input {
        width: 390px;
    }

    #formContacts input.valider-form {
        width: 442px;
    }

    #formContacts .reinitialiser-form {
        width: 420px;
    }

    .flux-rss-contact p {
        width: 200px;
        margin-left: 395px;
    }

    .panel-agenda .display-agenda {
        width: 440px;
    }

    .flux-rss-agenda {
        width: 375px;
        padding-left: 85px;
    }

    .annuaire-contacts {
        width: 460px;
    }

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

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

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

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

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

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

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

    .page-agenda-detail .site-contact a {
        display: inline-block;
        width: 156px;
    }

    .form-agenda form > p.periode {
        width: 99%;
    }

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

    .page-agenda-detail #agendaForm li.input {
        margin: 10px 20px 10px 0;
    }

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

    .div-prop-manif {
        width: 440px;
        margin-left: 0;
    }

    .flux-rss-agenda {
        width: 355px;
        margin-left: 0;
    }

    .agenda-evenement .listes li .fiche {
        width: 94px;
    }

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

    /* Pages système */

    #credits-creasit {
        width: 411px;
    }

    #credits-creasit-container img {
        max-width: 411px;
    }

    #primary .agenda-evenement,
    .agenda-evenement .listes {
        width: 400px;
    }

    /* Erreur 404 */

    .page404 .erreur {
        width: 400px;
    }


    /* Contact */

    body.single-page-systeme .gform_wrapper .top_label input.medium,
    .gform_wrapper .top_label select.medium {
        width: 90% !important;
    }

    .page-contact form textarea {
        width: 90% !important;
    }

    /* Attachment */

    .page-attachment p.attachment a img {
        max-width: 413px;
    }

    #secondary .relations-agenda-v2 {
        width: 267px;
    }

    #secondary .relations-agenda-v2 .nav-agenda {
        width: 267px;
    }

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

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

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

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

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

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

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

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


}