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

    /* **************************
	*      _____           _     
	*     |_   ____   ___ | |___ 
	*       | |/ _ \ / _ \| / __|
	*       | | (_) | (_) | \__ \
	*       |_|\___/ \___/|_|___/
	*                            
	***************************** */

    .center,
    .center-prop-internaute {
        width: 320px;
    }

    .center-prop-internaute {
        margin-left: -160px;
        top: 20px;
    }

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

    /* ****************************
	*      __  __                  
	*     |  \/  | ___ _ __  _   _ 
	*     | |\/| |/ _ | '_ \| | | |
	*     | |  | |  __| | | | |_| |
	*     |_|  |_|\___|_| |_|\__,_|
	*                              
	******************************* */
    header .menu-menu-principal-container {
        top: 60px;
    }


    /* ***************************************************
	*         _                        _ _                
	*        / \   ___ ___ ___ ___ ___(_| |__   __ _ _ __ 
	*       / _ \ / __/ __/ _ / __/ __| | '_ \ / _` | '__|
	*      / ___ | (_| (_|  __\__ \__ | | |_) | (_| | |   
	*     /_/   \_\___\___\___|___|___|_|_.__/ \__,_|_|   
	*                                                     
	****************************************************** */

    .accessibar-div .confortdelecture a {
        padding-right: 2px;
    }

    .accessibar-div .confortdelecture a.utmini {
        padding-left: 0;
    }

    .accessibar-div .vocalisation {
        width: 100%;
        box-sizing: border-box;
    }

    .accessibar-div .skyplink {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    /* *************************************
	*      _   _                _           
	*     | | | | ___  __ _  __| | ___ _ __ 
	*     | |_| |/ _ \/ _` |/ _` |/ _ | '__|
	*     |  _  |  __| (_| | (_| |  __| |   
	*     |_| |_|\___|\__,_|\__,_|\___|_|   
	*                                       
	**************************************** */
    header .panel.fullpanel {
        width: 90%;
    }

    header .panel ul.acces {
        line-height: 1.75;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        column-gap: 0px;
        -moz-column-gap: 0px;
    }

    header .panel .search input {
        width: 200px;
    }

    #searchform .ui-autocomplete {
        display: none !important;
    }

    header .identite {
        height: 120px;
    }

    header .identite h1 {
        line-height: 40px;
        font-size: 40px;
        margin-top: 20px;
    }

    header .bg-svg {
        display: none;
    }

    header .identite {
        height: 120px;
        background: #fff;
        box-sizing: border-box;
        padding: 20px;
        float: left;
        margin-top: 60px;
        width: 300px;
        pointer-events: none;
    }

    header .menu-wrapper {
        background-color: #005f86;
        position: absolute;
        width: 320px;
        float: left;
        top: 0px;
        transition: all 0.25s;
        left: 0px;
    }

    header .toggleMenu {
        width: 210px !important;
    }

    header .toggleMenu span {
        color: #fff;
    }

    header .toggleMenu span svg path {
        fill: #fff;
    }

    header .menu-wrapper .utilitaires-header li.recherche-icon a {
        display: block;
        background-color: #ffffff;
        text-align: center;
        padding: 12px 0;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        height: 40px;
        box-sizing: border-box;
    }

    header .menu-wrapper .utilitaires-header li a svg path {
        fill: #005f86;
    }

    header {
        position: relative;
        z-index: 100;
        right: 0;
        left: 0;
        height: 180px;
        margin: 0 auto;
    }

    header .menu-wrapper .utilitaires-header {
        right: 10px;
        top: 10px;
    }

    header .menu-menu-principal-container {
        top: 60px;
        left: 10px;
        width: 300px;
    }

    header .main-menu > li {
        width: 300px !important;
    }

    header .menu-menu-principal-container {
        top: 60px;
        left: 10px;
        width: 300px;
        z-index: 9;
    }

    header .main-menu > li > a,
    header .main-menu > li > span {
        font-size: 13px;

    }

    header .sub-menu ul > li > a,
    header .main-menu .sub-menu ul > li > span {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
    }


    .identite svg {
        width: 220px;
        height: 99px;
        position: relative;
        top: -96px;
        transition: all 0.25s;
        left: 20px;
        pointer-events: auto;
    }

    nav.main-navigation {
        width: 300px;
        margin-left: 0;
    }

    /* ******************************************************
	*      _____                _                            
	*     |  ____ __ ___  _ __ | |_   _ __   __ _  __ _  ___ 
	*     | |_ | '__/ _ \| '_ \| __| | '_ \ / _` |/ _` |/ _ \
	*     |  _|| | | (_) | | | | |_  | |_) | (_| | (_| |  __/
	*     |_|  |_|  \___/|_| |_|\__| | .__/ \__,_|\__, |\___|
	*                                |_|          |___/      
	*
	********************************************************* */
    #a-la-une {
        position: relative;
        overflow: hidden;
        height: 220px;
        width: 320px;
        margin: 0 auto;
    }

    #a-la-une .a-la-une-item {
        display: block;
        width: 100%;
        height: 220px;
    }

    #a-la-une .a-la-une-item span.center {
        display: block;
        position: relative;
        top: 180px;
    }

    #a-la-une .a-la-une-item .infos-diapo .titre {
        font-size: 18px;
        line-height: 20px;
    }

    .center.navi {
        display: block;
        top: -435px;
    }


    .bloc-liste {
        display: block;
        width: 300px;
        height: 290px;
        position: relative;
        right: 0;
        top: 0;
        margin: 20px 0;
    }

    .bloc-liste li {
        width: 300px;
        height: 40px;
        margin-bottom: 10px;
        background: #f5d5e1;
        line-height: 40px;
        overflow: hidden;
        float: none;
        margin-right: 0;
    }

    .bloc-liste li:nth-child(2) span.only-txt,
    .bloc-liste li:nth-child(4) span.only-txt,
    .bloc-liste li:nth-child(6) span.only-txt {
        left: 65px;
    }

    .bloc-left {
        width: 300px;
        display: block;
        float: left;
        margin: 0;
        height: 1000px;
        overflow: hidden;
    }

    .front-page .derniers-actualites {
        position: relative;
        height: 460px;
    }

    .front-page .derniers-actualites .block-actualites-left {
        float: left;
        width: 300px;
        height: 420px;
        position: relative;
    }

    .front-page .derniers-actualites .block-actualites-left .image-a-la-une img {
        max-height: 360px;
        min-height: 300px;
    }

    .block-actualites-left .caroufredsel_wrapper,
    .block-actualites-left .wrapper-actualite-description,
    .front-page .derniers-actualites .block-actualites-left .bloc-actu-clic .actualite-solo {
        width: 300px !important;
        height: 420px !important;
    }

    .front-page .derniers-actualites .block-actualites-left .image-a-la-une {
        width: 300px !important;
        height: 200px !important;
    }

    .front-page .derniers-actualites .block-actualites-left .description-actualite {
        width: 300px !important;
        height: 220px;
    }

    .front-page .derniers-actualites .block-actualites-right {
        float: left;
        width: 300px;
        height: 40px;
        background: #adc229;
        position: absolute;
        padding: 15px;
        box-sizing: border-box;
        top: 420px;
    }

    .front-page .derniers-actualites .block-actualites-left .description-actualite {
        padding: 10px 10px;
    }

    .front-page .derniers-actualites .block-actualites-right .voir-toutes-les-actus {
        right: 10px;
    }

    .block-actualites-left .caroufredsel_wrapper {
        height: 420px !important;
    }

    .display-resp {
        display: none;
    }

    .front-page .derniers-events {
        position: relative;
        margin-top: 20px;
        width: 300px;
        float: left;
        height: 360px;
    }

    .wrapper-event-slider {
        width: 300px;
        height: 360px;
        background: #d9d9d9;
        padding: 0px 10px 10px 10px;
        box-sizing: border-box;
    }

    .front-page .derniers-events .block-events-right {
        float: left;
        width: 280px;
        height: 60px;
    }

    .date-event {
        width: 280px;
        height: 70px;
        padding: 15px 10px;
    }

    span.phrase-event {
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        text-align: left;
        line-height: 15px;
        float: left;
        width: 60px;
        padding-top: 5px;
        padding-right: 0;
    }

    span.jour-date {
        display: block;
        font-size: 50px;
        font-family: "museo700";
        margin-top: 10px;
        margin-bottom: 0;
        float: left;
    }

    span.mois-lettre {
        display: inline-block;
        text-transform: uppercase;
        font-size: 16px;
        padding: 10px 0;
        border-top: 1px solid;
        border-bottom: 1px solid;
        line-height: 19px;
        float: right;
        margin-right: 10px;
    }

    .front-page .derniers-events .block-events-left .bloc-event-clic .event-solo {
        position: relative;
        width: 280px;
        height: 270px;
        padding-top: 10px;
        box-sizing: border-box;
    }

    .wrapper-event-description,
    .block-events-left .caroufredsel_wrapper,
        {
        height: 250px !important;
    }

    .front-page .derniers-events .block-events-left .description-event {
        padding: 10px 0;
        width: 280px;
        height: 170px;
        box-sizing: border-box;
        display: block;
        bottom: 0;
        overflow: hidden;
        float: left;
    }

    a.lien-page-evts.voir-toutes-les-evts {
        left: 0;
        bottom: -50px;
    }

    .front-page .derniers-events .block-events-right {
        float: left;
        width: 280px;
        height: 50px;
    }

    .liste-evts li {
        float: left;
        padding-top: 15px;
        margin-left: 6px;
    }

    .front-page .derniers-events .block-events-right h2 {
        padding-top: 25px;
    }

    .front-page .derniers-events .block-events-left .description-event .contenu {
        color: #111313;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 15px;
        margin-top: 5px;
    }


    .bloc-right {
        display: block;
        float: left;
        height: auto;
        width: 300px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .bloc-office {
        width: 300px;
        height: 130px;
        float: left;
        display: block;
        background: #e7e7e7;
        margin: 10px 0 20px;
        box-sizing: border-box;
        padding: 10px;
    }

    span.office-svg {
        width: 96px;
        height: 70px;
        display: block;
        text-align: center;
        float: left;
    }

    span.office-svg svg {
        width: 66px;
        height: 54px;
        position: relative;
        top: 4px;
        left: 5px;
    }

    span.office-txt {
        font-family: "museo700";
        font-size: 16px;
        text-transform: uppercase;
        text-align: left;
        display: block;
        color: #d02c68;
        line-height: 14px;
        padding-top: 7px;
        width: 180px;
        float: left;
        padding-left: 0;
        box-sizing: border-box;
    }

    a.office-lien {
        display: block;
        width: 280px;
        height: 40px;
        text-align: center;
        float: left;
        background: #58585a;
        text-decoration: none;
        padding-top: 12px;
        box-sizing: border-box;
        position: relative;
        z-index: 0;
        margin: 0px 0;
    }

    .carte-svg {
        display: block;
        z-index: 3;
        position: relative;
        width: 95px;
        height: 110px;
    }

    .carte-svg > svg {
        left: 8px;
        top: 15px;
        width: 80px;
        height: 80px;
    }

    .header-map {
        display: block;
        height: 110px;
        padding: 25px 75px 0 0px;
        box-sizing: border-box;
        width: 200px;
        float: right;
    }

    .bloc-map {
        display: block;
        width: 300px;
        height: 110px;
        background: rgba(0, 95, 134, 0.8);
        position: relative;
        top: 0px;
    }

    .lien-inter {
        position: absolute;
        text-decoration: none;
        display: block;
        width: 75px;
        height: 110px;
        background: #005f86;
        right: 0;
        text-align: center;
        transition: all 0.35s;
        top: 0;
    }

    .txt-inter {
        font-size: 12px;
        line-height: 14px;
        padding-top: 25px;
    }

    .header-map h2 {
        margin-bottom: 0px;
        font-size: 16px;
        margin-top: 3px;
    }

    .header-map span:not(.resp-txt) {
        color: #fff;
        line-height: 14px;
        display: block;
    }

    .bloc-mid {
        display: block;
        width: 300px;
        height: 130px;
        position: relative;
        float: left;
        top: 0;
        margin-top: 20px;
    }

    .lien-image {
        display: block;
        width: 100%;
        height: 100%;
        background-size: 100%;
        background-position: top center;
        transition: all 0.75s;
    }

    .lien-main:hover .lien-image {
        background-size: 110%;
    }

    /* *********************************
	*      _____           _            
	*     |  ______   ___ | |_ ___ _ __ 
	*     | |_ / _ \ / _ \| __/ _ | '__|
	*     |  _| (_) | (_) | ||  __| |   
	*     |_|  \___/ \___/ \__\___|_|   
	*                                   
	************************************ */
    .zone1 {
        width: 100%;
        background: #005f86;
        height: 430px;
        padding: 25px 0;
        box-sizing: border-box;
        position: relative;
    }

    .zone1:before {
        width: 320px;
        display: block;
        content: '';
        height: 100%;
        position: absolute;
        background: #005f86;
        top: 0;
        left: -10px;
        z-index: -1;
    }

    .contact-footer {
        display: block;
        float: left;
        width: 300px;
        height: 180px;
        margin-bottom: 15px;
        border-right: 0;
        border-bottom: 4px dotted #fff;
        padding-bottom: 15px;
    }

    p.titre-footer {
        color: #fff;
        font-family: "museo700";
        font-size: 21px;
        line-height: 30px;
        margin: 0 0 19px;
    }

    .horaires-footer {
        display: block;
        float: left;
        width: 300px;
        margin: 0;
    }

    .horaires-footer p.texte-footer {
        color: #fff;
        margin-bottom: 0;
        line-height: 18px;
    }

    .button-footer {
        display: block;
        float: left;
        width: 300px;
        height: 60px;
    }

    a.btn-contact {
        width: 300px;
        height: 40px;
        margin-right: 20px;
        display: block;
        margin-bottom: 10px;
        border: 1px solid #fff;
        box-sizing: border-box;
        line-height: 20px;
        text-decoration: none;
        padding: 0;
        transition: all 0.45s;
        float: left;
        margin-top: 25px;
    }

    .button-footer span {
        transition: all 0.45s;
        font-family: "museo700";
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        display: block;
        float: left;
        width: 190px;
        top: 10px;
        position: relative;
    }

    .btn-contact svg {
        width: 31px;
        height: 21px;
        fill: #fff;
        top: 9px;
        position: relative;
        margin-right: 14px;
        float: left;
        margin-left: 30px;
    }

    a.btn-facebook {
        width: 300px;
        height: 40px;
        display: block;
        border: 1px solid #fff;
        box-sizing: border-box;
        line-height: 20px;
        text-decoration: none;
        padding: 0;
        transition: all 0.45s;
        float: left;
    }

    .btn-facebook svg {
        width: 26px;
        height: 26px;
        fill: #fff;
        top: 6px;
        position: relative;
        margin-right: 19px;
        transition: all 0.45s;
        float: left;
        margin-left: 30px;
    }

    .zone3 {
        width: 100%;
        height: 80px;
        display: block;
        position: relative;
        padding-top: 20px;
        box-sizing: border-box;
    }

    ul#menu-menu-footer {
        display: block;
        width: 300px;
        position: relative;
        margin: 0 auto;
    }

    ul#menu-menu-footer li:first-child {
        margin-left: 30px;
    }

    ul#menu-menu-footer li:nth-child(4) {
        margin-left: 60px;
    }

    /* **************************
	*      ____                  
	*     |  _ \ __ _  __ _  ___ 
	*     | |_) / _` |/ _` |/ _ \
	*     |  __| (_| | (_| |  __/
	*     |_|   \__,_|\__, |\___|
	*                 |___/      
	*
	***************************** */
    #wrapper .top-publication .imagealaune {
        height: 200px;
        width: 320px;
    }

    #wrapper .top-publication .imagealaune img {
        max-width: 580px;
    }

    #wrapper .entry-content iframe {
        max-width: 100%;
    }

    body.post-template-template-meteo-php #wrapper .entry-content iframe {
        max-width: inherit;
    }

    #breadcrumbs .vous-etes-ici {
        display: none;
    }

    #wrapper .header-page {
        text-align: center;
    }

    #wrapper .top-publication {
        width: 300px;
    }

    #wrapper .top-publication .header-page .introduction p {
        font-size: 16px;
        line-height: 20px;
    }

    #wrapper .top-publication .imagealaune {
        margin: 0;
    }

    #primary a .articles-content span.introduction,
    #primary ul.liste-publication li p,
    #primary a .articles-content .hover-contact .introduction,
    #primary a .introduction,
    #primary a ul li {
        color: #111313;
        font-size: 14px;
        line-height: 18px;
        display: block;
        margin: 7px 0 0;
    }

    .at-icon-wrapper {
        padding: 4px;
    }

    /*** PARTAGE ***/
    .partage {
        display: block;
        float: right;
        position: relative;
        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 {
        padding: 5px;
    }

    .liste-reseaux > li > a.rs-imprimer {
        padding: 0px;
    }

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

    #primary .partage-social-media p {
        color: #787878;
        font-size: 12px;
        margin: 0;
        text-transform: none;
    }

    #primary.contextualites-on,
    .size-with-contextualites,
    .size-template-filtres {
        width: 100%;
        float: left;
        top: 20px;
        margin-bottom: 50px;
    }

    #breadcrumbs {
        top: 160px;
        height: auto;
        line-height: 20px;
        width: 300px;
    }

    #primary {
        top: 20px;
        margin-bottom: 40px;
    }

    #primary.tmp {
        margin-bottom: 40px;
        top: 20px;
    }

    #primary.control.tmp .header-page {
        width: 300px;
        margin-bottom: 20px;
    }

    #primary.control .header-page {
        width: 300px;
    }

    .category #primary.tmp.taxo {
        margin-bottom: 40px;
    }

    #primary .template-plan-interactif {
        margin-top: 0px;
        float: left;
        position: relative;
        margin-bottom: 40px;
    }

    .single-guichet-virtuel #secondary {
        background: none;
        color: #515151;
        margin-top: 0;
    }

    #primary.control.tmp .partage-social-media {
        margin-top: -10px;
    }

    #primary .accesrapide-resultats-alnp {
        background-color: #ed6e0a;
        margin-top: 0px;
    }

    .template-agenda.size-template-filtres {
        margin-bottom: -10px;
    }

    .pagination {
        margin-bottom: 0
    }

    #primary.tmp.taxo {
        margin-bottom: 60px;
    }

    /* ****************************************
	*      ____  _     _      _                
	*     / ___|(_) __| | ___| |__   __ _ _ __ 
	*     \___ \| |/ _` |/ _ | '_ \ / _` | '__|
	*      ___) | | (_| |  __| |_) | (_| | |   
	*     |____/|_|\__,_|\___|_.__/ \__,_|_|   
	*                                          
	******************************************* */
    .contactslie_v2 .relations-contacts-v2 ul li,
    .actualitelie .relation-actualites ul li,
    .relations-agenda ul li {
        width: 260px;
    }

    #secondary {
        width: 100%;
        margin-top: 40px;
        padding-bottom: 10px;
        margin-bottom: 40px;
        top: 0;
    }

    .page #secondary {
        margin-top: 80px;
        margin-bottom: -50px;
    }

    .single #secondary {
        margin-top: 0px;
        margin-bottom: 40px;
        top: 0;
    }

    .single-affichage_liste #secondary {
        margin-top: -20px;
        margin-bottom: 60px;
        top: 0;
    }

    /* ************************
	*      _  _    ___  _  _   
	*     | || |  / _ \| || |  
	*     | || |_| | | | || |_ 
	*     |__   _| |_| |__   _|
	*        |_|  \___/   |_|  
	*                          
	*************************** */

    .page404 {
        background: url('../images/core/404Creasit2.png') center 0 no-repeat;
    }

    .page404 #searchform {
        width: 100%;
    }

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

    /* ***************************************
	*       ____            _             _   
	*      / ___|___  _ __ | |_ __ _  ___| |_ 
	*     | |   / _ \| '_ \| __/ _` |/ __| __|
	*     | |__| (_) | | | | || (_| | (__| |_ 
	*      \____\___/|_| |_|\__\__,_|\___|\__|
	*                                         
	****************************************** */

    body.post-template-template-contact-php .entry-content p.champs-obligatoires {
        font-size: 12px;
    }

    /* *********************************
	*      _____ _ _ _                 
	*     |  ___(_) | |_ _ __ ___  ___ 
	*     | |_  | | | __| '__/ _ \/ __|
	*     |  _| | | | |_| | |  __/\__ \
	*     |_|   |_|_|\__|_|  \___||___/
	*                                  
	*********************************** */

    #primary .wrapper-panel .form-panel .liste-types,
    #primary .wrapper-panel .form-panel .communes-ot,
    #primary .wrapper-panel .form-panel .mois-filtre,
    #primary .wrapper-panel .form-panel .annee-filtre {
        width: 100%;
        margin-bottom: 0;
        float: none;
    }

    #primary .wrapper-panel .form-panel .mois-filtre,
    #primary .wrapper-panel .form-panel .annee-filtre {
        margin-top: 14px;
    }

    #primary .panel-plan-interactif .form-panel .keywords {
        margin-bottom: 0;
    }

    #primary .panel-plan-interactif .form-panel .keywords,
    #primary .panel-plan-interactif .form-panel .rechercheadresse-googlemap {
        width: 100%;
    }

    #primary .panel-agenda .form-panel .keywords {
        margin-top: 14px;
    }

    #primary .panel-agenda .form-panel .periode .input-date input {
        min-width: 95px;
        width: 55%;
    }

    body.post-template-template-gestion-ressources-php #primary .wrapper-panel .form-panel .communes-ot {
        margin-bottom: 14px;
    }

    #primary .panel-plan-interactif .display-map {
        display: none;
    }

    #primary .template-annuaire-contacts ul li.liste {
        height: 142px;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste .categorie-affichage_liste {
        left: 20px;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .introduction {
        margin: 0;
    }

    .c-search-form_wrap input,
    .c-search-form_phony {
        background-color: transparent;
        font-family: 'museo700';
        line-height: 0.5em;
        font-size: 1.5em !important;
    }

    .recherche-autocompletion form .ui-autocomplete li .titre {
        font-size: 14px !important;
        transition: all 0.3s ease-in-out;
    }

    .recherche-autocompletion form .ui-autocomplete {
        width: 100% !important;
        top: 50px !important;
        background: transparent !important;
        padding-bottom: 160px !important;
    }

    button.c-search-form_close {
        position: absolute;
        height: 30px;
        width: 50px;
        top: 40px;
        right: 40px;
        outline: none;
        cursor: pointer;
        background: transparent;
        z-index: 1000;
    }

    .recherche-autocompletion form .ui-autocomplete li {
        padding: 5px 0 !important;
        height: auto !important;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        margin-left: 5%;
        width: 95% !important;
    }

    .single-guichet-virtuel #secondary .bloc-context.services-en-ligne {
        border: 0;
        margin-top: -20px;
    }

    .single-guichet-virtuel #acces-profil {
        border: 1px solid #c7c7c7;
        padding: 20px;
        margin-top: -30px;
        margin-bottom: -20px;
    }

    /* *****************************************************************************************
	*       ____                                        _                       _       _       
	*      / ___|___  _ __ ___  _ __ ___  _   _ _ __   | |_ ___ _ __ ___  _ __ | | __ _| |_ ___ 
	*     | |   / _ \| '_ ` _ \| '_ ` _ \| | | | '_ \  | __/ _ \ '_ ` _ \| '_ \| |/ _` | __/ _ \
	*     | |__| (_) | | | | | | | | | | | |_| | | | | | ||  __/ | | | | | |_) | | (_| | ||  __/
	*      \____\___/|_| |_| |_|_| |_| |_|\__,_|_| |_|  \__\___|_| |_| |_| .__/|_|\__,_|\__\___|
	*                                                                    |_|                    
	******************************************************************************************** */

    #proposition-publication a.btn-precedent-form {
        width: 100%;
        box-sizing: border-box;
    }

    #proposition-publication button.sousmettre-publication {
        margin-top: 20px;
    }

    /* A modifier et ajouter la bonne couleur */

    #primary .template-agenda ul li a .articles-content {
        border-left: 1px solid #c7c7c7;
        border-top: none;
    }

    #primary .template-agenda ul li a:hover .articles-content {
        border-left: 1px solid transparent;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .articles-content .title {
        margin-top: 10px;
    }

    #primary a .articles-content {
        border-top: none;
    }

    #primary li:first-child a .articles-content,
    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .articles-content,
    .template-affilistes-navprofil #primary a .articles-content {
        border-top: 1px solid #c7c7c7;
        border-left: 1px solid #c7c7c7;
    }

    /* *************************************************
	*         _        _               _ _ _    __      
	*        / \   ___| |_ _   _  __ _| (_) |_ /_/  ___ 
	*       / _ \ / __| __| | | |/ _` | | | __/ _ \/ __|
	*      / ___ \ (__| |_| |_| | (_| | | | ||  __/\__ \
	*     /_/   \_\___|\__|\__,_|\__,_|_|_|\__\___||___/
	*                                                   
	**************************************************** */

    #primary .template-actualites ul li {
        height: 190px;
    }

    #primary .template-actualites ul li a .img-actu {
        display: none;
    }

    #primary .template-actualites ul li a .articles-content {
        padding: 0 20px;
        height: 188px;
    }

    #primary .template-actualites ul li .cats-date {
        left: 20px;
    }

    #primary .template-actualites ul li.minime {
        height: 120px;
    }

    #primary .template-actualites ul li.minime a .articles-content {
        height: 119px;
    }

    #primary .template-actualites ul li:first-child.minime a .articles-content {
        height: 118px;
    }

    /* ****************************************
	*         _                        _       
	*        / \   __ _  ___ _ __   __| | __ _ 
	*       / _ \ / _` |/ _ \ '_ \ / _` |/ _` |
	*      / ___ \ (_| |  __/ | | | (_| | (_| |
	*     /_/   \_\__, |\___|_| |_|\__,_|\__,_|
	*             |___/       
	*                 
	******************************************* */

    #primary .template-agenda ul li a .date {
        width: 170px;
        margin-right: 0;
    }

    #primary .template-agenda ul li a .date p {
        font-size: 20px;
    }

    #primary .template-agenda ul li a .articles-content {
        float: left;
        padding: 0 20px;
        min-width: 100%;
        box-sizing: border-box;
    }

    #primary .template-agenda ul li .categorie-agenda {
        left: 21px;
        top: 225px;
    }

    #primary .template-agenda .fc-toolbar .fc-left {
        float: none;
        width: 191px;
        overflow: hidden;
        margin: 0 auto;
    }

    #primary .template-agenda .fc-toolbar .fc-right {
        float: none;
        margin: 20px auto;
        width: 175px;
        overflow: hidden;
    }

    #primary .content-agenda form ol li.input,
    #primary .contact-detail .content-contact form ol li.input {
        width: 100%;
    }

    #proposition-publication p.infolocale-a-savoir {
        background-position: center top;
        padding-left: 0;
        padding-top: 70px;
        margin: 40px 0 30px;
    }


    /* ****************************************************************************************************
	*         _                            _                _                        _             _       
	*        / \   _ __  _ __  _   _  __ _(_)_ __ ___    __| | ___    ___ ___  _ __ | |_ __ _  ___| |_ ___ 
	*       / _ \ | '_ \| '_ \| | | |/ _` | | '__/ _ \  / _` |/ _ \  / __/ _ \| '_ \| __/ _` |/ __| __/ __|
	*      / ___ \| | | | | | | |_| | (_| | | | |  __/ | (_| |  __/ | (_| (_) | | | | || (_| | (__| |_\__ \
	*     /_/   \_\_| |_|_| |_|\__,_|\__,_|_|_|  \___|  \__,_|\___|  \___\___/|_| |_|\__\__,_|\___|\__|___/
	*                                                                                                      
	******************************************************************************************************* */

    #primary .template-annuaire-contacts ul li.vignette {
        width: 100%;
    }

    #primary .template-annuaire-contacts ul li.vignette:nth-child(even) {
        margin-left: 0;
    }

    #primary .template-annuaire-contacts ul li .site-internet .reponsive-1024 {
        display: block;
    }

    #primary .template-annuaire-contacts ul li .site-internet .reponsive-480 {
        display: none;
    }

    #primary .template-annuaire-contacts ul li.liste > a {
        height: 140px;
    }

    #primary .contact-detail .content-contact .content-contact-header .adresse {
        padding: 10px;
    }

    #primary .contact-detail .content-contact .content-contact-header .adresse,
    #primary .contact-detail .content-contact .content-contact-header .reseaux {
        width: 50%;
    }

    #primary .contact-detail .content-contact .numeros.numero3 a,
    #primary .contact-detail .content-contact .numeros.numero3 a:first-child {
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #fff;
    }

    #primary .contact-detail .informations-contacts .options a {
        width: 100%;
        box-sizing: border-box;
    }

    #primary .contact-detail .informations-contacts .options a.soumettre-fiche {
        margin-top: 10px;
    }


    /* *******************************************
	*         _    _            _     _   _ ____  
	*        / \  | |       ___| |_  | \ | |  _ \ 
	*       / _ \ | |      / _ \ __| |  \| | |_) |
	*      / ___ \| |___  |  __/ |_  | |\  |  __/ 
	*     /_/   \_\_____|  \___|\__| |_| \_|_|    
	*                                             
	********************************************** */

    #primary .accesrapide-resultats-alnp .wrapper-liste-acces-rapide .liste-acces-rapide-resultats ul li {
        margin-bottom: 5px;
        width: 100%;
    }

    #primary .accesrapide-resultats-alnp h2 {
        font-size: 16px;
    }

    #primary .accesrapide-resultats-alnp p.volet-alnp {
        right: 15px;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.vignette {
        width: 100%;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .img-al {
        display: none;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .articles-content {
        padding: 25px 20px 25px 20px;
    }

    /* ********************************************************************************************************************
	*      ____                       _                   _           _           _        _   _      __                   
	*     | __ )  __ _ ___  ___    __| | ___   ___    ___| |_   _ __ | |__   ___ | |_ ___ | |_| |__   \_\  __ _ _   _  ___ 
	*     |  _ \ / _` / __|/ _ \  / _` |/ _ \ / __|  / _ \ __| | '_ \| '_ \ / _ \| __/ _ \| __| '_ \ / _ \/ _` | | | |/ _ \
	*     | |_) | (_| \__ \  __/ | (_| | (_) | (__  |  __/ |_  | |_) | | | | (_) | || (_) | |_| | | |  __/ (_| | |_| |  __/
	*     |____/ \__,_|___/\___|  \__,_|\___/ \___|  \___|\__| | .__/|_| |_|\___/ \__\___/ \__|_| |_|\___|\__, |\__,_|\___|
	*                                                          |_|                                           |_|           
	*
	*********************************************************************************************************************** */

    .template-bdocumentaire-phototheque ul li .image-a-la-une {
        display: none;
    }

    .template-bdocumentaire-phototheque ul li .information-document {
        padding: 0 20px;
        height: 278px;
    }

    .template-bdocumentaire-phototheque ul li .information-document .details-document p.categorie-document,
    .template-bdocumentaire-phototheque ul li .information-document .details-document p.date-document,
    .template-bdocumentaire-phototheque ul li .information-document .details-document p.poids-document {
        overflow: hidden;
        float: none;
    }

    #primary .template-bdocumentaire-phototheque ul li .information-document {
        height: auto;
    }

    #primary .template-bdocumentaire-phototheque ul li .information-document a.telecharger,
    #primary .template-bdocumentaire-phototheque ul li .information-document a.consulter-ligne {
        float: none;
        display: inline-block;
        margin: 20px 0;
    }


    /* **********************************************************************************************************
	*       ____           _   _                   _                                                             
	*      / ___| ___  ___| |_(_) ___  _ __     __| | ___  ___   _ __ ___  ___ ___  ___  _   _ _ __ ___ ___  ___ 
	*     | |  _ / _ \/ __| __| |/ _ \| '_ \   / _` |/ _ \/ __| | '__/ _ \/ __/ __|/ _ \| | | | '__/ __/ _ \/ __|
	*     | |_| |  __/\__ \ |_| | (_) | | | | | (_| |  __/\__ \ | | |  __/\__ \__ \ (_) | |_| | | | (_|  __/\__ \
	*      \____|\___||___/\__|_|\___/|_| |_|  \__,_|\___||___/ |_|  \___||___/___/\___/ \__,_|_|  \___\___||___/
	*                                                                                                            
	************************************************************************************************************* */

    #primary .template-gestion-ressources ul li span.img-ressources {
        display: none;
    }

    #primary .template-gestion-ressources ul li span.articles-content {
        padding: 0 20px;
    }

    #primary .template-gestion-ressources ul li .categorie-ressources {
        left: 20px;
    }

    /* ****************************************
	*         _    _ _            _         __ 
	*        / \  | | | ___   ___(_)_ __   /_/ 
	*       / _ \ | | |/ _ \ / __| | '_ \ / _ \
	*      / ___ \| | | (_) | (__| | | | |  __/
	*     /_/   \_\_|_|\___/ \___|_|_| |_|\___|
	*                                          
	******************************************* */

    .allocine-film .informations-film {
        width: 280px;
    }

    .allocine-film p.plus-dinfo {
        margin-left: 10px;
    }

    /* ****************************************
	*         _    _ _                         
	*        / \  | | |__  _   _ _ __ ___  ___ 
	*       / _ \ | | '_ \| | | | '_ ` _ \/ __|
	*      / ___ \| | |_) | |_| | | | | | \__ \
	*     /_/   \_\_|_.__/ \__,_|_| |_| |_|___/
	*                                          
	******************************************* */

    #primary .vignettes-album a .articles-content .introduction {
        display: none !important;
    }

    /* ***********************************************
	*      ____                                     _ 
	*     |  _ \ __ _ ___ _____      _____  _ __ __| |
	*     | |_) / _` / __/ __\ \ /\ / / _ \| '__/ _` |
	*     |  __/ (_| \__ \__ \\ V  V / (_) | | | (_| |
	*     |_|   \__,_|___/___/ \_/\_/ \___/|_|  \__,_|
	*                                                 
	************************************************** */
    .template-password form input[type="password"] {
        width: 100%;
    }

    .template-password form input[type="submit"] {
        margin: 10px 0 0;
        width: 100%;
    }

    /* ************************************************
	*       ____           _         ______     ______ 
	*      / ___|__ _ _ __| |_ ___  / ___\ \   / / ___|
	*     | |   / _` | '__| __/ _ \ \___ \\ \ / / |  _ 
	*     | |__| (_| | |  | ||  __/  ___) |\ V /| |_| |
	*      \____\__,_|_|   \__\___| |____/  \_/  \____|
	*                                                  
	*************************************************** */


    /* ***************************************************
	*         _                                          
	*        / \   _ __  _ __   ___  _ __   ___ ___  ___ 
	*       / _ \ | '_ \| '_ \ / _ \| '_ \ / __/ _ \/ __|
	*      / ___ \| | | | | | | (_) | | | | (_|  __/\__ \
	*     /_/   \_\_| |_|_| |_|\___/|_| |_|\___\___||___/
	*                                                    
	*
	***************************************************** */
    .wrapper-panel-new .form-panel {
        padding: 24px 10px;
    }

    .wrapper-panel-new .wrapper-prop-rss a.prop {
        margin: 0 5px 0 0;
        padding: 0 20px;
    }

    .wrapper-panel-new .form-panel form select,
    .wrapper-panel-new .form-panel form input[type=text],
    .wrapper-panel-new .form-panel form input[type=email],
    .wrapper-panel-new .form-panel form input[type=number] {
        width: 100%;
        margin: 0 0 10px;
    }

    .template-liste ul li.liste a .informations-pub,
    .template-liste ul li.liste a .content-pub {
        width: 100%;
    }

    .template-liste ul li.liste a .content-pub {
        border-left: none;
        border-top: 1px solid #fff;
    }

    /* *****************************************************
	*      _   _            _       ___         ____  ____  
	*     | | | | __ _  ___| | __  / (_) ___   / / _|/ _\ \ 
	*     | |_| |/ _` |/ __| |/ / | || |/ _ \ / / |_| |_ | |
	*     |  _  | (_| | (__|   <  | || |  __// /|  _|  _|| |
	*     |_| |_|\__,_|\___|_|\_\ | ||_|\___/_/ |_| |_|  | |
	*                              \_\                  /_/ 
	*
	******************************************************** */

    body.gecko header .bottom-footer .logo-search .search input[type="text"] {
        width: 240px;
    }

    body.gecko .front-page .fil-infos-droits-demarches .droits-demarches-ligne select {
        width: 225px;
    }

    body.gecko footer .middle-footer .newsletter-sms input[type="text"],
    body.gecko footer footer .middle-footer .newsletter-sms input[type="email"] {
        width: 172px;
    }

    body.ie .front-page .fil-infos-droits-demarches .droits-demarches-ligne select {
        width: 229px;
    }
}