/********************************** RALEWAY ***************************************/
  @import url("font_raleway.css");
  /* @import url("font_poppins.css"); */
  /* @import url("font_montserrat.css"); */
  /* @import url("font_librefranklin.css"); */


/******************************************************************************************************************/
/******************************************************************************************************************/
/********************************************* FRONT EDITING ******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

  .t3-frontend-editing__ce {-ms-flex:1 1 0px;flex:1 1 0px; min-width:0; padding:0;}
  .t3-frontend-editing__ce > * {-ms-flex:0 0 100%;flex:0 0 100%; max-width:100%; padding:0;}

  /*.fancybox-inner {max-height: 93vh;overflow-y: auto !important;}
  .fancybox-opened, .fancybox-inner {width: auto !important;height: auto !important;}*/


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************* RESET **********************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

  /********************************** COLORS CLASS NAMES **************************************/

    /*
    COULEUR PRINCIPALE
      tres clair
        .color_primary_light
      clair
        .color_primary_medium
      fonce
        .color_primary_dark
      tres fonce
        .color_primary_dark_night


    COULEUR SECONDAIRE
      clair
        .color_secondary_light
      fonce
        .color_secondary_dark


    NUANCES BLANC / GRIS NOIR
      blanc
        .hue_light

      gris clair
        .hue_medium

      gris fonce
        .hue_dark

      noir
        .hue_dark_night
    */


  /********************************************************************************/
  /********************************** Fonts ***************************************/
  /********************************************************************************/

    /* Simple Line Icons */
    @font-face {
      font-family:'simpleline_icons';
      src:url('font/Simple-Line-Icons.eot');
      src:url('font/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
      url('font/Simple-Line-Icons.woff') format('woff'),
      url('font/Simple-Line-Icons.ttf') format('truetype'),
      url('font/Simple-Line-Icons.svg#simpleline_icons') format('svg');
      /*url('font/Simple-Line-Icons.woff2') format('woff2'),*/
      font-weight:normal;
      font-style:normal;
    }

    /*
    font-family:'regular',Arial,Verdana,sans-serif;
    font-family:'medium',Arial,Verdana,sans-serif;
    font-family:'mediumitalic',Arial,Verdana,sans-serif;
    font-family:'semibold',Arial,Verdana,sans-serif;
    font-family:'bold',Arial,Verdana,sans-serif;
    font-family:'extrabold',Arial,Verdana,sans-serif;
    font-family:'black',Arial,Verdana,sans-serif;
    */


  /********************************************************************************/
  /****************************** Normalisation ***********************************/
  /********************************************************************************/

    /* Init foundation */
    p {font-size:inherit; line-height:inherit; margin:0;}

    * {border:0; padding:0; margin:0; font-family:'regular',Arial,Verdana,sans-serif; font-weight:normal;}
    html {font-size:62.5%; width:100%; height:100%;}
    body {font-family:'regular',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; text-align:left; height:100%;}
    p, ul li, ol li, main p, main ul li, main ol li {font-size:1.8em; line-height:1.4em; letter-spacing:0.05em;}
    p, ul, ol, main p, main ul, main ol {margin:0 0 15px 0;}
    ul ul, ol ol, main ul ul, main ol ol {margin:0;}
    a, main a {text-decoration:none;}
    a:hover, main a:hover {text-decoration:none;}
    a, a svg *, button, button *, .button, .button * {-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
    a img,:link img,:visited img {border:none;}
    img {max-width:100%; height:auto;}
    iframe {max-width:100%;}
    /*gmap v3 fix bug*/
    .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;}
    strong, b {font-weight:normal; font-family:'bold',Arial,Verdana,sans-serif !important;}
    i, em {font-style:italic; font-family:'regular',Arial,Verdana,sans-serif !important;}
    strong em, strong i, em strong, i strong, b em, b i, em b, i b {font-style:italic; font-weight:normal; font-family:'bold',Arial,Verdana,sans-serif !important;}
    ol, ul {list-style:none; margin:0;}
    table {border-collapse:collapse; border-spacing:0;}
    sub, sup {font-size:0.6em; font-family:inherit; font-weight:inherit;}
    font {font:inherit;}

    /* FIX FONT BLURRY */
      .off-canvas-wrapper-inner .slick-slider .slick-track {z-index:1;}
      .off-canvas-wrapper-inner .slick-slider .slick-track, .off-canvas-wrapper-inner .slick-slider .slick-list {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}


  /********************************************************************************/
  /************************************ Loader ************************************/
  /********************************************************************************/

    .delay_0_4 {transition-delay:0.4s;} .delay_0_5 {transition-delay:0.5s;} .delay_0_6 {transition-delay:0.6s;} .delay_0_7 {transition-delay:0.7s;} .delay_0_8 {transition-delay:0.8s;} .delay_0_9 {transition-delay:0.9s;} .delay_1 {transition-delay:1s;} .delay_1_1 {transition-delay:1.1s;} .delay_1_2 {transition-delay:1.2s;} .delay_1_3 {transition-delay:1.3s;} .delay_1_4 {transition-delay:1.4s;} .delay_1_5 {transition-delay:1.5s;} .delay_1_6 {transition-delay:1.6s;} .delay_1_7 {transition-delay:1.7s;} .delay_1_8 {transition-delay:1.8s;} .delay_1_9 {transition-delay:1.9s;} .delay_2 {transition-delay:2s;} .delay_2_1 {transition-delay:2.1s;} .delay_2_2 {transition-delay:2.2s;} .delay_2_3 {transition-delay:2.3s;} .delay_2_4 {transition-delay:2.4s;} .delay_2_5 {transition-delay:2.5s;} .delay_2_6 {transition-delay:2.6s;} .delay_2_7 {transition-delay:2.7s;} .delay_2_8 {transition-delay:2.8s;} .delay_2_9 {transition-delay:2.9s;} .delay_3 {transition-delay:3s;} .delay_3_1 {transition-delay:3.1s;} .delay_3_2 {transition-delay:3.2s;} .delay_3_3 {transition-delay:3.3s;} .delay_3_4 {transition-delay:3.4s;} .delay_3_5 {transition-delay:3.5s;} .delay_3_6 {transition-delay:3.6s;} .delay_3_7 {transition-delay:3.7s;} .delay_3_8 {transition-delay:3.8s;} .delay_3_9 {transition-delay:3.9s;}

    .reveal-overlay.load-popin {display:block; z-index:1008;}
    .reveal-overlay.load-popin > .sk-circle {margin:0 auto; width:50px; height:100%; position:relative; top:50%; z-index:1008;}
    .reveal-overlay.load-popin .sk-circle .sk-child {top:0; height:50px;}
    .reveal-overlay.load-popin .sk-circle .sk-child::before {width:8px; height:8px;}

    #second_display #loader_filters {top:0; left:15px; width:calc(100% - 30px); height:100%; visibility:visible; position:absolute;}
    #second_display #loader_filters .sk-circle {margin:0 auto; width:100%; height:100%; position:relative;}
    #second_display #loader_filters .sk-circle .sk-child::before {width:8px; height:8px;}
    #second_display #loader_filters .sk-circle .sk-child {height:50px; top:50%;}

    .sk-circle.qual {float:right; margin:7px 20px 0 0; width:40px; height:40px;}
    .sk-circle.qual.no {position:absolute; float:none; margin:0; left:-50px; top:-7px;}
    .sk-circle.qual .sk-child::before {height:6px; width:6px;}
    #loader_filters {position:fixed; top:40%; left:40%; z-index:701; visibility:hidden;}
    .sk-circle {margin:100px auto; width:50px; height:50px; position:relative;}
    .sk-circle .sk-child {width:100%; height:100%; position:absolute; left:0; top:0;}
    .sk-circle .sk-child::before {content:""; display:block; margin:0 auto; width:15%; height:15%; border-radius:100%; -webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both; animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;}
    .sk-circle .sk-circle2 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);}
    .sk-circle .sk-circle3 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);}
    .sk-circle .sk-circle4 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
    .sk-circle .sk-circle5 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);}
    .sk-circle .sk-circle6 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);}
    .sk-circle .sk-circle7 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
    .sk-circle .sk-circle8 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);}
    .sk-circle .sk-circle9 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);}
    .sk-circle .sk-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
    .sk-circle .sk-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);}
    .sk-circle .sk-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);}
    .sk-circle .sk-circle2::before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;}
    .sk-circle .sk-circle3::before {-webkit-animation-delay:-1s; animation-delay:-1s;}
    .sk-circle .sk-circle4::before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
    .sk-circle .sk-circle5::before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;}
    .sk-circle .sk-circle6::before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;}
    .sk-circle .sk-circle7::before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;}
    .sk-circle .sk-circle8::before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
    .sk-circle .sk-circle9::before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
    .sk-circle .sk-circle10::before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;}
    .sk-circle .sk-circle11::before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;}
    .sk-circle .sk-circle12::before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;}
    @-webkit-keyframes sk-circleBounceDelay {
      0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);}
      40% {-webkit-transform:scale(1); transform:scale(1);}
    }
    @keyframes sk-circleBounceDelay {
      0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);}
      40% {-webkit-transform:scale(1); transform:scale(1);}
    }

    .wrap_result.opacity #second_display, .wrap_result.opacity #first_display {opacity:0;}
    #searchLoader {position:absolute; bottom:30px; left:50%; font-size:inherit;}
    .loader {margin:0 auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;}
    .loader, .loader::before, .loader::after {border-radius:10px; width:20px; height:20px; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;}
    .loader::before, .loader::after {content:""; position:absolute; top:0;}
    .loader::before {left:-30px;}
    .loader::after {left:30px; -webkit-animation-delay:0.32s; animation-delay:0.32s;}


    .cs-loader {top:0; left:15px; width:calc(100% - 30px); height:100%; visibility:visible; position:absolute; z-index:9;}
    .cs-loader-inner {transform:translateY(-50%); top:30rem; position:absolute; width:100%; padding:0 10rem; text-align:center;}
    .cs-loader-inner label {font-size:20px; opacity:0; display:inline-block;}
    @keyframes lol {
       0% {opacity:0; transform:translateX(-30rem);}
       33% {opacity:1; transform:translateX(0px);}
       66% {opacity:1; transform:translateX(0px);}
       100% {opacity:0; transform:translateX(30rem);}
    }
    @-webkit-keyframes lol {
      0% {opacity:0; -webkit-transform:translateX(-30rem);}
      33% {opacity:1; -webkit-transform:translateX(0px);}
      66% {opacity:1; -webkit-transform:translateX(0px);}
      100% {opacity:0; -webkit-transform:translateX(30rem);}
    }
    .cs-loader-inner label:nth-child(6) {-webkit-animation:lol 3s infinite ease-in-out; animation:lol 3s infinite ease-in-out;}
    .cs-loader-inner label:nth-child(5) {-webkit-animation:lol 3s 100ms infinite ease-in-out; animation:lol 3s 100ms infinite ease-in-out;}
    .cs-loader-inner label:nth-child(4) {-webkit-animation:lol 3s 200ms infinite ease-in-out; animation:lol 3s 200ms infinite ease-in-out;}
    .cs-loader-inner label:nth-child(3) {-webkit-animation:lol 3s 300ms infinite ease-in-out; animation:lol 3s 300ms infinite ease-in-out;}
    .cs-loader-inner label:nth-child(2) {-webkit-animation:lol 3s 400ms infinite ease-in-out; animation:lol 3s 400ms infinite ease-in-out;}
    .cs-loader-inner label:nth-child(1) {-webkit-animation:lol 3s 500ms infinite ease-in-out; animation:lol 3s 500ms infinite ease-in-out;}


  /********************************************************************************/
  /********************************** Transitions *********************************/
  /********************************************************************************/

    body.init::after, body.init::before, body.init .cd-cover-layer, body.init .cd-loading-bar {height:0;}
    body::after, body::before {content:""; position:fixed; left:0; z-index:1000; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-transition:-webkit-transform 0.4s 0.4s; -moz-transition:-moz-transform 0.4s 0.4s; transition:transform 0.4s 0.4s;}
    body::after, body::before {height:100vh; width:100%;}
    body::before {top:0; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
    body::after {bottom:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%);}
    body.page-is-changing::after, body.page-is-changing::before {-webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:-webkit-transform 0.2s 0s; -moz-transition:-moz-transform 0.2s 0s; transition:transform 0.2s 0s;}

    .cd-cover-layer {position:fixed; left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); height:100%; width:100%; opacity:0; visibility:hidden; -webkit-transition:opacity 0.4s 0.4s, visibility 0s 0.8s; -moz-transition:opacity 0.4s 0.4s, visibility 0s 0.8s; transition:opacity 0.4s 0.4s, visibility 0s 0.8s; z-index:9999;}

    .page-is-changing .cd-cover-layer {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s, background 0s 0s;}

    .cs-loader-transitions {display:none;}
    .page-is-changing .cs-loader-transitions {display:block; top:0; left:0; width:100%; height:100%; visibility:visible; position:fixed; z-index:9999;}
    .page-is-changing .cs-loader-inner-transitions {transform:translateY(-50%); top:50%; position:absolute; width:100%; padding:0 10rem; text-align:center;}

    @keyframes loltransitions {
      0% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); -o-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0);}
      35% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);}
      40% {opacity:1; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);}
      100% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(2.5); -moz-transform:translate(-50%,-50%) scale(2.5); -ms-transform:translate(-50%,-50%) scale(2.5); -o-transform:translate(-50%,-50%) scale(2.5); transform:translate(-50%,-50%) scale(2.5);}
    }

    @-webkit-keyframes loltransitions {
      0% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); -o-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0);}
      35% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);}
      40% {opacity:1; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -o-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);}
      100% {opacity:0; -webkit-transform:translate(-50%,-50%) scale(2.5); -moz-transform:translate(-50%,-50%) scale(2.5); -ms-transform:translate(-50%,-50%) scale(2.5); -o-transform:translate(-50%,-50%) scale(2.5); transform:translate(-50%,-50%) scale(2.5);}
    }

    @keyframes bounce {
      0% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      40% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      45% {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
      50% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      55% {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
      60% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      100% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
    }

    @-webkit-keyframes bounce {
      0% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      40% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      45% {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
      50% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      55% {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
      60% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
      100% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
    }

    .cs-loader-transitions .logo_transition {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100px; height:100px;}
    .cs-loader-transitions .logo_transition svg {-webkit-animation:bounce 2s infinite linear; animation:bounce 2s infinite linear;}
    .cs-loader-transitions .logo_transition::before, .cs-loader-transitions .logo_transition::after {content:""; width:100%; height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border-radius:50%; -webkit-animation:loltransitions 2s infinite linear; animation:loltransitions 2s infinite linear; opacity:0; z-index:-1;}
    .cs-loader-transitions .logo_transition::after {animation-delay:0.3s;}

    /* TRANSITION SVG */
      .cs-loader-transitions svg {width:15px; margin:0; transform:rotate(-1deg); position:relative; display:inline-block;}
      .cs-loader-transitions svg.svg1 {top:5px; left:8px; -webkit-animation:loltransitions 3s 100ms infinite ease-in-out; animation:loltransitions 3s 0ms infinite ease-in-out;}
      .cs-loader-transitions svg.svg2 {-webkit-animation:loltransitions 3s 200ms infinite ease-in-out; animation:loltransitions 3s 100ms infinite ease-in-out;}


  /********************************************************************************/
  /************************************ Typo 3 ************************************/
  /********************************************************************************/

    /* default styles for extension "tx_cssstyledcontent" */
      /* Headers */
        .csc-header-alignment-center {text-align:center;}
        .csc-header-alignment-right {text-align:right;}
        .csc-header-alignment-left {text-align:left;}
        div.csc-textpic-responsive, div.csc-textpic-responsive * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
      /* Clear floats after csc-textpic and after csc-textpic-imagerow */
        div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {overflow:hidden;}
      /* Set padding for tables */
        div.csc-textpic .csc-textpic-imagewrap table {border-collapse:collapse; border-spacing:0;}
        div.csc-textpic .csc-textpic-imagewrap table tr td {padding:0; vertical-align:top;}
      /* Captions */
        div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {text-align:center;}
        div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {text-align:right;}
        div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {text-align:left;}
      /* Float the columns */
        div.csc-textpic div.csc-textpic-imagecolumn {float:left;}
      /* Border just around the image */
        div.csc-textpic-border div.csc-textpic-imagewrap img {padding:0;}
        div.csc-textpic .csc-textpic-imagewrap img {border:none; display:block; width:100%;}
      /* Space below each image (also in-between rows) */
        div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:10px;}
        div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {margin-bottom:0;}
      /* colSpace around image columns, except for last column */
        div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {margin-right:10px;}
        div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {margin-right:0;}
      /* Add margin from image-block to text (in case of "Text & Images") */
        div.csc-textpic-intext-left .csc-textpic-imagewrap,
        div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin-right:10px;}
        div.csc-textpic-intext-right .csc-textpic-imagewrap,
        div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left:10px;}

    /* POSITIONING OF IMAGES */
      /* Center (above or below) */
        div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {overflow:hidden;}
        div.csc-textpic-center .csc-textpic-center-outer {position:relative; float:right; right:50%;}
        div.csc-textpic-center .csc-textpic-center-inner {position:relative; float:right; right:-50%;}
      /* Right (above or below) */
        div.csc-textpic-right .csc-textpic-imagewrap {float:right; width:100%;}
        div.csc-textpic-right div.csc-textpic-text {clear:right;}
      /* Left (above or below) */
        div.csc-textpic-left .csc-textpic-imagewrap {float:left;}
        div.csc-textpic-left div.csc-textpic-text {clear:left;}
      /* Left (in text) */
        div.csc-textpic-intext-left .csc-textpic-imagewrap {float:left;}
      /* Right (in text) */
        div.csc-textpic-intext-right .csc-textpic-imagewrap {float:right;}
      /* Right (in text, no wrap around) */
        div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float:right;}
      /* Left (in text, no wrap around) */
        div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:left;}
        div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {margin-bottom:0;}

    /* Browser fixes:*/
      /* Fix for unordered and ordered list with image "In text, left" */
        .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left:40px; overflow:auto;}
    /* Textmedia */
      .csc-textmedia,
      .csc-textmedia-gallery {overflow:hidden;}
      .csc-textmedia-gallery-column {float:left;}
      .csc-textmedia-gallery-column {margin-right:10px;}
      .csc-textmedia-gallery-column:last-child {margin-right:0;}
      .csc-textmedia-gallery-row {overflow:hidden; margin-bottom:10px;}
      .csc-textmedia-gallery-row:last-child {margin-bottom:0;}
      .csc-textmedia-above .csc-textmedia-gallery {margin-bottom:10px;}
      .csc-textmedia-above-right .csc-textmedia-gallery {float:right;}
      .csc-textmedia-above-left .csc-textmedia-gallery {float:left;}
      .csc-textmedia-above .csc-textmedia-text {clear:both;}
      .csc-textmedia-above-center .csc-textmedia-gallery-outer,
      .csc-textmedia-below-center .csc-textmedia-gallery-outer {position:relative; float:right; right:50%;}
      .csc-textmedia-above-center .csc-textmedia-gallery-inner,
      .csc-textmedia-below-center .csc-textmedia-gallery-inner {position:relative; float:right; right:-50%;}
      .csc-textmedia-below .csc-textmedia-gallery {margin-top:10px;}
      .csc-textmedia-below-right .csc-textmedia-gallery {float:right;}
      .csc-textmedia-below-left .csc-textmedia-gallery {float:left;}
      .csc-textmedia-inside-right .csc-textmedia-gallery {float:right; margin-left:10px;}
      .csc-textmedia-inside-left .csc-textmedia-gallery {float:left; margin-right:10px;}
      .csc-textmedia-beside-right .csc-textmedia-gallery {float:right; margin-left:10px;}
      .csc-textmedia-beside-right .csc-textmedia-text {overflow:hidden;}
      .csc-textmedia-beside-left .csc-textmedia-gallery {float:left; margin-right:10px;}
      .csc-textmedia-beside-left .csc-textmedia-text {overflow:hidden;}
    /* Uploads */
      .ce-uploads {margin:0; padding:0;}
      .ce-uploads li {list-style:none outside none; margin:1em 0;}
      .ce-uploads img {float:left; margin-right:1em; vertical-align:top;}
      .ce-uploads span {display:block;}
    /* Table */
      .contenttable {width:100%; max-width:100%;}
      .contenttable th, .contenttable td {padding:0.5em 0.75em; vertical-align:top;}
      .contenttable thead th {font-weight:bold;}
    /* Space */
      .csc-space-before-extra-small {margin-top:1em;}
      .csc-space-before-small {margin-top:2em;}
      .csc-space-before-semibold {margin-top:3em;}
      .csc-space-before-large {margin-top:4em;}
      .csc-space-before-extra-large {margin-top:5em;}
      .csc-space-after-extra-small {margin-bottom:1em;}
      .csc-space-after-small {margin-bottom:2em;}
      .csc-space-after-semibold {margin-bottom:3em;}
      .csc-space-after-large {margin-bottom:4em;}
      .csc-space-after-extra-large {margin-bottom:5em;}
    /* Frame */
      .csc-frame-ruler-before::before {content:""; display:block; margin-bottom:2em;}
      .csc-frame-ruler-after::after {content:""; display:block; margin-top:2em;}
      .csc-frame-indent {margin-left:15%; margin-right:15%;}
      .csc-frame-indent-left {margin-left:33%;}
      .csc-frame-indent-right {margin-right:33%;}

    /* default styles for extension "tx_frontend" */
      .ce-align-left {text-align:left;}
      .ce-align-center {text-align:center;}
      .ce-align-right {text-align:right;}
      .ce-table td, .ce-table th {vertical-align:top;}
      .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {overflow:hidden;}
      .ce-left .ce-gallery, .ce-column {float:left;}
      .ce-center .ce-outer {position:relative; float:right; right:50%;}
      .ce-center .ce-inner {position:relative; float:right; right:-50%;}
      .ce-right .ce-gallery {float:right;}
      .ce-gallery figure {display:table; margin:0;}
      .ce-gallery figcaption {display:table-caption; caption-side:bottom;}
      .ce-gallery img {display:block;}
      .ce-gallery iframe {border-width:0;}
      .ce-border img,
      .ce-border iframe {padding:0;}
      .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:20px;}
      .ce-intext.ce-right .ce-gallery {margin-left:20px;}
      .ce-intext.ce-left .ce-gallery {margin-right:20px;}
      .ce-below .ce-gallery {margin-top:20px;}
      .ce-column {margin-right:10px;}
      .ce-column:last-child {margin-right:0;}
      .ce-row {margin-bottom:10px;}
      .ce-row:last-child {margin-bottom:0;}
      .ce-above .ce-bodytext {clear:both;}
      .ce-intext.ce-left ol, .ce-intext.ce-left ul {padding-left:40px; overflow:auto;}

    /* Headline */
      .ce-headline-left {text-align:left;}
      .ce-headline-center {text-align:center;}
      .ce-headline-right {text-align:right;}

    /* Uploads */
      .ce-uploads {margin:0; padding:0;}
      .ce-uploads li {list-style:none outside none; margin:1em 0;}
      .ce-uploads img {float:left; padding-right:1em; vertical-align:top;}
      .ce-uploads span {display:block;}

    /* Table */
      .ce-table {width:100%; max-width:100%;}
      .ce-table th, .ce-table td {padding:0.5em 0.75em; vertical-align:top;}

    /* Space */
      .frame-space-before-extra-small {margin-top:1em;}
      .frame-space-before-small {margin-top:2em;}
      .frame-space-before-semibold {margin-top:3em;}
      .frame-space-before-large {margin-top:4em;}
      .frame-space-before-extra-large {margin-top:5em;}
      .frame-space-after-extra-small {margin-bottom:1em;}
      .frame-space-after-small {margin-bottom:2em;}
      .frame-space-after-semibold {margin-bottom:3em;}
      .frame-space-after-large {margin-bottom:4em;}
      .frame-space-after-extra-large {margin-bottom:5em;}

    /* Frame */
      .frame-ruler-before::before {content:""; display:block; margin-bottom:2em;}
      .frame-ruler-after::after {content:""; display:block; margin-top:2em;}
      .frame-indent {margin-left:15%; margin-right:15%;}
      .frame-indent-left {margin-left:33%;}
      .frame-indent-right {margin-right:33%;}


  /********************************************************************************/
  /******************************* Formulaires ************************************/
  /********************************************************************************/

    form {background:none; padding:0;}

    legend {font-family:'extrabold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em; margin:0 0 20px 0; float:none; width:100%;}
    fieldset + fieldset legend {padding-top:20px;}

    .ligne_form, .csc-mailform-field, .powermail_fieldwrap {margin:0 0 2rem 0; clear:both;}

    .ligne_form.creneau {margin-top:10px; padding-left:25px;}
    .ligne_form.creneau label {font-family:'regular',Arial,Verdana,sans-serif;}
    .ligne_form.creneau select {margin-top:5px;}

    /* labels */
      label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label, #filters .input-group legend {text-transform:none; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.5em; padding:0 0 5px 0; margin:0; border:0; border-radius:0; position:relative; display:block;}
      ul li label {font-size:1em; line-height:1em;}

    /* champs */
      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'] {font-family:'regular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; padding:0.65rem 1.5rem; margin:0; border:1px solid transparent; width:100%; height:auto; border-radius:2px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; transition:none;}

      input::-moz-placeholder {opacity:1 !important;}
      input:-moz-placeholder {opacity:1 !important;}
      input[placeholder] {opacity:1 !important;}

      textarea:focus, select:focus, [type='file']:focus, [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus {outline:none; transition:0.3s ease; box-shadow:none;}

      textarea, textarea[rows] {max-width:100%; height:10rem;}
      select {-webkit-appearance:none; -moz-appearance:none; appearance:none; text-overflow:""; text-indent:0.01px; margin-bottom:0;}
      select::-ms-expand {display:none;}
      button {cursor:pointer;}

      .powermail_fieldwrap_type_text .powermail_field {font-size:1.6em; line-height:1.4em;}

    /* checkbox / radio */
      input[type="checkbox"], input[type="radio"] {vertical-align:top; padding:0; margin:4px; border:0; width:auto; background:none; -webkit-appearance:normal;}
      .ligne_form.checkbox, .ligne_form.radio {margin:10px 0 0 0;}
      .powermail_fieldwrap_type_check > .powermail_field, .powermail_fieldwrap_type_radio > .powermail_field {padding-top:5px;}
      .ligne_form.checkbox, .ligne_form.radio, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {position:relative;}
      .ligne_form.checkbox label, .ligne_form.radio label, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {padding:3px 0 3px 25px;}
      .iradio, .icheckbox {position:absolute; top:8px;}
      .iradio {left:1px;}
      .icheckbox {left:0;}

    /* range */
      .slider .slider-handle[aria-controls="sliderOutput2"] {left:20%;}
      .slider-handle {width:2em; height:2rem; border-radius:2rem;}
      .slider-handle input {position:absolute; top:100%; left:-50%; width:auto; height:3rem; padding:5px 0 0 0; box-shadow:none !important; transition:none !important; overflow:hidden; border:0; border-radius:0;}
      .slider-handle span {position:absolute; top:100%; right:-60%; padding:8px 0 0 5px; font-size:1.2em; line-height:1.5;}

    /* submit */
      .powermail_fieldwrap.powermail_fieldwrap_type_submit::after {content:""; clear:both; display:block;}
      div.btn_submit {float:right; margin:0; padding-top:15px;}
      input[type="submit"], input[type="button"], .powermail_confirmation input[type="submit"] {font-family:'bold',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.6em; letter-spacing:0.2em; font-style:normal; font-weight:normal; cursor:pointer; outline:none; float:right; position:relative; width:auto; margin-bottom:0; margin-left:0; padding:1.25rem 2rem; border-radius:2px; box-shadow:none; -webkit-appearance:none !important;}
      input[type="submit"]::after, input[type="button"]::after {content:""; height:0; clear:both;}
      input[type="submit"], input[type="button"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {transition:all 0.3s ease-in-out !important;}

    /* champs obligatoires */
      .mandatory, .femanager_new .control-label span {text-transform:none; font-family:'regular',Arial,Verdana,sans-serif; font-size:1.2rem; padding:0 4px;}

    /* champs desactives */
    .input-group {margin-bottom:0;}
    .input-group > :first-child {border-radius:0;}
    .input-group-label, .input-group-label > :first-child {border-radius:0; border:0; height:4rem;}

    /* message d'erreur */
      #content_page .powermail_message_error {padding:0; margin-bottom:25px;}
      #content_page .powermail_message_error li {padding:0; list-style-image:none;}
      .powermail_message.powermail_message_error li {padding-left:10px !important; font-family:'bold',Arial,Verdana,sans-serif; line-height:1.8em;}

    /*msg validation reception / page validation infos*/
      .powermail_create, .powermail_confirmation {background:none; padding:25px 0;}
      .powermail_confirmation form {padding:0; background:transparent;}
      .powermail_confirmation .powermail_confirmation_form, .powermail_confirmation .powermail_confirmation_submit {height:auto; margin:20px 0 0 0;}
      .powermail_confirmation .powermail_confirmation_form {float:left;}

    /*page confirmation*/
      #page .powermail_confirmation h4 {font-family:'bold',Arial,Verdana,sans-serif !important;}
      dl.powermail_all {margin:0 0 20px 0; font-size:1.6em; line-height:1.4em;}
      dl.powermail_all dt {margin:0 15px 15px 0; float:left; clear:left; font-weight:normal; font-family:'bold',Arial,Verdana,sans-serif !important;}
      dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto;}

      /* Champs suivant / precedent dans POWERMAIL */
      .powermail_confirmation input[type="submit"].powermail_confirmation_form {float:left;}
      .powermail_confirmation input[type="submit"].powermail_confirmation_submit {float:right;}

      div.tx_powermail_pi1_fieldwrap_html_check label {width:25px; margin-top:2px;}
      .tx_powermail_pi1_fieldwrap_html_check input {width:25px; margin-top:5px;}
      .tx_powermail_pi1_fieldwrap_html_submitgraphic {text-align:center;}
      .tx_powermail_pi1_fieldwrap_html_submitgraphic input {float:none; width:98px; border:0;}


  /********************************************************************************/
  /******************************* date picker ************************************/
  /********************************************************************************/

    body .datepicker.dropdown-menu {border-radius:0; padding:10px;z-index: 99999 !important;}
    body .datepicker.dropdown-menu table thead, body .datepicker.dropdown-menu table tbody, body .datepicker.dropdown-menu table tfoot {border:0;}
    body .datepicker td, body .datepicker th {width:33px; height:33px; font-size:1.4rem;}


  /********************************************************************************/
  /**************************** Classes generiques ********************************/
  /********************************************************************************/

    .radius {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
    .overlay {position:fixed; width:100%; height:100%; top:0; left:0;}
    .display_none_pc {display:none;}
    .seph1 {font-size:1px; height:1px; clear:both;}
    .clear {clear:both; height:0;}
    span.clear {display:block;}
    .display_none {display:none;}
    .left {float:left;}
    .right {float:right;}
    body.overflow {overflow:hidden;}


  /********************************************************************************/
  /******************************* Slick slider ***********************************/
  /********************************************************************************/

    .slick-slider {height:auto;}
    .slick-slider .slick-dots {position:absolute; top:2rem; z-index:99999999999; z-index:1; float:none; padding:0; text-align:center; right:2rem;}
    .slick-slider .slick-dots li {display:inline-block;}
    .slick-slider .slick-dots li::after, .slick-slider .slick-dots li::before {display:none !important;}
    #content_page .slick-slider .slick-dots li, #content_page_popin .slick-slider .slick-dots li {padding:0; background:none;}
    .slick-slider .slick-dots li button {text-indent:-999em; cursor:pointer; width:20px; height:20px; margin:4px 6px; display:inline-block; border-radius:50%;}

  /********************************************************************************/
  /****************** Boutons, boutons liens, boutons close ***********************/
  /********************************************************************************/

    /*** Liens ***/
      /* Bouton LIEN basique */
        .btn_lien {font-size:1.8rem; line-height:1.5em; margin-bottom:0;}
        .btn_lien a, #content_page .btn_lien a, #content_page_popin .btn_lien a {text-transform:none; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1em; line-height:1; letter-spacing:0; padding:2px 2px 2px 29px; border:0; display:inline-block;}
      /* Bouton ALL */
        .btn_all {font-size:1.7rem; line-height:1.2em; margin-bottom:0;}
        .btn_all a, #content_page .btn_all a, #content_page_popin .btn_all a {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; font-size:1em; line-height:1; letter-spacing:0.2em; padding:15px 15px; display:inline-block; border:0; /*border-radius:3px;*/ border-radius:2px; position:relative;}
        .btn_all a > span {font:inherit;}
        .btn_all a {transition:all 0.2s linear; transition-delay:0.7s;}
        .btn_all a:hover, .btn_all a:focus {transition:all 0.2s linear; transition-delay:0s;}
        .btn_all a::before, .btn_all a::after {content:""; width:0; height:1px; position:absolute; transition:all 0.2s linear;}
        .btn_all a span::before, .btn_all a span::after {content:""; width:1px; height:0; position:absolute; transition:all 0.2s linear;}
        .btn_all a:hover::before, .btn_all a:hover::after {width:100%;}
        .btn_all a:hover span::before, .btn_all a:hover span::after {height:100%;}
        .btn_all a::after {left:0; bottom:-1px; transition-delay:0.6s;}
        .btn_all a span::after {right:-1px; bottom:0; transition-delay:0.4s;}
        .btn_all a::before {right:0; top:-1px; transition-delay:0.2s;}
        .btn_all a span::before {left:-1px; top:0; transition-delay:0s;}
        .btn_all a:hover::after {transition-delay:0s;}
        .btn_all a:hover span::after {transition-delay:0.2s;}
        .btn_all a:hover::before {transition-delay:0.4s;}
        .btn_all a:hover span::before {transition-delay:0.6s;}

      /* Bouton TXT // texte sans lien :le P est dans le A */
        p.btn_txt {font-size:1.6rem; line-height:1.2em; margin-bottom:0;}
        p.btn_txt span {font-family:'semibold',Arial,Verdana,sans-serif; font-size:1em; line-height:1; letter-spacing:0;}

      /*** Bouton RETOUR ***/
        .btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a, button.btn_back {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.2em; letter-spacing:0.1em; font-style:normal; font-weight:normal; border-radius:2px; background-repeat:no-repeat; background-position:24px center; padding:13px 25px 13px 45px; display:inline-block; position:relative; float:none; outline:none; cursor:pointer;}
        p.btn_back, button.btn_back {margin:20px 0;}
        p.btn_back {font-size:1em;}

      /* BUTTON */
        .button {text-transform:none; font-family:'medium',Arial,Verdana,sans-serif; font-size:1.7rem; line-height:1.2em; letter-spacing:0.1em; font-style:normal; font-weight:normal; border-radius:2px;  margin:0; padding:13px 22px; position:relative; float:none; outline:none; cursor:pointer;}
        .button.is-active:hover, .button.is-active:focus {opacity:0.7;}

    /*** Boutons close ***/
      /* Btn close / version petite croix */
        .btn_close {font-size:6rem; line-height:1; width:2.5rem; height:2.5rem; border:0; border-radius:0; z-index:50; position:absolute; right:0; top:0; outline:none;}
        .btn_close span {color:inherit; font-family:'regular',Arial,Verdana,sans-serif; font-size:1em; line-height:2.5rem; display:inline-block; vertical-align:top; max-height:100%;}

      /* Close button Foundation */
        .close-button {font-size:6rem; line-height:1; width:2.5rem; height:2.5rem; border:0; border-radius:0; z-index:50; position:absolute; right:0; top:0; outline:none; }
        .close-button span {color:inherit; font-family:'regular',Arial,Verdana,sans-serif; font-size:1em; line-height:2.5rem; display:block; vertical-align:top; height:100%;}

      /* Close button Foundation popin */
        .reveal .close-button {width:auto; height:auto; transition:0.3s ease;}
        .reveal .close-button span {width:100%; height:100%; min-width:5rem; min-height:5rem; line-height:4rem; display:block;}

      /* Close button Foundation popin fullscreen */
        .reveal.full .close-button, .search_area_cont.is_search .close-button {font-size:8rem; width:8rem; height:8rem; top:50%; transform:translateY(-50%);}
        .reveal.full .close-button span, .reveal.full .titre_popin .close-button span, .search_area_cont.is_search .close-button span, .reveal.full .titre_popin .close-button span {line-height:6rem; color:inherit;}

      /* Close button advanced = "FERMER + croix" ou "TEXTE + croix" */
        .reveal .close-advanced {font-size:1.4em;}
        .close-advanced {padding:8px;}
        .close-advanced .title {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; line-height:1em; text-align:left; padding-bottom:10px; position:relative; display:inline-block; vertical-align:top; word-break:break-word; margin-bottom:10px;}
        .close-advanced .title::after {content:""; width:0.8rem; height:2px; position:absolute; left:0; bottom:0; background:pink;}
        .close-advanced .inner {width:25px; height:25px; margin:0 auto; display:block; position:relative; left:initial; transform:none; transition:background-color 0s linear .13s; transition-delay:.22s;}
        .close-advanced .inner::after, .close-advanced .inner::before {content:""; width:28px; height:2px; display:block; background-color:pink; position:absolute; top:-4px; left:50%; transform:translateX(-50%);}
        .close-advanced .inner::before {top:0; transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,10px,0) rotate(45deg);}
        .close-advanced .inner::after {top:0; transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,10px,0) rotate(-45deg);}


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************* LAYOUT *********************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

  /****************************************************************************************/
  /******************************** Structure generale ************************************/
  /****************************************************************************************/

    .off-canvas-wrapper {min-height:100%;}
    .off-canvas-wrapper.connect {height:100%;}

    .off-canvas-wrapper-inner {height:100%;}
    .off-canvas-wrapper-inner.is-open-left {-webkit-transform:none; -ms-transform:none; transform:none; transition:none;}

    #home, #page, #global {position:relative; min-height:100%;}
    #main {position:relative; z-index:1;}
    #page #main {padding-top:9.5rem; /*height header pour decalage bandeau_page*/}

    .wrap {margin:0 auto; max-width:1200px;}

    /* fix */
    .is-open-left {-webkit-transform:inherit; -ms-transform:inherit; transform:inherit; height:100%; min-height:100%;}
    .off-canvas {position:fixed; z-index:2; -webkit-transition:-webkit-transform 0.5s ease; transition:-webkit-transform 0.5s ease; transition:transform 0.5s ease; transition:transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow-y:hidden;}

    #offCanvasLeft {position:fixed; left:0; top:9.5rem; width:100%; height:0; transition:0.3s ease; z-index:1007; transform:none; overflow:auto;}
    #offCanvasLeft.is-open {left:0; visibility:visible; height:calc(100% - 7.5rem); box-shadow:none;}

    .off-canvas-content {box-shadow:none; transform:none !important; z-index:inherit;}
    .off-canvas-content.is-open {overflow-x:hidden; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}

    /*btn close menu smart*/
      #btn_close_menu_smart {position:fixed; top:4.5rem; left:26rem; z-index:12; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); transition:left 0.9s ease;}

    .js-off-canvas-exit, .js-off-canvas-overlay {top:0 !important; z-index:2;}

    .reveal.tiny {min-width:60rem;}


  /****************************************************************************************/
  /************************************** Header ******************************************/
  /****************************************************************************************/

    #home #header {top:calc(100vh - 9.5rem);}
    #header {max-height:9.5rem; height:0 !important; width:100%; max-width:100%; z-index:10; position:absolute;}

    /* Sticky */
      #header #data-sticky-header {height:9.5rem; width:100%;}
      #data-sticky-header::after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px;}
      #home #header #data-sticky-header {left:-999999999999999999999999999999999em; z-index:1007;}
      #home #header #data-sticky-header.is-stuck {left:auto;}
      /* #29714 */
        /*@media only screen and (min-width:64em) {*/
          #home #header {height:auto !important;}
          #home #header #data-sticky-header {left:0;}
          #home #header.horizontal_menu_is_open {top:0 !important; position:fixed;}
        /*}*/

    /* Liens d'evitement */
      #accessi {position:fixed; z-index:9999999; padding:1.5rem;}
      #accessi ul {margin:0; padding:0;}
      #accessi ul li {display:inline; font-size:1.4em; line-height:1.4em;}
      #accessi ul li a, #accessi ul li button {text-indent:-9999999em; text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:1em; display:inline-block; padding:0.75rem; line-height:1em;}
      #accessi ul li a, #accessi ul li a:hover, #accessi ul li a:focus, #accessi ul li button, #accessi ul li button:hover, #accessi ul li button:focus {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
      #accessi ul li a:focus, #accessi ul li button:focus {text-indent:0;}

    /* Logo */
      #logo h1, #logo p {font-size:initial; line-height:normal; margin:0;}
      #logo a, #logo img {display:block;}
      #logo img {transform-origin:center center; opacity:1; transition:all 0.7s ease-in-out; width:auto; max-height:8.5rem; margin-top:0.5rem;}
      #logo a:hover img, #logo a:focus img {transform:scale(1.02); opacity:0.8; transition:all 0.5s ease-in-out;}

    /* Burger button */
      .hamburger {font:inherit; display:inline-block; overflow:visible; margin:0; border:0; border-radius:0; padding:0; position:fixed;transition-timing-function:linear; transition-duration:.15s; transition-property:opacity,filter; z-index:10; top:1.5rem; height:7rem !important; width:7rem !important;}
      .hamburger-box {position:relative; display:inline-block; width:100%; height:100%; text-align:center; padding:2.3rem 0;}
      .hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {width:35px; height:2px; border-radius:2px; position:absolute; left:50%; transform:translateX(-50%);}
      .hamburger--spring .hamburger-inner {transition:background-color 0s linear .13s;}
      .hamburger-inner::after, .hamburger-inner::before {display:block; content:"";}
      .hamburger--spring .hamburger-inner::before {top:10px; transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);}
      .hamburger--spring .hamburger-inner::after {top:20px; transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);}
      /*actif*/
      .hamburger--spring.is-active .hamburger-inner {transition-delay:.22s;}
      .hamburger--spring.is-active .hamburger-inner::before {top:0; transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,10px,0) rotate(45deg);}
      .hamburger--spring.is-active .hamburger-inner::after {top:0; transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform:translate3d(-50%,10px,0) rotate(-45deg);}
      .hamburger--spring .menu_title {font-family:'regular',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; position:absolute; left:0; bottom:0; width:100%;}
      /*BURGER OPEN MENU SMART*/
      #btn_open_menu_smart.hamburger .hamburger-inner, #btn_open_menu_smart.hamburger .hamburger-inner::after, #btn_open_menu_smart.hamburger .hamburger-inner::before {width:35px;}

    /* MENU PRINCIPAL */

    /* BTN / LIEN PICTO */
      #tools {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:flex-end; padding:0 1.5rem;} /* flex pour compat FF */
      #header .container_btn_menu {width:3rem; height:9.5rem; margin-left:3rem; padding:0; position:relative;}
      #header .container_btn_menu:first-child {margin-left:0;}
      #header .container_btn_menu p {font-size:1em; line-height:1; margin:0; width:100%; height:100%;}
      #header .btn_menu {width:100%; height:100%; position:relative; background-position:center center; background-repeat:no-repeat; display:inline-block; border:0; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
      #header .btn_menu:hover, #header .btn_menu:focus {background-position:top calc(50% + 15px) center; outline:none;}
      #header .btn_menu::after {display:none !important;}
      #header .container_btn_menu::after {content:""; display:block; width:2px; height:3rem; top:50%; left:-1.5rem; transform:translateY(-50%); position:absolute;}
      #header .container_btn_menu:first-child::after {display:none;}
      /* infobulle */
      #header .btn_menu .txt_btn_menu {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.1em; line-height:1.2em; text-align:center; padding:5px; width:auto; min-width:calc(3rem - 2px); position:absolute; z-index:10; left:50%; transform:translate(-50%, calc(-100% - 6px)); -ms-transform:translateX(-50%) translateY(-100%) translateY(-6px); -webkit-transform:translate(-50%, calc(-100% - 6px)); -moz-transform:translate(-50%, calc(-100% - 6px)); -o-transform: translate(-50%, calc(-100% - 6px)); top:0; transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
      #header .btn_menu:hover .txt_btn_menu, #header .btn_menu:focus .txt_btn_menu {transform:translate(-50%, 0); -ms-transform:translateX(-50%) translateY(0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}
      #header .btn_menu .txt_btn_menu::before {content:""; position:absolute; bottom:-6px; left:calc(50% - 6px); border:solid; border-width:6px 6px 0 6px;}

      /* #29714 */
        #header .btn_menu .txt_btn_menu {height:0.000001rem; padding:0; overflow:hidden;}
        #header .btn_menu:hover .txt_btn_menu, #header .btn_menu:focus .txt_btn_menu {height:auto; padding:5px; overflow:visible;}

    /* TOOLS HEADER */
      #tools_header {margin-top:12.5rem; position:absolute; right:0; top:0; z-index:3;}
      #page #tools_header {margin-top:1rem;}
      #trad, #tools_header #meteo_date {padding-right:1.5rem; position:relative;}
      #trad::after {content:""; display:block; width:2px; height:18px; top:5px; right:0; position:absolute;}

      #tools_header p, #tools_header button, #tools_header #meteo p, #tools_header li {text-transform:uppercase; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:3rem; letter-spacing:0.025em; padding:0; margin:0; border:0;}
      #tools_header a, #tools_header span {color:inherit; font:inherit; padding:0;}
      #tools_header a:hover, #tools_header a:focus {opacity:0.6; color:inherit;}

      /* Langues */
        #zone_button_trad {position:relative;}
        #trad p {display:inline-block; padding-right:2rem;}
        #trad button {width:100%; height:100%; position:absolute; top:0; right:0;}
        #trad button::before {content:""; width:2rem; height:100%; position:absolute; top:0; right:0; transition:0.3s ease;}
        #tools_header button:focus::before {transform:rotate(180deg);}

        #bloc_langues {left:0rem !important; max-width:7rem; top:calc(100% + 1.5rem) !important;}
        #bloc_langues ul {margin:0; padding:0.5rem; text-align:center; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); line-height:0;}
        #bloc_langues ul li {font-size:1.8em; line-height:1em; display:inline-block; width:100%;}
        #bloc_langues ul li a {padding:0.75rem 0.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
        #bloc_langues ul li a:hover, #bloc_langues ul li a:focus {opacity:1;}
        #bloc_langues ul li:first-child {margin:0;}
        #bloc_langues ul li img {display:none;}

      /* Meteo */
        #tools_header #meteo_date {padding-left:6rem;}
        #tools_header #meteo {padding:0;}
        #tools_header #meteo p {margin:0;}
        #tools_header #meteo p span.lien {display:inline-block; vertical-align:middle;}
        #tools_header #date_meteo {display:none;}
        #tools_header #meteo .day_weather_img {position:absolute; left:-1.2rem; top:-2.2rem;}

      /* Qualite de l'air */
        .air_quality p {font-size:2.5em; line-height:2.5rem !important; text-align:center; color:#000000;}
        /* #35550 */ .air_quality p a::after {display:none;}
        /* #29808 */ #tools_header .air_quality p a {padding-left:3.5rem; background:url(../img/picto_qualite_air.png) left center no-repeat;}
        #indice {display:block; width:3rem; height:3rem; border-radius:50%;}
        #indice.indice_1 {background-color:#09632d; color:#ffffff;}
        #indice.indice_2 {background-color:#3d7c2f; color:#ffffff;}
        #indice.indice_3 {background-color:#6e8d24;}
        #indice.indice_4 {background-color:#9fad19;}
        #indice.indice_5 {background-color:#c0af08;}
        #indice.indice_6 {background-color:#d88804;}
        #indice.indice_7 {background-color:#c86016;}
        #indice.indice_8 {background-color:#cd3b1e; color:#ffffff;}
        #indice.indice_9 {background-color:#b2101d; color:#ffffff;}
        #indice.indice_10 {background-color:#7d1418; color:#ffffff;}

  /****************************************************************************************/
  /************************************** Popins ******************************************/
  /****************************************************************************************/

    html.is-reveal-open, html.is-reveal-open body {position:static; overflow:visible;}
    /* Style generique */
      .reveal {width:90%; max-width:80rem; padding:5rem; border:0; border-radius:0; outline:none; overflow-x:hidden;}
      /* titre */
        .reveal .titre_popin {margin-bottom:2rem;}
        .reveal .titre_bloc, .titre_popin .titre_bloc {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; line-height:1; letter-spacing:0.025em; margin:0; position:relative;}
    /* Popin full */
      .reveal.full {z-index:99999; padding:10rem 0; padding:0 0 5rem 0; top:0 !important;}
      .reveal.full::before, #bandeau_page .search_area_cont.is_search::before {content:""; height:7rem; width:7rem; position:absolute; top:0.5rem; left:0.5rem; z-index:1; opacity:0.6;}
      .reveal.full::after, #bandeau_page .search_area_cont.is_search::after {content:""; height:190rem; width:190rem; position:fixed; bottom:-50%; left:-25%; z-index:1; opacity:0.05; -webkit-clip-path:polygon(54% 0, 100% 53%, 70% 100%, 0 57%); clip-path:polygon(54% 0, 100% 53%, 70% 100%, 0 57%);}
      .reveal.full > div,  #bandeau_page .search_area_cont.is_search > div {z-index:3; position:relative;}
      /* titre */
        .reveal.full .titre_popin {margin-bottom:5rem}
        .reveal.full .titre_bloc, .search_area_cont .titre_popin .titre_bloc {font-family:'black',Arial,Verdana,sans-serif; font-size:5em; letter-spacing:0.05em; padding:1.5rem 0 1.5rem 5rem ; margin-bottom:0;}
      /* contenu */
        .reveal.full .wrap_popin {height:100%;}
        .reveal.full .wrap_popin > .content {padding-bottom:5rem; max-width:70rem;}
    /* Popin detail */
      #popin_detail {max-width:1300px; padding:5rem 5rem 0 5rem;}


  /****************************************************************************************/
  /******************************* POPIN MENU PRINCIPAL ***********************************/
  /****************************************************************************************/

      #horizontal-menu, #menu_principal, #menu_principal > ul.menu, #menu_principal > ul.menu > li {position:static;}

      #header.horizontal_menu_is_open {z-index:1003;}
      /* #29714 */ #home #header.horizontal_menu_is_open {top:0 !important; position:fixed;}

      #horizontal-menu {z-index:1;}

      #menu_principal {width:100%; z-index:1002;}

      /* BTN CLOSE HORIZONTAL MENU */
        #btn_close_horizontal_menu.close-button {font-size:8rem; width:6rem; height:6rem; position:absolute; right:3rem; top:10.5rem; z-index:1004;}
        #btn_close_horizontal_menu.close-button span {line-height:5rem;}

      /* GENERIQUE */
        #menu_principal li {font-size:inherit; line-height:inherit; text-align:left;}
        #menu_principal li span {font:inherit; color:inherit; padding:0;}

      /* LEVEL 1*/
        #menu_principal > ul {-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
        #menu_principal > ul > li {padding:0 1rem; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto;}
        #menu_principal > ul > li > a {max-width:20rem; text-transform:uppercase; font-family:'black',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.2; letter-spacing:0.05em; padding:2.8rem 0.3rem 2.7rem 0.3rem; padding:3.3rem 0.5rem 2.2rem 0.5rem; position:relative;}
        #menu_principal > ul > li > a > span {display:inline-block; min-height:4rem;}
        #menu_principal > ul > li > a > span::first-line {display:inline-block;}

        /* line sous item level 1 */
          #menu_principal > ul > li > a::after {content:""; display:block; position:absolute; bottom:-1px; height:3px; z-index:2;}
          #menu_principal > ul > li > a::after {top:inherit; left:0; width:0; -webkit-transition:width .5s ease, background-color .5s ease, left .5s ease; -moz-transition:width .5s ease, background-color .5s ease, left .5s ease; transition:width .5s ease, background-color .5s ease, left .5s ease; padding:0; filter:none;}
          #menu_principal > ul > li.is-accordion-submenu-parent[aria-expanded=true] > a::after, #menu_principal > ul > li > a:hover::after {width:100%;}

      /* LEVEL 2*/
        #menu_principal li ul.sous_menu {display:none; position:absolute; left:50%; top:inherit; width:100%; max-width:100%; min-height:20rem; padding:1.5rem 10%; margin:0; transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);}

        /* bg sous menu */
          #menu_principal li ul.sous_menu::before, #menu_principal li ul.sous_menu::after {content:""; display:block; width:100%; height:100%; position:absolute; top:0;}
          #menu_principal li ul.sous_menu::before {right:0; transform:translate(-99%, 0); -ms-transform:translate(-99%, 0); -webkit-transform:translate(-99%, 0); -moz-transform:translate(-99%, 0); -o-transform:translate(-99%, 0);}
          #menu_principal li ul.sous_menu::after {left:0; transform:translate(99%, 0); -ms-transform:translate(99%, 0); -webkit-transform:translate(99%, 0); -moz-transform:translate(99%, 0); -o-transform:translate(99%, 0);}

        /* gestion overflow scroll */
          #menu_principal li ul.sous_menu.is-active {z-index:1003;}
          #menu_principal li ul.sous_menu.is-active.too_height {overflow-y:scroll; overflow-x:hidden; min-height:inherit;}

        /* item level 2 */
          #menu_principal ul li li.level2 {width:21.7%; display:inline-block; vertical-align:top; padding:1.5rem 0; margin:0 0 0 3%;}
          #menu_principal ul li li.level2 > a {text-transform:uppercase; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.4em; padding:0; position:relative; display:block;}
          #menu_principal ul li li.level2 > a::after {position:absolute; left:calc(100% + 0.5rem); bottom:-0.5rem;}

        /* image rubrique level 2 */
          #menu_principal ul li li.level2 .img-menu {width:100%; height:13rem; overflow:hidden; position:relative;}
          #menu_principal ul li li.level2 .img-menu img {opacity:0.35; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:opacity 0.7s ease-in-out; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); max-height:200%; min-height:100%; margin:0; max-width:inherit; min-width:100%; height:auto; width:auto;}
          #menu_principal ul li li.level2 a:hover .img-menu img, #menu_principal ul li li.level2 a:focus .img-menu img {opacity:0.8; transition:opacity 0.5s ease-in-out;}

        /* nom rubrique level 2 */
          #menu_principal ul li li.level2 span.wrap_item {position:absolute; width:100%; bottom:0; left:0; padding:1.5rem; margin:0; font-size:1em; line-height:1.1em; opacity:1; transition:opacity 1s ease-in-out 0.8s;}
          #menu_principal ul li li.level2 a:hover span.wrap_item, #menu_principal ul li li.level2 a:focus span.wrap_item {opacity:0.4; transition:opacity 1s ease-in-out 0.8s;}

      /* LEVEL 3 */
        #menu_principal ul li.level2 > .sm {display:block !important; padding-top:1rem;}
        #menu_principal ul li ul li li.level3 {padding:1rem 0;}
        #menu_principal ul li ul li li.level3 > a {font-family:'medium',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.3em; padding:0 0 0 3rem; background-repeat:no-repeat; background-position:left -2px;}
        #menu_principal ul li ul li li.level3 > a:hover, #menu_principal ul li ul li li.level3 > a:focus {background-position:4px -2px;}

      /* OVERLAY MENU */
        #overlay_menu {display:none; opacity:0; position:fixed; width:100%; height:100%; top:0; left:0; z-index:1002;}
        #overlay_menu.display_overlay {display:block; opacity:1;}


  /****************************************************************************************/
  /********************************** Bandeau image ***************************************/
  /****************************************************************************************/

      #bandeau_page, #bandeau_page_popin {margin-top:0; padding-top:0; padding-bottom:0;}

      /* HOME FILIGRANE SUR BANDEAU IMAGE */
      /*  #home #bandeau_page #logo_filigrane {width:60%; height:75%; position:absolute; left:-16.5%; top:-17%; z-index:1; min-width:72.1em; max-height:74rem;}*/
      /*  #home #bandeau_page #logo_filigrane img {display:block; position:absolute; left:50%; top:50%; transform:translate(-41%, -50%); margin:0; max-height:100%; max-width:100%; height:auto; width:auto;}*/
        #home #bandeau_page #logo_filigrane {position:static; margin-bottom:6rem; display:inline-block;}
        #home #bandeau_page #logo_filigrane::before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:72.1rem; height:75rem; z-index:-1;}
        #home #bandeau_page #logo_filigrane img {}

        /*DECLINAISON FILIGRANE CENTRE + NOM COMMUNE*/
        /*  #home #bandeau_page #logo_filigrane.center {left:50%; top:50%; transform:translate(-50%, -50%); background:transparent; width:100%; height:auto; padding-bottom:12rem; !**! position:static; margin:0; transform:none; padding-bottom:2rem;}*/
        /*  #home #bandeau_page #logo_filigrane.center img {position:static; transform:none; margin:0 auto;}*/
        /*  #home #bandeau_page #logo_filigrane.center p {text-transform:uppercase; font-family:'black',Arial,Verdana,sans-serif; font-size:3.8em; line-height:1.2; letter-spacing:0.05em; text-align:center; margin:0; position:static; transform:none; width:100%;}*/

          #home #bandeau_page #logo_filigrane.center {margin-right:auto; margin-left:auto; text-align:center; background:none;}
          #home #bandeau_page #logo_filigrane.center::before {display:none;}
          #home #bandeau_page #logo_filigrane.center img {}
          #home #bandeau_page #logo_filigrane.center p {text-transform:uppercase; font-family:'black',Arial,Verdana,sans-serif; font-size:3.8em; line-height:1.2; letter-spacing:0.05em; text-align:center; margin:1.5rem 0 0 0; position:static; transform:none; width:100%;}

          #home #bandeau_page > .wrap {display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding-bottom:15vh; padding-top:8rem;}

      /* PAGE */
        #page #bandeau_page, #page #bandeau_page_popin {min-height:54.6rem;}

      /* GO TO NEXT STRAT */
        #go_to_next {position:absolute; bottom:40px; left:calc(31% - 3rem); z-index:15; width:3rem; height:3rem;}
        #go_to_next p, #go_to_next p a {display:block; width:100%; height:100%; margin:0;}
        #go_to_next p a:hover, #go_to_next p a:focus {opacity:0.6;}


  /****************************************************************************************/
  /*************************************** Footer *****************************************/
  /****************************************************************************************/

    #footer {position:absolute; bottom:0; left:0; width:100%; z-index:1; padding-top:7rem; padding-bottom:3rem;}
    #footer * {color:inherit !important;}
    #footer #bloc_contact_info a, #footer #menu_footer a {position:relative;}
    #footer #bloc_contact_info a::before, #footer #menu_footer a::before {content:""; position:absolute; left:0; bottom:-0.4rem; width:0; height:2px; transition:0.3s ease;}
    #footer #bloc_contact_info a:hover::before, #footer #menu_footer a:hover::before, #footer #bloc_contact_info a:focus::before, #footer #menu_footer a:focus::before {width:100%;}

    /* Logo footer */
      #footer_logo > * {max-width:calc(50% - 2.5rem);}
      #footer_logo p {display:inline-block; margin:0 0 0 2.5rem;}
      #footer_logo p a {position:relative;}
      #footer_logo p a::after {position:absolute; top:0; right:0; padding:0;}

    /* Bloc contact */
      #bloc_contact_info  #info_footer p {font-size:1.4em; line-height:1em; display:block; margin:0 0 1.5rem 0;}
      #bloc_contact_info  #info_footer p:first-of-type {font-family:'black',Arial,Verdana,sans-serif;}

    /* Menu footer */
      #menu_footer ul li {text-transform:uppercase; margin-bottom:1.75rem; font-size:1.4em; line-height:1em;}
      #menu_footer ul li a {font-family:'bold',Arial,Verdana,sans-serif; font-size:1em; line-height:1em;}

    /* #33124 Logo FEDER */
      #footer {padding-bottom:0;}
      #logo_feder {background:transparent; border-top:2px solid rgba(0,0,0,0.08); margin-top:2rem; padding:2rem 0;}
      #logo_feder p {font-size:1.3em; margin:0;}
      #logo_feder .columns:not(.shrink) p {padding:0 3rem;}


  /****************************************************************************************/
  /************************************ Fil d'ariane **************************************/
  /****************************************************************************************/

    #fil_ariane {margin-top:1rem; margin-bottom:2.5rem;}
    #fil_ariane .breadcrumbs {margin-bottom:0; padding:0;}
    #fil_ariane .breadcrumbs li::after, #fil_ariane .breadcrumbs li:not(:last-child)::after {display:none;}
    #fil_ariane .breadcrumbs li {text-transform:none; font-size:1.3em; line-height:1.3em; display:inline; padding:0 6px 0 13px; float:none;}
    #fil_ariane .breadcrumbs li:first-child {padding-left:0; background:none;}
    #fil_ariane .breadcrumbs li:last-child {font-family:'bold',Arial,Verdana,sans-serif;}
    #fil_ariane .breadcrumbs li a {color:inherit; text-decoration:none;}


  /****************************************************************************************/
  /******************************* Share / Bloc note / MAJ ********************************/
  /***************************************************************************************/

    #social_share_popin {margin-top:1.5rem;}
    #social_share ul, #social_share_popin ul {margin-bottom:0;}
    #social_share li, #social_share_popin li {margin:0; display:inline-block; font-size:0; width:3rem; height:3rem; transition:0.3s ease}

    #social_share #share_container, #social_share_popin #share_container_popin {display:inline-block;}
    #social_share #share_container::before, #social_share_popin #share_container_popin::before {content:""; position:absolute; transition:0.3s ease; top:0; left:0; width:3rem; height:3rem; border-radius:5rem; background:#fff; z-index:-1;}
    #social_share #share_container.sharing::before, #social_share_popin #share_container_popin.sharing::before {width:10rem;}
    #social_share #share_container li, #social_share_popin #share_container_popin li {padding:0.25rem;}
    #social_share #share_container li a, #social_share_popin #share_container_popin li a {width:2.5rem; height:2.5rem; border-radius:50%; display:inline-block;}

    #social_share #btn_social_share > li, #social_share_popin #btn_social_share_popin > li,
    #social_share #btn_social_share > li > a, #social_share_popin #btn_social_share_popin > li > a {padding:0; border:0; border-radius:50%; width:3rem; height:3rem; display:inline-block; cursor:pointer; margin-right:1rem;}

    #social_share .share_btn, #social_share_popin .share_btn {position:relative;}
    #social_share .share_btn button, #social_share_popin .share_btn button {position:absolute; left:0; top:0; width:100%; height:100%;}
    #social_share .share_btn ul, #social_share_popin .share_btn ul {position:absolute; left:0; top:0; width:0; height:0;}
    #social_share .share_btn li, #social_share_popin .share_btn li {position:absolute; left:0; top:0; transition:0.3s ease; z-index:0; z-index:-1;}
    #social_share .share_btn #share_container.sharing li, #social_share_popin .share_btn #share_container_popin.sharing li {z-index:1;}
    #social_share .share_btn #share_container.sharing li.button_facebook, #social_share_popin .share_btn #share_container_popin.sharing li.button_facebook {left:3.95rem;}
    #social_share .share_btn #share_container.sharing li.button_twitter, #social_share_popin .share_btn #share_container_popin.sharing li.button_twitter {left:6.95rem;}

    #social_share li:hover > a, #social_share_popin li:hover > a {opacity:0.75;}
    #social_share #btn_social_share .a2a_svg:hover, #social_share_popin #btn_social_share_popin .a2a_svg:hover {opacity:0.7;}
    #social_share #btn_social_share li a::after, #social_share_popin #btn_social_share_popin li a::after {display:none;}
    #social_share #btn_social_share li a span, #social_share_popin #btn_social_share_popin li a span {display:none;}
    #social_share #btn_social_share .a2a_button_facebook, #social_share_popin #btn_social_share_popin .a2a_button_facebook {background:#2b4d86 url(../img/picto_share_fb.png) center center no-repeat; padding:0;}
    #social_share #btn_social_share .a2a_button_twitter, #social_share_popin #btn_social_share_popin .a2a_button_twitter {background:#057eb6 url(../img/picto_share_twi.png) center center no-repeat; padding:0;}


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************ TEMPLATES *******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

  /********************************************************************************/
  /************************************* HOME *************************************/
  /********************************************************************************/

    #home #bandeau_page {height:calc(100vh - 9.5rem);}
    #home #bandeau_page video {display:none;}

      @media screen and (max-width:39.9375em) {

      }

    /*** ANCHORS ***/
      #header.horizontal_menu_is_open #anchors {display:none;}
      #anchors {position:fixed; left:0; top:0; height:100vh; display:flex; flex-direction:column; justify-content:center; z-index:9999; margin:0;}
      #anchors li {font-size:1.1em; line-height:1.2;}
      #anchors li a {position:relative; display:block; padding:2rem; line-height:0;}
      #anchors li a::before, #anchors li a::after {content:""; display:block; transform:rotate(45deg); width:1.2rem; height:1.2rem;}
      #anchors li a::after {position:absolute; transition:0.5s ease; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg) scale(0);}
      #anchors li a:hover::after, #anchors li a:focus::after, #anchors li a.anchoring::after {transform:translate(-50%, -50%) rotate(45deg) scale(1);}
      #anchors li a span {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; line-height:1.6; transform:translateY(-50%); left:-99999rem; opacity:0; transition:opacity 0.5s ease-out; padding:0.5rem 0.75rem; display:block; position:absolute; top:50%; white-space:nowrap;}
      #anchors li a span::before {content:""; position:absolute; border-style:solid; border-width:6px 6px 6px 0; left:-6px; top:calc(50% - 6px);}
      #anchors li a:hover span {left:5rem; opacity:1;} /*, #home #anchors li a.anchoring span, #home #anchors li a:focus span,*/

    /*** ZONE MOTEUR MORPHING ***/
      #home #bandeau_page.sensation_popin_is_here {clip-path:none; -webkit-clip-path:none;}
      #home #bandeau_page.sensation_popin_is_here #go_to_next {display:none;}
      #bandeau_page #zone_moteur.sensation_popin_is_here {z-index:10;}
      #bandeau_page .search_area_cont {background:transparent; width:auto; height:auto; position:static;}
      #bandeau_page .search_area_cont .titre_popin {max-width:130rem; margin:0 auto 5rem auto;}
      #bandeau_page .search_area_cont .titre_popin, #bandeau_page .search_area_cont .close-button {display:none;}
      #bandeau_page .search_area_cont #suggestions {height:0;}

      #bandeau_page .search_area_cont.is_search {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; padding:0 0 8rem 0; overflow-y:auto;}
      #bandeau_page .search_area_cont.is_search #zone_moteur, #popin_recherche #zone_moteur {height:auto;}
      #bandeau_page .search_area_cont.is_search #zone_recherche, #popin_recherche #zone_recherche {max-width:67rem; margin:auto; padding:0;}
      #bandeau_page .search_area_cont.is_search #suggestions, #popin_recherche .wrap_popin.is_search #suggestions {height:auto;}
      #bandeau_page .search_area_cont.is_search .titre_popin, #bandeau_page .search_area_cont.is_search .close-button {display:block;}

      .is_search #zone_recherche button, .is_search #zone_recherche .noVocalRecognition, #popin_recherche #zone_recherche button, #popin_recherche #zone_recherche .noVocalRecognition {bottom:12px;}

      #popin_recherche.home_search .content {max-width:70rem;}
      #popin_recherche.home_search .content .titre_popin {display:none;}
      #popin_recherche.page_search .search_area_cont {width:100%;}

      #suggestions {padding-top:0; margin:auto; overflow:hidden; max-width:70rem;}
      #suggestions .titre_suggestions {text-transform:uppercase; font-family:'semibold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1; padding:5rem 0 0 0; margin:0;}
      #suggestions li {margin:10px auto; font-size:1.6em; line-height:1.2;}
      #suggestions li.ui-state-focus,#suggestions li a.ui-state-active {background:none;}
      #suggestions li a {padding:5px 0; margin:0; width:100%;}
      #suggestions li a span {color:inherit;}
      #suggestions li a:hover, #suggestions li a:focus {opacity:0.6;}
      #suggestions li a .categories {font-size:0.8em; text-transform:uppercase;}
      #suggestions .btn_lien {margin:15px 0 0 0;}
      #suggestions .btn_lien a:hover, #suggestions .btn_lien a:focus {opacity:0.6;}

      /* ZONE MOTEUR */
        #zone_moteur {z-index:2; height:100%; /**/flex:0 0 auto; height:auto; padding-top:0;}
        #zone_recherche {max-width:50rem; width:100%; margin:0 auto; position:relative; text-align:left;}
        #zone_recherche .ligne_form {margin:0;}
        #zone_recherche input[type="text"] {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2; letter-spacing:0.1em; width:100%; padding:2rem 3.5rem; margin:0; height:inherit; border-radius:2px; box-shadow:none;}
        #zone_recherche input[type="submit"] {text-indent:-99999em; padding:0; line-height:0; border:0 !important;}
        #zone_recherche button, #zone_recherche .noVocalRecognition {position:absolute; right:4.5rem; bottom:1.5rem; height:3.5rem; width:2rem; display:block; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:100%; transition:none; cursor:pointer;}
        #zone_recherche button:hover, #zone_recherche button:focus {opacity:0.6;}

      /* vocalRecognitionOn */
        #zone_recherche button.vocalRecognitionOn::before, #zone_recherche button.vocalRecognitionOn::after {content:""; position:absolute; top:50%; left:50%; margin:-3.5rem 0 0 -3.5rem; width:7rem; height:7rem; border-radius:50%; opacity:0; pointer-events:none; -webkit-animation-name:anim-effect-vocalRecognitionOn-2, anim-effect-vocalRecognitionOn-1; animation-name:anim-effect-vocalRecognitionOn-2, anim-effect-vocalRecognitionOn-1; -webkit-animation-duration:1.2s; animation-duration:1.2s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
        #zone_recherche button.vocalRecognitionOn::after {-webkit-animation-delay:0.6s; animation-delay:0.6s;}

        @-webkit-keyframes anim-effect-vocalRecognitionOn-1 {
          0%,100% {opacity:0;}
          40%, 60% {opacity:1;}
        }
        @keyframes anim-effect-vocalRecognitionOn-1 {
          0%,100% {opacity:0;}
          40%, 60% {opacity:1;}
        }

        @-webkit-keyframes anim-effect-vocalRecognitionOn-2 {
          0% {-webkit-transform:scale3d(0.5, 0.5, 1); transform:scale3d(0.5, 0.5, 1);}
          100% {-webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1);}
        }
        @keyframes anim-effect-vocalRecognitionOn-2 {
          0% {-webkit-transform:scale3d(0.5, 0.5, 1); transform:scale3d(0.5, 0.5, 1);}
          100% {-webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1);}
        }

    /*** TAG ***/
      #tags {margin:1.75rem 0 18.75rem 0; text-align:center; /**/ margin-bottom:0 !important;}
      #tags li {margin:0.75rem; display:inline-block; font-size:1.7em; line-height:1.2em;}
      #tags li a {font-family:'mediumitalic',Arial,Verdana,sans-serif; font-size:1em; line-height:1em; padding:1rem 3rem; display:block; border-radius:2px; border-width:1px; border-style:solid;}

    /*** BLOCS HOME ***/
      /* SLOPPY */
        /* FORMES CASSURES*/
          /* haut droite */
            /*clip-path:polygon(100% 0, 100% 100%, 70% 90%, 0 100%, 0 0);*/
            /*clip-path: polygon(70% 0,100% 100%,0 100%);*/
            /*clip-path:polygon(100% 100%x,100% 0,0 0,0 100%,70% 0);*/

          /* bas droite */
            /*clip-path:polygon(100% 0, 100% 90%, 70% 100%, 0 90%, 0 0);*/
            /*clip-path:polygon(70% 100%,100% 0,0 0);*/

          /* bas gauche */
            /*clip-path:polygon(100% 0, 100% 90%, 30% 100%, 0 90%, 0 0);*/
            /*clip-path:polygon(30% 100%,100% 0,0 0);*/

          /* haut gauche  */
            /*clip-path:polygon(100% 0, 100% 100%, 30% 90%, 0 100%, 0 0);*/
            /*clip-path: polygon(30% 0,100% 100%,0 100%);*/
            /*clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0);*/

        /* bloc avec forme en bas */
          .sloppy {position:relative; padding-bottom:17rem; background:transparent !important;}
          .sloppy .bg_color {padding-top:19.8rem; margin-top:-17rem; padding-bottom:2.8rem; width:100%;}
          .space_mounetaine {position:absolute; bottom:1px; left:0; width:100%; height:17rem;}

        /* bloc qui a la forme */
          .sloppy_mountaine {position:relative; padding-top:7.5rem; margin-top:-17rem; padding-bottom:17rem;}

        /* bloc avec bg img qui a la forme */
          .sloppy_bg_img_filter {position:relative; overflow:hidden; padding-top:19.8rem; margin-top:-17rem; padding-bottom:2.8rem; width:100%;}
          .sloppy_bg_img_filter .space_mounetaine {display:none;}
          .sloppy_bg_img_filter .img {width:100%; height:100%; top:0; left:0; z-index:1;}
          .sloppy_bg_img_filter .img img, .sloppy_bg_img_filter .img video {opacity:0.75; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); max-height:200%; min-height:100%; margin:0; max-width:inherit; min-width:100%; height:auto; width:auto;}
          .sloppy_bg_img_filter .wrap {position:relative; z-index:15; height:100%;}

        /* gestion z-index */
          #home #bandeau_page {z-index:6;}
          #bloc_acces_rapides {z-index:5;}
          #agenda {z-index:4;}
          #zoom_sur {z-index:3;}
          #territoire {z-index:2;}
          #social_wall {z-index:1;}

          #page #bandeau_page {z-index:6;}
          #col_left {z-index:5;}
          #bloc_info_utile {z-index:4;}
          #page #bloc_acces_rapides, #popin_detail #bloc_acces_rapides {z-index:3;}
          #page #agenda, #popin_detail #agenda {z-index:2;}
          #mise_en_avant {z-index:1;}

        /* Cassures */
          /*Bas Gauche */ #home #bandeau_page {clip-path:polygon(100% 0, 100% 83%, 30% 100%, 0 83%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 83%, 30% 100%, 0 83%, 0 0);}
          /*Bas Droite */ #bloc_acces_rapides .space_mounetaine {clip-path:polygon(70% 100%,100% 0,0 0); -webkit-clip-path:polygon(70% 100%,100% 0,0 0);}
          /*Haut Gauche*/ #agenda .space_mounetaine {clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0); -webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0);}
          /*Bas Droite */ #zoom_sur {clip-path:polygon(100% 0, 100% 83%, 70% 100%, 0 83%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 83%, 70% 100%, 0 83%, 0 0);}
          /*Bas Gauche */ #territoire .space_mounetaine {clip-path:polygon(30% 100%,100% 0,0 0); -webkit-clip-path:polygon(30% 100%,100% 0,0 0);}

          /*Bas Gauche */ #page #bandeau_page {clip-path:polygon(100% 0, 100% 83%, 30% 100%, 0 83%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 83%, 30% 100%, 0 83%, 0 0);}
          /*Bas Droite */ #col_left .space_mounetaine, #col_left_popin .space_mounetaine {clip-path:polygon(70% 100%,100% 0,0 0); -webkit-clip-path:polygon(70% 100%,100% 0,0 0);}
          /*Haut Gauche*/ #bloc_info_utile {clip-path:polygon(100% 0, 100% 100%, 30% 90%, 0 100%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 100%, 30% 90%, 0 100%, 0 0);}
          /*Bas Gauche */ #page #bloc_acces_rapides .space_mounetaine {clip-path:polygon(30% 100%,100% 0,0 0); -webkit-clip-path:polygon(30% 100%,100% 0,0 0);}
          /*Haut Droite*/ #page #agenda .space_mounetaine {clip-path:polygon(100% 100%,100% 0,0 0,0 100%,70% 0); -webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,70% 0);}

        /* bloc GMAP */
          #bloc_info_utile {min-height:108.5rem;}
          .info_map {position:absolute; width:100%; height:100%; top:0; left:0;}

        /* les derniers blocs n'ont pas de forme cassure donc pas de gros padding-bottom non plus */
          #home #global .bloc_home:not(#zoom_sur):last-child, #page #content_page .bloc_home:last-child, #popin_detail #content_page_popin .bloc_home:last-child {padding-bottom:0 !important;}
          #home #global .bloc_home:last-child, #page #content_page .bloc_home:last-child, #popin_detail #content_page_popin .bloc_home:last-child {clip-path:initial; -webkit-clip-path:initial;}
          #home #global .bloc_home:last-child > div, #page #content_page .bloc_home:last-child > div, #popin_detail #content_page_popin .bloc_home:last-child > div {padding-bottom:5rem;}
          #page #content_page #bloc_info_utile.bloc_home:last-child > div {padding-bottom:0 !important;}
          #home #global .bloc_home:last-child .space_mounetaine, #page #content_page .bloc_home:last-child .space_mounetaine, #popin_detail #content_page_popin .bloc_home:last-child .space_mounetaine {display:none;}

        /*
          EDITO :
            bandeau image : bas gauche
            zone edito : bas droite
            carte : haut gauche
            a votre service : bas gauche
            a la une : haut droite
            pour aller plus loin : pas de cassure
        */

      /* titre */
        .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {text-transform:uppercase; font-family:'black',Arial,Verdana,sans-serif; font-size:4.2em; line-height:1.1em; letter-spacing:0.05em; padding:7.4rem 0 5.5rem 12.3rem; margin:0; position:relative; background-repeat:no-repeat; background-position:0 0; word-break:break-word; word-wrap:break-word;}
        .bloc_home .titre_bloc .bloc_home_title > span {color:inherit; font-family:inherit; display:block;}
        .bloc_home .titre_bloc .bloc_home_title::before {content:""; display:block; width:7rem; height:1px; position:absolute; left:7.3rem; top:6.3rem;}

        .number_bloc_home {position:absolute; left:7.3rem; top:4.5rem; color:inherit; font-family:inherit; font-size:1.2rem; line-height:1;}
        #zoom_sur .number_bloc_home, #page .number_bloc_home {display:none;}

        /* cas particuliers */
          #bloc_info_utile .titre_bloc .bloc_home_title, #content_page #bloc_info_utile .titre_bloc .bloc_home_title, #content_page_popin #bloc_info_utile .titre_bloc .bloc_home_title {z-index:1; padding-bottom:0;}
          #bloc_info_utile .titre_bloc {position:relative;}
          #bloc_info_utile .titre_bloc::after {content:""; display:block; width:1000%; height:calc(100% + 7.5rem); position:absolute; left:0; top:0; transform:translateX(-20%) translateY(calc(0% - 7.5rem));}
      /* sous-titre */
         .bloc_home .bloc_home_subtitle, #content_page .bloc_home .bloc_home_subtitle, #content_page_popin .bloc_home .bloc_home_subtitle {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.2em; line-height:1.2em; margin:1.5rem 0 0 0;}

    /*** EN 1 CLIC ***/
      /* 29714 > 32479 */ #home #bloc_acces_rapides .wrap {padding-top:9.5rem;}
      /* 29714 > 32479 */ #home #bloc_acces_rapides .bg_color {padding-top:3rem; margin-top:0;}
      /* 29714 */ /*#bloc_acces_rapides .wrap {padding-top:9.5rem;}*/
      /* 29714 */ /*#bloc_acces_rapides .bg_color {padding-top:3rem; margin-top:0;}*/
      #acces_rapides {margin-top:7rem; margin-bottom:8rem;}
      .btn_select {font-family:'bold',Arial,Verdana,sans-serif; letter-spacing:0.2em; padding:1.2rem 4.5rem 1.2rem 2.5rem; background-position:right 2.5rem center; background-repeat:no-repeat;}
      .btn_select:hover, .btn_select:focus {background-position:right 2.5rem center;}
      .dropdown-pane ul {padding:1rem; margin:0;}
      .dropdown-pane ul li a {padding:0.5rem 1rem; display:block;}

       #acces_rapides, #content_page #acces_rapides, #content_page_popin #acces_rapides {margin:0; padding:0; margin-bottom:-7rem;}
      #acces_rapides li, #content_page #acces_rapides li, #content_page_popin #acces_rapides li {list-style-image:none; padding:0 1.5rem 7rem 1.5rem;}
      #acces_rapides li a, #content_page #acces_rapides li a, #content_page_popin #acces_rapides li a {padding:0; border:0; font-size:1rem; display:block; text-align:center; word-break:break-word; word-wrap:break-word; }
      #acces_rapides li a span {display:block; position:relative;}
      #acces_rapides li a .img img {margin:0 auto; display:block; position:relative; z-index:1; transition:transform 0.3s ease;}
      #acces_rapides li:not(#btn_clic_all) a .img::before {content:""; width:10rem; height:10rem; position:absolute; border-radius:50%; top:40%; left:50%; z-index:0; transition:0.3s ease; transform:translate(-50%, -50%) scale(1);}

      #acces_rapides li a .txt {font-family:'extrabold',Arial,Verdana,sans-serif; display:inline; font-size:2.2em; margin-top:1rem; letter-spacing:0.02em;}
      #acces_rapides li a .info_doc {text-align:center;}
      #acces_rapides li a .info_doc span {display:inline-block; font-family:'regular',Arial,Verdana,sans-serif; font-size:1.4em; position:relative;}
      #acces_rapides li a .info_doc span:not(:first-child) {padding-left:1rem; margin-left:1rem;}
      #acces_rapides li a .info_doc span:not(:last-child)::after {content:""; height:12px; width:1px; transform:rotate(30deg); position:absolute; right:-1rem; bottom:0.6rem;}

      #acces_rapides li a:hover .img img , #acces_rapides li a:focus .img img {transform:translateY(-2rem);}
      #acces_rapides li:not(#btn_clic_all) a:hover .img img , #acces_rapides li:not(#btn_clic_all) a:focus .img img {filter:brightness(0) invert(100%);}
      #acces_rapides li:not(#btn_clic_all) a:hover .img::before, #acces_rapides li:not(#btn_clic_all) a:focus .img::before {transform:translate(-50%, -50%) scale(1.2);}

    /*** A LA UNE - Slider ***/
      #home #bloc_acces_rapides + div + #agenda .wrap {padding-top:0;}
      #home #agenda + div + #bloc_acces_rapides .wrap {padding-top:0;}
      #home #agenda .wrap {padding-top:9.5rem;}
      /* items next / prev opacity */
        #agenda .slick-list {overflow:visible;}
        #agenda .list_item[aria-hidden="true"]::before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9999999; opacity:0.5;}
        #agenda .list_item[aria-hidden="true"] a {z-index:1;}
        #agenda .list_item[aria-hidden="true"]:hover .txt {height:100%; width:100%;}
        #agenda .list_item.bandeau_item[aria-hidden="true"]:hover .txt {height:auto; width:80%;}
        #agenda .list_item[aria-hidden="true"]:hover .thumb-title .thumb-desc, #agenda .list_item[aria-hidden="true"]:hover .cat_lien, #agenda .list_item[aria-hidden="true"]:hover .btn_add_calendar {margin-top:0; height:0; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0);}

      #agenda ul.content {margin-bottom:0;}
      #agenda ul.content.scale-in-up.mui-enter {transition-property:transform;}
      #agenda ul.content.scale-in-up.mui-enter.mui-enter-active {-ms-transform:scale(1); transform:scale(1);}

      /* Init tabs */
        .tabs {padding:0; margin:0; border:0; background:transparent; height:100%;}
        .tabs-content {border:0; background:transparent; color:initial; transition:none; width:100%;}
        .tabs-panel {padding:0;}
        #agenda .tabs-title {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:2.1em;}
        #agenda .tabs-title > a[aria-selected='false'] {border-width:1px; border-style:solid;}

      /* Skin filters */
        #slick-filters {margin-bottom:2.5rem;}
        #slick-filters ul, #content_page #slick-filters ul, #content_page_popin #slick-filters ul {margin:0; padding:0;}
        #slick-filters ul li, #content_page #slick-filters ul li, #content_page_popin #slick-filters ul li {font-size:initial; line-height:initial; list-style-image:none !important; padding:0 1.5rem 1.5rem 0;}

      /* Skin slick */
        .slick-track li {font-size:1em; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
        .slick-track {margin:0 auto;}
        .slick-arrow {position:absolute; top:calc(50% - 1.7rem); width:3.4rem; height:3.4rem; padding:0; font-size:0; z-index:2; cursor:pointer; -moz-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; -webkit-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out;}
        /* arrow next / prev */
          .slick-arrow.slick-prev {left:-5rem;}
          .slick-arrow.slick-next {right:-5rem;}
          .slick-arrow::before, .slick-arrow:hover::before, .slick-arrow:focus::before {display:block;-moz-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out; -webkit-transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out;}
          .slick-arrow.slick-prev:hover::before, .slick-arrow.slick-prev:focus::before {transform:translateX(-10%);}
          .slick-arrow.slick-next:hover::before, .slick-arrow.slick-next:focus::before {transform:translateX(10%);}
          /* arrow next / prev pour A la une */
            #agenda .slick-arrow {top:calc(50% - 5rem); width:7rem; height:10rem;}
            #agenda .slick-arrow.slick-prev {left:-9rem;}
            #agenda .slick-arrow.slick-next {right:-9rem;}

      /* BLOCS BAS DE PAGE EDITO */
        /*** A LA UNE - Slider ***/
          .bloc_home ul.content {padding:0 !important;}
          .bloc_home .content li.list_item {padding:0 1.5rem !important;}

    /*** ZOOM SUR ***/
      /* #41247 */ #home #anchor_header + div + #zoom_sur {margin-top:9.5rem;}
      #zoom_sur {padding-bottom:35rem;}
      #zoom_sur .img::after {content:""; position:absolute; height:100%; width:100%; z-index:2;}
      #zoom_sur .titre_bloc .bloc_home_title {background:none; padding:0;}
      #zoom_sur .titre_bloc .bloc_home_title::before {display:none;}
      #zoom_sur .sous_titre_bloc .bloc_home_subtitle {max-width:45rem; margin:1.5rem auto 0 auto; text-align:center;}
      #zoom_sur .content {margin:4.5rem auto 2rem auto; text-align:center; max-width:45rem;}
      #zoom_sur .content p {margin:0; font-family:'medium',Arial,Verdana,sans-serif;}

    /*** TERRITOIRE ***/
      /* Liste des communes */
      #map_list {margin-bottom:3rem;}
      #map_list > button {padding-right:5.7rem; min-width:31.9rem;}
      #map_list > button.hovered {background-image:none;}

      #map_list .dropdown-pane {max-width:31.9rem; height:30rem; overflow-y:auto;}
      #content_page #map_list ul {padding:1rem;}
      #content_page #map_list ul li {list-style-image:none; padding:0;}
      #content_page .dropdown-pane ul li:not(:last-of-type) {border-bottom:1px solid #e0e0e0;}
      #map_list ul li a {border:0; width:100%; text-align:left; padding:8px 22px; font:inherit;}
      /* Map */
      #metz_metropole_map, #metz_metropole_map svg {min-height:100%; height:100%; width:100%;}
      #metz_metropole_map svg {padding:0 10rem; min-height:48rem;}

      /* HACK POUR IE */
      .cls-1 {stroke-width:2px;}
      #metz_metropole_infos p {padding:25px 0; font-family:'bold',Arial,Verdana,sans-serif; font-size:2.5em; background-repeat:no-repeat; background-position:left center;}
      #metz_metropole_infos span {font-family:inherit; font-size:1.4em; display:inline-block;}


  /********************************************************************************/
  /*********************************** PAGE TYPE **********************************/
  /********************************************************************************/

    /*** TITRE PAGE ***/
      #titre_page {padding:7rem 1.5rem 1.5rem 1.5rem;}
      #titre_page_popin {padding:7rem 1.5rem 1.5rem 1.5rem;}
      #bandeau_page_popin.bandeau_page_elu #titre_page_popin {padding-bottom:6em;}
      #page h1, #popin_detail #titre_page_popin p {text-transform:uppercase; font-family:'black',Arial,Verdana,sans-serif; font-weight:normal; font-size:5em; line-height:1em; margin:0 auto; text-align:center; max-width:82.5rem;}

    /*** BLOC ACCROCHE ***/
      .quote {padding-bottom:2rem; padding-top:2rem;}
      #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {font-family:'semibold',Arial,Verdana,sans-serif; font-size:3.2em; line-height:1.1em; margin:0; letter-spacing:0;}

    /*** PARAM TXT ***/
      #content_page .csc-header, #content_page_popin .csc-header {margin-bottom:0;}
      #content_page h2, #content_page_popin h2 {text-transform:none; font-family:'extrabold',Arial,Verdana,sans-serif; font-size:3em; line-height:1.2em; margin:4rem 0 1.5rem 0;}
      #content_page h2 a,  #content_page_popin h2 a {border:0; padding:0; text-transform:none; font-family:'extrabold',Arial,Verdana,sans-serif;}
      #content_page h3, #content_page_popin h3 {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.2em; line-height:1.2em; margin:3rem 0 1rem 0;}
      #content_page h3 a, #content_page_popin h3 a {border:0; padding:0; text-transform:none; font-family:'bold',Arial,Verdana,sans-serif;}
      #content_page h4, #content_page_popin h4 {text-transform:none; font-size:1.8em; line-height:1.4em; margin:2rem 0 1rem 0; font-family:'semibold',Arial,Verdana,sans-serif;}
      #content_page h4 a, #content_page_popin h4 a {border:0; padding:0; text-transform:none; font-family:'semibold',Arial,Verdana,sans-serif;}
      #content_page h2 a:hover, #content_page h2 a:focus, #content_page h3 a:hover, #content_page h3 a:focus, #content_page h4 a:hover, #content_page h4 a:focus,
      #content_page_popin h2 a:hover, #content_page_popin h2 a:focus, #content_page_popin h3 a:hover, #content_page_popin h3 a:focus, #content_page_popin h4 a:hover, #content_page_popin h4 a:focus {border:0; font-weight:normal; background:none;}

    /*SKIN LIEN*/
      #content_page a, #content_page_popin a {text-transform:none; font-family:'bold',Arial,Verdana,sans-serif; background-color:transparent; padding:0 2px; position:relative; word-break:break-word;}
      #content_page .ce-textpic .image a,  #content_page_popin .ce-textpic .image a {padding:0; border:0; background:none !important;}

    /*SKIN LEGENDE LIEN IMG*/
      div.csc-textpic .csc-textpic-imagewrap {max-width:78rem;}
      #content_page .csc-textpic-image, #content_page_popin .csc-textpic-image, #content_page figure.image, #content_page_popin figure.image {margin:0 0 30px 0; position:relative;}
      #content_page .ce-gallery .csc-textpic-image, #content_page_popin .ce-gallery .csc-textpic-image, #content_page .ce-gallery figure.image, #content_page_popin .ce-gallery figure.image {margin:0;}

      #content_page .legende_image, #content_page_popin .legende_image {margin-top: 0.5rem; display: block; font-size: 1.6rem; font-family: 'bold',Arial,Verdana,sans-serif;}

      /* skin diaporama */
        #content_page figcaption.csc-textpic-caption, #content_page_popin figcaption.csc-textpic-caption,
        #content_page p.figcaption, #content_page_popin p.figcaption,
        #content_page .bloc_video .description p, #content_page_popin .bloc_video .description p {font-family:'regular',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1.4em; font-style:italic; padding:1rem; margin-bottom:0; text-align:left; position:absolute; bottom:0; left:0; width:100%;}

      /* skins specifique image seule */
          #content_page .csc-textpic figcaption,
          #content_page_popin .csc-textpic figcaption {font-family:'mediumitalic',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em; padding:1rem; margin:0; font-style:normal; position:relative;}

        /* btn telecharger image */
        p.btn_download_pic,
        #content_page p.btn_download_pic,
        #content_page_popin p.btn_download_pic {position:absolute; top:0; left:50%; z-index:2000; font-size:1.4em; margin:0; padding:1rem; text-align:center; transform:translateX(-50%);}
        #content_page p.btn_download_pic a,
        #content_page_popin p.btn_download_pic a,
        .popin.reveal p.btn_download_pic a {display:block; padding:0.5rem 1rem !important; font-family:'semibold',Arial,Verdana,sans-serif;  opacity:0.25; text-transform:uppercase;}
        #content_page .diaporama_images .slick-slide:hover p.btn_download_pic a,
        #content_page_popin .diaporama_images .slick-slide:hover p.btn_download_pic a {opacity:1;}

    /*SKIN LIST*/
      #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 3rem;}
      #content_page ul li, #content_page ol li, #content_page_popin ul li, #content_page_popin ol li, #content_page .accordion_container li {padding:2px 0; position:relative; border:0;}
      #content_page ul li li, #content_page ol li li, #content_page_popin ul li li, #content_page_popin ol li li {font-size:1em;}
      #content_page ol, #content_page_popin ol {list-style:initial; list-style-type:decimal;}
      #content_page ol li, #content_page_popin ol li {list-style:initial; list-style-type:decimal;}

    /*SKIN TABLEAUX*/
      #content_page table, #content_page_popin table {border-spacing:0; border-collapse:collapse; margin-bottom:3rem;}
      #content_page table caption, #content_page_popin table caption {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.6em; padding:15px 25px;}
      #content_page th, #content_page td, #content_page_popin th, #content_page_popin td {padding:10px; vertical-align:middle; text-align:left;}
      #content_page th, #content_page_popin th {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em;}
      #content_page th > *, #content_page_popin th > * {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:1em; margin-bottom:0;}
      #content_page td, #content_page_popin td {font-size:1.8em; line-height:1.4em; font-weight:normal;}
      #content_page td *, #content_page_popin td * {font-size:1em;}

    /* STYLE RTE */
      #page #content_page p.align-left, #content_page_popin p.align-left, #page #content_page td.align-left, #content_page_popin td.align-left {text-align:left;}
      #page #content_page p.align-right, #content_page_popin p.align-right, #page #content_page td.align-right, #content_page_popin td.align-right {text-align:right;}
      #page #content_page p.align-center, #content_page_popin p.align-center, #page #content_page td.align-center, #content_page_popin td.align-center {text-align:center;}
      #page #content_page p.align-justify, #content_page_popin p.align-justify, #page #content_page td.align-justify, #content_page_popin td.align-justify {text-align:justify;}
      #page #content_page p.align-left img, #content_page_popin p.align-left img, #page #content_page td.align-left img, #content_page_popin td.align-left img {float:left; margin-right:1rem;}
      #page #content_page p.align-right img, #content_page_popin p.align-right img, #page #content_page td.align-right img, #content_page_popin td.align-right img {float:right; margin-left:1rem;}

    /* BLOCKQUOTE */
      #content_page blockquote, #content_page_popin blockquote {max-width:78rem; margin:2rem auto; padding:1rem 2.5rem; border:0; font-family:'medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.4em;}
      #content_page blockquote p, #content_page_popin blockquote p {font-family:inherit; font-size:1em; line-height:1.6em;}
      #content_page blockquote *, #content_page_popin blockquote * {margin-bottom:0;}

    /* GRID ELEMENT */
      #col_left_inner_popin > .row > .columns > .bloc_col, #col_left_inner > .row > .columns > .bloc_col {margin-top:0;}
      #col_left_inner_popin > .row, #col_left_inner > .row {margin-top:3rem;}

    /* BLOC VIDEO */
      .bloc_video {width:100%; max-width:57rem; margin-left:auto; margin-right: auto; margin-bottom:3rem; position:relative;}
      #content_page .bloc_video .title p, #content_page_popin .bloc_video .title p {margin-bottom:5px;}

    /* BLOC DIAPORAMA IMAGES SLICK */
      .diaporama_images {margin-bottom:3rem; max-width:71.5rem; margin:0 auto;}
      .diaporama_images .slick-slide img {width:100%;}
      #col_right .diaporama_images {margin-bottom:0;}
      .diaporama_images .contenu_bloc {overflow:hidden; padding:0; margin-bottom:2rem;}
      .diaporama_images .slider-for-images, .diaporama_images .slider-nav-images {position:relative; overflow:hidden;}
      .diaporama_images button:focus, .image_pop button:focus, #image_pop_col_right button:focus {outline:none;}
      #content_page_popin .diaporama_images .slick-slide a, #content_page_popin .diaporama_images .slider-nav-images a,
      #content_page .diaporama_images .slick-slide a, #content_page .diaporama_images .slider-nav-images a {padding:0; border:0; display:block;}
      #content_page_popin .diaporama_images .slider-nav-images a:hover img, #content_page_popin .diaporama_images .slider-nav-images a:focus img,
      #content_page .diaporama_images .slider-nav-images a:hover img, #content_page .diaporama_images .slider-nav-images a:focus img {opacity:0.7;}
      .diaporama_images.adjust .slick-track {transform:translate3d(0, 0, 0) !important;}
      .diaporama_images .slick-slider .slick-track {min-width:100%;}
      .diaporama_images .slider-nav-images {padding:0 6rem; max-height:6rem;}
      .diaporama_images .slider-nav-images::before, .diaporama_images .slider-nav-images::after {content:""; display:inline-block; margin:0 auto; width:6rem; height:4.7rem; position:absolute; top:7px; text-align:center;}
      .diaporama_images .slider-nav-images .slick-slide {width:6rem !important; height:6rem !important; overflow:hidden;}
      .diaporama_images .slider-nav-images .slick-slide:hover a {opacity:0.7;}
      .diaporama_images .slider-nav-images.slick-slider .slick-arrow::before {display:block; margin:0 auto;}
      .diaporama_images .slick-slider .slick-arrow, .image_pop .slick-slider .slick-arrow, #image_pop_col_right .slick-slider .slick-arrow {position:absolute; top:0; height:100%; font-size:0; border-radius:0; padding:0; width:6rem;}
      .diaporama_images .slider-nav-images.slick-slider .slick-arrow:hover, .diaporama_images .slider-nav-images.slick-slider .slick-arrow:focus {opacity:0.7;}
      .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow,
      .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow,
      #image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow {z-index:1000; opacity:0.7; background-color:transparent;}
      .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow:hover,
      .diaporama_images .slider-for-images.slick-slider:hover .slick-arrow:focus,
      .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow:hover,
      .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow:focus,
      #image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow:hover,
      #image_pop_col_right .slider-for-images-pop.slick-slider:hover .slick-arrow:focus {opacity:1;}

      .diaporama_images .slick-slider .slick-arrow.slick-prev, .image_pop .slick-slider .slick-arrow.slick-prev, #image_pop_col_right .slick-slider .slick-arrow.slick-prev {left:0;}
      .diaporama_images .slick-slider .slick-arrow.slick-next, .image_pop .slick-slider .slick-arrow.slick-next, #image_pop_col_right .slick-slider .slick-arrow.slick-next {right:0;}

      .diaporama_images .slider-for-images.slick-slider .slick-arrow::before, .image_pop .slick-slider .slick-arrow:before, #image_pop.slick-slider .slick-arrow::before, #image_pop_col_right.slick-slider .slick-arrow::before {display:block; margin:0 auto; height:7rem;}
      #content_page .diaporama_images .slider-nav-images .slick-slide a:hover, #content_page .diaporama_images .slider-nav-images .slick-slide a:focus,
      #content_page_popin .diaporama_images .slider-nav-images .slick-slide a:hover, #content_page_popin .diaporama_images .slider-nav-images .slick-slide a:focus {border:0; background:transparent;}
      .image_pop .slider-for-images-pop, #image_pop_col_right .slider-for-images-pop {position:relative;}
      .image_pop .slick-slider .slick-list, #image_pop_col_right .slick-slider .slick-list {position:relative; z-index:2;}

      .image_pop, .video_pop {padding:6rem; top:15rem !important;}
      /*legende*/
      .slick-slider figcaption {line-height:1.7em; padding:5px 0;}

    /* ACCORDEON ACCORDION #36655 */
      .bloc_contenu_accordeon .list_item, #content_page .bloc_contenu_accordeon .list_item, #content_page_popin .bloc_contenu_accordeon .list_item {margin-left:1.5rem; margin-right:1.5rem; padding:3.5rem 2.5rem; font-size:2.2em;}
      .bloc_contenu_accordeon .list_item > a, #content_page .bloc_contenu_accordeon .list_item > a, #content_page_popin .bloc_contenu_accordeon .list_item > a {color:inherit; padding:1rem 0 1rem 3rem !important; background:transparent !important;}
      /* #47277 */
      .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p,
      .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li,
      .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li {font-size:1.8rem;}

      .bloc_contenu_accordeon .list .list_item {-ms-flex:0 0 100% !important; flex:0 0 100% !important; max-width:100% !important;}

      #content_page .bloc_contenu_accordeon, #content_page_popin .bloc_contenu_accordeon {padding:2.5rem 6.5rem 1.5rem;}
      #content_page .bloc_contenu_accordeon .bloc_home_title, #content_page_popin .bloc_contenu_accordeon .bloc_home_title {position:relative; padding-bottom:1.5rem; margin-top:0;}
      #content_page .bloc_contenu_accordeon .accordion, #content_page_popin .bloc_contenu_accordeon .accordion {background:transparent;}
      #content_page .bloc_contenu_accordeon .accordion_container .accordion ul, #content_page_popin .bloc_contenu_accordeon .accordion_container .accordion ul {padding: 0 0 0 3rem; margin-bottom: 1.5rem;}
      #content_page .bloc_contenu_accordeon .accordion_container li, #content_page_popin .bloc_contenu_accordeon .accordion_container li {list-style-image:none; line-height:1.6em;}
      #content_page .bloc_contenu_accordeon .accordion_container li .accordion-title, #content_page_popin .bloc_contenu_accordeon .accordion_container li .accordion-title {padding:1rem 0 1rem 3rem; border:0; text-transform:none; font-family:'black',Arial,Verdana,sans-serif; font-size:inherit; line-height:inherit; display:block;}
      #content_page .bloc_contenu_accordeon .accordion_container li .accordion-title::before, #content_page_popin .bloc_contenu_accordeon .accordion_container li .accordion-title::before {left:0; top:1.5rem; right:inherit; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
      #content_page .bloc_contenu_accordeon .accordion_container li.is-active .accordion-title::before, #content_page_popin .bloc_contenu_accordeon .accordion_container li.is-active .accordion-title::before {-moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
      .accordion_container .accordion-content {padding:1rem 0 1rem 3rem; border:0; background-color:transparent;}
      #content_page .bloc_contenu_accordeon .accordion_container .accordion-content p, #content_page_popin .bloc_contenu_accordeon .accordion_container .accordion-content p {font-size:inherit;}
      #content_page .bloc_contenu_accordeon .accordion_container .accordion-content:last-child, #content_page_popin .bloc_contenu_accordeon .accordion_container .accordion-content:last-child {border:none;}
      #content_page .bloc_contenu_accordeon .accordion-title:hover, #content_page .bloc_contenu_accordeon .accordion-title:focus, #content_page_popin .bloc_contenu_accordeon .accordion-title:hover, #content_page_popin .bloc_contenu_accordeon .accordion-title:focus {background-color:transparent;}

      #content_page .bloc_contenu_accordeon table caption, #content_page_popin .bloc_contenu_accordeon table caption, #content_page .bloc_contenu_accordeon td, #content_page_popin .bloc_contenu_accordeon td{font-size:1.8rem;}
      #content_page .bloc_contenu_accordeon th, #content_page_popin .bloc_contenu_accordeon th{font-size:1.6rem;}
      #content_page .bloc_contenu_accordeon .csc-textpic figcaption, #content_page_popin .bloc_contenu_accordeon .csc-textpic figcaption{font-size:1.4rem;}
      .bloc_contenu_accordeon .bloc_video{margin-left:0;margin-right:0;}

    /* BLOC MENU PRINCIPAL - #46859  */
      #content_page .menu_item, #content_page_popin .menu_item {margin-bottom:3rem; max-width:35rem;}
      #content_page .menu_item .content, #content_page_popin .menu_item .content {position:relative;}
      #content_page .menu_item .titre, #content_page_popin .menu_item .titre {position:absolute; top:0; left:0; width:100%; height:100%; font-size:1.8em; line-height:1.4; margin:0;}
      #content_page .menu_item .titre a, #content_page_popin .menu_item .titre a {text-transform:uppercase; padding:1.5rem; display:flex; align-items:flex-end; width:inherit; height:inherit; background-color:rgba(0, 0, 0, 0.5); color:#ffffff; transition:0.3s ease;}
      #content_page .menu_item .titre a:is(:hover, :focus), #content_page_popin .menu_item .titre a:is(:hover, :focus) {background-color:rgba(0, 0, 0, 0.7);}
      #content_page .menu_item img, #content_page_popin .menu_item img {width:100%;}

    /* DATE MAJ */
      .date_maj, #content_page .date_maj, #content_page_popin .date_maj {font-family:'medium',Arial,Verdana,sans-serif; font-size:1.3em; line-height:2em;}

    /* QUESTIONNAIRE QUALITE */
      #quality_form {border-radius:0; margin:1.5rem auto;}
      #quality_form_container {padding-top:3rem;}
      #quality_form_container #quality_form {border:1px solid #ffffff; margin:0;}
      #quality_form form, #content_page #quality_form form, #content_page_popin #quality_form form {padding:1.5rem 3rem;}
      #quality_form form fieldset, #content_page #quality_form form fieldset, #content_page_popin #quality_form form fieldset {min-width:0;}
      #quality_form form fieldset legend, #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend {text-transform:none; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; display:block; margin-bottom:0; padding:0; float:left; width:auto;}
      #quality_form .form_item > .ligne_form {clear:none; margin-left:2.5rem; padding:0; float:right; margin-bottom:0; position:relative;}
      #quality_form .form_item > .ligne_form > label {font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; cursor:pointer; padding:0 0 0 5rem; background-repeat:no-repeat; background-position:0 center; transition:all 0.3s;}

      #quality_form .form_item .ligne_form input[type="radio"]:checked + label,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]):focus + label,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:hover,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:focus {background-position:2rem center;}

      #quality_form .ligne_form input[type="radio"] {position:absolute; left:-99999em;}
      #quality_form .form_item .ligne_form input[disabled] + label {cursor:not-allowed;}

      #comment {clear:both; display:inline-block; float:none; width:100%; padding:2rem 0;}
      #quality_form #comment .ligne_form textarea {margin-bottom:1rem; padding:1rem; min-width:100%;}
      #comment.visibility.is-hidden[aria-expanded='true'] {display:inline-block !important;}
      #quality_form .ligne_form.btn_submit {margin:0; padding:0;}
      #quality_form #h_email {display:none;}
      #quality_form #comment .ligne_form p, #content_page #quality_form #comment .ligne_form p, #content_page_popin #quality_form #comment .ligne_form p {margin-bottom:0; font-size:1.4em;}

      #quality_form p {padding:1.5rem;}

    /* COLONNE CONTEXTUELLE */
      .bloc_col .content_bloc {padding:3rem 4rem;}
      .bloc_col .titre_bloc, #content_page .bloc_col .titre_bloc, #content_page_popin .bloc_col .titre_bloc {margin-bottom:2.5rem; padding:1rem 1.5rem 2rem 4.5rem;}
      .bloc_col .titre_bloc p, #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p {text-transform:uppercase; font-family:'extrabold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.5em; margin-bottom:0;}

      .bloc_col .contenu_bloc p.subtitle, #content_page .bloc_col .contenu_bloc p.subtitle, #content_page_popin .bloc_col .contenu_bloc p.subtitle {font-family:'extrabold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.5em; margin-bottom:1.5rem; margin-left:0;}

      /* LE SAVIEZ VOUS */
        .info, #content_page .info, #content_page_popin .info {margin-bottom:3rem;}
        /*.bloc_col a:hover, #content_page .bloc_col a:hover, #content_page_popin .bloc_col a:hover,
        .bloc_col a:focus, #content_page .bloc_col a:focus, #content_page_popin .bloc_col a:focus {opacity:0.5;}*/
        .info .contenu_bloc p, #content_page .info .contenu_bloc p, #content_page_popin .info .contenu_bloc p {margin-bottom:0; margin-top:15px; line-height:1.5em;}
        .info .contenu_bloc p:first-child, #content_page .info .contenu_bloc p:first-child, #content_page_popin .info .contenu_bloc p:first-child {margin-top:0;}

      /* BLOC GEOLOC */
        .mail, .website, .gg_link {font-family:'semibold',Arial,Verdana,sans-serif;}
        .adresse, .horaires, .mail, .website, .tel, .gg_link {padding:0 0 0 2.6rem; background-repeat:no-repeat; background-position:left 2px; transition:0.3s ease !important;}
        .adresse span {display:block;}

        .icons {position:relative; padding-left:2.6rem;}
        .icons i {position:absolute; top:1px; left:2px;}
        .info_utile {position:relative;}
        .info_utile .map_infos {max-width:100%; width:100%; overflow:hidden; height:100%; position:relative;}
        .map_infos a {background-color:transparent !important;}
        .gmnoprint .gm-style-mtc label {float:right !important; font-size:1rem !important; line-height:1.8em !important; padding-bottom:0; font-family:'regular',Arial,Verdana,sans-serif !important;}
        .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {font-size:1rem !important;}

        .info_utile .contenu_bloc > p {margin-left:3rem;}
        .info_utile p {margin-bottom:5px;}
        .info_utile .contenu_bloc a {border-bottom:0 !important; font-family:inherit !important;}
        .info_map a {border:none !important;}

      /* STRATE GEOLOCALISATION */
        #bloc_info_utile .titre_bloc .bloc_home_title span, #content_page #bloc_info_utile .titre_bloc .bloc_home_title span, #content_page_popin #bloc_info_utile .titre_bloc .bloc_home_title span {display:inline;}
        .ol-popup {position:absolute; padding:2rem; border-radius:10px; min-width:29rem; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;}
        .ol-popup::after, .ol-popup::before {content:""; border:solid transparent; height:0; width:0; position:absolute; top:100%; left:50%; pointer-events:none;}
        .ol-popup::after {border-width:10px; margin-left:-10px;}
        .ol-popup::before {border-width:11px; margin-left:-11px;}
        .ol-popup-closer {text-decoration:none; position:absolute !important; top:0.5rem; right:0.5rem; border:none !important; padding:0.5rem !important;}
        .ol-popup-closer span::after {content:"✖"; font-size:1.5rem; display:block;}

        #content_page .ol-zoom, #content_page_popin .ol-zoom {top:20rem; left:0.5rem;}
        #content_page .ol-viewport button, #content_page_popin .ol-viewport button {width:2.5rem; height:2.5rem; font-size:2rem; margin:2px; background-color:#000000; opacity:0.5; border-radius:0;}
        #content_page .ol-viewport button:hover, #content_page_popin .ol-viewport button:hover,
        #content_page .ol-viewport button:focus, #content_page_popin .ol-viewport button:focus {opacity:1;}

        #popup-content .subtitle {font-size:1.6em; font-family:'bold',Arial,Verdana,sans-serif;}
        #popup-content p {font-size:1.6em; margin-bottom:0.5rem;}
        #popup-content a {border:none !important; font-family:inherit !important;}
        #popup-content a:hover, #popup-content a:focus {opacity:0.5;}
        #popup-content .mail, #popup-content .website, #popup-content .gg_link {font-family:'semibold',Arial,Verdana,sans-serif;}

        /* Btn GEOLOC #33155 */
          #content_page .ol-viewport #geolocButton, #content_page_popin .ol-viewport #geolocButton {position:absolute; top:27rem; left:0.5rem; margin:0.6rem; padding:0.8rem 0.5rem 0.8rem 2rem; width:auto; height:auto; font-size:1.2rem; color:#ffffff; background-image:url(../img/picto_geolocalisatio_metz_metropolen.png); background-position:left center; background-repeat:no-repeat; opacity:0.7;}
          #content_page .ol-viewport #geolocButton:hover, #content_page_popin .ol-viewport #geolocButton:hover, #content_page .ol-viewport #geolocButton:focus, #content_page_popin .ol-viewport #geolocButton:focus {opacity:1;}

      /* BLOC TEST IMAGE */
        #content_page .csc-textpic .csc-textpicHeader > *:first-child, #content_page .csc-textpic > *:first-child {margin-top:0;}

    /* BLOCS BAS DE PAGE */
      /* POUR ALLER PLUS LOIN */
        #mise_en_avant .list_item {font-size:1em; margin-bottom:0;}
        #mise_en_avant .list_item .img {height:35rem;}
        #mise_en_avant .list_item .txt {border:none; padding:0 13rem; width:100%; height:100%; display:flex; align-items:center;}
        #mise_en_avant .list_item:hover .txt .thumb-desc {margin-top:3rem;}

    /* BLOC LECTEUR AUDIO */
        #content_page .sm2-bar-ui .sm2-main-controls,
        #content_page .sm2-bar-ui .sm2-playlist-drawer {background-color: #007db2;}
        #content_page .sm2-bar-ui .sm2-inline-texture {background: transparent;}
        #content_page .sm2-playlist-wrapper ul  {padding: 0;}
        #content_page .sm2-playlist-wrapper ul li {list-style-image: none;padding: 0;font-size: inherit;}
        #content_page .sm2-playlist-wrapper ul li:hover a,
        #content_page .sm2-playlist-wrapper ul li:focus a {background-color: rgba(255,255,255,0.2);}
        #content_page .sm2-playlist-wrapper ul li:nth-child(odd) {background-color: rgba(255,255,255,0.1);}
        #content_page .sm2-bar-ui a {border: 0;padding: 0.5em 0.25em 0.5em 0.75em;display: block;}
        #content_page .sm2-bar-ui a:after {display: none;}
        #content_page .sm2-bar-ui .sm2-playlist-drawer .label {color: #fff;background-color: rgba(255,255,255,0.2);}


  /********************************************************************************/
  /********************************** PAGE LISTE **********************************/
  /********************************************************************************/

    #page.list #content_page {padding-top:5rem;}

    /* Moteur */
      #line_tools_moteur {width:100%; z-index:3;}
      #line_tools_moteur.is-stuck {margin-top:12rem !important;}

      #line_tools_moteur #switch_display,
      #line_tools_moteur .show_filters,
      #line_tools_moteur .nb_result_container {right:0; transform:translateX(calc(100% + 5px)); -ms-transform:translateX(100%) translateX(5px); transition:0.3s ease; background-repeat:no-repeat; background-position:center center;}

      #line_tools_moteur #switch_display:hover,
      #line_tools_moteur .show_filters:hover {opacity:0.65;}

      /*Nombre de resulats*/
        #line_tools_moteur .nb_result_container {text-align:center;}
        #line_tools_moteur .nb_result_container .btn_bloc_col {margin-bottom:0; margin-top:1.5rem; font-size:1.6em; letter-spacing:initial;}
        #line_tools_moteur .nb_result_container span {font-family:'semibold',Arial,Verdana,sans-serif; font-size:2.2rem;}

      /*Filtrer*/
        #line_tools_moteur .nb_result_container {top:0;}
        #line_tools_moteur .show_filters {top:11.5rem;}
        #line_tools_moteur .show_filters, #line_tools_moteur .nb_result_container {width:9rem; height:9rem; border-radius:50%;}
        #line_tools_moteur .show_filters p.btn_lien a, #line_tools_moteur .show_filters button.btn_lien {transition:none;}
        #line_tools_moteur .show_filters.act button.btn_lien, #line_tools_moteur #switch_display.act button.btn_lien {background-image:none; line-height:3rem;}

      /* Afficher la carte */
        #line_tools_moteur #switch_display {width:9.4rem; height:9.4rem; top:23rem; background-size:100%;}
        #line_tools_moteur #switch_display::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-position:center center;}
        #line_tools_moteur .btn_bloc_col {width:100%; height:100%;}

    /* Filtres */
      #zone_filters {width:100%; margin-bottom:1.5rem;}
      #zone_filters li {font-size:1.7em; padding:0.75rem;}
      #filters.popin form, #filters.popin .wrap_popin > .row.semibold-12 {position:relative;}
      #filters legend {padding:1rem 0;}
      #filters fieldset fieldset legend {padding:1rem 0 0 0;}
      #filters .ligne_form {clear:none;}

      /*gestion champs date*/
      #filters .ligne_form.date {margin:1.5rem 0 0 0;}
      #filters .ligne_form.date label {text-transform:lowercase; padding:0.5rem 0;}
      #filters .ligne_form.date input[type="text"] {padding-right:5rem;}
      #filters .ligne_form.date input[type="text"]:focus {box-shadow:none;}
      #filters.popin .ligne_form.open_date {padding-bottom:9rem;}
      #filters.popin .ligne_form.open_date .ligne_form.date {position:absolute; width:100%; left:0; top:inherit; padding:0; bottom:inherit;}
      #filters .ligne_form.date .ligne_form {position:relative;}
      #filters .ligne_form.date .input-group {overflow:hidden;}

      /*gestion champs select*/
      #filters select {background-color:transparent;}

      /*gestion champs checkbox tag*/
      #filters label, #filters .input-group-label, p.label {height:auto; padding:0 0 8px 0;}
      #filters .date .input-group-label {padding:0;}
      #filters .input-group .shrink {padding:0 1rem 1rem 0;}
      #filters .input-group label {padding:3px 10px; margin:0 0 1rem 0;}

      #filters .input-group label, #zone_filters a {padding:1.5rem 2.5rem; margin-bottom:0; font-size:1em; font-family:'medium',Arial,Verdana,sans-serif; border-radius:2px; transition:0.3s ease;}
      #filters .input-group .border.tag label {font-size:1.6em; padding:0.5rem 1.5rem;}

      #filters .input-group input[type="checkbox"],
      #filters .input-group input[type="checkbox"]:checked,
      #filters .input-group input[type="radio"],
      #filters .input-group input[type="radio"]:checked {position:absolute; left:-99999em;}

      /*submit + reset filtres*/
      #filters input[type="submit"] {float: none;}
      #reset_search_popin {font-size:1.6em; padding-top:2rem;}
      #reset_search_popin a {padding:0 0 1px 22px; font-family:'bold',Arial,Verdana,sans-serif; line-height:1.2;}
      #reset_search_popin a:hover, #reset_search_popin a:focus {opacity:0.65;}
      button#reset_search_popin {padding:5px 0 5px 20px;}

      /* MOTEUR COLLECTE DECHETS */
        #moteur_collecte {margin-bottom:3rem;}
        #moteur_collecte > div {padding:3.5rem;}
        #moteur_collecte div.btn_submit {float:none;margin-bottom:2rem;}
        #moteur_collecte input[type="submit"] {float:none;}

  /********************************************************************************/
  /************************************* PAGE NEWSLETTER **************************/
  /********************************************************************************/
    /* Formulaire */
      .tx-cim-greetingcard div {font-size:18px;}
      .tx-cim-greetingcard dt {font-weight:bolder; margin-top:25px;}
      .tx-cim-greetingcard .btn-group {display:flex; justify-content:flex-end;}

  /********************************************************************************/
  /************************************* PAGE GREETINGCARD **************************/
  /********************************************************************************/
    /* Formulaire */
      .greettingcard_form {display:flex;}
      .greettingcard_form select {margin-left:10px;}
      .greettingcard_form input {margin-right:10px;}

    /* Map */
      #second_display {margin-bottom:3rem;}
      #second_display a::after {display:none !important;}
      #zone_map {max-width:100%; min-height:45rem; overflow:hidden; position:relative;}
      /* Map en pleine largeur */
        #second_display.map_only #zone_map {height:40rem; overflow:hidden; position:relative;}
        #col_left #second_display {margin-bottom:3rem;}

    /* Resultats */
      .wrap_result {position:relative;}
      #zone_results {position:relative; padding-bottom:4rem;}

      /* Item generique */
        #content_page .list_item .cat, #content_page .list_item .adresse, #content_page .list_item .thumb-desc,
        #content_page_popin .list_item .cat, #content_page_popin .list_item .adresse, #content_page_popin .list_item .thumb-desc {font-family:'regular', Arial,Verdana,sans-serif;}

        .list_item {margin-bottom:3rem;}
        li.list_item {list-style-image:none !important; font-size:inherit;}
        .list_item > a, #content_page .list_item > a, #content_page_popin .list_item > a, .list_item > .link {display:block; position:relative; height:100%; border:0 !important; padding-left:0 !important; padding-right:0 !important;}
        .list_item a::after {display:none !important;}

        /* Image */
          .list_item .img {display:block; width:100%; height:51rem; position:relative; overflow:hidden;}
          .list_item .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); min-height:100%; min-width:100%; height:auto; width:auto; max-height:100%; max-width:180%; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
          .list_item a:hover img, .list_item a:focus img {-webkit-backface-visibility:hidden; backface-visibility:hidden;}

        /* Zone texte */
          /*item classique sans img*/
            .list_item .txt {display:block; padding:3.5rem 2rem; height:100%; width:100%; min-height:20rem; border-width:2px; border-style:solid; -moz-transition:box-shadow 0.3s ease-in-out; -o-transition:box-shadow 0.3s ease-in-out; -webkit-transition:box-shadow 0.3s ease-in-out; transition:box-shadow 0.3s ease-in-out;}
            /* V2 */
              .list_item .txt {height:auto; position:absolute; bottom:0; left:0; width:80%; padding:4rem 2rem 1rem 2rem; -moz-transition:height 0.3s ease-in-out 0.5s; -o-transition:height 0.3s ease-in-out 0.5s; -webkit-transition:height 0.3s ease-in-out 0.5s; transition:height 0.3s ease-in-out 0.5s;}
              .list_item:hover .txt, .list_item > a:hover .txt, .list_item > a:focus .txt, #content_page .list_item > a:hover .txt, #content_page .list_item > a:focus .txt, #content_page_popin .list_item > a:hover .txt, #content_page_popin .list_item > a:focus .txt, .list_item > .link:hover .txt {height:100%; width:100%; box-shadow:none; -moz-transition:height 0.5s ease-in-out 0s; -o-transition:height 0.5s ease-in-out 0s; -webkit-transition:height 0.5s ease-in-out 0s; transition:height 0.5s ease-in-out 0s;}
              .list_item .thumb-title .titre {min-height:15rem;}
              .list_item:hover .thumb-title .titre, .list_item a:hover .thumb-title .titre, .list_item a:focus .thumb-title .titre, .list_item .link:hover .thumb-title .titre {min-height:inherit !important;}
            /* END V2 */
              .list_item .txt * {color:inherit;}

          /*bandeau item avec img*/
            .list_item.bandeau_item .txt {height:auto; position:absolute; bottom:0; left:0; width:80%; padding:4rem 2rem 1rem 2rem; border-color:transparent; -moz-transition:height 0.3s ease-in-out 0.5s; -o-transition:height 0.3s ease-in-out 0.5s; -webkit-transition:height 0.3s ease-in-out 0.5s; transition:height 0.3s ease-in-out 0.5s;}
            .list_item.bandeau_item:hover .txt, .list_item.bandeau_item > a:hover .txt, .list_item.bandeau_item > a:focus .txt, #content_page .list_item.bandeau_item > a:hover .txt, #content_page .list_item.bandeau_item > a:focus .txt, #content_page_popin .list_item.bandeau_item > a:hover .txt, #content_page_popin .list_item.bandeau_item > a:focus .txt, .list_item.bandeau_item > .link:hover .txt {height:100%; width:100%; box-shadow:none; -moz-transition:height 0.5s ease-in-out 0s; -o-transition:height 0.5s ease-in-out 0s; -webkit-transition:height 0.5s ease-in-out 0s; transition:height 0.5s ease-in-out 0s;}
            .list_item_bandeau_item .txt * {color:inherit;}

        /* Dates */
          .list_item .date {font-family:'medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.1em; position:absolute; top:1.5rem; left:2rem;}
          .list_item.search .date {position:static; margin-bottom:1.5rem;}
          .date span, .list_item .date span {font:inherit;}

        /* Titre */
          .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {text-transform:none; color:inherit; font-family:'black',Arial,Verdana,sans-serif; line-height:1.2em; margin:0; letter-spacing:0; word-break:break-word; word-wrap:break-word;}
          .list_item .titre a, #content_page .list_item .titre a, #content_page_popin .list_item .titre a {text-transform:none; color:inherit; font-family:'black',Arial,Verdana,sans-serif; font-size:1em;}
          .list_item.bandeau_item .thumb-title .titre {min-height:15rem;}
          .list_item.bandeau_item:hover .thumb-title .titre, .list_item.bandeau_item a:hover .thumb-title .titre, .list_item.bandeau_item a:focus .thumb-title .titre, .list_item.bandeau_item .link:hover .thumb-title .titre {min-height:inherit !important;}

        /* Description */
          .list_item .thumb-title .thumb-desc {margin:0; height:0; display:block; overflow:hidden; position:relative; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
          .list_item:hover .thumb-title .thumb-desc, .list_item a:hover .thumb-title .thumb-desc, .list_item a:focus .thumb-title .thumb-desc, .list_item .link:hover .thumb-title .thumb-desc {margin-top:4rem; height:auto; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; transition:all 0s ease-in-out;}
          .list_item .thumb-title .thumb-desc p {font-family:'medium',Arial,Verdana,sans-serif; letter-spacing:0;}

        /* Btn add calendar */
          .btn_add_calendar {text-transform:none; color:inherit; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.6rem; line-height:1.2em; padding:2px 2px 2px 3rem; margin:1.5rem 0 0 0; border:0; transform:scaleY(0); -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
          .list_item:hover .btn_add_calendar, .list_item a:hover .btn_add_calendar, .list_item a:focus .btn_add_calendar, .list_item .link:hover .btn_add_calendar {-webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
          .btn_add_calendar:hover, .btn_add_calendar:focus {opacity:0.6;}

        /* En savoir plus - faux lien - btn_txt */
          .cat_lien {position:absolute; bottom:2rem; right:2rem; transform:scaleY(0); -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0);}
          .cat_lien .btn_txt, .cat_lien .btn_txt span {color:inherit;}
          .list_item:hover .cat_lien, .list_item a:hover .cat_lien, .list_item a:focus .cat_lien, .list_item .link:hover .cat_lien {-webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}

      /* Items collecte dechets */
        .list_item_full.collecte_dechets, #content_page .list_item_full.collecte_dechets, #content_page_popin .list_item_full.collecte_dechets {}
        .list_item_full.collecte_dechets {margin-bottom:3rem;}
        .list_item_full.collecte_dechets .link {padding:3.5rem;}
        .list_item_full.collecte_dechets .titre, #content_page .list_item_full.collecte_dechets .titre, #content_page_popin .list_item_full.collecte_dechets .titre {text-transform:none; color:inherit; font-family:'black',Arial,Verdana,sans-serif; line-height:1.2em; margin:0; letter-spacing:0; word-break:break-word; word-wrap:break-word;margin-bottom:3rem;}
        .list_item_full.collecte_dechets .link p .strong {display:block; font-family:'bold',Arial,Verdana,sans-serif;}

      /* Items recherche generale */
        #first_display > form {margin-bottom: 2rem;}
        #first_display > form input[type="text"] {background-color: #f0f0f0;}
        .list_item .redMarkup, .list_item .redMarkup * {font-weight:normal; padding:0 2px;}
        p.suggestion_mot_cle {margin-top:15px;}
        .list_item.search .type {font-size:1.1em; line-height:1.2em; margin-bottom:1.5rem; position:relative; text-align:right;}
        .list_item.search .type::after {content:""; position:absolute; left:0; top:50%; width:100%; height:1px;}
        .list_item.search .type span {position:relative; z-index:2; display:inline-block; padding:0.5rem; text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif;}

      /* ZONE BOTTOM */
        /* Zone bottom affiche comme les dates + skin infos annuaires */
        .list_item a:hover + .zone_bottom, .list_item .zone_bottom:hover {display:block;}
        .list_item .zone_bottom {transform:translateY(-100%); padding-right:1.5rem; padding-left:1.5rem; left:0; display:none;}
        .list_item .zone_bottom .contain {padding:0 0 2rem 2rem;}
        .list_item .zone_bottom p.btn_lien {font-size:1.6em !important;}
        .list_item .zone_bottom p.btn_lien a {padding:0 0 0 26px !important; color:#ffffff;}
        .list_item .zone_bottom p.btn_lien a:hover, #list_item .zone_bottom p.btn_lien a:focus,
        #content_page .list_item .zone_bottom p.btn_lien a:hover, #content_page .list_item .zone_bottom p.btn_lien a:focus,
        .list_item > a:hover + .zone_bottom p.btn_lien a, .list_item > a:focus + .zone_bottom p.btn_lien a {color:#ffffff;}


  /********************************************************************************/
  /***************************** PAGE DETAIL / POPIN ******************************/
  /********************************************************************************/

    /*BANDEAU IMAGE / TITRE*/
      #bandeau_page_popin {margin-bottom:5rem;}
      #bandeau_page .date, #bandeau_page_popin .date {font-family:'bold',Arial,Verdana,sans-serif; font-size:2.5em; margin:4rem 0 1.5rem 0;}
      #bandeau_page .date .contain, #bandeau_page_popin .date .contain {padding:1rem 2.5rem; display:inline-block;}

    /* ARROWS NAV POPIN */
      body.overflow #main {z-index:initial;}
      .wrap_arrow {width:5rem; height:8rem; padding:1rem; position:fixed; top:0; text-align:center; z-index:200000000000000; cursor:pointer;}
      .wrap_arrow.to_left {transform:translateX(-2rem);}
      .wrap_arrow.to_right {transform:translateX(2rem);}
      .arrows {display:block; width:100%; height:100%; text-indent:-99999em;}

    /* Slider image - Categorie*/
      #col_left_inner .cat, #col_left_inner_popin .cat {font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.2em; display:inline-block; letter-spacing:0.075em; margin:3.5rem 0; padding:0.5rem 1.5rem;}
      #slider_img, #slider_img_popin {margin:0 0 3.5rem 0;}
      #slider_page, #slider_page_popin {position:relative; z-index:1;}
      #slider_page .slick_bandeau .slick-slide a, #slider_page_popin .slick_bandeau .slick-slide a {display:block; border:0; padding:0;}
      #content_page #slider_page .slick_bandeau .slick-dots, #content_page_popin #slider_page_popin .slick_bandeau .slick-dots {padding:0; margin:0;}
      #content_page #slider_page .slick_bandeau .slick-dots li, #content_page_popin #slider_page_popin .slick_bandeau .slick-dots li {padding:0;}
      .slick_bandeau .slick-dots li::before {display:none !important;}
      .slick_bandeau img {width:100%; height:auto;}
      .slick_bandeau figure {margin:0 !important;}

    /* SLIDER VIDEO */
      .video_slider button:focus, .video_pop button:focus {outline:none;}
      .video_slider .contenu_bloc {overflow:hidden; position:relative; padding:0 7rem;}
      .video_slider {margin:2.5rem auto 5rem auto; max-width:78rem}
      .video_slider img {width:100%; height:auto;}
      .video_slider.adjust .slick-track {transform:translate3d(0, 0, 0) !important;}
      .video_slider .slick-slider .slick-track {min-width:100%;}
      .video_slider .slick-track .slick-slide > a {padding:0 !important;}
      .video_slider .slick-slider, .video_slider .slick-slider .slick-track, .video_slider .slick-slider .slick-list,
      .video_pop .slick-slider, .video_pop .slick-slider .slick-track, .video_pop .slick-slider .slick-list {position:static;}
      .video_slider .slick-slider .slick-arrow,
      .video_pop .slick-slider .slick-arrow {position:absolute; top:0; height:100%; font-size:0; padding:0; width:6.8rem;}
      .video_slider .slick-slider .slick-arrow.slick-prev {left:0.2rem;}
      .video_slider .slick-slider .slick-arrow.slick-next {right:0.2rem;}

      .video_slider .slick-slider .slick-arrow::before,
      .video_pop .slick-slider .slick-arrow::before {display:inline-block; vertical-align:middle; height:auto; padding:0;}

      #content_page .video_slider .slider-nav .slick-slide img, #content_page_popin .video_slider .slider-nav .slick-slide img {border:2px solid transparent;}
      #content_page .video_slider .slider-nav .slick-slide:hover img, #content_page .video_slider .slider-nav .slick-slide:focus img,
      #content_page_popin .video_slider .slider-nav .slick-slide:hover img, #content_page_popin .video_slider .slider-nav .slick-slide:focus img {opacity:0.8;}

      .video_pop .slider-pop {position:relative;}
      .video_pop .slider-pop .bloc_video {margin-bottom:0;}
      .video_pop .slick-slider .slick-arrow.slick-prev {left:-5.5rem;}
      .video_pop .slick-slider .slick-arrow.slick-next {right:-5.5rem;}
      .video_pop .slick-slider .slick-list {position:relative; z-index:5;}

    /* AGENDA */
      #popin_detail #agenda .slick-list {overflow:hidden; padding:0 8rem;}
      #popin_detail #agenda .slick-arrow.slick-prev {left:1rem;}
      #popin_detail #agenda .slick-arrow.slick-next {right:1rem}

    /* ELUS */
      #presentation_elu {margin-bottom:3rem;}
      #presentation_elu .large-8 > h2:first-child {margin-top:0 !important;}
      #presentation_elu .large-4 > img {margin:0 auto;}


  /********************************************************************************/
  /***************************** Moteur de recherche ******************************/
  /********************************************************************************/

    /* Moteur dans la page */
      #elastic {padding:0; padding-left:20px;}
      #elastic .btn_input {max-width:50rem; border-radius:5px; transition:none;}
      #elastic #main_search_elastic {padding:13px 55px 13px 15px; border-radius:0; box-shadow:none; transition:none; background-color:transparent;}
      #elastic .btn_input button {right:0; top:0; height:100%; display:block; width:5.5rem; border-radius:0; text-indent:-99999em;}
      #elastic .btn_input button:hover, #elastic .btn_input button:focus {opacity:0.7;}
      #elastic .show_filters {padding:0 20px;}

    /* Pagination */
      .nb_pages_total_infos {text-align:center; width:100%; font-size:1.3rem;}
      #content_page .pagination {padding:0; margin-top:5rem;}
      #content_page .pagination li {padding:0; font-size:1.6em; line-height:1.6em; display:inline-block; font-family:'medium',Arial,Verdana,sans-serif;}
      #content_page .pagination li > * {font-family:inherit;}
      #content_page .pagination a, #content_page .pagination li.current {border-radius:0; padding:2px 10px; border:0;}
      #content_page .pagination .pagination-previous {margin-right:20px;}
      #content_page .pagination .pagination-next {margin-left:20px;}
      #content_page .pagination li::before, #content_page .pagination li::after {display:none !important;}


  /********************************************************************************/
  /******************************* CARTE INTERACTIVE ******************************/
  /********************************************************************************/

    /* OUVERTURE DES FILTRES POUSSE LA MAP */
      #carto #zone_map #modal_window {z-index:2; -webkit-transition:padding 0.5s ease-in-out 0.1s; -moz-transition:padding 0.5s ease-in-out 0.1s; -o-transition:padding 0.5s ease-in-out 0.1s; transition:padding 0.5s ease-in-out 0.1s;}

    /* Container */
      .off-canvas-wrapper.carto, .off-canvas-content.carto_tpl, .carto_tpl #main, .carto_tpl #global, .carto_tpl #content_page, .carto_tpl #carto {height:100%;}
      #carto #overlay_filters {z-index:2;}
      .carto_tpl {overflow:hidden;}
      .carto_tpl #main {position:initial; padding-top:0 !important; padding-bottom:0 !important;}
      .carto_tpl #content_page {padding:0; margin:0;}
      .carto_tpl #global {padding-bottom:0 !important;}
      .carto_tpl #carto {width:100%; height:100%; overflow-x:hidden; overflow-y:hidden;}

    /* Accessi */
      .carto_tpl #accessi  {top:8rem;}

    /* Footer */
      .carto_tpl #footer {margin-bottom:0; padding:10px 20px 10px 20px; position:absolute; left:22rem; bottom:0; min-height:auto; width:auto;}
      .carto_tpl #menu_footer {background:transparent;}
      .carto_tpl #footer::before {content:""; position:absolute; left:0; top:18px; width:5px; height:1px;}
      .carto_tpl #footer p {margin:0; font-family:'regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em;}
      .carto_tpl #footer a {font-family:'regular',Arial,Verdana,sans-serif;}

    /* fil d'ariane */
      .carto_tpl #fil_ariane {margin:0; padding:10px 5px 10px 20px; position:absolute; bottom:0; left:0; height:auto; z-index:10;}
      .carto_tpl #fil_ariane .breadcrumbs li a:hover, .carto_tpl #fil_ariane .breadcrumbs li a:focus {text-decoration:none;}

    /* Nombre de resultats */
      #carto #carto_results {width:12em; height:12em; z-index:2; top:11em; left:2em; border-radius:50%;}
      #carto #carto_results p {margin:0; line-height:1.2em; padding:10px 6px; text-align:center;}
      #carto #carto_results .nb {font-family:'bold',Arial,Verdana,sans-serif; font-size:2.5rem; line-height:1.5em; display:block;}
      #carto #carto_results button {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:1.2rem; line-height:1.2em; letter-spacing:0.05em; margin-top:10px; cursor:pointer;}
      #carto #carto_results button:hover, #carto #carto_results button:focus {opacity:0.6;}
      #carto #carto_results .no_results {font-size:1em;}
      #carto #carto_results .filtrer {padding:0 0 3px 20px;}
      #carto #carto_results .reinit {padding:0 0 3px 15px;}

    /* Filtres */
      #carto .wrap_map {height:100%; z-index:2; padding-left:17em;}
      #carto #filters {height:100%; width:50em; right:-33em; z-index:2;}
      #carto #filters.open {right:0;}

      #carto #map_filters {width:17em; height:100%; left:0; overflow-y:auto;}
      #carto #map_filters .tabs {padding:0; margin:0; border:0; background:transparent; height:100%;}
      #carto #map_filters .tabs-title {padding:0; margin:0; font-size:1.4em; line-height:1.1em; text-align:center; min-height:10rem;}
      #content_page #carto ul li::after, #content_page #carto ul li::before {display:none !important;}
      #carto #map_filters .tabs-title a {width:100%; height:100%; padding:10px 5px; font-family:'regular',Arial,Verdana,sans-serif; font-size:1em; line-height:1.1em; text-align:center; position:relative; opacity:1 !important; display:-webkit-flex; display:-ms-flexbox; display:flex; border:0;}
      #carto #map_filters .tabs-title a span {display:block; margin:0 auto; font-family:'regular',Arial,Verdana,sans-serif;}
      #carto #map_filters .tabs-title a span.bg_img {width:5rem; height:5rem; margin-bottom:5px; border-radius:50%; position:relative;}
      #carto #map_filters .tabs-title a span.img {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute; top:0; left:0; filter:brightness(1);}
      /* indication presence de filtres actifs */
      #carto #map_filters .tabs-title a span.bg_img.has_filtres_actifs::before {content:""; display:block; width:1.2rem; height:1.2rem; border-radius:50%; position:absolute; top:-1px; right:3px; z-index:1;}
      /* survol des entrees */
      #carto #map_filters .tabs-title:hover a span.img, #carto #map_filters .tabs-title.is-active a span.img {filter:brightness(0);}

    /* Btn "Tout afficher" / "Tout effacer" */
      #content_page #carto .display_all {font-size:1.4em; line-height:1em; margin:0;}
      #content_page #carto .display_all button {padding:2px 5px 2px 25px; margin-bottom:35px; background-color:transparent; background-repeat:no-repeat; background-position:left 2px; display:inline-block;}
      #content_page #carto .display_all button:hover, #content_page #carto .display_all button:focus {background-position:2px 2px;}

    /* Btn close panneau filters */
      #filters .btn_close {right:10px; top:5px;}

    /* Form */
      /* formulaire global */
      #carto .tabs-content {height:100%; overflow-y:auto; padding:1.5rem; border:0;}
      /* fieldset niveau 1 */
      #carto .tabs-content .tabs-panel {padding:0;}
      /* legend de fieldset niveau 1 - nom de l'annuaire */
      #carto .tabs-content legend.btn_tri {font-size:2.5em; line-height:1em; display:block; margin-bottom:2.5rem; padding:0 3rem 0 0;}
      /* wrap label + champs */
        #carto #filters .ligne_form {position:relative; margin-bottom:0; margin-top:3.5rem;}
        #carto #filters .tabs-panel .ligne_form:first-of-type {margin-top:0;}
      /* checkbox tag */
        #carto #filters .input-group fieldset {width:100%;}
      /* btn submit */
        #carto #filters .ligne_form.btn_submit {text-indent:-99999em; position:absolute;}

    /* Map */
      #carto #zone_map {height:100%; width:100%; padding-right:11em; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; -webkit-transition:padding 0.5s ease-in-out 0.1s; -moz-transition:padding 0.5s ease-in-out 0.1s; -o-transition:padding 0.5s ease-in-out 0.1s; transition:padding 0.5s ease-in-out 0.1s;}
      #carto #zone_map.open {padding-right:33em;}
      #carto #zone_map.pushed, #carto #zone_map.pushed #modal_window {padding-right:33em;}
      #carto #filters {z-index:3; -webkit-transition:right 0.5s ease-in-out 0.1s; -moz-transition:right 0.5s ease-in-out 0.1s; -o-transition:right 0.5s ease-in-out 0.1s; transition:right 0.5s ease-in-out 0.1s;}
      #carto #filters.open {-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
      #content_page #zone_map a {height:100%; width:100%;}
      #content_page #zone_map a::after {display:none;}
      #content_page #zone_map a:hover, #content_page #zone_map a:focus {background-color:transparent;}

    /* Modal carto */
      #modal_window.carto_tpl {max-width:45em; max-height:80%; overflow-y:auto; background:transparent; padding:0;}
      #modal_window.carto_tpl .list_item {margin:0 auto; border:0;}
      #modal_window.carto_tpl .list_item .item_default {position:relative;}
      #modal_window.carto_tpl .list_item .img {height:25rem;}
      #modal_window.carto_tpl .list_item .img img {max-width:101%; max-height:250%;}
      #modal_window.carto_tpl .list_item .img a {display:block; border:0; padding:0;}
      #modal_window.carto_tpl .list_item .txt {height:auto; min-height:initial; max-height:initial; overflow-y:initial; position:relative; padding:3rem; margin-top:0;}
      #modal_window.carto_tpl .list_item.bandeau_item .txt {padding:3rem 2.5rem;}
      #modal_window.carto_tpl .list_item .txt .thumb-title {padding:0; margin:0; position:relative; min-height:initial; top:initial; left:initial;}
      #modal_window.carto_tpl .list_item .titre {padding-bottom:1.5rem;}
      #modal_window.carto_tpl .list_item .thumb-title .thumb-desc {height:auto; padding-top:1.4rem; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
      #modal_window.carto_tpl .list_item .thumb-desc p {margin:0 0 0.5rem 0;}
      #modal_window.carto_tpl .btn_lien {height:auto;}
      #modal_window.carto_tpl .btn_lien a {width:auto;}
      #modal_window.carto_tpl .btn_close {right:1rem; top:1rem;}


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

  /****************************************************************************************/
  /************************************** Cookies *****************************************/
  /****************************************************************************************/

    #cookie_msg {margin:0; width:100%; bottom:0; z-index:1005;}
    #cookie_msg.callout {border:0; padding:1.5rem 7rem 1.5rem 2rem; border-radius:0;}
    #cookie_msg.callout::after {content:''; width:6rem; height:100%; position:absolute; top:0; right:0;}
    #cookie_msg.callout p {font-size:1.4em; line-height:1.3em; margin-bottom:0;}
    #cookie_msg.callout a {color:inherit; padding:0 0.2rem;}
    #cookie_msg.callout .close-button {width:4rem; height:4rem; position:absolute; right:1rem; top:50%; transform:translateY(-50%);}
    #cookie_msg.callout .close-button span {line-height:3rem;}

  /********************************************************************************/
  /******************************** Bandeau RGPD **********************************/
  /********************************************************************************/

    .modal-open {overflow:hidden; height:100%;}
    #contentWrapper {display:unset;}

    /* Reset CSS */
      #tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {margin:0; padding:0; border:0; font-size:1em; font-family:inherit; vertical-align:baseline; background:initial; text-align:initial; text-shadow:initial;}
      #tarteaucitron * {zoom:1;}
      #tarteaucitron .clear {clear:both;}
      #tarteaucitron a {color:inherit;}
      #tarteaucitron a::after {display:none;}
      #tarteaucitron ul {padding:0;}
      .cookie-list {list-style:none; padding:0; margin:0;}

    /* General */
      #tarteaucitronRoot {position:absolute; left:0; right:0; top:0; width:100%;}
      #tarteaucitronRoot * {font-family:inherit; font-size:1.4em; line-height:1.2em; vertical-align:initial;}
      #tarteaucitronRoot button {display:inline-block; background-color:#4f4f4f; color:inherit; font-size:1.4rem; line-height:1.2em; letter-spacing:0.02em; padding:1rem 1.5rem; cursor:pointer; margin:0.5rem; transition:0.3s ease;}
      #tarteaucitronRoot button:hover, #tarteaucitronRoot button:focus {background-color:#656565;}
      #tarteaucitronRoot #dialogTitle {text-align:center; padding:1rem 10rem; text-transform:uppercase; font-size:2.4rem; font-weight:700; letter-spacing:0.05em;}
      #tarteaucitronRoot .tarteaucitronName {display:inline-block;}
      h2#tarteaucitronCookiesNumberBis {margin-left:0;}
      #tarteaucitronRoot div#tarteaucitron {left:0; right:0; margin:auto; padding:5rem 0; display:none; width:100%; height:100%; max-width:100rem; position:fixed; z-index:2147483647; overflow:hidden;}
      #tarteaucitron .tarteaucitronName h2 {font-size:1.8rem; line-height:1.2; padding:1rem 0; display:inline-block;}
      #tarteaucitron .tarteaucitronName h3 {font-size:2rem; line-height:1.2; font-weight:700; padding-bottom:1rem;}

    /* Popin parametres */
      /* Overlay */
        #tarteaucitronRoot #tarteaucitronBack {background:#000000; height:100%; left:0; opacity:0.75; margin:0; padding:0; position:fixed; width:100%; z-index:2147483646; display:none;}

      /* Bouton fermer */
        #tarteaucitron #tarteaucitronClosePanel {height:5rem; width:8rem; z-index:9; cursor:pointer; color:#ffffff; font-weight:700; position:absolute; margin:0; right:0; text-align:center;}

      /* Bloc header */
        #tarteaucitron #tarteaucitronServices {margin:0 auto; width:100%; height:100% !important; display:flex; flex-direction:column;}
        #tarteaucitron #tarteaucitronMainLineOffset {margin-bottom:0; position:relative;}
        #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {width:auto; margin-left:0; font-size:1.4rem;}
        #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName, #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronAsk {float:none !important; display:block !important; text-align:center;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronLine {background:rgba(255,255,255,0.025); border-left:5px solid #444444; margin:0; overflow:hidden; padding:1.5rem;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {display:inline-block; float:left; font-size:1.4em;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {text-decoration:underline;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {display:inline-block; float:right; margin-right:-0.5rem !important;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {font-size:1em;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {background:#232323; color:#dddddd; border:none; overflow:visible;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {margin-top:0;}
        #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {display:none; position:relative;}
        #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle button, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {font-weight:700; margin:2rem 0 0;}
        #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {padding:0.5rem 1rem; margin:0;}
        #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {font-size:1.2em; line-height:1.4; font-weight:500; margin-top:0; max-width:27rem; padding:20px; position:absolute; z-index:2147483647; display:none;}
        #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {background:#2a2a2a; display:block !important; position:relative; text-align:center; max-width:80rem; padding:2rem; margin:1rem auto; font-size:1.4em;}

      /* Bloc liste */
        #tarteaucitron .tarteaucitronBorder {background:#2a2a2a; overflow:auto; color:#dddddd; padding:0 1.5rem; height:auto !important;}
        #tarteaucitron .tarteaucitronInfoBox {background:#4f4f4f;}

    /* Bandeau */
      .tarteaucitronAlertBigTop {top:0;}
      .tarteaucitronAlertBigBottom {bottom:0;}
      #tarteaucitron #tarteaucitronDisclaimer {color:#555555; font-size:1.2rem; margin:15px auto 0; width:80%;}
      #tarteaucitronRoot #tarteaucitronAlertBig {box-shadow:0 0 2px 0 #000000; background:#232323; color:#dddddd; font-size:1em; text-align:center; left:0; position:fixed; z-index:2147483645; padding:1rem; margin:auto; width:100%; display:none;}
      #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {color:inherit; font-size:1.4em; line-height:1.2em; margin-right:2rem;}
      #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {color:inherit; font-size:1em; line-height:1em;}

    /* Bouton vert */
      #tarteaucitronAlertBig #tarteaucitronPersonalize {background-color:#1b870b;}
      #tarteaucitronAlertBig #tarteaucitronPersonalize:hover, #tarteaucitronAlertBig #tarteaucitronPersonalize:focus {background-color:#27a514;}

    /* Barre de progression */
      #tarteaucitronPercentage {background:#64a239 !important; box-shadow:0 1px 1px 0 rgba(0,0,0,0.25); height:0.5rem; left:0; position:fixed; width:0; z-index:2147483645;}

    /* Credits */
      .tac_activate {background:#333333; color:#ffffff; font-size:1.2rem; line-height:initial; text-align:center; margin:auto; width:100%; height:100%; display:table;}
      .tac_float {display:table-cell; text-align:center; vertical-align:middle;}
      .tac_activate .tac_float strong {color:#ffffff;}
      .tac_activate .tac_float .tarteaucitronAllow {background-color:#1b870b; display:inline-block;}

    /* CSS for services */
      ins.ferank-publicite, ins.adsbygoogle {text-decoration:none;}
      div.amazon_product {height:24rem; width:12rem;}
      .tarteaucitronIsAllowed .tarteaucitronDeny {opacity:0.4;}
      .tarteaucitronIsDenied .tarteaucitronAllow {opacity:0.4;}
      .tarteaucitronIsAllowed .tarteaucitronAllow {opacity:1;}
      .tarteaucitronIsDenied .tarteaucitronDeny {opacity:1;}
      a.tarteaucitronSelfLink {position:absolute; left:0; right:0; padding:1.5rem !important; display:block; text-shadow:0 0 14px #ffffff; text-transform:uppercase;}

  /********************************************************************************/
  /********************************* Plan du site *********************************/
  /********************************************************************************/

    #content_page .csc-sitemap ul {padding:0 0 0 2rem; margin:0;}
    #content_page .csc-sitemap li {margin:0 0 0.5rem 0; list-style-image:none; font-size:2.3em; line-height:1.5em;}
    #content_page .csc-sitemap li::before, #content_page .csc-sitemap li::after {display:none;}
    #content_page .csc-sitemap li a {text-transform:uppercase; border:0; font-weight:normal; font-family:'regular',Arial,Verdana,sans-serif; position:relative; padding:0.5rem 0; z-index:1; display:inline-block;}
    #content_page .csc-sitemap li a::before {content:""; position:absolute; bottom:0; left:0; height:0.2rem; width:0; z-index:-1; transition:0.3s ease;}
    #content_page .csc-sitemap li a:hover::before {width:100%;}
    #content_page .csc-sitemap li ul {padding:0 0 0 2rem; margin:1.5rem 0 1.5rem 0;}
    #content_page .csc-sitemap li li {font-size:0.7em; line-height:0.9em; background:none; padding:0;}
    #content_page .csc-sitemap li li a {text-transform:none; font-weight:normal; font-family:'bold',Arial,Verdana,sans-serif;}
    #content_page .csc-sitemap li ul ul {border-left-width:2px; border-style:solid; padding:0 0 0 1.4rem; margin:1.5rem 0 1.5rem 1.5rem;}
    #content_page .csc-sitemap li li li {background:none; padding:0; font-size:0.9em; line-height:1em;}
    #content_page .csc-sitemap li li li a {font-family:'regular',Arial,Verdana,sans-serif;}


  /********************************************************************************/
  /********************************** Fil rouge ***********************************/
  /********************************************************************************/

    #popin_fil_rouge {padding:0;}
    #popin_fil_rouge .content {padding:5.5rem 7rem 4rem 7rem; border:1px solid transparent; transition:0.2s ease;}
    #popin_fil_rouge a:hover .content, #popin_fil_rouge a:focus .content {padding:4.5rem 6rem 3rem 6rem; border:1px solid #ea0032; margin:1rem;}
    .alert .titre_bloc {margin:0 0 3rem 0; padding:0;}
    .alert .titre_bloc p {text-transform:uppercase; font-family:'bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; margin-bottom:2rem;}
    .alert .contenu_bloc p {margin:0;}
    .alert .date_bloc p {font-family:'bold',Arial,Verdana,sans-serif; font-size:1.8em; margin:1.5rem auto 0 auto;}


  /****************************************************************************************/
  /********************************** Bandeau alerte **************************************/
  /****************************************************************************************/

    #bandeau_alerte {margin:0; width:100%; z-index:1005;}
    #bandeau_alerte.callout {border:0; padding:0;}
    #home #bandeau_alerte.callout {top:100%; left:0; transform:translateY(-100vh);}
    #bandeau_alerte.callout .wrap {padding:1.5rem 12.5rem 1.5rem 7.5rem; position:relative; background:transparent !important;}
    #bandeau_alerte.callout p * {color:inherit;}
    #bandeau_alerte.callout .wrap::before {content:""; display:block; width:7rem; height:100%; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat;}
    #bandeau_alerte.callout .wrap::after {content:""; display:block; width:7rem; height:100%; position:absolute; right:0; top:0;}
    #bandeau_alerte.callout .content p {font-family:'bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em; letter-spacing:0.03em; margin-bottom:0;}
    #bandeau_alerte .btn_all a, #content_page #bandeau_alerte .btn_all a, #content_page_popin #bandeau_alerte .btn_all a {font-family:'medium',Arial,Verdana,sans-serif;}
    #bandeau_alerte.callout .close-button {width:7rem; height:5rem; position:absolute; right:0; top:50%; transform:translateY(-50%);}
    #bandeau_alerte.callout .close-button span {line-height:4rem;}


  /********************************************************************************/
  /************************************* FAQ **************************************/
  /********************************************************************************/

    .list_item.faq, #content_page .list_item.faq, #content_page_popin .list_item.faq {margin-left:1.5rem; margin-right:1.5rem; padding:3.5rem 2.5rem; font-size:2.2em;}
    .list_item.faq > a, #content_page .list_item.faq > a, #content_page_popin .list_item.faq > a {color:inherit; padding:1rem 0 1rem 3rem !important; background:transparent !important;}
    .accordion_container .list_item.faq .accordion-content p, #content_page .accordion_container .list_item.faq .accordion-content p, #content_page_popin .accordion_container .list_item.faq .accordion-content p {font-size:1.8rem;}

    .list .list_item.faq {-ms-flex:0 0 100% !important; flex:0 0 100% !important; max-width:100% !important;}

    #content_page .bloc_faq, #content_page_popin .bloc_faq {padding:2.5rem 6.5rem 1.5rem;}
    #content_page .bloc_faq .bloc_home_title, #content_page_popin .bloc_faq .bloc_home_title {position:relative; padding-bottom:1.5rem; margin-top:0;}
    #content_page .accordion, #content_page_popin .accordion {background:transparent;}
    #content_page .accordion_container ul, #content_page_popin .accordion_container ul {padding:0; margin:0;}
    #content_page .accordion_container li, #content_page_popin .accordion_container li {padding:0; list-style-image:none; line-height:1.6em;}
    #content_page .accordion_container li .accordion-title, #content_page_popin .accordion_container li .accordion-title {padding:1rem 0 1rem 3rem; border:0; text-transform:none; font-family:'black',Arial,Verdana,sans-serif; font-size:inherit; line-height:inherit; display:block;}
    #content_page .accordion_container li .accordion-title::before, #content_page_popin .accordion_container li .accordion-title::before {left:0; top:1.5rem; right:inherit; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
    #content_page .accordion_container li.is-active .accordion-title::before, #content_page_popin .accordion_container li.is-active .accordion-title::before {-moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
    .accordion_container .accordion-content {padding:1rem 0 1rem 3rem; border:0; background-color:transparent;}
    #content_page .accordion_container .accordion-content p, #content_page_popin .accordion_container .accordion-content p {font-size:inherit;}
    #content_page .accordion_container .accordion-content:last-child, #content_page_popin .accordion_container .accordion-content:last-child {border:none;}
    #content_page .accordion-title:hover, #content_page .accordion-title:focus, #content_page_popin .accordion-title:hover, #content_page_popin .accordion-title:focus {background-color:transparent;}


  /****************************************************************************************/
  /************************************* Sondage ******************************************/
  /****************************************************************************************/

    #content_page .sondage .contenu_bloc p {font-family:'bold',Arial,Verdana,sans-serif;}
    #content_page .sondage .contenu_bloc p.titre_question, #content_page .sondage .contenu_bloc p.reponse_question {margin-bottom:5px;}
    .ligne_percent {margin:0 0 2rem 0;}
    .percent {height:5px; text-indent:5px; text-decoration:none; -webkit-animation-name:results; -moz-animation-name:results; animation-name:results; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count:1; -moz-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-timing-function:ease; -moz-animation-timing-function:ease; animation-timing-function:ease;}
    @-webkit-keyframes results {
      0% {width:0; opacity:0.5;}
      90% {width:105%;}
      100% {width:100%; opacity:1;}
    }
    @-moz-keyframes results {
      0% {width:0; opacity:0.5;}
      90% {width:105%;}
      100% {width:100%; opacity:1;}
    }
    @keyframes results {
      0% {width:0; opacity:0.5;}
      90% {width:105%;}
      100% {width:100%; opacity:1;}
    }


  /********************************************************************************/
  /********************************** Social Wall *********************************/
  /********************************************************************************/

    #social_wall.sloppy_bg_img_filter .img img {opacity:0.25;}

    /* css plugin */
      /* Reset */
        #social-stream {width:100%;}
        .dcsns ul, .dcsns li {padding:0; margin:0; list-style:none !important; background:none;}
        .dcsns {list-style:none outside none; clear:both; width:auto; margin:0 auto;}
        .dcsns h1 {width:auto; position:relative;}
        .dcsns h1, .dcsns h2, .dcsns h3 {line-height:1.35em;}
        .dcsns-content {position:relative; padding:0; width:100%;}
        .dcsns-loading {background:url(/typo3conf/ext/cim_social-wall/Resources/Public/js/jquery-social-stream/images/loading_regular.gif) no-repeat 0 0; height:24px; padding:6px 0 0 30px; position:absolute; top:10px; left:10px;}
        .dcsns-toolbar .dcsns-loading {right:10px; left:auto;}

        .stream p {margin:0; padding:0;}
        .stream li {width:31.5%; margin:0 0 2rem 1.8%; font-size:1.6em; position:relative;}
        .stream li a, #content_page .stream li a {padding:0; border:0;}
        .stream a[href^="http://"]:not([href*="metzmetropole.fr"])::after, .stream a[href^="https://"]:not([href*="metzmetropole.fr"])::after {display:none;}
        .stream li img.icon {margin:0 auto; display:block;}
        .stream li .section-intro {font-size:1.4rem; line-height:1.4em; font-style:normal; font-weight:bold; z-index:2; width:100%; padding:1.5rem 5.5rem 1.5rem 1.5rem; display:block; display:none;}
        .stream li .clear {clear:both; display:none;}

      /* Content blocks */
        ul.stream {padding:0 !important; margin:0 0 0 -1.8%;}
        .stream li, #content_page .stream li {padding:0; float:left; overflow:hidden;}
        .stream li .inner {overflow:visible; height:100%; padding:0; display:flex; flex-direction:column;}
        .stream li .inner span {height:100%;}
        .stream a {background-image:none !important;}
        .stream li > a, #content_page #social-stream .stream li > a {display:inline-block; float:left; margin:2rem;}
        .stream li .socicon {width:37px; height:31px; display:block;}
        .stream li .socicon-facebook {background:transparent url(../img/sw_picto_facebook.png) center center no-repeat;}
        .stream li .socicon-twitter {background:transparent url(../img/sw_picto_twitter.png) center center no-repeat;}
        .stream li .socicon-youtube {background:transparent url(../img/sw_picto_youtube.png) center center no-repeat;}
        .stream li .socicon-instagram {background:transparent url(../img/sw_picto_instagram.png) center center no-repeat;}

        .stream li span {display:block;}
        .stream li .section-intro a {display:inline-block;}
        .stream li .section-title {font-family:'black',Arial,Verdana,sans-serif; font-size:2.5rem; padding:2rem 2rem 0 2rem; order:4;}
        .stream li .section-title a {font-family:inherit;}
        .stream li .section-thumb {position:relative; order:1;}
        .stream li .section-thumb a {display:block; width:100%; text-align:center; transition:0.7s ease-out 0.3s;}
        .stream li .section-thumb a:hover, .stream li .section-thumb a:focus {opacity:0.5 !important;}
        .stream li .section-thumb img {margin:0 auto; max-width:100%;}
        .stream li .section-thumb img, .stream li .section-text img {display:block; margin:0 auto; max-width:100%; width:100%; height:auto;}
        .stream li .section-text {word-wrap:break-word; padding:2rem 2rem 0 2rem; order:3;}
        .stream li .section-text br {display:block;}
        .stream li .section-user {font-family:'black',Arial,Verdana,sans-serif; font-size:2.5rem; padding:2rem 2rem 0 2rem; order:2; /**/ display:none;}
        .stream li .section-user a {font-family:inherit;}
        .stream li .section-share {order:5; /**/ display:none;}
        .stream li .meta {display:block; font-size:90%; }
        .stream li .meta span {margin:0 8px 5px 0; display:block; float:left; padding:0 0 0 15px; line-height:12px;}

        .stream li .section-meta {display:block; margin:0; padding:0; clear:both;}
        .stream li .meta.item-comments {padding:0 0 0 35px; margin:0 0 5px 0; min-height:30px; position:relative; clear:both; line-height:1.3em;}
        .stream li .meta.item-comments img {position:absolute; left:0; top:0; width:30px;}
        .stream li .meta.item-likes {padding:0; width:100%; overflow:hidden; clear:both; line-height:1.3em;}

      /* Toolbar */
        .dcsns-toolbar, #content_page .dcsns-toolbar {width:100%; padding:0; margin:0; margin-bottom:2.5rem;}

      /* Filter */
        #dcsns-filter, #content_page #dcsns-filter {margin:0; padding:0;}
        #dcsns-filter .link-all {font-family:'medium',Arial,Verdana,sans-serif;}
        #dcsns-filter li, #content_page #dcsns-filter li {display:inline-block; text-align:center; padding:0 1.5rem; margin:0; font-size:1.7em;}
        #dcsns-filter li a {padding:0; margin:0; display:block; width:9.5rem; height:5rem; line-height:5rem; border-radius:2px; transition:background 0.2s ease;}
        #dcsns-filter li.sw_rs a {background-repeat:no-repeat; background-position:center center; filter:brightness(0) invert(100);}
        #dcsns-filter li.sw_rs a:hover, #dcsns-filter li.sw_rs a:focus, #dcsns-filter li.sw_rs a.iso-active {filter:brightness(1);}
        #content_page #dcsns-filter li.sw_rs a {filter:brightness(1);}

      /* Controls */
        .dcsns .controls {position:absolute; right:0; top:7px; height:22px; padding:0; z-index:12;}
        .dcsns .controls li {display:inline; background:none;}
        .dcsns .controls a {display:block; width:22px; height:22px; float:left; margin:0 0 0 2px; background:url(../images/controls.png) no-repeat 0 0;}
        .dcsns .controls .prev {background-position:-44px 0;}
        .dcsns .controls .next {background-position:-66px 0;}
        .dcsns .controls .play {background-position:0 0;}
        .dcsns .controls .pause {background-position:-22px 0;}
        .dcsns .controls .prev:hover {background-position:-44px -22px;}
        .dcsns .controls .next:hover {background-position:-66px -22px;}
        .dcsns .controls .play:hover {background-position:0 -22px;}
        .dcsns .controls .pause:hover {background-position:-22px -22px;}

      /* Facebook */
        .stream li.dcsns-facebook .section-text img {margin:0 auto; display:block; display:block; margin:0 auto 10px auto; max-width:100%;}
        .stream li.dcsns-facebook .meta {display:block; clear:both;}
        .stream li.dcsns-facebook .meta.item-comments {padding:0; min-height:auto;}
        .stream li.dcsns-facebook .meta.item-comments a {display:block; margin:0 0 2px 0;}

      /* twitter */
        .stream li.dcsns-twitter, #content_page .stream li.dcsns-twitter {}
        .stream li.dcsns-twitter .section-text a {font-family:'bold',Arial,Verdana,sans-serif;}
        .stream li.dcsns-twitter .twitter-user {padding-bottom:1.5rem; padding-top:1.5rem; height:auto;}
        .stream li.dcsns-twitter .twitter-user a {display:block; font-family:'semibold',Arial,Verdana,sans-serif; font-size:1.6rem;}
        .stream li.dcsns-twitter .twitter-user a strong {display:block; font-size:2rem; padding-bottom:0.5rem; font-family:'black',Arial,Verdana,sans-serif !important;}
      /* Isotope */
        .isotope, .isotope .isotope-item {-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;}
        .isotope {-webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width;}
        .isotope .isotope-item {-webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:top, left, opacity; transition-property:transform, opacity;}
        /**** disabling Isotope CSS3 transitions ****/
        .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}


  /********************************************************************************/
  /********************************* Site urbanisme *******************************/
  /********************************************************************************/

    .urbanisme .sloppy {padding:0;}
    .urbanisme .bloc_home .titre_bloc .bloc_home_title,
    .urbanisme #content_page .bloc_home .titre_bloc .bloc_home_title,
    .urbanisme #content_page_popin .bloc_home .titre_bloc .bloc_home_title {padding:0; font-size:3em; line-height:1.2; text-transform:none; letter-spacing:0; background:none; margin:4rem 0 3rem 0; font-family:'extrabold',Arial,Verdana,sans-serif;}

    .urbanisme .bloc_home .titre_bloc .bloc_home_title::before {display:none;}
    .urbanisme .bloc_home .titre_bloc .bloc_home_title span {display:inline;}


  /********************************************************************************/
  /******************************** WIDGETS ***************************************/
  /********************************************************************************/

    #container-parked iframe {border:none; height:35rem; width:50%; margin:auto;}
    #container-days iframe, #container-hours iframe {border:none; height:45rem; width:100%; margin:auto;}


/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************ RESPONSIVE ******************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

  /********************************************************************************/
  /************************ GESTION TAILLE DE TEXTE *******************************/
  /********************************************************************************/

    /*min-width:1024px*/
      @media only screen and (min-width:64em) {
        html {font-size:56.25%;}
      }

    /*min-width:1281px*/
      @media only screen and (min-width:74.9375em) {
        html {font-size:62.5%}
      }

  /********************************************************************************/
  /************************** LARGE de 1400 a 1280 ********************************/
  /********************************************************************************/
  /* GESTION DES SLICKS ARROWS */
  @media only screen and (max-width:87.5em) {
    /*** ACTUALITES ***/
      #agenda .slick-list {padding:0 10rem;}
      #agenda .slick-arrow.slick-prev {left:1.5rem}
      #agenda .slick-arrow.slick-next {right:1.5rem;}
  }

  /********************************************************************************/
  /************************** LARGE de 1280 a 1024 ********************************/
  /********************************************************************************/

  @media only screen and (max-width:80em) {
    /*********************************** HOME **********************************/
          /*** ANCHORS ***/
        #home #anchors {display:none;}

      /*** ZONE MOTEUR ***/
      /*  #home #bandeau_page #logo_filigrane {left:50%; transform:translateX(-50%); top:0; width:40%; height:50%; min-width:0; background-size:contain !important;}*/
      /*  #home #bandeau_page #logo_filigrane img {width:50%; max-width:18rem;}*/

        /*DECLINAISON FILIGRANE CENTRE + NOM COMMUNE*/
          #home #bandeau_page #logo_filigrane.center img {width:auto;}

      /* BLOCS HOME */
        .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {padding:8rem 0 5.5rem 14rem;}
      /*** ACTUALITES ***/
        #agenda .slick-list {padding:0 10rem;}
        #agenda .slick-arrow.slick-prev {left:1.5rem}
        #agenda .slick-arrow.slick-next {right:1.5rem;}

    /*********************************** PAGE TYPE **********************************/
      /*** POUR ALLER PLUS LOIN ***/
        #mise_en_avant .list_item .txt {padding:0 5rem;}

    /********************************** PAGE LISTE **********************************/
      /*** MOTEUR ***/
        #line_tools_moteur {width:100%; z-index:3;}
        #line_tools_moteur.is-stuck {margin-top:12rem !important;}

        #line_tools_moteur #switch_display,
        #line_tools_moteur .show_filters,
        #line_tools_moteur .nb_result_container {top:0;  transform:translateY(calc(-100% - 5px));}

        #line_tools_moteur.is-stuck #switch_display,
        #line_tools_moteur.is-stuck .show_filters,
        #line_tools_moteur.is-stuck .nb_result_container {transform:translateY(0);}

        /* Afficher la carte */
        #line_tools_moteur .show_filters {right:11.5rem;}
        #line_tools_moteur #switch_display {right:23rem;}

        /********************************** BANDEAU RGPD ********************************/
          /* Bandeau */
            #tarteaucitronRoot #tarteaucitronAlertBig {padding:1rem 1rem 0.5rem 1rem;}
            #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {display:block; padding-bottom:0.5rem; text-align:center; margin-right:0;}
  }

  /********************************************************************************/
  /*************************** MEDIUM de 1023 a 640 *******************************/
  /********************************************************************************/

  @media only screen and (min-width:64em) {
    #col_right, #col_right_popin {display:block !important;}
  }

  /* 1023 */
  @media screen and (max-width:63.9375em) {
    /****************************** FORMULAIRES ***********************************/
      .powermail_confirmation input[type="submit"] {width:100%; margin:0.5rem auto; padding:0.5rem 0;}

    /*********************************** LAYOUT **********************************/
    /*** STRUCTURE GENERALE ***/
      #main {padding-bottom:0;}
      .wrap {width:100%; padding:0 3rem;}

      /* Sloppy */
      #zoom_sur {min-height:inherit; padding-bottom:12.8rem;}
      .space_mounetaine {height:10rem;}
      .sloppy {padding-bottom:10rem}
      .sloppy_mountaine {margin-top:-10rem; padding-bottom:10rem;}
      .sloppy .bg_color {padding-top:12.8rem; margin-top:-10rem;}

      /* Cassures */
        /*Bas Gauche */ #home #bandeau_page {clip-path:polygon(100% 0, 100% 88%, 30% 100%, 0 88%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 88%, 30% 100%, 0 88%, 0 0);}
        /*Bas Droite */ #bloc_acces_rapides .space_mounetaine {clip-path:polygon(70% 100%,100% 0,0 0); -webkit-clip-path:polygon(70% 100%,100% 0,0 0);}
        /*Haut Gauche*/ #agenda .space_mounetaine {clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0); -webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0);}
        /*Bas Droite */ #zoom_sur {clip-path: polygon(100% 0, 100% 88%, 70% 100%, 0 88%, 0 0);-webkit-clip-path: polygon(100% 0, 100% 88%, 70% 100%, 0 88%, 0 0);}
        /*Bas Gauche */ #territoire .space_mounetaine {clip-path:polygon(30% 100%,100% 0,0 0); -webkit-clip-path:polygon(30% 100%,100% 0,0 0);}

        /*Bas Gauche */ #page #bandeau_page {clip-path:polygon(100% 0, 100% 88%, 30% 100%, 0 88%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 88%, 30% 100%, 0 88%, 0 0);}
        /*Bas Droite */ #col_left .space_mounetaine, #col_left_popin .space_mounetaine {clip-path:polygon(70% 100%,100% 0,0 0); -webkit-clip-path:polygon(70% 100%,100% 0,0 0);}
        /*Haut Gauche*/ #bloc_info_utile {clip-path: polygon(100% 0, 100% 100%, 30% 92%, 0 100%, 0 0);-webkit-clip-path: polygon(100% 0, 100% 100%, 30% 92%, 0 100%, 0 0);}
        /*Bas Gauche */ #page #bloc_acces_rapides .space_mounetaine {clip-path:polygon(30% 100%,100% 0,0 0); -webkit-clip-path:polygon(30% 100%,100% 0,0 0);}
        /*Haut Droite*/ #page #agenda .space_mounetaine {clip-path:polygon(100% 100%,100% 0,0 0,0 100%,70% 0); -webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,70% 0);}

    /*** BOUTONS ***/
      .btn_all,
      .btn_lien,
      input[type="submit"], input[type="button"], .powermail_confirmation input[type="submit"],
      .btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a, button.btn_back {font-size:1.5em;}

    /*** BANDEAU ALERTE ***/
      #bandeau_alerte.callout .wrap {padding:2rem 5rem;}
      #bandeau_alerte.callout .wrap::before, #bandeau_alerte.callout .wrap::after {width:5rem;}
      #bandeau_alerte.callout .columns {flex:0 0 100%;}
      #bandeau_alerte.callout .columns.link_bloc {text-align:right;}
      #bandeau_alerte.callout .content p {font-size:1.8em; letter-spacing:initial;}
      #bandeau_alerte.callout .close-button {width:5rem; height:auto;}

    /*** HEADER ***/
      #home #header {top:0;}
      #header #data-sticky-header {transform:translate(0); max-width:none;}
      #header #data-sticky-header.is-stuck {left:0 !important;}
      /* Burger button */
        #header .btn_menu {order:10;}
      /* Tools */
        .txt_btn_menu {display:none;}
      /* Langues */
        #bloc_langues {max-width:5rem;}
      /* Meteo */
        #tools_header {margin-top:3rem; /**/ right:1.5rem;}

    /*** POPINS ***/
      .reveal {padding:5rem;}
      .reveal.full .wrap_popin {height:auto; padding:0 2rem;}
      .reveal.full .titre_bloc, .search_area_cont .titre_popin .titre_bloc {font-size:3.5em; padding:2.5rem 0 2.5rem 1.5rem;}

    /*** /POPIN/ MENU PRINCIPAL ***/
      #home.is-open-top #header #data-sticky-header {left:initial;}
      .off-canvas-wrapper {overflow:hidden;}
      #offCanvasLeft .is-drilldown ul ul.sous_menu.is-drilldown-submenu.is-active.hidden {overflow-y:hidden;}
      .off-canvas-wrapper-inner.is-open-left .off-canvas-content {overflow-x:hidden;}
      #offCanvasLeft .accordion-content, #offCanvasLeft .accordion-title {border:none;}
      #offCanvasLeft .menu.vertical.accordion > li {font-size:2em;}
      #offCanvasLeft .menu.vertical.accordion > li > a {padding:1.5rem 5rem 1.5rem 1.5rem; font-size:1em; font-family:'bold',Arial,Verdana,sans-serif; text-transform:uppercase;}
      #offCanvasLeft .menu.vertical {padding:2rem;}
      #offCanvasLeft .menu.vertical > li:not(:last-child) {margin-bottom:1rem;}
      #offCanvasLeft .menu.vertical .accordion-item > a::before {content:url(../img/arrow_next_white.svg); border:0; margin:0; width:1.6rem; height:1.6rem; display:block; right:2rem; top:30%; transition:0.3s ease}
      #offCanvasLeft .menu.vertical .accordion-item.is-active > a::before {transform:rotate(90deg);}
      /* level 2 */
      #offCanvasLeft .sous_menu.vertical {padding:1rem;}
      #offCanvasLeft .menu.vertical .level2 {font-size:initial;}
      #offCanvasLeft .menu.vertical .level2 > a { padding:1.5rem; font-family:'semibold',Arial,Verdana,sans-serif; text-transform:uppercase; font-size:1em;}
      /* level 3 */
      #offCanvasLeft .menu.vertical .level3 {font-size:initial;}
      #offCanvasLeft .menu.vertical .level3 > a {padding:0.5rem 0.5rem 0.5rem 2rem; font-size:0.9em; line-height:1.4;}
      #offCanvasLeft .menu.vertical .level3:last-child > a {padding-bottom:1.5rem;}
      /* menu tools top */
      #top_tools_smart {padding:1.5rem 2rem; width:100%; position:absolute; left:0; bottom:0; z-index:2; overflow:visible;}
      #top_tools_smart p {font-size:1.5em; line-height:normal;}

    /*** BANDEAU IMAGE ***/
      #page #bandeau_page, #page #bandeau_page_popin {min-height:50rem; position:relative;}
      #bandeau_page .img {min-height:inherit;}
      #bandeau_page .search_area_cont.is_search #zone_recherche, #popin_recherche #zone_recherche {max-width:58rem;}

    /*** FOOTER ***/
      #footer {padding:4rem 0; position:relative; min-height:initial;}
      #info_footer p {padding:0.2rem 0 0.2rem 3.5rem; font-size:1.4em;}
      #menu_footer {padding-top:3rem; margin:0;}
      #menu_footer ul {text-align:center;}
      #menu_footer ul li {padding:0 1rem; font-size:1.4em; display:inline-block;}
      /* #33124 Logo FEDER */
        #footer {padding-bottom:0;}

    /*** FIL D'ARIANE ***/
      #fil_ariane {margin-bottom:3.5rem;}

    /*********************************** HOME **********************************/

      /*** ZONE MOTEUR ***/
        #home #bandeau_page {padding-top:9.5rem; height:auto;}
        /*#home #bandeau_page #logo_filigrane {position:relative; top:0 !important; left:0 !important; height:20rem; transform:none !important; margin:auto; margin-top:8rem;}*/
        #home #bandeau_page #logo_filigrane {margin-left:auto; margin-right:auto; margin-bottom:0;}
        #bandeau_page .search_area_cont.is_search {padding:0 1.5rem 1.5rem 1.5rem;}
        #suggestions .titre_suggestions {font-size:2em;}
        #suggestions li {font-size:1.4em;}
        #zone_moteur {height:auto; padding-top:2rem;}

            /*DECLINAISON FILIGRANE CENTRE + NOM COMMUNE*/
              #home #bandeau_page #logo_filigrane.center {padding-bottom:0;}
              #home #bandeau_page #logo_filigrane.center img {max-height:12rem;}
              #home #bandeau_page #logo_filigrane.center p {font-size:3.2em;}

      /*** TAG ***/
        #tags {text-align:center; margin-bottom:12rem;}
        #tags li {font-size:1.5rem;}
        #tags li a {padding:1rem 1.5rem;}

      /*** BLOCS HOME ***/
        .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {font-size:3.5em;}
        .bloc_home .bloc_home_subtitle, #content_page .bloc_home .bloc_home_subtitle, #content_page_popin .bloc_home .bloc_home_subtitle {font-size:2em;}
        .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {padding:8rem 0 5.5rem 12rem;}

      /*** ACCES RAPIDES ***/
        /* #29714 */ #bloc_acces_rapides .wrap {padding-top:0;}
        #acces_rapides li a .txt {font-size:1.8em;}
        #acces_rapides li a .img img {width:11rem; height:10.4rem;}
        #acces_rapides li a:hover .img img, #acces_rapides li a:focus .img img {transform:translateY(-1.5rem);}
        #acces_rapides li:not(#btn_clic_all) a .img::before {width:8.5rem; height:8.5rem;}
        #acces_rapides li a .info_doc span:not(:last-child)::after {bottom:0.2em;}
        #acces_rapides li a .info_doc span:not(:first-child) {padding-left:0.5em;}

      /*** ZOOM SUR ***/
        /* #41247 */ #home #anchor_header + div + #zoom_sur {margin-top:0; padding-top:25rem}

      /*** CARTE TERRITOIRE ***/
        #metz_metropole_map {text-align:center;}
        #metz_metropole_map svg {padding:0 5rem; max-width:70rem; min-height:38rem;}
        #metz_metropole_infos {margin:0 auto;}
        #metz_metropole_infos p {font-size:1.5em;}

      /*** SOCIAL WALL ***/
        #dcsns-filter li, #content_page #dcsns-filter li {padding:0 0.75rem;}
        .stream li, #content_page #social-stream li {width:48%; font-size:1.6em;}
        .stream li .section-user, .stream li .section-title {font-size:2.2rem;}

    /*********************************** PAGE TYPE **********************************/
      /*** TITRE PAGE & BLOC ACCROCHE ***/
        #titre_page {padding-top:9rem;}
        #page h1, #popin_detail #titre_page_popin p {font-size:3.5em;}
        #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {font-size:2.3em;}

        #bandeau_page .date, #bandeau_page_popin .date {font-size:2em;}
            #col_left_inner .cat, #col_left_inner_popin .cat {margin:1rem 0;}

      /*** PARAM TXT ***/
        p, ul li, ol li, main p, main ul li, main ol li {font-size:1.6em;}
        legend {font-size:1.9em;}
        label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label, #filters .input-group legend {font-size:1.6em;}
        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'] {font-size:1.4em;}
        #content_page h2, #content_page_popin h2 {font-size:2.2em;}
        #content_page h3, #content_page_popin h3 {font-size:2em;}
        #content_page h4, #content_page_popin h4 {font-size:1.6em;}
        #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 1.5rem;}
        #content_page ul li, #content_page_popin ul li {padding:0 0 0 10px;}
        #content_page table caption, #content_page_popin table caption {font-size:1.8em;}
        #content_page th, #content_page_popin th {padding:1rem; font-size:1.6em;}
        #content_page td, #content_page_popin td {font-size:1.6em;}

      /* FIL D'ARIANE */
        #fil_ariane {position:absolute; top:5rem; left:3rem; width:calc(100% - 6rem);}

      /* SOCIAL SHARE */
        #social_share {margin-top:1rem;}

      /* BLOC DIAPORAMA IMAGES SLICK */
        #content_page .diaporama_images .slick-slide img {width:100%;}

      /* ACCORDEON ACCORDION #36655 */
        /* #47277 */
        .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p,
        .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li,
        .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li {font-size:1.6rem;}

      /*** QUESTIONNAIRE QUALITE ***/
        #quality_form form, #content_page #quality_form form, #content_page_popin #quality_form form {padding:2rem;}
        #quality_form #comment .ligne_form > label {padding:5px 0;}
        #quality_form form fieldset legend, #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend {width:100%; padding-bottom:1.5rem;}
        #quality_form .form_item > .ligne_form {float:left;}
        .sk-circle.qual.no {left:auto; right:-5rem;}

      /*** COLONNE CONTEXTUELLE ***/
        #main.zindex {z-index:11;}
        .bloc_col .titre_bloc {margin-bottom:1.5rem;}
        #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p, #content_page .bloc_col .titre_bloc h2, #content_page_popin .bloc_col .titre_bloc h2 {font-size:2.2em;}
        .bloc_col .contenu_bloc p.subtitle, #content_page .bloc_col .contenu_bloc p.subtitle, #content_page_popin .bloc_col .contenu_bloc p.subtitle {font-size:1.8em;}

          /*** BLOC GEOLOC ***/
            #bloc_info_utile {min-height:70rem;}

      /*** ORANISATEUR ***/
        .info_utile .info_map {position:relative; height:45rem;}

      /*** POUR ALLER PLUS LOIN ***/
        #mise_en_avant .list_item:first-of-type {margin-bottom:3rem;}
        #mise_en_avant .list_item .img {height:inherit;}

    /********************************** PAGE LISTE **********************************/
      #page.list #content_page {padding-top:8rem;}

      /*** MOTEUR ***/
        #line_tools_moteur {padding:0;}

        /* Nb resulats*/
          #line_tools_moteur p.nb_result {display:inline-block; vertical-align:middle; text-align:center; font-size:1.1em;}
          #line_tools_moteur p.nb_result span {width:initial; max-width:initial; height:initial; border-radius:0; background:none; margin:0; display:block; vertical-align:middle; font-size:2em;}

          #line_tools_moteur .show_filters, #line_tools_moteur .nb_result_container {top:-1rem;}
          #line_tools_moteur.is-stuck .show_filters, #line_tools_moteur.is-stuck .nb_result_container {top:0;}

        /* Afficher la carte */
          #line_tools_moteur #switch_display {top:-1rem;}
          #line_tools_moteur.is-stuck #switch_display {top:-1rem;}

      /*** RESULTATS ***/
        /* Item generique */
          .list_item.bandeau_item > a, #content_page .list_item.bandeau_item > a, #content_page_popin .list_item.bandeau_item > a, .list_item.bandeau_item > .link {position:relative;}

          /* Image */
            .list_item .img {position:absolute; top:0; left:0; width:100%; height:100%;}
            .list_item .img img {max-height:none;}
            .list_item.elu .img img {max-width:inherit; max-height:100%; min-height:auto; min-width:auto;}

          /* Zone texte */
            /*item classique sans img*/
              .list_item .txt {min-height:45rem; position:relative;}
            /* V2 */
              .list_item .txt, .list_item > a .txt, #content_page .list_item > a .txt, #content_page_popin .list_item > a .txt, .list_item > .link .txt {height:100%; width:100%; box-shadow:none;}
              .list_item .thumb-title .titre, .list_item a .thumb-title .titre, .list_item .link .thumb-title .titre {min-height:inherit !important;}
            /* END V2 */

            /*bandeau item avec img*/
              .list_item.bandeau_item .txt {min-height:45rem; position:relative;}
              .list_item.bandeau_item .txt, .list_item.bandeau_item > a .txt, #content_page .list_item.bandeau_item > a .txt, #content_page_popin .list_item.bandeau_item > a .txt, .list_item.bandeau_item > .link .txt {height:100%; width:100%; box-shadow:none;}

          /* Dates */
            .list_item .date {font-size:1.6em;}

          /* Titre */
            .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {font-size:2.2em;}
            .list_item.bandeau_item .thumb-title .titre, .list_item.bandeau_item a .thumb-title .titre, .list_item.bandeau_item .link .thumb-title .titre {min-height:inherit !important;}

          /* Description */
            .list_item .thumb-title .thumb-desc, .list_item a .thumb-title .thumb-desc, .list_item .link .thumb-title .thumb-desc {margin-top:4rem; height:auto; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}

          /* Btn add calendar */
            .list_item .btn_add_calendar, .list_item a .btn_add_calendar, .list_item .link .btn_add_calendar {-webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}

          /* Lire la suite */
            .list_item .btn_lien_picto {-webkit-transform:scaleX(1) scaleY(1); -ms-transform:scaleX(1) scaleY(1); transform:scaleX(1) scaleY(1);}

          /* En savoir plus - faux lien - btn_txt */
            .list_item .cat_lien, .list_item a .cat_lien, .list_item .link .cat_lien {-webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}

          /* Item FAQ */
            .list_item.faq, #content_page .list_item.faq, #content_page_popin .list_item.faq {padding:2.5rem 1.5rem;}

              /* ZONE BOTTOM */
            .list_item .zone_bottom {display:block; bottom:4rem;}
            .list_item .zone_bottom .contain {padding-bottom:0;}

    /***************************** PAGE DETAIL / POPIN ******************************/
      #slider_img img, #slider_img_popin img {width:100%;}

    /***************************** MOTEUR DE RECHERCHE ******************************/
      #content_page #moteur.elastic #line_tools_moteur > .columns > .row {margin:0;}
      #content_page #moteur.elastic #line_tools_moteur > .columns > .row > .columns {width:8rem; text-align:center;}
      #content_page #moteur.elastic #elastic {margin:0;}
      #elastic {-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; padding:2rem;}
      #elastic .btn_input {max-width:100%; width:100%; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:2rem;}
      #elastic #main_search_elastic {margin-bottom:0;}
      #content_page .pagination .pagination-previous, #content_page .pagination .pagination-next {margin:0.25rem;}

    /********************************** FIL ROUGE ***********************************/
      #popin_fil_rouge {min-width:75%;}

    /*************************** CARTE INTERACTIVE ******************************/
      #carto #carto_results {left:1.5rem; top:11.5rem;}
      #carto #filters {padding:0; z-index:10;}
      #page.carto_tpl #fil_ariane {margin-bottom:0;}
      #modal_window.carto_tpl .list_item .img {position:relative; height:25rem; left:inherit; top:inherit;}

    /********************************** BANDEAU RGPD ********************************/
      /* General */
        #tarteaucitronRoot #dialogTitle {font-size:2rem;}
        #tarteaucitron .tarteaucitronName h2 {font-size:1.6rem;}
        #tarteaucitron .tarteaucitronName h3 {font-size:1.8rem;}
        #tarteaucitronRoot div#tarteaucitron {padding:0;}
      /* Bandeau */
        #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {font-size:1.2em;}
      /* Boutons */
        #tarteaucitronRoot button {padding:0.75rem 1rem; font-size:1.2rem;}
  }

  /********************************************************************************/
  /*************************** SMALL de 640 a 320 *********************************/
  /********************************************************************************/
  /* 639 */
  @media screen and (max-width:39.9375em) {
    /********************************* TRANSITIONS ********************************/
      .page-is-changing .cs-loader-inner-transitions {padding:0 30px;}

      @keyframes loltransitions {
          0% {opacity:0; transform:translateX(-20rem);} /* 0 pour k2000 */
          33% {opacity:1; transform:translateX(0px);}
          66% {opacity:1; transform:translateX(0px);}
          100% {opacity:0; transform:translateX(20rem);} /* 0 pour k2000 */
      }
      @-webkit-keyframes loltransitions {
        0% {opacity:0; -webkit-transform:translateX(-20rem);} /* 0 pour k2000 */
        33% {opacity:1; -webkit-transform:translateX(0px);}
        66% {opacity:1; -webkit-transform:translateX(0px);}
        100% {opacity:0; -webkit-transform:translateX(20rem);} /* 0 pour k2000 */
      }

    /****************************** FORMULAIRES ***********************************/
      .iradio, .icheckbox {top:2px;}
      form {padding:2rem;}
      legend {font-size:1.6em;}
      label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label, .label, #filters .input-group legend {font-size:1.4em;}
      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'] {font-size:1.4em;}
      .ligne_form.checkbox label, .ligne_form.radio label, .powermail_fieldwrap_type_check .checkbox label, .powermail_fieldwrap_type_radio .radio label {font-size:1.2em;}
      input[type="submit"], input[type="button"], #filters input[type="submit"], #filters input[type="button"], .powermail_confirmation input[type="submit"] {font-size:1.4em; letter-spacing:0.02em;}

    /******************************* BTN ***********************************/
      .button, p.btn_txt, .btn_lien, .btn_all, input[type="submit"], input[type="button"], #filters input[type="submit"], #filters input[type="button"], .powermail_confirmation input[type="submit"] {padding:1rem 1.5rem;}
      .btn_select {letter-spacing:0.02em;}
      .btn_all, .btn_lien, .btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a, button.btn_back {font-size:1.4em;}
      .btn_all a, #content_page .btn_all a, #content_page_popin .btn_all a {padding:1rem; letter-spacing:0.02em;}
      .reveal.full .close-button, .search_area_cont.is_search .close-button {width:4rem; height:4rem; right:0;}
      .reveal.full .close-button span, .reveal.full .titre_popin .close-button span, .search_area_cont.is_search .close-button span, .reveal.full .titre_popin .close-button span {line-height:3rem;}
      .btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a, button.btn_back {background-size:0.75rem auto; padding:1rem 2rem 1rem 3.5rem; background-position:1.5rem center;}

    /*********************************** LAYOUT **********************************/
      /*** STRUCTURE GENERALE ***/
        .wrap {padding:0 1rem;}
        .sloppy {padding-bottom:10rem;}
        .sloppy .bg_color {padding-top:10rem;}
        .space_mounetaine {height:10rem;}
        form {padding:0;}

      /*** TYPO GALLERY ***/
      .ce-right .ce-gallery, .ce-left .ce-gallery, .ce-column, .ce-center .ce-outer, .ce-center .ce-inner {float:none;}

      /*** SLICK ***/
        #slick-filters {margin-bottom:1.5rem; padding:0 1.5rem;}
        #slick-filters ul li, #content_page #slick-filters ul li, #content_page_popin #slick-filters ul li {padding:0 0.5rem 0.5rem 0; font-size:1.3em;}
        #slick-filters ul li button, #content_page #slick-filters ul li button, #content_page_popin #slick-filters ul li btton {padding:1rem 0.75rem; font-size:1em;}
      /* Sloppy */
        .space_mounetaine {height:6rem;}
        .sloppy {padding-bottom:6rem !important;}
        .sloppy_mountaine {margin-top:-6rem; padding-bottom:6rem;}
        .sloppy .bg_color {padding-top:8.8rem; margin-top:-6rem;}
        #home #bandeau_page {height:auto;}

      /* Cassures */
        /*Bas Gauche */ #home #bandeau_page {clip-path:polygon(100% 0, 100% 94%, 30% 100%, 0 94%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 94%, 30% 100%, 0 94%, 0 0);}
        /*Bas Droite */ #bloc_acces_rapides .space_mounetaine {clip-path:polygon(70% 100%,100% 0,0 0); -webkit-clip-path:polygon(70% 100%,100% 0,0 0);}
        /*Haut Gauche*/ #agenda .space_mounetaine {clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0); -webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,30% 0);}
        /*Bas Droite */ #zoom_sur {clip-path: polygon(100% 0, 100% 94%, 70% 100%, 0 94%, 0 0);-webkit-clip-path: polygon(100% 0, 100% 94%, 70% 100%, 0 94%, 0 0);}
        /*Bas Gauche */ #territoire .space_mounetaine {clip-path:polygon(30% 100%,100% 0,0 0); -webkit-clip-path:polygon(30% 100%,100% 0,0 0);}

        /*Bas Gauche */ #page #bandeau_page {clip-path:polygon(100% 0, 100% 94%, 30% 100%, 0 94%, 0 0); -webkit-clip-path:polygon(100% 0, 100% 94%, 30% 100%, 0 94%, 0 0);}
        /*Bas Droite */ #col_left .space_mounetaine, #col_left_popin .space_mounetaine {clip-path:polygon(70% 100%,100% 0,0 0); -webkit-clip-path:polygon(70% 100%,100% 0,0 0);}
        /*Haut Gauche*/ #bloc_info_utile {clip-path: polygon(100% 0, 100% 100%, 30% 94%, 0 100%, 0 0);-webkit-clip-path: polygon(100% 0, 100% 100%, 30% 94%, 0 100%, 0 0);}
        /*Bas Gauche */ #page #bloc_acces_rapides .space_mounetaine {clip-path:polygon(30% 100%,100% 0,0 0); -webkit-clip-path:polygon(30% 100%,100% 0,0 0);}
        /*Haut Droite*/ #page #agenda .space_mounetaine {clip-path:polygon(100% 100%,100% 0,0 0,0 100%,70% 0); -webkit-clip-path:polygon(100% 100%,100% 0,0 0,0 100%,70% 0);}

      /*** COOKIES ***/
        #cookie_msg.callout p {font-size:1.4em;}

      /*** ALERTE ***/
        #bandeau_alerte.callout .wrap {padding:1rem 4rem;}
        #bandeau_alerte.callout .wrap::before, #bandeau_alerte.callout .wrap::after {width:4rem; background-size:70%;}
        #bandeau_alerte.callout .columns {padding:0 1rem;}
        #bandeau_alerte.callout .content p {font-size:1.4em; margin-bottom:1rem;}
        #bandeau_alerte.callout .close-button {width:4rem;}

      /*** HEADER ***/
        #header #data-sticky-header {width:100%; position:fixed; top:0 !important; opacity:1 !important; z-index:11; height:7.5rem; min-height:0; padding:0 1rem;}
        #logo {padding:0;}
        #logo img {max-height:6.5rem; max-width:10rem;}

        /* menu horizontal */
        .hamburger {width:4rem !important; height:4rem !important; top:2rem;}
        .hamburger-box {padding:0.75rem 0;}
        #tools {padding:0; height:7.5rem; align-items:center;}
        #header .container_btn_menu {height:3rem; margin-left:2rem;}
        #header .container_btn_menu::after {left:-1.25rem; width:1px;}
        #header .btn_menu:hover, #header .btn_menu:focus {background-position:center center}

        /* menu ouvert */
          #offCanvasLeft {top:7.5rem;}
          #offCanvasLeft .menu.vertical {padding:1.5rem;}
          #offCanvasLeft .menu.vertical.accordion > li {font-size:1.6em;}
          #offCanvasLeft .menu.vertical .level2 {font-size:1.4rem;}
          #offCanvasLeft .menu.vertical .level2 > a {line-height:1.4; padding:1rem;}
          #offCanvasLeft .menu.vertical.accordion > li > a {line-height:1.2;}
          #offCanvasLeft .menu.vertical .level3 > a {font-size:0.8em;}

        #accessi {display:none;}

      /* METEO / QUALITE AIR / LANGUES ***/
        #tools_header {/*margin-top:2rem;*/ right:1rem;}
        #tools_header .air_quality {padding:0 1rem;}
        #tools_header #meteo_date {padding-left:5rem !important;}
        #trad, #tools_header #meteo_date {padding:0 1rem;}
        /* #29808 */ #tools_header .air_quality p {padding-left:3rem;}
        #tools_header .air_quality {padding:0.2rem 0 0.2rem 2rem; background-size:1.5rem auto;}
        #tools_header span#indice {width:2rem; height:2rem; line-height:2rem; display:inline-block; vertical-align:top; margin-top:0.5rem;}

      /*** POPINS ***/
        .reveal {margin-left:auto; width:100%; padding:5.5rem 2rem 3rem 2rem;}
        .reveal.full .titre_popin {margin-bottom:1.5rem;}
        .reveal.full .titre_bloc, .search_area_cont .titre_popin .titre_bloc {font-size:3em; font-family:'bold',Arial,Verdana,sans-serif; padding:1.5rem 4.5rem 1.5rem 0;}
        .reveal.full::before, #bandeau_page .search_area_cont.is_search::before {display:none;}

      /*** BANDEAU IMAGE ***/
        #page #bandeau_page, #page #bandeau_page_popin {position:relative;}

      /*** FOOTER ***/
        #footer {text-align:center; padding:1.5rem 0 0.5rem 0;}
        #bloc_contact_info #info_footer {padding-top:2rem;}
        #bloc_contact_info #info_footer p {padding:0; margin:0 0 1rem 0; margin:0 0 0.5rem 0; font-size:1.2em;}
        #info_footer p {display:inline-block; line-height:1.4em;}
        #menu_footer {padding-top:2rem;}
        #menu_footer ul li {font-size:1.2em; padding:0 0.5rem; margin-bottom:0.75rem; letter-spacing:0;}
        #footer_logo img {max-width:10rem;}
        /* #33124 Logo FEDER */
          #footer {padding-bottom:0;}
          #logo_feder {margin-top:1rem; padding:1rem 0;}
          #logo_feder .row {text-align:center;}
          #logo_feder .columns {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; text-align:center;}
          #logo_feder .columns:not(.shrink) p {padding:1rem 0 0 0; font-size:1.2em;}

      /*** FIL D'ARIANE ***/
        #fil_ariane {margin-bottom:1rem; width:calc(100% - 3rem); left:1.5rem; position:static; margin-top:6rem; width:100%; padding:0 1.5rem;}
        #fil_ariane .breadcrumbs li {font-size:1.2em; line-height:1.2em;}

      /*** SHARE / BLOC NOTE / MAJ ***/
        #social_share, #social_share_popin {margin-top:1rem; padding-left:2rem; z-index:5; position:absolute; top:0; left:0;}
        #social_share ul, #social_share_popin ul {line-height:normal !important;}
        #social_share #btn_social_share > li, #social_share_popin #btn_social_share_popin > li, #social_share #btn_social_share > li > a, #social_share_popin #btn_social_share_popin > li > a {margin-right:0;}

    /************************************ HOME ***********************************/

      /*** BANDEAU PAGE ***/
        #home #bandeau_page {padding-top:7.5rem;}
        /*#home #bandeau_page #logo_filigrane {height:10rem;}*/
        /*#home #bandeau_page #logo_filigrane img {width:55%; min-width:12rem;}*/

        #home #bandeau_page #logo_filigrane {max-width:50vw;}
        #bandeau_page::after, #bandeau_page_popin::after {content:""; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0.65; z-index:1;}
        #go_to_next {bottom:1rem; left:calc(35% - 3rem);}

        /*DECLINAISON FILIGRANE CENTRE + NOM COMMUNE*/
          #home #bandeau_page #logo_filigrane.center img {max-height:8rem; min-width:0;}
          #home #bandeau_page #logo_filigrane.center p {font-size:2.2em;}

      /*** ZONE MOTEUR ***/
        #zone_moteur {padding-right:1.5rem; padding-left:1.5rem; height:auto;}
        #zone_recherche input[type="text"] {font-size:1.4em; padding:1.5rem 4.5rem 1.5rem 1.5rem;}
        #zone_recherche input[type="submit"] {font-size:1.4em;}
        #zone_recherche button, #zone_recherche .noVocalRecognition {background-size:auto 100%; height:2rem; right:1.5rem;}

        #suggestions {padding:0;}
        #suggestions .titre_suggestions {font-size:1.8em;}
        #suggestions li a {display:block; clear:both;}
        #suggestions li a .categories {float:right;}

      /*** TAG ***/
        #tags {margin-bottom:7.5rem;}
        #tags li {margin:0.5rem; font-size:1.3em;}
        #tags li a {padding:0.5rem;}

      /* BLOCS HOME */
        .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {font-size:3em;}
        .bloc_home .btn_container .btn_lien_picto {padding-top:2.5rem; margin-bottom:4.5rem; font-size:1.6em;}
        .bloc_home .bloc_home_subtitle, #content_page .bloc_home .bloc_home_subtitle, #content_page_popin .bloc_home .bloc_home_subtitle {font-size:1.6em;}

        .number_bloc_home {left:5rem; top:3rem;}
        .bloc_home .titre_bloc .bloc_home_title::before {left:5rem; top:5rem; /**/ display:none;}
        .bloc_home .titre_bloc .bloc_home_title, #content_page .bloc_home .titre_bloc .bloc_home_title, #content_page_popin .bloc_home .titre_bloc .bloc_home_title {background-size:35%; padding: 1.75rem 0 8.5rem 13rem; /**/ background-size:4rem auto; padding:1rem 0 3.5rem 5.5rem; /**/ background-size:2.5rem auto; padding:0 0 2rem 3.5rem; font-size:2.5em; background:none !important; padding-left:0;}

        #home #global .bloc_home:last-child > div, #page #content_page .bloc_home:last-child > div, #popin_detail #content_page_popin .bloc_home:last-child > div {padding-bottom:1.5rem;}

      /*** ACCES RAPIDES ***/
        #acces_rapides, #content_page #acces_rapides, #content_page_popin #acces_rapides {margin-bottom:-2rem;}
        #acces_rapides li, #content_page #acces_rapides li, #content_page_popin #acces_rapides li {padding-bottom:3rem; padding-top:3rem;}
        #acces_rapides li a, #content_page #acces_rapides li a, #content_page_popin #acces_rapides li a {line-height:1.2; position:relative; z-index:1;}
        #acces_rapides li a .txt {font-size:1.4em;}
        #acces_rapides li a .img {padding-bottom:0; position:absolute; top:50%; left:50%; background:transparent !important;}
        #acces_rapides li a .img img {width:3.7rem; height:3.5rem; display:none;}
        #acces_rapides li:not(#btn_clic_all) a .img::before {width:6.5rem; height:6.5rem; z-index:-1;}
        #acces_rapides li a:hover .img img, #acces_rapides li a:focus .img img {transform:translateY(-1rem);}

      /*** ACTUALITES ***/
        .bloc_home .titre_bloc .bloc_home_title > span {display:inline;}

      /*** AGENDA ***/
        #agenda .slick-list, #popin_detail #agenda .slick-list {padding:0;}
        #agenda .slick-arrow {height:5rem; width:5rem; top:calc(50% - 7rem);}
        #agenda .slick-arrow.slick-next {right:-1.5rem;}
        #agenda .slick-arrow.slick-prev {left:-1.5rem;}
        #agenda .btn_container .btn_lien {margin:1rem 0;}
        #home #agenda .list_item {margin-bottom:1rem;}
        #agenda .list_item .txt  {min-height:20rem;}

      /*** ZOOM SUR ***/
        /* #41247 */ #home #anchor_header + div + #zoom_sur {padding-top:22rem}
        #zoom_sur {padding-bottom:7.5rem}
        #zoom_sur .content {margin-top:1.5rem; margin-bottom:1rem;}
        #zoom_sur .content p {padding:0 1.5rem;}

      /*** CARTE TERRITOIRE ***/
        #metz_metropole_map {padding:0;}
        #metz_metropole_map svg {min-height:25rem;}
        #territoire .content {padding:0 1.5rem;}
        #map_list {margin-bottom:1rem; margin-left:0; margin-right:0;}
        #map_list ul li a {padding:8px 1rem;}
        #map_list > button {min-width:100%; padding:1rem 3.5rem 1rem 1rem; background-position:right 1.5rem center; font-size:1.4em;}
        #map_list .dropdown-pane {max-width:100%; width:auto; min-width:27rem;}
        #content_page #map_list .dropdown-pane {min-width:25rem;}
        #metz_metropole_map svg {padding:0;}
        #metz_metropole_infos {margin-top:1rem; padding:0;}
        #metz_metropole_infos p {font-size:1.4em; padding:1rem 0; -webkit-background-size:auto 100%; background-size:auto 100%;}

      /*** SOCIAL WALL ***/
        #dcsns-filter li, #content_page #dcsns-filter li {font-size:1.4em;}
        .stream li, #content_page #social-stream li {width:100%; margin:0 0 1.5rem 0;}
        .dcsns-toolbar, #content_page .dcsns-toolbar {margin-bottom:2rem;}
        #dcsns-filter li {font-size:1.4em; padding:0 0.75rem 0 0.75rem;}
        #dcsns-filter li a {width:4rem; height:4rem; line-height:4rem;}
        #dcsns-filter li.sw_rs a {-webkit-background-size:50%; background-size:50%;}
        ul.stream {margin:0;}
        .stream li .section-user, .stream li .section-title {font-size:2rem;}
        .stream li .section-text {padding:1.5rem;}
        .stream li, #content_page #social-stream li {font-size:1.3em;}
        .stream li > a, #content_page #social-stream .stream li > a {margin:0 1.5rem 1.5rem 1.5rem;}
        .stream li .socicon {width:2.5rem; height:2.5rem; background-size:auto 100% !important;}

    /********************************* PAGE TYPE *********************************/
      #page #bandeau_page, #page #bandeau_page_popin {min-height:0;}

      /*** TITRE PAGE & BLOC ACCROCHE ***/
        #head_page {padding-bottom:6rem;}
        #titre_page, #titre_page_popin {padding:2rem 1.5rem 0.5rem 1.5rem;}
        #page h1, #popin_detail #titre_page_popin p {font-size:2.5em; line-height:1.2em; font-family:'bold',Arial,Verdana,sans-serif; text-align:left;}
        .quote, #popin_detail #date {padding:0 0 2rem 0}
        #bandeau_page .date, #bandeau_page_popin .date {font-size:1.6em; margin-top:2.5rem;}
        #bandeau_page .date .contain, #bandeau_page_popin .date .contain {padding:1rem 1.5rem;}
        #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {text-align:left; font-size:1.7em; line-height:1.2em;}

      /*** SHARE ***/
        #social_share #share_container.sharing::before, #social_share_popin #share_container_popin.sharing::before {width:9.35rem;}
        #social_share .share_btn #share_container.sharing li.button_facebook, #social_share_popin .share_btn #share_container_popin.sharing li.button_facebook {left:3.25rem;}
        #social_share .share_btn #share_container.sharing li.button_twitter, #social_share_popin .share_btn #share_container_popin.sharing li.button_twitter {left:6.25rem;}

      /*** PARAM TXT ***/
        p, ul li, ol li, main p, main ul li, main ol li {font-size:1.4em; line-height:1.5em;}
        #content_page h2, #content_page_popin h2 {font-size:2em;}
        #content_page h2, #content_page_popin h2 {margin:2rem 0 1.5rem 0;}
        #content_page h3, #content_page_popin h3 {margin:1.5rem 0 1rem 0; font-size:1.8em;}
        #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 22px;}
        #content_page ul li, #content_page ol li, #content_page_popin ul li, #content_page_popin ol li {padding:0 0 5px 0;}
        #content_page blockquote {background-size:23px auto; padding:2.5rem  0 1.5rem 0; margin:0;}
        #content_page_popin blockquote {background-size:23px auto; padding:2rem 0;}
        #content_page blockquote, #content_page_popin blockquote {font-size:1.5em; text-align:left; padding-left:5px;}
        #content_page table caption, #content_page_popin table caption {font-size:1.6em;}
        #content_page table, #content_page_popin table {overflow-x:auto; max-width:100%; display:block;}
        #content_page th, #content_page_popin th {font-size:1.5em;}
        #content_page td, #content_page_popin td {font-size:1.4em;}

      /* BLOC DIAPORAMA IMAGES SLICK */
        p.btn_download_pic, #content_page p.btn_download_pic, #content_page_popin p.btn_download_pic {font-size:1.2em;}

        /* popin video/images */
          .diaporama_images .slider-for-images.slick-slider .slick-arrow::before, .image_pop .slick-slider .slick-arrow::before, #image_pop.slick-slider .slick-arrow::before, #image_pop_col_right.slick-slider .slick-arrow::before {height:auto;}
          .image_pop, .video_pop {top:0 !important;}
          .image_pop .slick-slide, .video_pop .slick-slide {padding:0;}
          .image_pop .slider-for-images-pop.slick-slider:hover .slick-arrow {opacity:1;}
          .image_pop .slick-slider .slick-arrow {background:transparent !important;}
          .image_pop .slick-slider .slick-arrow, .video_pop .slick-slider .slick-arrow {top:calc(50% - 4rem); z-index:11; height:8rem;}
          .image_pop .slick-slider .slick-arrow.slick-next, .video_pop .slick-slider .slick-arrow.slick-next {right:0;}
          .image_pop .slick-slider .slick-arrow.slick-prev, .video_pop .slick-slider .slick-arrow.slick-prev {left:0;}
          .video_slider .contenu_bloc {padding:0 5rem;}

      /* ACCORDEON ACCORDION #36655 */
        .bloc_contenu_accordeon .list_item, #content_page .bloc_contenu_accordeon .list_item, #content_page_popin .bloc_contenu_accordeon .list_item {padding:1.5rem 2rem;}
        /* #47277 */
        .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content p,
        .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ul > li,
        .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li, #content_page .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li, #content_page_popin .bloc_contenu_accordeon .accordion_container .list_item .accordion-content ol > li {font-size:1.4rem;}
        #content_page .bloc_contenu_accordeon, #content_page_popin .bloc_contenu_accordeon {padding:2rem 0;}

      /*** QUESTIONNAIRE QUALITE ***/
        #quality_form form, #content_page #quality_form form, #content_page_popin #quality_form form {padding:1.5rem}
        #quality_form form fieldset legend, #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend, #quality_form .form_item > .ligne_form {padding:0; margin:0 1.5rem 0 0;}
        #quality_form form fieldset legend, #content_page #quality_form form fieldset legend {float:none; font-size:1.4em; padding-bottom:1.5rem;}
        #quality_form .form_item > .ligne_form > label {font-size:1.4em; padding-left:3rem;}
        #quality_form .form_item .ligne_form input[type="radio"]:checked + label, #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]):focus + label, #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:hover, #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:focus {background-position:0.5rem center;}
        #comment textarea, #comment textarea[rows] {height:10rem;}
        #quality_form #comment .ligne_form p, #content_page #quality_form #comment .ligne_form p, #content_page_popin #quality_form #comment .ligne_form p {padding:0; font-size:1.2em;}

      /*** COLONNE CONTEXTUELLE ***/
        .bloc_col .content_bloc {padding:1.5rem;}
        .bloc_col .titre_bloc, #content_page .bloc_col .titre_bloc, #content_page_popin .bloc_col .titre_bloc {padding:0.25rem 0 1rem 3.5rem; background-size:2.5rem auto !important; background-position:left top !important; /**/ margin-bottom:1.5rem;}
        #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p, #content_page .bloc_col .titre_bloc h2, #content_page_popin .bloc_col .titre_bloc h2 {font-size:2em; line-height:1.2;}
        #content_page .bloc_col .titre_bloc p.subtitle, #content_page_popin .bloc_col .titre_bloc p.subtitle {font-size:1.6em; line-height:1.4em;}
        .info_utile .contenu_bloc > p {margin-left:0;}

        /*** BLOC GEOLOC ***/
          #bloc_info_utile {min-height:50rem;}
          #bloc_info_utile .titre_bloc .bloc_home_title, #content_page #bloc_info_utile .titre_bloc .bloc_home_title, #content_page_popin #bloc_info_utile .titre_bloc .bloc_home_title {font-size:2em;}
          #popup-content .subtitle {font-size:1.4em;}
          #popup-content p {font-size:1.4em;}
          #content_page .ol-zoom, #content_page_popin .ol-zoom {top:auto; bottom:1rem;}
          /* Btn GEOLOC #33155 */
          #content_page .ol-viewport #geolocButton, #content_page_popin .ol-viewport #geolocButton {top:11rem;}

      /*** POUR ALLER PLUS LOIN ***/
        #mise_en_avant.bloc_home .titre_bloc .bloc_home_title {font-size:2em;}
        #mise_en_avant .list_item .txt {padding:0 2rem; min-height:10rem;}

      .date_maj, #content_page .date_maj, #content_page_popin .date_maj {line-height:1.2;}

    /********************************* PAGE LISTE ********************************/
      #page.list #content_page {padding-top:9rem;}

      /* Moteur */
        #line_tools_moteur.is-stuck {margin-top:8rem !important;}

        /* Nb resulats*/
          #line_tools_moteur p.nb_result {font-size:1.6em;}
          #line_tools_moteur .nb_result_container .btn_bloc_col {font-size:1.1em; margin-top:1.1rem;}
          #line_tools_moteur .nb_result_container span {font-size:1.8rem;}

        /* Fitrer */
          #line_tools_moteur .show_filters {right:6.5rem; background-size:20px auto !important;}
          #line_tools_moteur .show_filters, #line_tools_moteur .nb_result_container, #line_tools_moteur #switch_display {width:5.5rem; height:5.5rem;}

        /* Afficher la carte */
          #line_tools_moteur #switch_display {right:18rem;}
          #line_tools_moteur #switch_display::before {background-size:25px;}

      /* Filtres */
        #zone_filters li {font-size:1.6em;}
        #filters .input-group .border.tag label {font-size:1.4em;}
        #filters .input-group label, #zone_filters a {padding:1rem; font-size:0.8em;}
        #filters.popin .ligne_form.open_date {padding-bottom:16rem;}
        #filters .fi-calendar {padding:0.6rem 1rem;}
        #filters .fi-calendar::before {line-height:1.5em;}
        #filters .ligne_form.date .ligne_form {margin-bottom:1rem;}
        /*submit + reset filtres*/
        #filters .ligne_form.btn_submit {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
        #reset_search_popin {position:static; font-size:1.3em;}

      /* Resultats */
        .list_item.bandeau_item .txt, .list_item .txt {min-height:0;}
        .list_item.bandeau_item .txt {padding:4rem 2.5rem;}

        /* Dates */
          .list_item .date {font-size:1.4em; left:2.5rem;}

        /* Titre */
          .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {font-size:2em;}

        /* Description */
          .list_item .thumb-title .thumb-desc, .list_item a .thumb-title .thumb-desc, .list_item .link .thumb-title .thumb-desc,
          .list_item:hover .thumb-title .thumb-desc, .list_item:hover a .thumb-title .thumb-desc, .list_item:hover.link .thumb-title .thumb-desc,
          .list_item:focus .thumb-title .thumb-desc, .list_item:focus a .thumb-title .thumb-desc, .list_item:focus.link .thumb-title .thumb-desc {margin-top:2rem;}
          .list_item .thumb-title .thumb-desc, .list_item .cat_lien {display:none;}

        /* Btn add calendar */
          .list_item .btn_add_calendar, .list_item a .btn_add_calendar, .list_item .link .btn_add_calendar {font-size:1.4em; background-size:auto 100%;}

        /* Subpage */
            .list_item.subpage .txt {min-height:0; padding:2rem;}
            .list_item.subpage .txt .thumb-desc, .list_item.subpage .txt .cat_lien {display:none;}

        /* Collecte des dechets */
           .list_item_full.collecte_dechets .link {padding:1.5rem;}

      /* Map */
        #second_display {min-height:45rem;}

    /**************************** PAGE DETAIL / POPIN ****************************/
      #popin_detail {padding:0; width:100%;}
      #head_page_popin {padding:0 3.5rem; width:100%;}
      #content_page_popin {padding:0 3.5rem;}
      #bandeau_page_popin {margin-bottom:3rem;}
      #titre_page_popin {padding:6.5rem 1.5rem 3.5rem 1.5rem;}
      #slider_img .cat, #slider_img_popin .cat {position:static;}
      #content_page_popin .sloppy .bg_color {margin-top:0; padding-top:0;}
      #bandeau_page_popin .date {margin-top:1.5rem}

      /* CLOSE BUTTON */
        #popin_detail .wrap_popin .close-button {position:fixed;}

      /* ARROWS NAV POPIN */
        .wrap_arrow {padding:0.25rem; width:4rem;}
        .wrap_arrow.to_left, .wrap_arrow.to_right {transform:none;}
        .arrows {margin:0 auto;}
        .wrap_arrow + .wrap_arrow {right:0.5rem !important;}

      /* SLIDER VIDEO */
        .video_slider .slick-slider .slick-arrow, .video_pop .slick-slider .slick-arrow {width:5rem;}

          /* ELUS */
        #presentation_elu .large-8 > h2:first-child {margin-top:3rem !important;}

    /********************************** FIL ROUGE ***********************************/
      #popin_fil_rouge {width:100%;}

    /***************************** MOTEUR DE RECHERCHE ******************************/
      #content_page #moteur.elastic #line_tools_moteur {padding-top:2em; padding-bottom:0;}
      #content_page #moteur.elastic #elastic p.btn_lien a {width:100%;}
      #content_page #moteur.elastic #elastic .btn_input {padding:0;}
      #content_page #moteur.elastic .columns {width:100%; justify-content:center; text-align:center;}
      #content_page #moteur.elastic #line_tools_moteur > .columns > .row > .columns {width:100%;}
      #content_page #moteur.elastic #elastic {margin:0;}
      #content_page #elastic .btn_input button, #content_page_popin #elastic .btn_input button {right:0.5rem;}
      #content_page #elastic .show_filters, #content_page_popin #elastic .show_filters, #content_page #elastic .btn_all, #content_page_popin #elastic .btn_all {flex:0 0 100%; max-width:100%; width:100%; padding:0;}
      #content_page #elastic #main_search_elastic, #content_page_popin #elastic #main_search_elastic {margin:0.5rem 0 0 0;}
      #content_page #line_tools_moteur #elastic p.btn_lien, #content_page_popin #line_tools_moteur #elastic p.btn_lien {padding:0.5rem 0;}
      #content_page #elastic .btn_input, #content_page_popin #elastic .btn_input {order:3;}

    /********************************* PLAN DU SITE *********************************/
      #content_page .csc-sitemap ul {padding:0 0 0 0.5rem;}
      #content_page .csc-sitemap li {margin:0 0 0.5rem 0; padding:2px; font-size:1.8em; line-height:1.5em;}
      #content_page .csc-sitemap li ul {padding:0 0 0 0.5rem; margin:1.5rem 0 1.5rem 0;}

    /********************************* DASHBOARD *********************************/
      #dash_settings {padding:2rem;}
      #page #dash_settings .categorie p {padding:0.9rem 1.5rem 0.5rem 2.6rem;}
      .dash_item > .row {padding:0 1rem;}
      #content_page .dash_do_btn {border:0;}
      #content_page .dash_item h3 {margin-bottom:1.5rem;}

    /******************************* MOTEUR DE RECHERCHE ******************************/
      #content_page .pagination li {font-size:1.4em;}

    /******************************* FAQ ******************************/
      .list_item.faq, #content_page .list_item.faq, #content_page_popin .list_item.faq {font-size:1.6em;}
      .accordion_container .list_item.faq .accordion-content p, #content_page .accordion_container .list_item.faq .accordion-content p, #content_page_popin .accordion_container .list_item.faq .accordion-content p {font-size:1.4em;}

    /******************************* CARTE INTERACTIVE ******************************/
      /* Container */
        .carto_tpl #global {padding-top:0;}
        .carto_tpl #main, .carto_tpl #content_page {position:fixed; width:100%; top:6rem; height:calc(100% - 6rem);}

      /* Header */
        .carto_tpl #header {height:6rem;}

      /* Nombre de resultats */
        #carto #carto_results {min-width:100%; height:6rem; left:0; right:initial; top:0; padding:1rem 0; border-radius:0;}
        #carto #carto_results p {font-size:1.4em; text-align:left; padding:1rem 1.5rem 1rem 0; width:100%;}
        #carto #carto_results p > * {-webkit-flex:1 1 0; -ms-flex:1 1 0; flex:1 1 0; padding-left:1.5rem; padding-right:1.5rem; min-width:initial; display:inline-block;}
        #carto #carto_results p br {display:none;}
        #carto #carto_results p a {position:absolute; right:2rem; top:1.9rem; font-size:1em; margin:0;}
        #carto #carto_results #result_carto_display {font-size:1.4em;}
        #carto #carto_results #result_carto_display .reinit {font-size:1em;}
        #carto #carto_results #result_carto_display .intitule {padding-left:0.5rem; font-family:'regular',Arial,Verdana,sans-serif; font-size:1em;}
        #carto #carto_results .nb {display:initial; padding-right:0;}
        #carto #carto_results .no_results {font-family:'regular',Arial,Verdana,sans-serif; font-size:0.9em;}
        .reinit.is-hidden {display:none !important;}
        .open_filters_small.is-hidden {display:none !important;}

      /* Filtres */
        #carto .wrap_map {padding-left:12em;}
        #carto #filters {padding:0; top:6rem; width:100%; right:-100%;}
        #carto #filters.open {right:0; left:inherit; width:100%;}
        #carto #filters, #carto #filters.open {-webkit-transition:right 0.5s ease; -moz-transition:right 0.5s ease; -o-transition:right 0.5s ease; transition:right 0.5s ease;}
        #carto #map_filters {height:calc(100% - 6rem); width:12em;}
        #carto #map_filters .tabs-title {font-size:1.4em;}
        #carto #map_filters .tabs-title a span {font-family:'bold',Arial,Verdana,sans-serif;}

      /* Btn "Tout afficher" / "Tout effacer" */
        #content_page #carto .display_all a {padding-right:0;}

      /* Btn close panneau filters */
        .close_map_filters {width:4rem; height:4rem; padding:0;}
        .close_map_filters .box {position:static;}
        .close_map_filters .inner {width:2rem; height:2rem; position:absolute; left:1rem; top:1rem;}
        .close_map_filters .title {display:none;}

      /* Form */
        /* formulaire global */
          #content_page #carto .tabs-content {padding:4.5rem 1.5rem 1.5rem 1.5rem; height:calc(100% - 6rem);}
        /* legend de fieldset niveau 1 - nom de l'annuaire */
          #carto .tabs-content legend {font-family:'regular',Arial,Verdana,sans-serif !important; font-size:2em;}
          #carto #filters .ligne_form {margin-top:2rem; padding:0;}
        /* label des champs */
          #carto #filters label, #carto #filters .type.input-group-label {font-size:1.4em;}
          #carto #filters .type.input-group-label {padding:0;}
        /* champs */
        /* checkbox tag */
          #carto #filters .input-group label {font-size:1.4em; margin:0;}
          #carto #filters .input-group .shrink {padding:1rem 0.5rem 0 0;}
          #carto #filters .input-group {padding:0; margin:0;}

      /* Map */
        #carto #zone_map {padding:0;}

      /* MODAL WINDOW */
        #modal_window.carto_tpl {max-height:85%; max-width:85%; min-height:initial; height:auto; position:absolute; left:50%; top:50% !important; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
        #modal_window.carto_tpl .list_item .close-button {top:0; right:0;}
        #modal_window.carto_tpl .list_item .img {display:none;}
        #modal_window.carto_tpl .list_item .txt {padding:2.5rem 3rem 2.5rem 2.5rem;}

        /********************************** BANDEAU RGPD ********************************/
      /* General */
        #tarteaucitronRoot #dialogTitle {font-size:1.8rem; padding:3rem 0 0 0;}
        #tarteaucitron .tarteaucitronName h2 {font-size:1.4rem; padding:0;}
        #tarteaucitron .tarteaucitronName h3 {font-size:1.6rem;}

      /* Popin parametres */
        /* Bouton fermer */
          #tarteaucitron #tarteaucitronClosePanel {height:4rem;}
        /* Bloc header */
          #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {padding:1rem; font-size:1.2em;}
        /* Boutons all cookies */
          #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {float:none; margin-top:1rem !important; margin-left:-0.5rem !important; margin-right:0;}
          #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {margin:0.25rem; max-width:calc(50% - 1rem);}
  }

    @media screen and (max-width:50.9375em) {
        /***************************** PAGE Inscription newsletter ******************************/
        /* Formulaire */
        .greettingcard_form {display:flex; flex-direction:column;}
        .greettingcard_form input {margin-bottom:10px;}
        .greettingcard_form select {margin-left:0px;}
    }