/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the
.
*/
/*
    Created on : 5 oct. 2016, 19:12:24
    Author     : rletremy
*/

@media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 600px) and (orientation: landscape) {
  #extrait {
    min-width: 80%;
  }

  /*body{*/
  /*    padding-top: 70px!important;*/
  /*}*/
  /*.site-name a{*/
  /*    background-image: url('../images/logo-plaine-commune-small.png');*/
  /*    width: 103px;*/
  /*    height: 50px;*/
  /*    margin-top: 10px;*/
  /*}*/
  .region-header {
    width: 100%;
    padding: 0;
  }

  .region-search .advanced-search-form {
    width: 100%;
  }

  .region-search .advanced-search-form #simplesearch .form-item-simplesearch-keyword {
    width: calc(100% - 120px);
    margin-left: 0;
    float: left;
  }

  .region-search .advanced-search-form input[name="simplesearch[keyword]"] {
    width: 100%;
    border-left: none;
    border-right: none;
    padding-left: 65px;
    height: 85px;
    background: url('../images/icons/loupe.png') 15px center no-repeat;
  }

  .region-search .block-simple-search-form-block .advanced-search-form input[name="submit1"] {
    width: 120px;
    min-width: inherit;
    margin-right: 0;
    overflow: hidden;
  }

  /*header{*/
  /*    min-height: 5.325rem;*/
  /*}*/
  .region-header .menu-icon {
    width: 35px;
    height: 25px;
    background: url('../images/icons/menu.gif') no-repeat;
    position: fixed;
    right: 30px;
    margin-top: 25px;
    float: inherit;
    cursor: pointer;
    z-index: 10;
  }

  .region-header .menu-icon.active {
    background: url('../images/icons/cross.gif') no-repeat;
  }

  .region-header .bigmenu-navigation {
    display: none;
  }

  #block-blockcustom-12 {
    display: none;
  }

  .bigmenu-navigation .menu .menu-item.displayed > a,
  .bigmenu-navigation .menu .menu-item.displayed > span {
    background-image: url('../images/icons/medium-arrow-right-green.png');
    color: #7eba00;
  }

  .path-frontpage .view-pc-accroche-une h3 {
    width: 76.042%;
    float: inherit;
    margin-left: 5.729%;
    margin-bottom: 0;
    padding: 80px 6.25% 0.8rem 6.25%;
    height: auto;
    max-height: inherit;
    /*top: -362px;*/

  }

  .path-frontpage .view-pc-accroche-une h3 a {
    font-size: 1.6rem;
  }

  .path-frontpage .view-pc-accroche-une p {
    margin: 0;
  }

  .path-frontpage .block-views-blockpc-accroche-une-block-1 {
    width: 100%;
    height: 595px;
  }

  .path-frontpage .view-pc-accroche-une .views_slideshow_slide {
    width: 100% !important;

  }

  .path-frontpage .view-pc-accroche-une .field--name-field-visuel {
    width: 100%;
    height: inherit;
  }

  .path-frontpage .block-views-blockpc-accroche-une-block-1 h2 {
    width: 76.042%;
    right: inherit;
    left: 9.895%;
    padding: 0;
    margin-top: 140px;
    font-size: 2.5em;
  }

  .path-frontpage .view-pc-accroche-une .field--name-field-descriptif {
    width: 76.042%;
    margin-left: 5.729%;
    padding: 0 6.25% 0 6.25%;
    /*top: -362px;*/
    border: none;
    height: 200px;
    overflow: auto;
  }

  .path-frontpage .view-pc-accroche-une .node__content {

  }

  /*.path-frontpage .view-pc-accroche-une .field--name-field-lien {*/
  /*  width: inherit;*/
  /*  height: inherit;*/
  /*  top: 395px;*/
  /*  right: 11%;*/
  /*  background-color: inherit;*/
  /*}*/
  .path-frontpage .view-pc-accroche-une .field--name-field-lien a {
    position: static;
  }

  .path-frontpage .views_slideshow_controls_text_previous,
  .path-frontpage .views_slideshow_controls_text_next {
    display: none;
  }

  .path-frontpage .view-pc-accroche-une .views_slideshow_controls_text_previous,
  .path-frontpage .view-pc-accroche-une .views_slideshow_controls_text_next {
    display: block;
  }

  .views_slideshow_controls_text_previous a {
    top: 125px;
  }

  .views_slideshow_controls_text_next a {
    top: 125px;
  }

  .views-field-counter {
    width: 16px;
    height: 16px;
  }

  .views-content-counter {
    width: 16px;
    height: 16px;
    font-size: 0;
    background-color: #000000;
    border-radius: 8px;
    cursor: pointer;
  }

  .active .views-content-counter {
    background-color: #d22133;
  }

  .widget_pager {
    margin-top: 25px;
  }

  /*.path-frontpage .region-search {*/
  /*  overflow: initial;*/
  /*}*/
  .menu-mobile {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #f2f2f2;
    overflow-y: scroll;
  }

  .layout-content {
    width: 100%;
  }

  .path-frontpage .zone2 {
    width: 100%;
    /*margin-top: -60px;*/
  }

  .path-frontpage .zone2 .view-pc-services {
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .path-frontpage .zone2 .view-pc-services .views-row {
    float: left;
    margin-right: 0;
  }


  .block-plaine-commune-agenda #form-evenements-hp .form-item-mediatheque {
    margin-right: 0;
  }


  .block-views-blockevenements-block-1,
  .path-frontpage .zone4 {
    width: 100%;
    margin-bottom: 35px;
  }

  .block-views-blockevenements-block-1 {
    height: auto;
  }

  .path-frontpage .view-pc-home-events .views-row:nth-child(n+2),
  .path-frontpage .view-pc-home-agenda .views-row:nth-child(n+2) {
    display: none;
  }

  .path-frontpage .view-pc-home-events .views-row,
  .path-frontpage .view-pc-home-agenda .views-row {
    width: 88.541%;
    margin-left: 5.729%;
    margin-right: 0;
  }

  .path-frontpage .view-pc-home-events .views-row .field--name-field-visuel img,
  .path-frontpage .view-pc-home-agenda .views-row .field--name-field-visuel img {
    width: 100%;
    height: auto;
  }

  .path-frontpage .zone4 .pager {
    margin-top: 0;
  }

  .path-frontpage .zone7 {
    width: 100%;
    height: initial;
    padding-bottom: 20px;
    padding-top: 30px;
    overflow: auto;
  }

  .view-pc-home-promos > .view-content > .views-row:first-child {
    margin-left: 5.729%;
  }

  .view-pc-home-promos > .view-content > .views-row {
    width: 88.541%;
    height: auto;
    margin-left: 5.729%;
    margin-right: 0;
    margin-bottom: 2rem;
  }

  .bloc-autopromo-visuel .field--name-field-pictogramme,
  .bloc-autopromo-visuel img {
    width: 100%;
    height: auto;
  }

  .path-frontpage .zone8 {
    padding-top: 30px;
    overflow: auto;
  }

  footer {
    height: initial;
    margin-top: 0;
    /*overflow: auto;*/
    padding-bottom: 80px;
  }

  .region-footer {
    width: 100%;
  }

  .region-footer #block-blockcustom-10 {
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
    left: 0;
    text-align: center;
  }

  /*.region-footer #block-blockcustom-11{*/
  /*    width: 100%; height: 126px;*/
  /*    margin-top: -20px;*/
  /*    float: initial;*/
  /*    background: white;*/
  /*}*/
  .region-footer #block-blockcustom-11 a:first-child {
    margin-left: calc((100% - 240px) / 2);
  }

  .region-footer .navigation li {
    width: 100%;
    text-align: center;
  }

  ul.menu {
    float: left;
    margin: 1em 0;
  }

  ul.menu li,
  .bigmenu-navigation #block-selectlanguage ul li {
    margin-bottom: 5px;
  }

  .views_slideshow_cycle_teaser_section {
    width: 100% !important;
    height: auto;
  }

  .bigmenu-navigation #block-selectlanguage {
    width: 100%;
    margin-top: 74px;
    border-top: solid 1px #929cb4;
    padding-top: 0px !important;
  }

  .bigmenu-navigation #block-selectlanguage .links {
    float: right;
    margin-top: 0;
  }

  .bigmenu-navigation #block-selectlanguage ul li {
    float: left;
    margin-left: 0;
    padding-top: 0;
  }

  .bigmenu-navigation #block-selectlanguage ul li a {
    width: auto;
    height: 25px;
    padding: 25px 25px 0 0;
    border: none;
  }

  .menu-mobile > .menu {
    width: 100%;
    margin-top: 0;
    padding-top: 10px !important;
    margin-right: 0;
  }

  .region-header .menu li .menu .background-menu {
    width: 100%;
  }

  .menu-mobile .menu li .menu li {
    width: 100%;
  }

  .menu-mobile .menu li .menu a {
    width: calc(100% - 50px);
    height: 20px;
    font-size: 16px;
    border-right: none;
    background: none;
  }

  .menu-mobile > .menu .menu {
    width: calc(100% - 25px) !important;
    display: none;
    margin-top: 10px;
  }

  .menu-mobile > .menu > .menu-item {
    width: calc(100% - 25px);
    text-align: left;
    margin-left: 25px;
    margin-top: 10px;
  }

  .menu-mobile > .menu > .menu-item:first-child {
    margin-left: 25px;
  }

  .menu-mobile > .menu > .menu-item a {
    width: calc(100% - 40.5px);
    display: inline-block;
    background: url('../images/icons/medium-arrow-right-black.png') right center no-repeat;
  }

  #toolbar-administration {
    display: none;
  }

  .breadcrumb {
    width: 100%;
  }

  .breadcrumb ol {
    width: calc(100% - 40px);
    line-height: 25px;
    margin: 0 20px;
  }

  .page-title {
    width: calc(100% - 40px);
    margin-top: 20px;
    font-size: 31px;
    margin-left: 0;
  }

  .advanced-search-form .keywords_wrapper {
    width: 94%;
  }

  .advanced-search-form #add-keyword .ajax-progress {
    display: none;
  }

  .path-recherche #block-views-block-block-presentation-block-1 {
    margin-left: 0;
  }

  .field--name-field-diaporama,
  .path-les-dossiers-des-mediatheques .attachment {
    height: auto;
    padding-bottom: 45px;
  }

  .views_slideshow_cycle_slide.views_slideshow_slide {
    width: 100% !important;
  }

  .field--name-field-diaporama .ct_media,
  .path-les-dossiers-des-mediatheques .ct_media {
    width: 100%;
    height: auto;
  }

  .field--name-field-diaporama .ct_media img,
  .path-les-dossiers-des-mediatheques .ct_media img {
    width: 100%;
    height: auto;
  }

  .field--name-field-diaporama .field--name-field-image,
  .field--name-field-diaporama .field--name-field-video-embed,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .field--name-field-visuel,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier .sticky-title, .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier h2, .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node--type-dossier .node__content {
    width: 100%;
    height: auto;
  }

  .field--name-field-diaporama .field--name-field-image iframe,
  .field--name-field-diaporama .field--name-field-video-embed iframe,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .field--name-field-visuel iframe {
    width: 100%;
    height: 280px;
  }

  .field--name-field-diaporama h3,
  .field--name-field-diaporama .field--name-field-copyright,
  .field--name-field-diaporama .field--name-field-descriptif,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node__content,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .sticky-title,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 {
    width: 91.668%;
    padding-left: 4.166%;
    padding-right: 4.166%;
  }

  .field--name-field-diaporama .field--name-field-copyright {
    margin-bottom: 17px;
  }

  .field--name-field-diaporama h3 {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 20px;
    padding-bottom: 15px;
  }

  article.node--view-mode-full .field--name-field-diaporama .field--name-field-descriptif {
    width: 100%;
    height: auto;
    padding-left: 8%;
    padding-right: 8%;
    box-sizing: border-box;
  }

  article.node--view-mode-full .field--name-field-diaporama .field--name-field-descriptif p {
    margin-top: 0;
  }

  .views_slideshow_controls_text_next button,
  .views_slideshow_controls_text_previous button {
    top: 350px;
  }

  article.node--view-mode-full .field--name-field-descriptif-court, .taxonomy-term .field--name-field-descriptif-court {
    padding-top: 30px;
    overflow: hidden;
  }

  .field--name-field-elements-inferieurs .field__item {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    margin-bottom: 25px;
  }

  .field--name-field-elements-inferieurs {
    padding-bottom: 15px;
  }

  .field--name-field-proposition .field__item form {
    width: calc(91.668% - 65px);
    margin-top: 40px;
    margin-left: 4.166%;
    margin-right: 4.166%;
  }

  .field--name-field-proposition .field__item form h3 {
    margin-bottom: 15px;
  }

  .field--name-field-documents-lies {
    width: 100%;
    padding-top: 0;
    margin-left: 0;
  }

  .field--name-field-documents-lies .field__items {
    width: 87.70%;
    margin-top: 35px;
    margin-right: 6.15%;
  }

  .field--name-field-documents-lies .field__item .file {
    width: calc(100% - 75px);
  }

  .field--name-field-liens-utiles {
    width: 93.85%;
    margin-top: 15px;
  }

  .field--name-field-liens-utiles .field__items {
    width: 87.70%;
    margin-top: 35px;
  }

  .field--name-field-liens-utiles .field {
    width: calc(100% - 55px);
  }

  .field--name-field-le-saviez-vous {
    width: 100%;
    margin-top: 5px;

    margin-bottom: 55px;
  }

  .field--name-field-le-saviez-vous .field__item {
    padding: 0 25px 25px 25px;
  }

  .field--name-field-le-saviez-vous .field__item,
  .field--name-field-le-saviez-vous .field__label {

    margin-left: 4.166%;
    margin-right: 4.166%;
  }

  .region-footer .menu--footer .menu {
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
  }

  .path-les-dossiers-des-mediatheques .view-id-pc_dossiers {
    width: 100%;
  }

  .path-les-dossiers-des-mediatheques .attachment .views-element-container {
    width: 100%;
    height: auto;
    overflow: auto;
    margin-bottom: 30px;
  }

  .path-les-dossiers-des-mediatheques .view-display-id-page_1 .attachment .view-content .views-row {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .sticky-title {
    padding-top: 20px;
  }

  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .sticky-title {
    height: 50px;
  }

  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers h2 {
    height: 35px;
  }

  .field--name-field-diaporama .field--name-field-descriptif,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node__content {
    height: auto;
  }

  .field--name-field-diaporama .field--name-field-descriptif,
  .field--name-field-diaporama .field--name-field-descriptif,
  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .field--name-field-descriptif-court {
    height: auto;
  }

  .path-les-dossiers-des-mediatheques .attachment .view-pc-dossiers .node__content a {
    margin-top: 50px;
    margin-bottom: 30px;
    position: static;
  }

  .view-display-id-page_1 .view-content .views-row,
  .path-selections .view-content .views-row {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    margin-bottom: 25px;
    box-sizing: border-box;
  }

  .path-recherche .result-item .text-teaser {
    margin-left: 0;
  }

  .node--type-dossier.node--view-mode-teaser {
    width: 100%;
  }

  .node--type-dossier.node--view-mode-teaser img {
    width: 100%;
  }

  .node--type-dossier.node--view-mode-teaser h2 a {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    padding-left: 0;
    text-align: left;
  }

  .node--type-dossier.node--view-mode-teaser .node__content .date {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    padding-left: 0;
    box-sizing: border-box;
  }

  .path-les-dossiers-des-mediatheques .pager {
    margin-bottom: 45px;
  }

  .region-header .menu a {
    color: #000000;
  }

  .bloc-autopromo-text .field--name-field-texte,
  .bloc-autopromo-text .field--name-field-liens {
    height: auto !important;
  }

  .page-node-type-page-evenement .node--type-page-evenement,
  .node--type-dossier.node--view-mode-full {
    width: 100%;
  }

  .page-node-type-dossier .block-plaine-commune-agenda {
    margin-top: 25px;
  }

  .block-views-blockpc-dossiers-block-1 {
    width: 100%;
    margin-top: 45px;
    padding-top: 30px;
  }

  .block-views-blockpc-dossiers-block-1 h2 {
    text-align: center;
  }

  .block-views-blockpc-dossiers-block-1 .views-row,
  .page-node-type-dossier .view-pc-dossiers .views-row {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    margin-bottom: 25px;
  }

  .page-node-type-dossier .block-views-blockpc-dossiers-block-1 .views-row:last-child {
    margin-bottom: 55px;
  }

  .path-espace-jeunesse h1 {
    background: none;
  }

  .path-espace-jeunesse #block-blockcustom-7 {
    width: 100%;
    height: 164px;
    background-size: auto 164px;
  }

  .path-espace-jeunesse #block-blockcustom-8 {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
  }

  .path-espace-jeunesse .block-plaine-commune-agenda h2 {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
  }

  .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-type-select select {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    margin-top: 0;
  }

  .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-type-select #edit-public {
    margin-top: 0;
  }

  .path-espace-jeunesse .block-plaine-commune-agenda #form-evenements-hp .form-submit {
    margin-top: 10px;
    margin-left: calc((100% - 250px) / 2);
  }

  .path-espace-jeunesse .block-plaine-commune-agenda {
    height: 445px;
  }

  .view-display-id-block_espace_jeunesse_animation .views-row {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
  }

  .view-display-id-block_espace_jeunesse_animation .views-row .field--name-field-visuel img {
    width: 100%;
  }

  .view-display-id-block_espace_jeunesse_animation .pager {
    width: 175px;
    margin-bottom: 50px;
  }

  .block-views-blockevenements-block-1 .views-row {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
  }

  .block-views-blockevenements-block-1 .views-row .field--name-field-visuel img {
    width: 100%;
  }

  .block-views-blockevenements-block-1 .view-footer a {
    margin-left: calc((100% - 190px) / 2);
  }

  .ui-dialog {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
  }

  .ui-dialog .password-reminder-form .use-ajax,
  .ui-dialog .user-account-connect-form .use-ajax {
    width: calc(100% - 24px);
  }

  .ui-dialog .password-reminder-form .form-submit,
  .ui-dialog .user-account-connect-form .form-submit {
    margin-left: calc((100% - 159px) / 2);
  }

  .ui-dialog #drupal-modal {
    max-height: initial !important;
  }

  .ui-dialog .password-reminder-form .form-item label,
  .ui-dialog .user-account-connect-form .form-item label {
    width: calc(100% - 24px);
  }

  .ui-dialog .password-reminder-form .form-item .form-text,
  .ui-dialog .user-account-connect-form .form-item .form-text {
    width: calc(100% - 24px);
  }

  .path-reservations-materiels #edit-planning {
    overflow-x: auto;
  }

  p-dialog-inscription-step1 .carte-lecteur,
  .popup-dialog-inscription-step1 .pas-carte-lecteur {
    width: calc(100% - 65px);
    margin-left: 0;
  }

  .region-header .menu li .menu .background-menu {
    overflow: hidden;
  }

  .taxonomy-term.vocabulary-mediatheque .horaires .container > div {
    width: 100%;

  }

  .taxonomy-term.vocabulary-mediatheque .horaires .container,
  .taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-ressource-dispo,
  .taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-materiel-disponibl {
    padding-left: 0;
    padding-top: 101px;
    background-position: 50% 20px;
  }

  .taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-ressource-dispo,
  .taxonomy-term.vocabulary-mediatheque .field--name-field-type-de-materiel-disponibl {
    padding-left: 20px;
  }

  .path-taxonomy .infos-block {
    height: auto;
  }

  .path-taxonomy .infos-block > div,
  .page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-left,
  .page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-right {
    width: 100%;
    float: left;
  }

  .path-taxonomy .infos-block .block-left {
    padding-left: 25px;
    padding-bottom: 25px;
    box-sizing: border-box;
  }

  .infos-block,
  .path-recrutement .view-offres-d-emploi .view-content .views-row {
    padding: 0;
  }

  #block-blockcustom,
  .path-recrutement #block-exposedformoffres-d-emploipage-recrutement .form--inline,
  #block-exposedformoffres-d-emploipage-recrutement .view-header,
  .view-id-journal_des_mediatheques .view-header,
  .path-recrutement .view-offres-d-emploi {
    padding: 0 20px;
  }

  .path-recrutement #views-exposed-form-offres-d-emploi-page-recrutement {
    padding: 0;
  }

  #views-exposed-form-offres-d-emploi-page-recrutement .form-type-select,
  #views-exposed-form-offres-d-emploi-page-recrutement .js-form-type-select select {
    width: 100%;
    margin-right: 0;
  }

  #views-exposed-form-offres-d-emploi-page-recrutement .js-form-item-created,
  #views-exposed-form-offres-d-emploi-page-recrutement .js-form-item-created-1 {
    width: 100%;
    margin-right: 0;
  }

  .path-recrutement .view-offres-d-emploi .view-content .views-row > div {
    width: 100%;
    float: none;
    position: static;
    height: auto;
  }

  .path-recrutement .view-offres-d-emploi .views-field-field-fiche-de-poste {
    border-left: none;
    border-bottom: solid 1px #000;
    padding-bottom: 1em;
  }

  .coordonnes-mediatheque .block-container {
    height: auto;
  }

  .page-node-type-page-evenement .coordonnes-mediatheque .block-container .block-right {
    position: static;
  }

  #block-blockcustom-2,
  #block-blockcustom-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .path-journal-des-mediatheques .views-row {
    width: 100%;
    margin-right: 0;

  }

  .path-journal-des-mediatheques .view-filters {
    margin-bottom: 80px;
  }

  .path-recherche .facets-blocks,
  .path-recherche .block-filters,
  .path-recherche .results-items {
    width: 100%;
    border-left: none;
  }

  .path-recherche #block-searchtabsblock {
    display: flex;
    flex-wrap: wrap;
  }

  .path-recherche #block-searchtabsblock a {
    width: 90%;
    margin: 0 auto;
    float: none;
    border-left: none;
    border-top: solid 3px #fff;
    padding: 12px 0;
  }

  .path-recherche #block-searchtabsblock a:first-of-type {
    border-top: none;
  }

  .path-recherche #block-searchtabsblock a.is-active:after {
    border: none;
  }

  .path-recherche .facet-block h3 {
    background: url('../images/icons/medium-arrow-right-black.png') no-repeat 100% 50%;
    cursor: pointer;
  }

  .path-recherche .facet-block h3.open {
    background: url('../images/icons/medium-arrow-right-green.png') no-repeat 100% 50%;

  }

  .path-recherche .facets-blocks {
    border: none;
  }

  .path-recherche .facets-blocks > div {
    padding-left: 0;
    margin-left: 2.4375em;
  }

  .path-recherche .block-filters {
    padding-left: 0;

  }

  .path-recherche form.simple-site-searhch-form #edit-simplesearch > a {
    position: static;
    clear: both;
    margin-top: 0.8em;
  }

  .path-recherche #edit-advancedsearch {
    margin-top: 0.8em;
  }

  .path-recherche #edit-advancedsearch .fieldset-wrapper > div {
    margin-top: 0.8em;
  }

  .path-recherche #edit-submit {
    margin-bottom: 0.8em;
  }

  .path-recherche #edit-advancedsearch .js-form-item-op,
  .path-recherche #edit-advancedsearch .js-form-item-field {
    width: 50%;
  }

  .path-recherche #edit-simplesearch .js-form-item-keyword1 {
    margin-bottom: 1.8em;
  }

  .path-recherche #edit-advancedsearch .fieldset-wrapper .js-form-item-keyword2 {
    width: 100%;
    margin-top: 0;
  }

  .path-recherche #edit-advancedsearch .js-form-item-field {
    padding-right: 0;
  }

  .path-recherche .number_result_pager {
    float: left;
    padding-left: 2rem;
  }

  .path-recherche .results-items .result-number {
    width: 100%;
    text-align: center;
    margin-top: 0.8em;
    padding-left: 0;
  }

  div.results-items.site .result-number {
    float: none;
    margin: 0;
  }

  .path-recherche .results-items .add-favourites-link {
    text-align: center;
    width: 100%;
    float: none;
    padding-left: 0;
  }

  .path-recherche .results-items .add-favourites-link a {
    height: auto;
    display: inline;
  }

  .path-recherche #edit-advancedsearch .js-form-type-select select,
  .path-recherche .form-type-textfield input.form-text {
    margin-right: 0;
  }

  .path-recherche form.simple-site-searhch-form .form-type-textfield input.form-text {
    width: 100%;
    float: none;
  }

  .path-recherche .result-item {
    padding-left: 1em;
  }

  .path-recherche .result-item > a {
    display: block;
    width: 100%;
  }

  .path-recherche .result-item .availability.red-dot {
    margin-top: 5px;
  }

  .path-recherche .results-items .results-items-container {
    padding-top: 1em;
  }

  .path-recherche .result-item .availability {
    margin-top: 8px;
    margin-left: 5px;
  }

  .path-recherche .result-item .text-teaser {
    margin-bottom: 0.8em;
  }

  .path-recherche #block-plaine-commune-content {
    margin-top: 1rem;
  }


  .page-node-type-page-selection .node--type-page-selection .result-item,
  .field--name-field-sections .paragraph--type--section .paragraph--type--ressource {
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2em;
  }

  .page-node-type-page-selection article .result-item > a {
    height: auto !important;
  }

  .path-selections .views-infinite-scroll-content-wrapper .views-row {
    max-width: 360px;
    margin: 0 auto;
    margin-bottom: 1em;
    float: none;
  }

  .path-selections .views-infinite-scroll-content-wrapper .views-row:nth-child(4n) {
    margin-left: auto;
    margin-right: auto;
  }

  .path-selections .views-infinite-scroll-content-wrapper h3,
  .path-selections .views-infinite-scroll-content-wrapper .node__content {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }


  .path-frontpage .views-field-field-bloc-selection-zone-6 article .result-item,
  .path-frontpage .views-field-field-bloc-selection-zone-7 article .result-item,
  .node--type-page-selection .result-item,
  .path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .result-item {
    margin: 0 85px;
  }

  .path-frontpage .views-field-field-bloc-selection-zone-6 article h2,
  .path-frontpage .views-field-field-bloc-selection-zone-7 article h2,
  .field--name-field-selection-liee h2,
  .path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article h2 {
    text-align: center;
    margin-bottom: 0.3em;
  }

  .path-frontpage .views-field-field-bloc-selection-zone-6 article h2 a,
  .path-frontpage .views-field-field-bloc-selection-zone-7 article h2 a,
  .field--name-field-selection-liee a {
    margin-left: 0;
    font-size: 0.8em;
  }

  .path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article h2 a {
    font-size: 45px;
  }

  .path-selections .views-infinite-scroll-content-wrapper .views-row .field--name-field-visuel img,
  .page-node-type-page-selection article .result-item > a img {
    position: static;
  }

  .path-selections .views-infinite-scroll-content-wrapper .views-row .field--name-field-visuel,
  .path-selections .views-infinite-scroll-content-wrapper .views-row article {
    height: auto;
  }

  .path-selections .attachment .jcarousel {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .path-selections .attachment .jcarousel .view-content {
    width: calc(100% * 2);
    position: relative;
    box-sizing: border-box;
  }

  .path-selections .attachment .jcarousel .view-content .views-row {
    width: calc(100% / 2);
    float: left;
    box-sizing: border-box;
    margin: 0;
  }

  .path-selections .attachment {
    position: relative;
    padding: 0;
  }

  .path-selections .prev {
    width: 20px;
    height: 28px;
    background: url('../images/icons/big-arrow-left-black.png') no-repeat;
    position: absolute;
    top: 300px;
    left: 19px;
    z-index: 2;
  }

  .path-selections .next {
    width: 20px;
    height: 28px;
    background: url('../images/icons/big-arrow-right-black.png') no-repeat;
    position: absolute;
    top: 300px;
    right: 19px;
    z-index: 2;
  }

  .path-selections .views-infinite-scroll-content-wrapper {
    margin-top: 1em;
    padding-top: 1em;
  }

  .path-selections .attachment-before .views-row {
    background-color: transparent;
    padding: 0 58px 2rem 58px;
  }

  .path-selections .attachment-before .views-row article {
    background-color: #fff;

  }

  .path-selections .attachment-before .view-header h2 {
    margin-left: 58px;
    padding-top: 1em;
  }

  .path-selections .attachment-before .views-row .field--name-field-visuel,
  .path-selections .attachment-before .views-row h3,
  .path-selections .attachment-before .views-row .node__content {
    max-width: 240px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    float: none;
  }

  .path-selections .attachment-before .views-row article {
    padding: 2rem 10px;
  }

  .view-block-presentation {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    padding-left: 0;
  }

  .view-display-id-page_carnets_de_bord .views-row,
  .view-journal-des-mediatheques .views-row {
    margin-right: 0;
    margin-left: calc((100% - 305px) / 2);
  }

  .view-journal-des-mediatheques .views-row {
    margin-left: 0;
  }

  .yamlform-submission-demande-de-formulaire-form h2 {
    width: calc(95% - 115px);
    font-size: 23px;
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 5px;
    padding-left: 5%;
    padding-right: 115px;
    text-align: left;
  }

  .yamlform-submission-demande-de-formulaire-form form {
    width: 100%;
  }

  .yamlform-submission-demande-de-formulaire-form form .fermer {
    margin-top: -39px;
    margin-right: 14px;
  }

  .yamlform-submission-demande-de-formulaire-form form .captcha,
  .yamlform-submission-demande-de-formulaire-form form .form-item {
    width: 91.668%;
    margin-left: 4.166%;
    margin-right: 4.166%;
    margin-bottom: 8px;
    margin-top: 8px;
  }

  .yamlform-submission-demande-de-formulaire-form label {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #000;
  }

  .yamlform-submission-demande-de-formulaire-form form .form-item input,
  .yamlform-submission-demande-de-formulaire-form form .form-item textarea {
    width: calc(100% - 20px);
    margin: 0;
  }

  .yamlform-submission-demande-de-formulaire-form form .form-item textarea {
    width: 100%;
    height: 80px;
  }

  .yamlform-submission-demande-de-formulaire-form form .form-item input {
    height: 40px;
  }

  .yamlform-submission-demande-de-formulaire-form .form-type-textarea label {
    top: 0;
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #000;
  }

  .yamlform-submission-demande-de-formulaire-form form .js-form-item-nom,
  .yamlform-submission-demande-de-formulaire-form form .js-form-item-prenom {
    width: calc((91.668% - 4.166%) / 2);
    float: left;
    margin-bottom: 8px;
  }

  .yamlform-submission-demande-de-formulaire-form form .js-form-item-prenom {
    margin-left: 0;
  }

  .yamlform-submission-demande-de-formulaire-form form .captcha img {
    width: calc((91.668% - 4.166%) / 2);
    height: auto;
    margin-top: 10px;
    margin-left: 0;
  }

  .yamlform-submission-demande-de-formulaire-form form .captcha {
    position: relative;
  }

  .yamlform-submission-demande-de-formulaire-form form .captcha .form-item-captcha-response {
    width: calc((91.668% - 4.166%) / 2);
    margin-left: 0;
    position: absolute;
    top: 24px;
    right: 0;
  }

  .yamlform-submission-demande-de-formulaire-form form .captcha .form-item-captcha-response input {
    width: 100%;
    margin-left: 0;
  }

  .yamlform-submission-demande-de-formulaire-form form .captcha .description {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #000;
    text-align: center;
    margin-top: 5px;
  }

  .user-inscription-form .js-form-item input,
  .user-inscription-form fieldset .fieldset-wrapper,
  .user-inscription-form .js-form-item select,
  .error_message,
  .user-inscription-form .js-form-item textarea {
    width: 100% !important;
    margin-right: 0;
  }

  .user-inscription-form .link-biblios a, .user-inscription-form .required-infos {
    margin-left: 0;
  }

  .user-inscription-form .password-strength, .user-inscription-form div.password-confirm, .password-suggestions {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .user-inscription-form #block-plaine-commune-content {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
    margin-bottom: 5em;
  }

  .user-inscription-form .js-form-item label, .user-inscription-form .form-composite legend, .user-inscription-form span.label {
    text-align: left;
    padding-left: 1em;
    margin-top: 0;
    margin-bottom: 0.5em;
  }

  .user-inscription-form .form-type-tel .description {
    width: 100%;
    margin-right: 0;
  }

  .link-biblios {
    padding-bottom: 1em;
  }

  #edit-address2 label, #edit-address1 label {
    display: none !important;
  }

  .js-form-item-bgrp02addr01-addr1street, .js-form-item-bgrp02addr02-addr2street {
    width: calc(100% - 3.5em) !important;
  }

  #edit-address1,
  #edit-address2 {
    margin-left: 0;
  }

  .user-inscription-form {
    overflow: hidden;
  }

  .user-inscription-form #edit-centre-interet > div {
    width: 50%;
  }

  .path-inscription .layout-content {
    padding: 20px;
    box-sizing: border-box;
  }

  .user-account .sidebar-left,
  .user-account-content {
    width: 100%;


  }

  .user-account-content {
    margin-top: 36px;
  }

  .user-account .sidebar-left {
    padding: 0 1.5em;
  }

  .loans-bookings {
    padding: 0;
  }

  .loans-bookings .tabsblock a {
    font-size: 1.1em;
  }

  .loans-bookings .item,
  .user-account .search-entity .block-left {
    max-width: none;
    padding-bottom: 2em;
    border: none;
  }

  .loans-bookings .date {
    bottom: 0 !important;
    position: relative;
    clear: both;
    left: 0 !important;
  }

  .loans-bookings .action,
  .user-account .search-entity .block-right {
    width: 100%;
    padding-bottom: 2em;
    border-bottom: solid 1px #cccccc;
  }

  .user-account .sidebar-left li {
    border: none;
    padding: 0;
    display: none;
    width: 100%;

  }

  .user-account .sidebar-left .item-list {
    position: relative;
    top: 0;
  }

  .user-account .sidebar-left ul {
    position: relative;
    top: 0;
    padding-top: 3.5em;
  }

  .user-account .sidebar-left li a {
    padding: 0.6em 0.8em 0.6em 1.437em;
    display: block;
    border-bottom: solid 4px #e7e7e7;
  }

  .user-account .sidebar-left li a.is-active {

    border: solid 4px #e7e7e7;
    background: url('../images/icons/carret.png') 95% 50% no-repeat;

  }

  .bigmenu-navigation #block-selectlanguage:before {
    content: "Choisissez votre langue";
    display: block;
    float: left;
    padding-top: 28px;
    padding-left: 1.5em;
    font-size: 0.75rem;
    font-weight: 500;
  }

  #views-exposed-form-evenements-page-agenda .js-form-type-select select,
  #views-exposed-form-evenements-page-agenda .js-form-item-combine input {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }

  .view-display-id-page_agenda .views-row {
    width: 100%;
    height: auto;
    margin-right: 0;
  }

  .view-display-id-page_agenda .views-row img {
    width: 100%;
    height: auto;
  }

  #views-exposed-form-evenements-page-agenda,
  #views-exposed-form-journal-des-mediatheques-page-journal-des-mediatheques {
    padding: 5.8%;
  }

  #views-exposed-form-evenements-page-agenda .js-form-item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .path-agenda #views-exposed-form-evenements-page-agenda .form-submit,
  #views-exposed-form-journal-des-mediatheques-page-journal-des-mediatheques .form-submit {
    top: 176px;
    right: calc(50% - 67px);
  }

  #views-exposed-form-journal-des-mediatheques-page-journal-des-mediatheques {
    position: relative;
    padding-top: 0;
  }

  #views-exposed-form-journal-des-mediatheques-page-journal-des-mediatheques .form-submit {
    position: absolute;
    top: 200px;
  }

  /*#views-exposed-form-evenements-page-agenda .js-form-item-public {
    margin-top: 5em;
  }*/

  .path-agenda #views-exposed-form-evenements-page-agenda .more-filters {
    text-align: center;
    margin-top: 5em;
  }

  .path-agenda .views-infinite-scroll-content-wrapper {
    padding: 7%;
  }


  .node--type-page-evenement.node--view-mode-teaser h3 a {
    margin-left: 0;
  }

  .node--type-page-selection .result-item-title,
  .path-mes-nouveautes .result-item-title {
    height: auto;
  }

  .path-mediatheques #edit-filters {
    width: 100%;
    box-sizing: border-box;
    height: inherit;
  }

  #mediatheques-maps {
    width: 100%;
    height: 420px;
  }

  .path-mediatheques .mediatheque {
    padding-left: 4.7%;
    padding-right: 4.7%;
  }

  .mediatheque .complements {
    padding: 1em;
  }

  .mediatheque .complements .coordonnees,
  .mediatheque .complements .horaires,
  .mediatheque .complements .acces {
    width: 100%;
    border: none;
    height: auto;
    padding: 0;
    margin-bottom: 2em;
  }

  .mediatheque .complements .acces .acces-title,
  .mediatheque .complements .acces .horaires-ouverture,
  .mediatheque .complements .horaires .horaires-title,
  .mediatheque .complements .horaires .horaires-ouverture {
    padding: 0;
  }

  .path-mediatheques #block-blockcustom-15 {
    margin-left: 4.7%;
  }

  #block-blockcustom-15 a {
    margin-left: 0;
  }

  #block-blockcustom-16 {
    display: none;
  }

  .page-node-type-page-evenement .coordonnes-mediatheque #map {
    height: 300px;
  }

  #views-exposed-form-journal-des-mediatheques-page-journal-des-mediatheques .js-form-item {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
  }

  #views-exposed-form-journal-des-mediatheques-page-journal-des-mediatheques .hasDatepicker {
    width: calc(100% - 11px) !important;
    margin: 0;
    background-position: 95%;
  }

  #sliding-popup .popup-content {
    max-width: 100%;
  }

  #sliding-popup .popup-content #popup-text {
    width: 100% !important;
  }

  #sliding-popup .popup-content #popup-text p {
    text-align: center;
    padding: 0 20px;
  }

  #sliding-popup .popup-content #popup-buttons {
    margin-left: calc((100% - 187px) / 2);
  }

  #block-journaldesmediathequesfiltreparannee .filter-year .form-item-field-annee-value {
    width: 53%;
    margin-top: 5px;
    margin-bottom: 8px;
  }

  .js-form-type-select select {
    /*width: calc(100% - 20px);*/
    /*margin-left: 20px;*/
    margin-right: 0;
  }

  #block-journaldesmediathequesfiltreparannee .filter-year .button {
    margin-top: 5px;
  }

  .path-selections .views-infinite-scroll-content-wrapper .views-row .field--name-field-visuel img {
    width: 80%;
    margin-left: 10%;
  }

  .page-node-type-page-editoriale .views_slideshow_cycle_teaser_section {
    overflow: hidden;
  }

  .path-notice .navigation-notice {
    padding: 0 20px
  }

  .path-notice .notice-full .image {
    max-width: 344px;
    margin: 0 auto;
    float: none;
  }

  .path-notice .notice-full .block-content-right, .path-notice .babelio {
    width: 100%;
    box-sizing: border-box;
    padding: 1.1rem;
  }

  .path-notice .babelio .left,
  #BW_videos .BW_bloc_vid,
  .path-notice .babelio .right {
    width: 100%;
  }

  .path-notice .babelio .right {
    float: left;
  }

  .path-notice .babelio .BW_vignette_vid {
    width: 80%;
  }

  .path-notice .notice-full .more-infos .column,
  .path-notice .notice-full .more-infos .column:first-child,
  .path-notice .notice-full .more-infos .column:nth-child(2) {
    width: 100%;
    padding: 0;
    border: none;
  }

  .path-notice .notice-full .image span {
    width: 80px;
  }

  .path-notice .notice-full .image a {
    width: calc(100% - 80px);
  }

  .path-notice .actions a {
    width: 47.5%;
    height: inherit;
    margin-bottom: 0;
    margin-top: 1em;
  }

  .path-notice .actions a:first-child {
    width: 47.5%;
    margin-right: 5%;
  }

  .node--type-page-selection .result-item img, .path-mes-nouveautes .result-item img {
    max-height: none;
  }

  .path-recherche #edit-simplesearch > a {
    clear: both;
    position: static;
    padding-top: 1.2rem;
    background-position: 0 95%;
  }

  .path-contact .contact-form {
    margin-left: 0px;
    width: inherit;
  }

  .path-contact .contact-form .form-textarea {
    position: relative;
  }

  .path-contact .contact-form .form-item label {
    font-size: 1.0625rem;
    color: #000;
    /*text-align: right;*/
    /*width: 29%;*/
    padding: 0;
    /*float: left;*/
    height: auto;
  }

  /*.path-contact .contact-form .field--name-field-has-library-card {*/
  /*  margin-bottom: 2rem !important;*/
  /*}*/

  /*.path-contact .contact-form .js-form-item-field-has-library-card-value {*/
  /*  padding-left: 1rem;*/
  /*  padding-top: 3rem;*/
  /*}*/

  .path-contact .contact-form .field--name-field-has-library-card label {
    width: auto;
    padding-left: 28px;
  }

  .path-contact .contact-form .form-textarea {
    position: relative;
    width: 100%;
  }

  .path-contact .contact-form .form-item {
    margin: 0 auto;
  }

  .form-type-email input.form-email, .form-type-textfield input.form-text, .form-type-password input.form-text {
    padding-left: inherit;
  }

  .form-type-email input.form-email, .form-type-textfield input.form-text, .form-type-password input.form-text, .form-type-textarea textarea {
    margin-right: inherit;
    margin-left: inherit;
  }

  .create-password-form input.form-text {
    width: 100% !important;
  }

  .path-contact .js-form-type-select select {
    margin-right: inherit;
  }

  /*.path-contact .contact-form .form-text, .path-contact .contact-form .form-email, .path-contact .contact-form .form-select, .path-contact .contact-form .form-textarea {*/
  /*  float: right;*/
  /*  width: 67%;*/
  /*}*/

  /*.layout-container {*/
  /*    margin-top: 1em;*/
  /*}*/
  .path-contact details.captcha .details-wrapper .form-item-captcha-response > label {
    float: none;
    width: 79%;
  }
}

@media screen and (max-width: 460px) and (orientation: portrait), screen and (max-width: 600px) and (orientation: landscape) {
  .yamlform-submission-demande-de-formulaire-form form .fermer {
    margin-top: -62px;
  }

  .path-notice .node--type-page-selection .node__content {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .path-notice .node--type-page-selection .node__content .jcarousel-wrap {
    width: 400%;
    position: relative;
  }

  .path-notice .node--type-page-selection .node__content .result-item {
    width: calc(25% - 164px);
    box-sizing: border-box;
    float: left;
    margin-left: 82px;
    margin-right: 82px;
  }

  .view-selection-nouveaute article {
    position: relative;
  }

  .view-selection-nouveaute article h2 {
    text-align: center;
  }

  .path-flux-rss .flux-rss .flux {
    margin-left: 4.166%;
  }
}

@media screen and (min-width: 600px) and  (max-width: 800px) {
  nav.bigmenu-navigation > ul.menu > li > a {
    padding-bottom: 0.35rem;
  }
}

@media screen and  (max-width: 1130px) {
  .advanced-search-form .more_keywords .js-form-item label {
    max-width: 100px;
  }

  .advanced-search-form .more_keywords .js-form-item select,
  .advanced-search-form .more_keywords .js-form-item input {
    width: 310px;
  }
}

@media screen and  (max-width: 780px) {
  /*.advanced-search-form .more_keywords .fieldset-wrapper {*/
  /*  padding-left: 7%;*/
  /*}*/
  .advanced-search-form .more_keywords .js-form-item select,
  .advanced-search-form .more_keywords .js-form-item input {
    width: 280px;
  }
}

@media screen and  (max-width: 600px) {
  .advanced-search-form .more_keywords .fieldset-wrapper {
    padding-left: 12%;
  }

  .advanced-search-form .more_keywords .js-form-item select,
  .advanced-search-form .more_keywords .js-form-item input {
    margin-left: 20px;
  }

  .path-frontpage .view-pc-accroche-une .field--name-field-lien {
    background-color: #92f137;
    z-index: 10;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    text-align: right;
  }
}

@media screen and  (max-width: 480px) {
  .advanced-search-form .more_keywords .js-form-item label {
    width: 100%;
    max-width: inherit;
  }

  .advanced-search-form .more_keywords .js-form-item select,
  .advanced-search-form .more_keywords .js-form-item input {
    margin-left: 0;
  }
}

/******************************************************************************************/
/*------------------------------------ REFONTE RESPONSIVE --------------------------------*/
/******************************************************************************************/

/**************************************************************/
/*------------------------- MAX 1350 -------------------------*/
/**************************************************************/
@media screen and (max-width: 1350px) {
  nav.bigmenu-navigation > ul.menu > li > a {
    font-size: 0.85rem;
    padding: 1.8rem 0.5rem;
  }

  .banner-actions-center-desktop {
    margin: 0 auto 0 1rem;
    flex: 1;
  }

  .bigmenu-navigation {
    margin-top: 0;
    margin-left: 1rem;
  }
}

/**************************************************************/
/*------------------------- MAX 1316 -------------------------*/
/**************************************************************/
@media screen and (max-width: 1316px) {
  .block_menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: solid 1px #92f137;
  }

  .banner-actions-left-desktop {
    order: 1;
    flex: 1;
  }

  #tarteaucitronIcon {
    bottom: 4.5rem;
  }

  .banner-actions-center-desktop {
    display: none;
  }

  .header-logo-mobile {
    display: block;
    padding: 0.7rem 1rem;
    position: relative;
    background: #000;
    border: solid 1px #92f137;
    z-index: 10;
  }

  .site-name a {
    margin: 0 auto;
  }

  .li-question {
    order: 1;
    border-right: solid 1px #92f137;
  }

  .banner-actions-right-desktop, .banner-actions-right-desktop li {
    flex: 5;
  }

  .banner-actions-right-desktop a {
    width: auto;
  }

  /*.fullscreenMenu {*/
  /*  width: 100%;*/
  /*  height: calc(100% - 160px);*/
  /*}*/
  /*.fullscreenMenu {*/
  /*  width: 100%;*/
  /*  height: calc(100% - 80px);*/
  /*}*/
  /*.toolbar .fullscreenMenu {*/
  /*  height: calc(100% - 80px);*/
  /*}*/
  #fullscreenMenu {
    position: relative;
  }

  /*.fullscreenMenu-aside {*/
  /*  height: 4.99rem;*/
  /*  margin-top: -4.99rem;*/
  /*  z-index: 11;*/
  /*}*/
  /*.fullscreenMenu-aside-language {*/
  /*  border-top: none;*/
  /*}*/
  .fullscreenMenu-aside {
    transition: none;
  }

  .fullscreenMenu-aside.open {
    position: absolute;
    top: 0;
    z-index: 10 !important;
    padding-top: 0;
    margin-top: 0;
    transition: none;
    border: none;
    height: 0;
  }

  .fullscreenMenu-aside-inner {
    width: 4.8rem;
    position: fixed;
    top: 0;
    right: 0;
  }

  .fullscreenMenu-aside-language {
    /*transform: translateY(-100%);*/
    margin-top: -5rem;
    border-top: none;
    /*border-left: solid 1px #92f137;*/
  }

  #block-selectlanguage .links li:first-child a {
    border-bottom: none;
  }

  #block-selectlanguage .links li a {
    border-left: solid 1px #92f137;
    border-bottom: solid 1px #92f137;
    padding: 1.9rem 0;
    background: #000;
  }

  #block-selectlanguage .links li a.selected:after {
    content: "\f077";
  }

  #block-selectlanguage .links li a.selected {
    position: inherit;
  }

  #block-selectlanguage .links {
    flex-direction: column;
  }

  .fullscreenMenu-aside-language > div {
    border: none;
  }

  .fullscreenMenu-container-content {
    padding: 2rem 2rem 5rem 2rem;
  }

  .fullscreenMenu-container-content-menu {
    margin-bottom: 3rem;
  }

  .fullscreenMenu-container-content-menu li {
    margin-bottom: 1.4rem;
  }

  .fullscreenMenu-container-content-info li {
    margin-bottom: 1rem;
  }
}

/**************************************************************/
/*------------------------- MAX 480 -------------------------*/
/**************************************************************/
@media screen and  (max-width: 480px) {
  .fullscreenMenu-aside {
    height: 4.59rem;
  }
}

/**************************************************************/
/*------------------------- MAX 470 -------------------------*/
/**************************************************************/
@media screen and (max-width: 470px) {
  .banner-actions-left-desktop {
    flex: 0;
  }
}

/**************************************************************/
/*------------------------- MIN 1317 -------------------------*/
/**************************************************************/
@media screen and (min-width: 1317px) {
  .header-logo-mobile, .banner-actions-right-desktop .li-home, .only-mobile {
    display: none;
  }
}

/**************************************************************/
/*------------------------- MAX 1100 -------------------------*/
/**************************************************************/
@media screen and (max-width: 1100px) {
  .region-footer {
    display: block;
  }

  .region-footer #block-blockcustom-10 {
    background-color: #f2f2f2;
    padding-bottom: 1rem;
  }

  #footer .region-footer #block-blockcustom-10 p:first-child, #footer .region-footer #block-blockcustom-10 p:last-child,
  #footer .region-footer #block-blockcustom-10 p {
    margin: 0 auto;
  }

  .region-footer #block-blockcustom-11 {
    width: auto;
    margin: 12px auto;
  }

  .region-footer #block-blockcustom-11 a:first-child {
    position: relative;
    margin: 0 auto;
  }

  #footer ul.menu {
    text-align: center;
  }

  #block-plaine-commune-footer {
    padding: 0.4rem;
  }

  #block-plaine-commune-footer:before,
  #block-plaine-commune-footer:after {
    display: none;
  }
}

/**************************************************************/
/*-------------------------- MAX 960 -------------------------*/
/**************************************************************/
@media screen and (max-width: 960px) {
  .path-frontpage #block-plaine-commune-content .zone2 .view-pc-services .views-row {
    /*width: auto;
    margin: 0.5rem;
    padding-right: 20px;
    padding-left: 20px;*/
  }
}

/**************************************************************/
/*-------------------------- MAX 720 -------------------------*/
/**************************************************************/
@media screen and (max-width: 720px) {

  .site-name a, .fullscreenMenu-container-content {
    margin: 0;
  }

  .fullscreenMenu {
    padding-top: 4.6rem;
    height: calc(100% - 4.6rem);
  }

  .fullscreenMenu-container-content {
    padding: 2rem 1rem 7rem;
  }

  .block_faq .fullscreenMenu-container-content {
    padding: 2rem 2rem 7rem 0;
  }

  .advanced-search-form #simplesearch .form-type-textfield {
    width: calc(100% - 4rem);
  }

  .advanced-search-form .keywords_wrapper .js-form-type-select, .advanced-search-form .keywords_wrapper .js-form-type-textfield {
    width: auto;
  }

  .advanced-search-form .keywords_wrapper .js-form-type-select select {
    margin-left: 0;
  }

  .region-footer .navigation li {
    display: block;
  }

  .path-frontpage .zone2 .view-pc-services .view-content {
    width: calc(100% * 6);
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .path-frontpage .zone8 .views-row {
    width: 100%;
    margin-bottom: 30px;
  }

  .block-plaine-commune-agenda #form-evenements-hp {
    width: 100%;
    margin-top: 20px;
  }

  .block-plaine-commune-agenda,
  .path-frontpage .zone3 {
    width: 100%;
    height: 330px;
  }

  .block-plaine-commune-agenda h2 {
    width: 185px;
    float: initial;
    margin: 0 auto;
    height: auto;
  }

  .panel-line {
    clear: both;
  }

  .block-plaine-commune-agenda #form-evenements-hp .form-type-select select {
    width: 88.541%;
    margin-left: 5.729%;
    margin-right: 0;
  }

  .block-plaine-commune-agenda #form-evenements-hp .form-type-select {
    width: 100%;
    margin-bottom: 13px;
  }

  .block-plaine-commune-agenda #form-evenements-hp .form-submit {
    margin-left: calc((100% - 225px) / 2);
    margin-top: 0;
  }


  .path-frontpage .block-region-zone-6 .prev,
  .path-frontpage .block-region-zone-5 .prev,
  .path-notice .prev,
  .node--type-page-selection .prev,
  .path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .prev {
    position: absolute;
    left: 1em;
    top: 20.3em;
  }

  .path-frontpage .block-region-zone-6 .next,
  .path-frontpage .block-region-zone-5 .next,
  .path-notice .next,
  .node--type-page-selection .next,
  .path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .next {
    position: absolute;
    right: 1em;
    top: 20.3em;
  }

  .path-frontpage .views-field-field-bloc-selection-zone-6 article .node__content > a,
  .path-frontpage .views-field-field-bloc-selection-zone-7 article .node__content > a,
  .field--name-field-selection-liee .node__content > a,
  .path-espace-jeunesse .view-id-bloc_espace_jeunesse_selection article .node__content > a {
    clear: both;
    position: static;
    margin: 0 auto;
  }
}

/**************************************************************/
/*------------------------- MAX 480 -------------------------*/
/**************************************************************/
@media screen and (max-width: 480px) {
  #block-plaine-commune-footer ul.menu {
    padding: 0;
  }

  .banner-actions-right-desktop {
    font-size: 12px;
    letter-spacing: -0.24px;
  }

  #block-plaine-commune-content > ul {
    padding: 0;
  }

  #block-plaine-commune-content > ul li {
    text-align: center;
  }

  #block-plaine-commune-content > ul a.bt {
    margin: 0 auto 35px;
  }

  a.bt {
    width: auto;
  }
}

/**************************************************************/
/*------------------------- MAX 380 -------------------------*/
/**************************************************************/
@media screen and (max-width: 380px) {
  .banner-actions-right-desktop li > a,
  .banner-actions-right-desktop li > div {
    width: auto;
    text-indent: -3000px;
  }

  .banner-actions-right-desktop li > a i,
  .banner-actions-right-desktop li > div i {
    text-indent: 0;
  }

  .banner-actions-left-desktop {
    padding: 1rem 0.7rem;
  }
}


/**************************************************************/
/*------------------------- MAX 1316 -------------------------*/
/**************************************************************/
@media screen and (min-width: 480px) and (max-width: 1316px) {

 /* #views_slideshow_cycle_main_pc_accroche_une-block_1 {
    height: initial;
    max-height: initial;
  }*/

  .path-frontpage .block-views-blockpc-accroche-une-block-1 {
    height: 595px;
  }
  /*.view-pc-accroche-une .views_slideshow_slide,*/
  /*.view-pc-accroche-une .views_slideshow_slide .ct_media,*/
  /*.view-pc-accroche-une .views_slideshow_cycle_teaser_section {*/
  /*  height: initial;*/
  /*}*/
}

/**************************************************************/
/*------------------------- MAX 1040 -------------------------*/
/**************************************************************/
@media screen and (min-width: 0px) and (max-width: 1040px) {
  .node-accroche {
    justify-content: center;
  }

  #views_slideshow_cycle_main_pc_accroche_une-block_1 article {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .accroche-visuel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .accroche-content {
    position: relative;
    background: #92F137;
    width: calc(100% - 50px);
    padding: 0 20px;
  }

  .path-frontpage .view-pc-accroche-une .field--name-field-lien {
    bottom: 0 !important;
    right: 0 !important;
    padding: 1rem;
  }

  .path-frontpage .block-accroche .view-pc-accroche-une .field--name-field-descriptif {
    padding-right: 2.5rem;
  }

  .path-frontpage .view-pc-accroche-une h3 a {
    display: inline-block;
    width: calc(100% - 2rem);
  }

  .block-accroche#block-views-block-pc-accroche-une-block-1 h2 {
    left: 55px;
    margin: 0.5em auto 0;
    top: 40px;
    width: auto;
  }
}