/* RESET */
  .medium-text-left {text-align:left;}
  .medium-text-right {text-align:right;}
  .medium-text-center {text-align:center;}
  .medium-text-justify {text-align:justify;}

  .menu.medium-horizontal {-webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
  .menu.medium-horizontal > li {-webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;}
  .menu.medium-vertical {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .menu.medium-vertical > li {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
  .menu.medium-vertical > li > a {-webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start;}

  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {left:auto; right:0; top:100%;}
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {right:auto; left:0; top:100%;}
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {padding-right:1.5rem; position:relative;}
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {content:''; display:block; width:0; height:0; border:inset 5px; border-color:#2ba6cb transparent transparent; border-top-style:solid; border-bottom-width:0; right:5px; margin-top:-2px;}
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {top:0;}
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {left:auto; right:100%;}
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {right:auto; left:100%;}
  .dropdown.menu.medium-vertical > li > a::after {right:14px; margin-top:-3px;}
  .dropdown.menu.medium-vertical > li.opens-left > a::after {content:''; display:block; width:0; height:0; border:inset 5px; border-color:transparent #2ba6cb transparent transparent; border-right-style:solid; border-left-width:0;}
  .dropdown.menu.medium-vertical > li.opens-right > a::after {content:''; display:block; width:0; height:0; border:inset 5px; border-color:transparent transparent transparent #2ba6cb; border-left-style:solid; border-right-width:0;}

  .top-bar {-webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
  .top-bar .top-bar-left, .top-bar .top-bar-right {-webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px;}
  #sondage .percent {background: #000;}

  .pagination li {display:inline-block;}

  .position-left.reveal-for-medium {left:0; z-index:auto; position:fixed;}
  .position-left.reveal-for-medium ~ .off-canvas-content {margin-left:250px;}
  .position-right.reveal-for-medium {right:0; z-index:auto; position:fixed;}
  .position-right.reveal-for-medium ~ .off-canvas-content { margin-right:250px;}

  .reveal {min-height:0;}
  .reveal {width:600px; max-width:62.5rem;}
  .reveal .reveal {left:auto; right:auto; margin:0 auto;}
  .reveal.tiny {width:30%; max-width:62.5rem;}
  .reveal.small {width:50%; max-width:62.5rem;}
  .reveal.large {width:90%; max-width:62.5rem;}

  .medium-1 {-webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%;}
  .medium-offset-0 {margin-left:0%;}
  .medium-2 {-webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%;}
  .medium-offset-1 {margin-left:8.33333%;}
  .medium-3 {-webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
  .medium-offset-2 {margin-left:16.66667%;}
  .medium-4 {-webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%;}
  .medium-offset-3 {margin-left:25%;}
  .medium-5 {-webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%;}
  .medium-offset-4 {margin-left:33.33333%;}
  .medium-6 {-webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
  .medium-offset-5 {margin-left:41.66667%;}
  .medium-7 {-webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%;}
  .medium-offset-6 {margin-left:50%;}
  .medium-8 {-webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%;}
  .medium-offset-7 {margin-left:58.33333%;}
  .medium-9 {-webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
  .medium-offset-8 {margin-left:66.66667%;}
  .medium-10 {-webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%;}
  .medium-offset-9 {margin-left:75%;}
  .medium-11 {-webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%;}
  .medium-offset-10 {margin-left:83.33333%;}
  .medium-12 {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
  .medium-offset-11 {margin-left:91.66667%;}
  .medium-order-1 {-webkit-order:1; -ms-flex-order:1; order:1;}
  .medium-order-2 {-webkit-order:2; -ms-flex-order:2; order:2;}
  .medium-order-3 {-webkit-order:3; -ms-flex-order:3; order:3;}
  .medium-order-4 {-webkit-order:4; -ms-flex-order:4; order:4;}
  .medium-order-5 {-webkit-order:5; -ms-flex-order:5; order:5;}
  .medium-order-6 {-webkit-order:6; -ms-flex-order:6; order:6;}
  .medium-up-1 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-1 > .column, .medium-up-1 > .columns {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
  .medium-up-2 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-2 > .column, .medium-up-2 > .columns {-webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
  .medium-up-3 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-3 > .column, .medium-up-3 > .columns {-webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%;}
  .medium-up-4 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-4 > .column, .medium-up-4 > .columns {-webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
  .medium-up-5 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-5 > .column, .medium-up-5 > .columns {-webkit-flex:0 0 20%; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
  .medium-up-6 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-6 > .column, .medium-up-6 > .columns {-webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%;}
  .medium-up-7 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-7 > .column, .medium-up-7 > .columns {-webkit-flex:0 0 14.28571%; -ms-flex:0 0 14.28571%; flex:0 0 14.28571%; max-width:14.28571%;}
  .medium-up-8 {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .medium-up-8 > .column, .medium-up-8 > .columns {-webkit-flex:0 0 12.5%; -ms-flex:0 0 12.5%; flex:0 0 12.5%; max-width:12.5%;}

  .medium-expand {-webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px;}

  .row.medium-unstack > .column, .row.medium-unstack > .columns {-webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px;}
  .medium-collapse > .column, .medium-collapse > .columns {padding-left:0; padding-right:0;}
  .medium-uncollapse > .column, .medium-uncollapse > .columns {padding-left:0.9375rem; padding-right: 0.9375rem;}

  .medium-order-1 {-webkit-order:1; -ms-flex-order:1; order:1;}
  .medium-order-2 {-webkit-order:2; -ms-flex-order:2; order:2;}
  .medium-order-3 {-webkit-order:3; -ms-flex-order:3; order:3;}
  .medium-order-4 {-webkit-order:4; -ms-flex-order:4; order:4;}
  .medium-order-5 {-webkit-order:5; -ms-flex-order:5; order:5;}
  .medium-order-6 {-webkit-order:6; -ms-flex-order:6; order:6;}


  .large-1 {
    -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-order-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .large-order-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .large-order-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .large-order-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .large-order-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .large-order-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .large-up-1 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-1 > .column, .large-up-1 > .columns {
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
  .large-up-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-2 > .column, .large-up-2 > .columns {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
  .large-up-3 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-3 > .column, .large-up-3 > .columns {
      -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
              flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .large-up-4 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-4 > .column, .large-up-4 > .columns {
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; }
  .large-up-5 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-5 > .column, .large-up-5 > .columns {
      -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
      max-width: 20%; }
  .large-up-6 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-6 > .column, .large-up-6 > .columns {
      -webkit-flex: 0 0 16.66667%;
          -ms-flex: 0 0 16.66667%;
              flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .large-up-7 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .large-up-7 > .column, .large-up-7 > .columns {
      -webkit-flex: 0 0 14.28571%;
          -ms-flex: 0 0 14.28571%;
              flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .large-up-8 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;}
    .large-up-8 > .column, .large-up-8 > .columns {
      -webkit-flex:0 0 12.5%;
          -ms-flex:0 0 12.5%;
              flex:0 0 12.5%;
      max-width:12.5%;}


@media print {
  * {background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important;}
  .show-for-print {display:block !important;}
  .hide-for-print {display:none !important;}
  table.show-for-print {display:table !important;}
  thead.show-for-print {display:table-header-group !important;}
  tbody.show-for-print {display:table-row-group !important;}
  tr.show-for-print {display:table-row !important;}
  td.show-for-print {display:table-cell !important;}
  th.show-for-print {display:table-cell !important;}
  a, a:visited {text-decoration:none;}
  a[href]:after {content:"";}
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {content:"";}
  abbr[title]:after {content:" (" attr(title) ")";}
  pre, blockquote {border:1px solid #8a8a8a; page-break-inside:avoid;}
  thead {display:table-header-group;}
  tr, img {page-break-inside:avoid;}
  img {max-width:100% !important;}
  @page {margin:0.5cm;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}
}

/****************************** Normalisation ***********************************/
  * {color:#000000 !important; font-family:Arial,Verdana,sans-serif !important; box-shadow:none !important; text-shadow:none !important;}
  body {background:none; background-color:#ffffff !important; color:#000000 !important; font-family:Arial,Verdana,sans-serif !important; height:auto;}
  p, ul li, ol li, main p, main ul li, main ol li {font-size:12pt; line-height:1.2;}
  p, blockquote {orphans:2; widows:2;}
  blockquote, ul, ol {page-break-inside:avoid;}
  h1, h2, h3, caption {}
  table, .powermail_fieldset {page-break-inside:avoid;}
  strong, b {font-weight:bold;}
  strong em, strong i, em strong, i strong, b em, b i, em b, i b {font-weight:bold; font-style:italic;}

  html, body, .off-canvas-wrapper-inner, main {height:auto !important; min-height:auto !important; page-break-after:avoid; page-break-before:avoid;}

  .reveal-overlay {background:#ffffff !important; z-index:5000; width:100%; height:100%;}

  a, a:visited {text-decoration:none;}

/******************************* Formulaires ************************************/
  #content_page form, #content_page_popin form {background:none !important;}
  input, select, textarea, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {background:#ffffff !important;}
  input, select, textarea {border:1px solid #eeeeee !important;}
  .btn_submit, input[type="submit"] {display:none;}

/**************************** Classes generiques ********************************/
  .radius {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(fileadmin/templates/ville/css/PIE.htc);}
  .shadow {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; behavior:none;}
  .shadow_inset {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; behavior:none;}
  .grey_border {border:1px solid #d0d0d0;}
  .bloc_sloppy {-webkit-transform-origin:initial;-moz-transform-origin:initial;-o-transform-origin:initial;-ms-transform-origin:initial;transform-origin:initial; -webkit-transform:initial;-moz-transform:initial;-o-transform:initial;-ms-transform:initial;transform:initial;}
  .reverse_sloppy {-webkit-transform:initial;-moz-transform:initial;-o-transform:initial;-ms-transform:initial;transform:initial;}
  .color_primary_dark_night .bg_color, .color_primary_dark_night .space_mounetaine, .color_primary_dark_night .img {background-color: transparent !important;}

  /*body.overflow {overflow:initial;}*/

/****************** Boutons, boutons liens, boutons close ***********************/
  .btn_lien, main #content_page .btn_lien, #content_page_popin .btn_lien, .btn_lien_picto, #close_filters, .btn_close_map, .btn_close, .close-button, .btn_add_selection {display:none;}

/******************************* Slick slider ***********************************/
  .slick-slider .slick-dots, .slick-arrow.slick-prev, .slick-arrow.slick-next {display: none !important;}

/************************************ Loader ************************************/
  .reveal-overlay.load-popin, #second_display #loader_filters, #depot_idee .sk-circle, .sk-circle.qual, #loader_filters, .sk-circle, #searchLoader, .loader, .cs-loader {display:none;}

/************************************************* LAYOUT *********************************************************/
  /*** STRUCTURE GENERALE ***/
    #home, #page, #global {position:relative; min-height:inherit;}
    #home, #page {width: 750px;max-width: 750px;margin: 0 auto;/*page-break-after: avoid;page-break-before: avoid;page-break-inside: avoid;*/}
    .wrap {/*width:970px; max-width:970px;*/ width:750px; max-width:750px; width:100%; max-width:100%; /*padding:0 20px;*/}
    .wrap_popin {width:750px; max-width:750px;}

    /*.off-canvas-content, .off-canvas-wrapper, .off-canvas-wrapper-inner, #global,
    #first_display, #list_items, #zone_results, #main, .off-canvas-wrapper, .off-canvas-wrapper-inner, .off-canvas-content, .off-canvas-content {width: 100% !important;max-width: 100% !important;}*/
    .off-canvas-wrapper {overflow-x: hidden !important;}
    .off-canvas-wrapper {overflow-x:initial;}
    body::after, body::before {display:none !important;}

  /*** COOKIES ***/
    #cookie_msg {display:none !important;}

  /*** SLOPPY SEPARATE ***/
    /*.sloppy {display:none !important;}
    .sloppy_padding {padding-top:0 !important;}*/
    .sloppy {padding: 0;}
    /* Cassures */
      #home #bandeau_page, #bloc_acces_rapides .space_mounetaine, #agenda .space_mounetaine, #zoom_sur, #territoire .space_mounetaine, #page #bandeau_page, #col_left .space_mounetaine, #col_left_popin .space_mounetaine, #bloc_info_utile, #page #bloc_acces_rapides .space_mounetaine, #page #agenda .space_mounetaine {clip-path:initial; -webkit-clip-path:initial;height: auto !important;}


 /* FIL ROUGE */
    #popin_fil_rouge {max-width:570px; width:570px; top:0 !important;}
    #fil_rouge p, #page #fil_rouge p {font-size:10pt; line-height:1.5;}
    #popin_fil_rouge .close-button {display:none;}

  /*** HEADER ***/
    #header, #header #data-sticky-header.is-stuck {position:relative !important;}
    #header {height:80px !important; margin-bottom:50px;}
    #header #data-sticky-header {transform:none; -ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; position:static;}
    #header .hamburger, #header #btn_search, #header #social_share, #header #back_top, #logo_container, #accessi {display:none !important;}
    #header #logo {display:block; position:static; padding:10px 0 0 0;}

    #home #bandeau_page #logo_filigrane img {transform: none !important;position: relative !important;width: auto !important;margin: 0 auto;-webkit-filter: brightness(0);-o-filter: brightness(0);filter: brightness(0);max-width: 200px !important;}
    #home #bandeau_page #logo_filigrane {height: initial;position: inherit;}

  /*** BORIS STYLE ***/

  /*** POPINS ***/

  /*** MENU PRINCIPAL ***/
    #data-sticky-header {display: none;}

  /*** BANDEAU ALERTE ***/
    #bandeau_alerte.callout .wrap::before, #bandeau_alerte a, #bandeau_alerte.callout .close-button, #bandeau_alerte.callout .wrap::after {display: none;}
    #bandeau_alerte.callout {border-bottom: 4px solid #e8ecf2;}

  /*** FOOTER ***/
    #bloc_contact_info {padding:0px;}
    #info_footer {padding:15px 0;}
    ul#reseaux_sociaux, #info_footer .txt.reseaux {display:none;}
    #info_footer .txt {padding:0;}
    #menu_footer, #footer_logo {display:none !important;}
    #footer {position: initial !important;}

  /*** FIL D'ARIANE ***/
    #fil_ariane {display:none !important;margin: 0 !important;}

  /*** SHARE / BLOC NOTE / MAJ ***/

/************************************************ TEMPLATES *******************************************************/
  /*********************************** HOME **********************************/
    #bandeau_page {height: auto;}
    #gradient_zone_moteur, #zone_moteur, #scroll_to_first_strat, #acces_rapides, #mise_en_avant, #social_wall, #bandeau_page .img, #tools_header, #bloc_acces_rapides, .bloc_home .titre_bloc .bloc_home_title::before, .bloc_home .titre_bloc .bloc_home_title > span.number_bloc_home, .btn_all,.sloppy_bg_img_filter .img, #map_list, #social_share, .map_infos {display:none !important;}

    /* BLOCS HOME */
      .bloc_home .titre_bloc .bloc_home_title {padding: 0;padding-bottom: 50px;}
      .bloc_home .titre_bloc .bloc_home_title > span {display: inline;}
      .sloppy_bg_img_filter, .sloppy .bg_color, .sloppy_mountaine {padding-top: 0rem !important;margin-top: 0rem !important;padding-bottom: 0rem !important;}

    /*** ACTUALITES ***/
      #slick-filters, #agenda .list_item[aria-hidden="true"]::before {display:none !important;}
      .slick-track {width:100% !important; max-width:100% !important; transform:none !important;}
      .slick-slide {width:50% !important; max-width:50% !important;height: auto !important;}
      .slick-slide .list_item {width:100% !important; max-width:100% !important;}
      #zone_results .list_item {width:50% !important; max-width:50% !important;height: auto !important;-webkit-flex: 0 0 50%!important;-ms-flex: 0 0 50%!important;    flex: 0 0 50%!important; max-width: 50%!important;}

      #home #agenda .content a {padding-bottom: 0px;}
      #home #agenda .wrap {padding:0 10px;}
      .list_item > a, #content_page .list_item > a, #content_page_popin .list_item > a, .list_item > .link {background: transparent !important;border: 1px solid grey !important;}
      .list_item .img {height: auto !important;/*display: none !important;*/}
      .list_item .img img {position: initial !important;transform: none; }
      .list_item .thumb-title .titre {min-height: auto !important;}
      .scale-in-up.mui-enter.mui-enter-active,
      .fade-in.mui-enter.mui-enter-active,
      .scale-in-up.mui-enter, .fade-in.mui-enter {transform: none !important;opacity: 1 !important;}

    /*** Zoom sur ***/
      #zoom_sur {min-height: auto;}

    /*** TERRITOIRE ***/
      #metz_metropole_map svg {padding: 0;}

    #zoom_sur {page-break-after:avoid; page-break-inside:avoid;}


  /*********************************** PAGE TYPE **********************************/
    #btn_col_right, #btn_col_right_popin, .bloc_video, .diaporama_images, #quality_form, .zone_ressources_download, .zone_articles_associes, .video_slider  {display:none !important;}
    #col_left_inner, #col_left_inner_popin {padding-right:0px;}
    #col_right, #col_right_popin {display:initial !important;}

    /*#col_left, #col_left_popin {padding:0 70px 0 0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%;}*/
    /*#col_right.hide, #col_right_popin.hide {display:flex !important; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; flex-flow:column wrap;}*/

    #page #main {padding: 0 !important;}
    #titre_page {padding: 2rem;}
    #page #bandeau_page, #page #bandeau_page_popin {min-height: auto !important;}
    /*.bloc_col .content_bloc {width: 100% !important;-webkit-flex: 0 0 100% !important;-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;padding: 0 !important;}*/
    .bloc_col .content_bloc.large-8 {width: 100% !important;-webkit-flex: 0 0 100% !important;-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;padding: 20px !important;}
    .info_utile .contenu_bloc > p {margin-left: 0 !important;padding-left: 0 !important;}
    #bloc_info_utile {min-height: 33rem;}
    #popup-content * {color: #000 !important;}
    .gg_link,.ol-popup:after,.ol-popup:before, .btn_txt {display: none !important;}


    /*** PARAM TXT ***/
      #page h1, #popin_detail #titre_page_popin p {font-size:22pt; line-height:1.3; font-weight:bold;}
      #content_page h2, #content_page_popin h2 {font-size:17pt; line-height:1.1; font-weight:bold; margin:30px 0 20px 0;}
      #content_page h3, #content_page_popin h3 {font-size:15pt; line-height:1.1; font-weight:bold; margin:30px 0 20px 0;}
      #content_page h4, #content_page_popin h4 {font-size:12pt; line-height:1.1; font-weight:bold; margin:30px 0 20px 0;}
      #content_page h2 a, #content_page_popin h2 a, #content_page h3 a, #content_page_popin h3 a, #content_page h4 a, #content_page_popin h4 a {font-weight:bold;}
      #content_page a {border:0; padding:0;}
      a[href^="http://"]:not([href*="cimeos.com"])::after, a[href^="https://"]:not([href*="cimeos.com"])::after, .info_utile.bloc_col a[href^="http://"]:not([href*="cimeos.com"])::after,  .info_utile.bloc_col a[href^="https://"]:not([href*="cimeos.com"])::after, .info_utile.bloc_col .website a[href^="http://"]:not([href*="cimeos.com"])::after,  .info_utile.bloc_col .website a[href^="https://"]:not([href*="cimeos.com"])::after {display:none;}
      a[href^="http://"]:not([href*="cimeos.com"]), a[href^="https://"]:not([href*="cimeos.com"]) {display:initial;}
      #content_page figcaption.csc-textpic-caption, #content_page_popin figcaption.csc-textpic-caption, #content_page p.figcaption, #content_page_popin p.figcaption {font-size:11pt; line-height:1.1;}
      #content_page ul li, #content_page ol li, #content_page_popin ul li, #content_page_popin ol li {list-style-image:initial; list-style-type:initial;}
       #content_page th, #content_page td {border:1px solid #000000;}
       #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {font-size:14pt;}
       #content_page blockquote, #content_page_popin blockquote {background:transparent; padding:0;}
      #content_page blockquote p, #content_page_popin blockquote p {font-size:14pt; font-style:italic;}

      /*imagesdecontenu*/
      div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {overflow:initial; margin:0 0 10px 0; page-break-after:avoid; page-break-inside:avoid;}
      div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {display:block;}
      figcaption.csc-textpic-caption, #content p.figcaption {display:block;}
      div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {overflow:initial;}
      div.csc-textpic-center .csc-textpic-imagewrap::after, div.csc-textpic-center figure.csc-textpic-imagewrap::after {content:""; display:block; height:1px; width:100%; clear:both;}
      div.csc-textpic {clear:both;}

    /* INFOS EN PLUS */
      .info {page-break-inside:avoid; padding:15px; border:2px solid #241f20;}
      .info .titre_bloc p, #content_page .info .titre_bloc p, #content_page_popin .info .titre_bloc p {font-size:10pt;}
      .info .contenu_bloc p.soustitre, #content_page .info .contenu_bloc p.soustitre, #content_page_popin .info .contenu_bloc p.soustitre {font-size:15pt;}

    /* BLOC DIAPORAMA IMAGES SLICK */
      .diaporama_images .slider-nav-images::before, .diaporama_images .slider-nav-images::after {display:none;}
      .diaporama_images .slider-nav-images {padding: 0;}
      .diaporama_images .slider-nav-images .slick-list.draggable {background-color: transparent;}
      .slick-slider figcaption {background: #fff !important;}
      #page .ad-gallery .ad-nav, .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {display:none;}

    /* COLONNE CONTEXTUELLE */
      .bloc_col.dark *, .bloc_col.dark a:hover, .bloc_col.dark a:focus {color:#000 !important;}
      .bloc_col {padding-bottom:10px; border:2px solid #eeeeee; page-break-after:avoid; page-break-inside:avoid;}
      .bloc_col .titre_bloc {padding:15px 10px 0px 10px;}
      #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p {font-size:17pt; line-height:1.1; font-weight:bold; letter-spacing:0.02em; word-break:initial; word-wrap:break-word;}
      #content_page .bloc_col .titre_bloc p.subtitle, #content_page_popin .bloc_col .titre_bloc p.subtitle {font-size:13pt; line-height:1.1; font-weight:bold;}
      /*.bloc_col .contenu_bloc {padding:0px 10px;}*/

      /* BLOC GEOLOC */
        #map_infos {width:100% !important;}
        .gg_link.sticky, .mail, .website {display:none !important;}
        .adresse, .tel, .fax, .mail, .website, .budget, .vote, .people {padding:0;}

      /* ACTUALITE LIEE */
        .bloc_col .list_item {margin-bottom:0;}
        .bloc_col .list_item * {color:#000000 !important;}
        .bloc_col .list_item.bandeau_item > a {padding-bottom:0px !important;}
        .bloc_col .list_item.bandeau_item .txt, .bloc_col .list_item.bandeau_item:hover .txt {min-height:initial; padding:10px 0px 0px 0px; background-color:transparent !important;}

        .bloc_col .list_item .titre {font-size:14pt;}
        .bloc_col .list_item .thumb-title .thumb-desc p {font-size:12pt; line-height:1.2;}
        .bloc_col .list_item .cat {padding-right:0px; padding-bottom:0px; color:#000000 !important;}

  /* *************************** LISTE D ELEMENTS *************************** */
    /* Moteur */
      #moteur, #filters, .pagination  {display:none !important;}
      .dcsns-toolbar {display: none;}

    /* Filtres */

    /* Map */
      #second_display {overflow:hidden;}
      #second_display .sticky.is-stuck, #second_display .sticky.is-anchored {left:0 !important; top:0 !important; bottom:initial !important; max-width:100% !important; position:relative;}

    /* Resultats */
      /* Item generique */
        .list_item {page-break-after:avoid; page-break-inside:avoid;}
        .list_item.bandeau_item > a, #content_page .list_item.bandeau_item > a, #content_page_popin .list_item.bandeau_item > a,
        .list_item.agenda > a, #content_page .list_item.agenda > a, #content_page_popin .list_item.agenda > a, .list_item.bandeau_item > .link, #content_page .list_item.bandeau_item > .link, #content_page_popin .list_item.bandeau_item > .link, .list_item.bandeau_portrait > a, #content_page .list_item.bandeau_portrait > a, #content_page_popin .list_item.bandeau_portrait > a {padding-bottom:0;}

        /* Dates */
          .date, .list_item .date {position:static; padding:0px; margin:0px; width:100%;}
          .date span {display:inline;}
          .date > span > span.contain, .list_item .date > span > span.contain {width:100%; height:auto; text-align:center; margin: 0; padding:0;}
          .date > span span.d, .list_item .date > span span.d, #content_page .list_item .date > span span.d, #head_page #date .date > span span.d {font-size:12pt;}
          .date > span span.m, .list_item .date > span span.m, #content_page .list_item .date > span span.m, #head_page #date .date > span span.m  {font-size:8pt;}
          .date > span span.d, .date > span span.m {display:inline-block; padding:0 2px;}
          .date > .enddate, .list_item .date > .enddate {border-left:1px solid #000; padding-left:5px;}

        /*pour item classique sans img*/
        .list_item .txt {min-height: initial;padding: 10px;height: inherit;position: initial;    width: 100%;}

        /*pour bandeau item avec img*/
        .list_item.bandeau_item .txt {padding:10px; min-height:initial; height:auto; position:relative; bottom:initial; left:initial;width: 100%;}
        .list_item.bandeau_item:hover .txt {min-height:initial;}

        /*pour bandeau item avec img format portrait*/
        .list_item.bandeau_portrait .txt,
        .list_item.bandeau_portrait:hover .txt {min-height:initial; padding:10px;}
        .list_item.bandeau_portrait:hover .txt {border-top:0;}

        /*pour bandeau item avec img sans txt en absolute > subpage*/
        .list_item.bandeau_item.subpage .img {margin:0 -2px;}
        .list_item.bandeau_item.subpage .txt {padding:10px; min-height:initial; position:relative; bottom:initial; left:initial; border:0; background:transparent !important;}
        .list_item.bandeau_item.subpage:hover .txt {min-height:initial;}

        /* Titre */
        .list_item .titre {padding-bottom:10px;}
        .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {font-size:14pt; line-height:1.2; font-weight:bold;}
        .list_item.bandeau_item .thumb-title .titre {min-height: inherit;}

        /* Description */
        .list_item .thumb-title .thumb-desc {height:auto; overflow:hidden; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
        .list_item:hover .thumb-title .thumb-desc, .list_item a:hover .thumb-title .thumb-desc, .list_item a:focus .thumb-title .thumb-desc  {-moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}

        /* Categorie */
        .list_item .cat {padding-bottom:10px;}
        .cat, .list_item .cat, #content_page .list_item .cat, #content_page_popin .list_item .cat {font-size:9pt; line-height:1.1;}
        .list_item.agenda .cat, .list_item.actu .cat {padding-right:0px;}

        /* Btn more share */
        .list_item a .btn_lien_picto, .list_item .addtoanyContainer, .list_item .addtoanyidea {display:none !important;}

        /* Bloc notes */
        .list_item.bloc_note, #content_page .list_item.bloc_note, #content_page_popin .list_item.bloc_note {display:none;}
        .list_item.bloc_note.print, #content_page .list_item.bloc_note.print, #content_page_popin .list_item.bloc_note.print {display:inline-block;}

  /***************************** PAGE DETAIL / POPIN ******************************/
    #popin_detail {max-width:100%; width:100%; padding:0; top:0 !important; background:#ffffff !important;}
    body.is-reveal-open .off-canvas-wrapper {display: none !important;}
      body.is-reveal-open .reveal-overlay {height: auto !important;position: initial !important;}
      .reveal-overlay {overflow-y:scroll;}
      #popin_detail .wrap_popin {position:relative;}
      #content_page_popin {position: relative;z-index: 2; margin-top:60px;}
      body.overflow {overflow:visible;}
      .reveal-overlay {overflow:visible; position:absolute;}
    
    #slider_img .cat, #slider_img_popin .cat {position:static;}

    /* ARROWS NAV POPIN */
      .wrap_arrow {display:none !important;}

/* *************************** CARTE INTERACTIVE *************************** */
  #modal_window .list_item .item_default {background:#ffffff !important;}
  #carto #zone_map {height:600px;}
  #carto #carto_results {background-color:#d7087a !important;}
  #carto #filters {display:block !important; background-color:#fcad35 !important;}

/************************************************ MODULES *********************************************************/

  /*** PLAN DU SITE ***/
    #content_page .csc-sitemap li {list-style-image:none; list-style-type:none;}

  /*** BUDGET ***/
    #steps {page-break-inside:avoid;max-width: 100%;text-align: center; margin: 0 auto;}
    #page #content.mod_participatif #zone_results {max-width: 870px;text-align: center; margin: 0 auto;}
    #page .list_item.idee .desc {border-color: #737373 !important;    padding: 60px 30px 40px 30px;}
    #page #content.infos_fiche .wrap > .row {margin: 0 auto;} 
    #mode_emploi .step .img {display: none;}
    
  /*** COMARQUAGE ***/
    #page .cim_co h1 {display:block;}
    .spArborescence .spArborescenceItem2Col:first-child {background: #fcad35 !important;}
    #page #content_page .spArborescence .spArborescenceItem2Col h2 a, #page #content_page .spArborescence .spArborescenceItem2Col ul li .spPublicationDossier a, #page #content_page ul.spPublicationSommaire li, #page .tx-cim-comarquage .part_marq li a, #page .tx-cim-comarquage .part_marq .spPublicationPivotOSATitle p a {padding:0;}
    .spArborescence {display:-moz-box;display:-ms-flexbox; -webkit-flex-wrap wrap;-ms-flex-wrap:wrap;}
    .spArborescence .clearall {display:none; visibility:hidden; height:0; width:0;}
    #sadresser {background:none;}
    #sadresser * {color:#000000 !important;}

  /*** DASHBOARD ***/
    .home_dashboard li .img {display: none;}
    .tx-cim-dashboard {margin:0 0 70px 0;}
    .dash_item {margin:0 0 35px 0; border:1px solid #2f2f2f; position:relative; overflow:hidden;}
    #wrap_dash_settings {margin:0 0 50px 0;padding: 0;}
    .section_dash {padding: 0;}
    #nav_menu_dash {width:120px;}
    #nav_menu_dash ul li {width:120px; height:120px;}
    #dash_settings {width:100%; padding:0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    #content_page .home_dashboard ul li a {background:none !important;}
    .dash_btn.btn_back_dash, .dash_do_btn {display:none;}
    #nav_menu_dash {display:none;}
    #wrap_dash_settings form {display:block;}
    #content_page #dash_settings form {padding: 0 30px;}
    #content_page .dash_item h3 {border: 0;}