/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************* RESET **********************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
  /* COLORS */
    /* VIOLET #430743 */
    /* BLEU #008f9e access :#0A8299 */ 

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

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

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

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

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

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

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

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

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

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

    /* ptsans italic */
    @font-face {
      font-family:'ptsans_italic';
      src:url('font/pt_sans-web-italic-webfont.eot');
      src:url('font/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/pt_sans-web-italic-webfont.woff2') format('woff2'),
        url('font/pt_sans-web-italic-webfont.woff') format('woff'),
        url('font/pt_sans-web-italic-webfont.ttf') format('truetype'),
        url('font/pt_sans-web-italic-webfont.svg#ptsans_italic') format('svg');
      font-weight:normal; font-style:normal;
    }

    /* montserrat light */
    @font-face {
      font-family:'montserrat_light';
      src:url('font/montserrat-light-webfont.eot');
      src:url('font/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/montserrat-light-webfont.woff2') format('woff2'),
        url('font/montserrat-light-webfont.woff') format('woff'),
        url('font/montserrat-light-webfont.ttf') format('truetype'),
        url('font/pt_sans-web-italic-webfont.svg#montserrat_light') format('svg');
      font-weight:normal; font-style:normal;
    }

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

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

    *{border:0; padding:0; margin:0; font-family:'opensans_light',Arial,Verdana,sans-serif; font-weight:normal;}
    html{font-size:62.5%; width:100%; height:100%;}
    body{background:#ffffff; font-family:'opensans_light',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#000000; text-align:left; height:100%;}

    p, ul li, ol li, main p, main ul li, main ol li {/*font-size:2em; line-height:1.3em;*/ font-size:1.6em; line-height:1.4em;}
    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; color:#000000;}
    a:hover, main a:hover {text-decoration:none; color:#000000;}

    a img,:link img,:visited img{border:none;}
    img {max-width:100%; height:auto;}
    iframe {max-width:100%;}

    a, a svg *, 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.fade-in.mui-enter, a.fade-in.mui-enter svg *, button.fade-in.mui-enter, button.fade-in.mui-enter * {-moz-transition-property:all; -o-transition-property:all; -webkit-transition-property:all; transition-property:all;}

    /*gmap v3 fix bug*/
    .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;}
    strong, b{font-weight:normal; font-family:'opensans_bold',Arial,Verdana,sans-serif !important;}
    i, em{font-style:italic; font-family:'opensans_light',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:'opensans_bold',Arial,Verdana,sans-serif !important;}
    ol, ul{list-style:none; margin:0;}
    table{border-collapse:collapse; border-spacing:0;}

    /* 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;}

    /* EFFET SELECTION TXT */
    ::selection {background:#430743; color:#ffffff;}
    ::-moz-selection {background:#430743; color:#ffffff;}
  
  /********************************************************************************/
  /************************************ 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; /*background-color:#ffffff;*/}

    #second_display #loader_filters {top:0; left:0; width:100%; height:100%; visibility:visible; position:absolute; /*background:rgba(4, 116, 168, 0.6);*/}
    #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; /*background-color:#ffffff;*/}
    #second_display #loader_filters .sk-circle .sk-child {height:50px; top:50%;}

    .sk-circle.qual {float:right; margin:0 20px 0 0; width:30px; height:30px;}
    .sk-circle.qual.no {position:absolute; float:none; margin:0; right:-15px; top:0;}
    .sk-circle.qual .sk-child:before {height:4px; width:4px; background:#fff;}
    #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; /*background-color:#d7087a;*/}
    .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);}
    }

    #searchLoader {position:absolute; bottom:30px; left:50%;}
    .loader:before, .loader:after, .loader {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 {margin:0 auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;}
    .loader:before {left:-30px;}
    .loader:after {left:30px; -webkit-animation-delay:0.32s; animation-delay:0.32s;}
    .loader:before, .loader:after {content:''; position:absolute; top:0;}

    .wrap_result.opacity #second_display, .wrap_result.opacity #first_display {opacity:0;}
    #searchLoader {position:absolute; bottom:45px; left:50%; font-size:inherit;}
    .loader:before, .loader:after, .loader {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 {margin:0 auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;}
    .loader:before {left:-30px;}
    .loader:after {left:30px; -webkit-animation-delay:0.32s; animation-delay:0.32s;}
    .loader:before, .loader:after {content:''; position:absolute; top:0;}
    .cs-loader {top:0; left:15px; width:calc(100% - 30px); height:100%; visibility:visible; position:absolute; z-index:9; /*background:rgba(4, 116, 168, 0.6);*/}
    .cs-loader-inner {transform:translateY(-50%); top:300px; position:absolute; width:100%; padding:0 100px; text-align:center; /*color:#fff;*/}
    .cs-loader-inner label {font-size:20px; opacity:0; display:inline-block; /*color:#fff;*/}

    @-webkit-keyframes load7 {
      0% {box-shadow:0 2em 0 -1.3em #008f9e;}
      65% {box-shadow:0 2.5em 0 0 #008f9e;}
      100% {box-shadow:0 2em 0 -1.3em #008f9e;}
    }
    @keyframes load7 {
      0% {box-shadow:0 2em 0 -1.3em #008f9e;}
      65% {box-shadow:0 2.5em 0 0 #008f9e;}
      100% {box-shadow:0 2em 0 -1.3em #008f9e;}
    }

    @-webkit-keyframes lol {
      0% {opacity:0; -webkit-transform:translateX(-300px);}
      33% {opacity:1; -webkit-transform:translateX(0px);}
      66% {opacity:1; -webkit-transform:translateX(0px);}
      100% {opacity:0; -webkit-transform:translateX(300px);}
    }
    @keyframes lol {
      0% {opacity:0; transform:translateX(-300px);}
      33% {opacity:1; transform:translateX(0px);}
      66% {opacity:1; transform:translateX(0px);}
      100% {opacity:0; transform:translateX(300px);}
    }

    .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%); background:linear-gradient(to right bottom, #430743 0%, #430743 50%, transparent 50%);}
    body::after {bottom:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); background:linear-gradient(to left top, #430743 0%, #430743 50%, transparent 50%);}
    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%) ranslateY(-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; background-color:#430743;}

    .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; background-color:#430743;}
    
    .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 100px; text-align:center; color:#fff;}
    
    @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%; border:1px solid white; 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; border:2px solid white;}

  /********************************************************************************/
  /************************************ 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 {border:2px solid #000000; padding:0;}
     div.csc-textpic .csc-textpic-imagewrap img {border:none; display:block;}
     /* 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;}
     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; border-bottom:2px solid #dadada;}
     .contenttable th, .contenttable td {border-top:1px solid #dadada;}
     .contenttable-striped tbody tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05);}
     .contenttable-bordered th, .contenttable-bordered td {border:1px solid #dadada;}
     /* Space */
     .csc-space-before-extra-small {margin-top:1em;}
     .csc-space-before-small {margin-top:2em;}
     .csc-space-before-medium {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-medium {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; border-top:1px solid rgba(0,0,0,0.25); margin-bottom:2em;}
     .csc-frame-ruler-after:after {content:''; display:block; border-bottom:1px solid rgba(0,0,0,0.25); 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%;}

  /********************************************************************************/
  /******************************* Formulaires ************************************/
  /********************************************************************************/
    form {background:none; padding:0;}
    legend {color:#008f9e; font-family:'poppins_semibold',Arial,Verdana,sans-serif; /*font-size:3.5em; line-height:1.2em;*/ font-size:2.5em; line-height:1.2em; letter-spacing:0.02em; margin:0 0 20px 0; float:none; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

    fieldset + fieldset legend {padding-top:20px;}

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

    .ligne_form.creneau {margin-top:10px; padding-left:25px;}
    .ligne_form.creneau label {font-size:1.3em; font-family:'opensans_light',Arial,Verdana,sans-serif !important;}
    .ligne_form.creneau select{margin-top:5px;}
    
    label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label {text-transform:none; color:#000; /*font-size:2em; line-height:1.3em;*/ font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; padding:0; margin:0; border-radius:0; border:0; position:relative; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    ul li label {font-size:1em; line-height:1em;}

    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'] {border:1px solid #008f9e; background-color:#fff; color:#000000; /*font-size:1.7em; line-height:1.3em;*/ font-size:1.6em; line-height:1.4em; width:100%; height:auto; margin:inherit; padding:13px 15px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; transition:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

    input::-webkit-input-placeholder {color:#000000;}
    input::-moz-placeholder {color:#000000; opacity:1 !important;}
    input:-moz-placeholder {color:#000000; opacity:1 !important;}
    input:-ms-input-placeholder {color:#000000;}
    input[placeholder] {color:#000000; 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 {border:1px solid #008f9e; background-color:#fff; box-shadow:0 0 0 2px #008f9e; transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}

    textarea, textarea[rows] {max-width:100%; height:100px;}
    select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#ffffff url(../img/bg_select.png) no-repeat 97% center; text-overflow:""; text-indent:0.01px; margin-bottom:0;}
    select::-ms-expand {display:none;}

    /* checkbox / radio */
      input[type="checkbox"], input[type="radio"] {padding:0; width:auto; border:0; vertical-align:top; margin:4px; background:none; -webkit-appearance:normal; box-shadow:none;}
      .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 input, .ligne_form.radio input,
      .powermail_fieldwrap_type_check .checkbox input,
      .powermail_fieldwrap_type_radio .radio input {position:absolute; left:-999999em;}
      .ligne_form.checkbox label,
      .powermail_fieldwrap_type_check .checkbox label {background:url(../img/bg_checkbox.png) no-repeat left 6px;}
      .ligne_form.checkbox label.is-act,
      .powermail_fieldwrap_type_check .checkbox label.is-act {background:url(../img/bg_checkbox_act.png) no-repeat left 6px;}
      .ligne_form.radio label,
      .powermail_fieldwrap_type_radio .radio label {background:url(../img/bg_radio.png) no-repeat left 6px;}
      .ligne_form.radio label.is-act,
      .powermail_fieldwrap_type_radio .radio label.is-act {background:url(../img/bg_radio_act.png) no-repeat left 6px;}
      .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; text-transform:none; color:#000000; /*font-size:1.6em; line-height:1.6em;*/ font-size:1.5em; line-height:1.3em;}
      
      .powermail_message.powermail_message_error li {padding-left:10px !important; line-height:1.8em; font-weight:bold;}
      .powermail_message.powermail_message_error li::before, .powermail_message.powermail_message_error li::after {border-color:red !important;}

    /* 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:30px; padding:5px 0 0 0; box-shadow:none !important; transition:none !important; background-color:transparent !important; overflow:hidden; border:0; border-radius:0;}
      .slider-handle span {position:absolute; top:100%; right:-60%; padding:8px 0 0 5px; line-height:1.5; font-size:1.2em;}
      .slider-fill {background:#008f9e;}
      .slider-handle {background-color:#fff; border:2px solid #008f9e;}
      .slider-handle:hover {background-color:#008f9e;}

    /* submit */
      .powermail_fieldwrap.powermail_fieldwrap_type_submit::after {content:""; clear:both; display:block;}
      div.btn_submit {float:right; margin:0; padding:15px 0 0 0;}
      input[type="submit"], input[type="button"], #filters input[type="submit"], #filters input[type="button"], .powermail_confirmation input[type="submit"] {text-transform:none; color:#ffffff; font-family:'opensans_regular',Arial,Verdana,sans-serif; /*font-size:2em; line-height:1.3em;*/ font-size:1.6em; line-height:1.4em; font-style:normal; font-weight:normal; cursor:pointer; float:right; position:relative; width:auto; margin-bottom:0; margin-left:0; padding:5px 20px 5px 25px; border:2px solid #0A8299; background:#0A8299; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -webkit-appearance:none !important;}
      input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus,
      #filters input[type="submit"]:hover, #filters input[type="submit"]:focus, #filters input[type="button"]:hover, #filters input[type="button"]:focus {color:#0A8299; background:transparent;}
      input[type="submit"], input[type="button"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {-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;}

    /************************* ANIMATE LABEL**************************************/
      .ligne_form.input label, .ligne_form.textarea label,
      .powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label, .powermail_fieldwrap_date label,
      .powermail_fieldwrap_input label, .powermail_fieldwrap_textarea label {/*-moz-transform:translateY(-1rem); -ms-transform:translateY(-1rem); -webkit-transform:translateY(-1rem); transform:translateY(-1rem);*/ background-color:#fff; padding-left:10px; padding-right:10px; margin-left:10px; /*position:absolute;*/ -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;/*#30530*/position: relative;transform: translateY(1.2rem);display: inline-block;}
      .ligne_form.select label, .powermail_fieldwrap_type_select label, .powermail_fieldwrap_select label {-moz-transform:translateY(-1.5rem); -ms-transform:translateY(-1.5rem); -webkit-transform:translateY(-1.5rem); transform:translateY(-1.5rem); background-color:#fff; padding-left:10px; padding-right:10px; margin-left:10px; position:absolute;}
      .ligne_form.focusin label, .ligne_form.fill label,
      .powermail_fieldwrap_type_input.focusin label, .powermail_fieldwrap_type_input.fill label,
      .powermail_fieldwrap_type_textarea.focusin label, .powermail_fieldwrap_type_textarea.fill label, .powermail_fieldwrap_date.focusin label, .powermail_fieldwrap_date.fill label,
      .powermail_fieldwrap_input.focusin label, .powermail_fieldwrap_input.fill label,
      .powermail_fieldwrap_textarea.focusin label, .powermail_fieldwrap_textarea.fill label {/*-moz-transform:translateY(-1.5rem); -ms-transform:translateY(-1.5rem); -webkit-transform:translateY(-1.5rem); transform:translateY(-1.5rem);*/ background-color:#ffffff; padding-left:10px; padding-right:10px; margin-left:10px; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;/*#30530*/transform: translateY(0.5rem);}
      .ligne_form.focusin textarea, .ligne_form.focusin select, .ligne_form.focusin input,
      .powermail_fieldwrap_type_textarea.focusin textarea ,.powermail_fieldwrap_type_input.focusin input, .powermail_fieldwrap_date.focusin input,
      .powermail_fieldwrap_textarea.focusin textarea ,.powermail_fieldwrap_input.focusin input {border:1px solid #008f9e; box-shadow:0 0 0 2px #008f9e; transition:box-shadow 0.5s, border-color 0.25s ease-in-out;}

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

    /***************************************************************/
    .mandatory, .femanager_new .control-label span {text-transform:none; color:#0A8299; font-family:'opensans_regular',Arial,Verdana,sans-serif; font-size:1.2rem; padding:0 8px;}
    input[type="submit"][disabled] {background:#cacaca !important;}
    input[type="text"][disabled] {background:#cacaca !important;}

    .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; background-color:#efefef; height:40px; cursor:pointer;}

    /* 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; color:#ce3117;}
      .powermail_field_error {box-shadow:0 0 5px 0 red; border:1px solid red;}

    /*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:'poppins_semibold',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:'opensans_bold',Arial,Verdana,sans-serif !important;}
      dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto;}

      .powermail_confirmation input[type="submit"] {border:2px solid #0A8299; color:#0A8299; background:#ffffff; margin:0;}
      .powermail_confirmation input[type="submit"]:hover, .powermail_confirmation input[type="submit"]:focus, .powermail_confirmation input[type="submit"].powermail_confirmation_form:hover, .powermail_confirmation input[type="submit"].powermail_confirmation_form:focus {color:#ffffff; background:#0A8299;}
      .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;}
    body .datepicker.dropdown-menu table thead, body .datepicker.dropdown-menu table tbody, body .datepicker.dropdown-menu table tfoot {border:0;}
    body .datepicker td span.active, body .datepicker td.active.day, body .datepicker td.active.year {color:#ffffff;}
    body .datepicker td span.active, body .datepicker td.active.day, body .datepicker td.active.year {background:#008f9e;}
    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;}
    .shadow {box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);}
    .shadow_inset {-moz-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.1);}
    .grey_border {border:1px solid #d0d0d0;}
    .overlay {background:rgba(183,0,43,0.9); 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:20px; z-index:99999999999; z-index:1; float:none; padding:0; text-align:center; right:20px;}
    .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; background:#ffffff; border:2px solid #008f9e; width:20px; height:20px; margin:4px 6px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
    .slick-slider .slick-dots li.slick-active button, .slick-slider .slick-dots li button:hover, .slick-slider .slick-dots li button:focus {background:#008f9e;} 

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

    /*** Liens ***/
      .btn_lien, #content_page .btn_lien, #content_page_popin .btn_lien {margin-bottom:0; position:relative;}
      .btn_lien a, #content_page .btn_lien a, #content_page_popin .btn_lien a {text-transform:none; color:#000000; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em; display:inline-block; margin-bottom:0; background-color:transparent;}

      /* PICTOS + lire la suite //texte sans lien */
        .btn_lien.btn_txt, #content_page .btn_lien.btn_txt, #content_page_popin .btn_lien.btn_txt {color:#ffffff; font-family:'poppins_light',Arial,Verdana,sans-serif; font-size:1.4em; padding:0 0 0 20px; margin:0; background:url(../img/picto_more.svg) no-repeat left center; background-size:auto 12px;}
        #content_page .tel.btn_lien.btn_txt {background:url('../img/picto_tel.png') no-repeat left 1px}
      /*** Lien retour ***/
        .btn_back, #content_page .btn_back, #content_page_popin .btn_back {/*font-size:2.4em;*/ font-size:1.6em; padding:0; margin-bottom:100px;}
        .btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a {color:#ffffff; font-family:'poppins_regular',Arial,Verdana,sans-serif; border:2px solid #0A8299; display:inline-block; padding:10px 65px 10px 45px; background:#0A8299; border-radius:25px;}
        .btn_back a::before {content:url(../img/arrow_prev_white.svg); display:inline-block; padding-right:20px; vertical-align:middle;}
        .btn_back a:hover, #content_page .btn_back a:hover, #content_page_popin .btn_back a:hover,
        .btn_back a:focus, #content_page .btn_back a:focus, #content_page_popin .btn_back a:focus {color:#0A8299; background:transparent;}
        .btn_back a:hover::before, .btn_back a:focus::before {content:url(../img/arrow_prev_blue.svg);}

        button.btn_back, #content_page button.btn_back, #content_page_popin button.btn_back {/*font-size:2.4em;*/ font-size:1.6em; padding:0; margin-bottom:100px; color:#ffffff; font-family:'poppins_regular',Arial,Verdana,sans-serif; border:2px solid #0A8299; display:inline-block; padding:10px 65px 10px 45px; background:#0A8299; border-radius:25px;}
        button.btn_back::before {content:url(../img/arrow_prev_white.svg); display:inline-block; padding-right:20px; vertical-align:middle;}
        button.btn_back:hover, #content_page button.btn_back:hover, #content_page_popin button.btn_back:hover,
        button.btn_back:focus, #content_page button.btn_back:focus, #content_page_popin button.btn_back:focus {color:#0A8299; background:transparent;}
        button.btn_back:hover::before, button.btn_back:focus::before {content:url(../img/arrow_prev_blue.svg);}

    /*** Boutons close ***/
      #close_filters, .btn_close_map, .btn_close, .close-button {width:40px; height:40px; background:transparent; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; z-index:5; position:absolute; right:0; top:0;}
      #close_filters .close, .btn_close_map .close, .btn_close .close {left:12px; top:19px;}
      #close_filters .close::before, #close_filters .close::after,
      .btn_close_map .close::before, .btn_close_map .close::after,
      .btn_close .close::before, .btn_close .close::after {content:"";}
      #close_filters .close, #close_filters .close::before, #close_filters .close::after,
      .btn_close_map .close, .btn_close_map .close::before, .btn_close_map .close::after,
      .btn_close .close, .btn_close .close::before, .btn_close .close::after {display:block; position:absolute; width:17px; height:2px; background:#444444;}
      /* etat actif :X */
      #close_filters.btn_act .close, .btn_close_map.btn_act .close, .btn_close.btn_act .close {background:transparent;}
      #close_filters.btn_act .close::before, .btn_close_map.btn_act .close::before, .btn_close.btn_act .close::before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
      #close_filters.btn_act .close::after, .btn_close_map.btn_act .close::after, .btn_close.btn_act .close::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
      /*hover*/
      #close_filters:hover, .btn_close_map:hover, .btn_close:hover {background:transparent;}
      #close_filters:hover .close::before, #close_filters:hover .close::after,
      .btn_close_map:hover .close::before, .btn_close_map:hover .close::after,
      .btn_close:hover .close::before, .btn_close:hover .close::after {background:#e6ded3;}

      .reveal .close-button {width:3.3rem; height:3.3rem; position:absolute; top:25px; right:25px; background-color:transparent;}
      .reveal .close-button span {color:#430743; font-size:3.3em; line-height:0.5em; font-family:'opensans_bold',Arial,Verdana,sans-serif;}
      .reveal .close-button:hover span, .reveal .close-button:focus span {color:#008f9e;}

  /********************************************************************************/
  /******************************** Boris style ***********************************/
  /********************************************************************************/

    .boris a {text-indent:-999em; display:block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; background-position:center center; background-repeat:no-repeat;}
    .boris a::after {position:absolute; top:50%; left:50%; border-radius:50%; content:''; opacity:0; pointer-events:none;}
    .boris a.clicked::after {-webkit-animation:anim-effect-boris 0.3s forwards; animation:anim-effect-boris 0.3s forwards;}
    @-webkit-keyframes anim-effect-boris {
      0% {-webkit-transform:scale3d(0.3, 0.3, 1); transform:scale3d(0.3, 0.3, 1);}
      25%, 50% {opacity:1;}
      to {opacity:0; -webkit-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1);}
    }
    @keyframes anim-effect-boris {
      0% {-webkit-transform:scale3d(0.3, 0.3, 1); transform:scale3d(0.3, 0.3, 1);}
      25%, 50% {opacity:1;}
      to {opacity:0; -webkit-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1);}
    }
    .boris a, .boris a:hover, .boris a:focus {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}


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

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

    #home, #page, #global {position:relative; min-height:100%;}
    #main {position:relative; z-index:1;}
    .wrap {margin:0; max-width:1185px;}
    .wrap_footer {margin:0 auto; max-width:1520px;}
    #wrap_content_page_popin {padding-right:0;}
    #content_page, #content_page_popin {padding-bottom:40px;}
    .off-canvas-wrapper.connect {height:100%; min-height:100%;}
    
    /* 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;}
    
    /*btn close menu smart*/
      #btn_close_menu_smart {border-radius:0; left:-260px; width:80px; height:80px; top:45px; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
      #btn_close_menu_smart span {font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:2em; line-height:1em;}
      .off-canvas-wrapper.sticky_menu #btn_close_menu_smart {top:0;}

    .is-off-canvas-open.is-open-left #btn_close_menu_smart {margin:0; padding:0; border:0; position:fixed; left:260px; z-index:1; display:block; transition:left 0.9s ease; transition:left 0.9s ease; background:#008f9e; color:#fff; font-size:2em;}
    .off-canvas-content {box-shadow:none; min-height:inherit; position:relative; z-index:inherit; background:#ffffff;}
    .off-canvas-wrapper-inner {height:100%;}
    .js-off-canvas-exit {top:0 !important; z-index:999999; background:rgba(0,0,0,0.5);}
    .off-canvas-wrapper-inner.is-open-left {-webkit-transform:none; -ms-transform:none; transform:none; transition:none;}

    #offCanvasLeft {position:fixed; left:-30rem; top:0; width:26rem; height:100%; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); background:#430743;}
    .off-canvas-wrapper-inner.is-open-left #offCanvasLeft.is-open {z-index:10; left:0; transition:left 0.5s ease; transition:left 0.5s ease; visibility:visible;}
    .off-canvas-wrapper-inner.is-open-left .off-canvas-content {overflow-x:hidden; -webkit-transform:translateX(260px); -ms-transform:translateX(260px); transform:translateX(260px);}
    #smart_menu > ul.menu > li, #smart_menu_home > ul.menu > li {padding:5px 0;}

    .reveal.tiny {min-width:600px;}

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

    #cookie_msg {margin:0; width:100%; bottom:0; z-index:1005;}
    #cookie_msg.callout {border:0; padding:15px 70px 15px 20px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:#0A8299;}
    #cookie_msg.callout p {color:#ffffff; font-size:1.4em; line-height:1.4em; letter-spacing:0.02em; margin-bottom:0;}
    #cookie_msg.callout a {color:#ffffff; padding:0 2px; border-bottom:1px solid #ffffff;}
    #cookie_msg.callout a:hover, #cookie_msg.callout a:focus {opacity:0.7;}
    #cookie_msg.callout .close-button {font-size:3.7rem; right:0; top:0; height:100%; width:50px;}
    #cookie_msg.callout .close-button:hover {background:rgba(0,0,0,0.2);}
    #cookie_msg.callout .close-button span {font-size:inherit; color:#ffffff;}

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

    #triangle_top {position:fixed; overflow:hidden; z-index:11; width:50%; height:100%; top:0; left:-40%;}
    #triangle_top::before {content:""; display:block; background:#430743; position:absolute; width:100%; height:100%; top:0%; right:11.5%; 
    transform:skew(170deg,0deg); -ms-transform:skew(170deg,0deg); -webkit-transform:skew(170deg,0deg);}

    #triangle_bottom {width:55%; width:100%; height:70%; position:absolute; left:0; bottom:0; overflow:hidden;}
    #triangle_bottom::before {content:""; display:block; width:100%; height:100%; background:#430743; position:absolute; bottom:-60%; left:-20%; 
    transform:skew(180deg,10deg); -ms-transform:skew(180deg,10deg); -webkit-transform:skew(180deg,10deg);}

    #wrap_header, #fil_ariane, #wrap_content_page, #menu_footer, #bloc_contact_info {margin-left:12%;}
    #fil_ariane, #wrap_content_page {max-width:1310px; padding-right:125px;}

    #header {height:0; width:41.66667%; max-width:41.66667%; z-index:10; position:absolute; /*background:#008f9e;*/ background:#0A8299;}
    #wrap_header {height:100%;}

    /* Burger button */
      .hamburger {font:inherit; display:inline-block; overflow:visible; margin:0; background-color:transparent; border:0; border-radius:0; padding:0; position:fixed; z-index:12; width:65px; height:70px; transition-timing-function:linear; transition-duration:.15s; transition-property:opacity,filter; top:125px; left:60px; top:125px; left:2%;}
      .hamburger-box {position:relative; display:inline-block; width:100%; height:100%; text-align:center;}
      .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {background-color:#ffffff; width:56px; height:5px; 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:15px; transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);}
      .hamburger--spring .hamburger-inner:after {top:30px; 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; background-color:transparent;}
      .hamburger--spring.is-active .hamburger-inner:before {top:6px; 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:6px; 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 {color:#ffffff; position:absolute; left:0; bottom:0; width:100%; font-family:'poppins_light',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; letter-spacing:0.075em;}
      /*hover*/
      .hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before, .hamburger:focus .hamburger-inner, .hamburger:focus .hamburger-inner:after, .hamburger:focus .hamburger-inner:before {background-color:#008f9e; background-color:rgba(255, 255, 255, 0.7);}
      .hamburger--spring:hover .menu_title, .hamburger--spring:focus .menu_title {color:rgba(255, 255, 255, 0.7);}
      .hamburger--spring.is-active:hover .hamburger-inner, .hamburger--spring.is-active:focus .hamburger-inner {background-color:transparent;}
      /*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;}

    /* LIEN ACCUEIL STICKY */
      #home_link {position:fixed; z-index:12; width:40px; height:40px; top:0; left:calc(2% + 12px); /* #27509 transform:translate(0, -150px); -ms-transform:translate(0, -150px); -webkit-transform:translate(0, -150px); -moz-transform:translate(0, -150px); -o-transform:translate(0, -150px);*/ transform:translate(0, 55px); -ms-transform:translate(0, 55px); -webkit-transform:translate(0, 55px); -moz-transform:translate(0, 55px); -o-transform:translate(0, 55px); -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;}
      /* #27509 .bandeau_gone #home_link {transform:translate(0, 55px); -ms-transform:translate(0, 55px); -webkit-transform:translate(0, 55px); -moz-transform:translate(0, 55px); -o-transform:translate(0, 55px);}*/
      #home_link p {margin:0; width:40px; height:40px; position:relative;}
      #home_link a, #home_link svg {display:block; width:40px; height:40px; position:relative;}

    /* Search button */
      #btn_search {height:80px; width:80px; background:url(../img/picto_loupe.png) no-repeat center center; color:transparent; border:0; margin:0;}

    /* Accessibilite */
      #accessi {/*background:#54bece;*/ background:#fff; padding-left:12%;}
      #accessi ul {margin:0; padding:0;}
      #accessi ul li {display:inline; font-size:inherit; line-height:inherit;}
      #accessi ul li a, #accessi ul li button {line-height:1.4em; text-indent:-9999999em; text-transform:uppercase; font-family:'opensans_bold',Arial,Verdana,sans-serif; font-size:1.4em; display:inline-block; padding:0 5px;}
      #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; padding:5px;}

    /* Logo */
      #logo h1, #logo p {font-size:initial; line-height:0; margin:0;}
      #logo a, #logo img {display:block;}
      #logo a:hover, #logo a:focus {opacity:0.7;}

    /* Langues */
      #trad {bottom:1.5rem; right:3rem;}
      #trad button {padding:0 20px 0 10px; margin:0; border:0; background:url(../img/langue_selection.png) no-repeat right 2px; color:#ffffff; font-family:"poppins_light",Arial,Verdana,sans-serif; /*font-size:1.6em;*/ font-size:1.4em; line-height:1em;}
      #trad button .langue_act {text-transform:uppercase; font-family:"poppins_medium",Arial,Verdana,sans-serif;}
      #bloc_langues {background:#008f9e; padding:15px; left:initial !important; right:0; max-width:125px; top:20px !important;}
      #bloc_langues ul li {/*font-size:1.6em;*/ font-size:1.4em; line-height:1em; margin:15px 0 0 0;}
      #bloc_langues ul li:first-child {margin:0;}
      #bloc_langues ul li img {display:none;}
      #bloc_langues ul li span {color:#ffffff; font-family:"poppins_light",Arial,Verdana,sans-serif;}

    /*** BANDEAU IMAGE ***/
      #bandeau_page, #bandeau_page_popin {min-height:350px; height:auto; align-items:flex-end;}
      /* #27923 #bandeau_page {height:350px;}*/
      /* #27923 pour IE : */ #bandeau_page > .large-7 {min-height:350px;}
      #bandeau_page .img, #bandeau_page_popin .img {position:absolute; bottom:0; left:0; min-height:350px; width:100%; height:100%; overflow:hidden;}
      #bandeau_page .img img, #bandeau_page_popin .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%); margin:0; min-height:100%; max-width:inherit; max-height:inherit; min-width:100%; height:auto; width:auto;}
      #bandeau_infos, #bandeau_infos_popin {position:relative; margin:3.5rem; padding:3.5rem 3.5rem 3.5rem 3.5rem; background:rgba(0,0,0,0.5); align-self:flex-end;}
      #bandeau_infos_popin {flex:0 0 100%; max-width:calc(100% - 7rem); padding:3.5rem 13.5rem 3.5rem 3.5rem; min-height:230px;}
      #bandeau_infos.bandeau_detail_date {padding:3.5rem 13.5rem 3.5rem 3.5rem; min-height:230px;}

      /*** TITRE PAGE ***/
        #page h1, 
        #popin_detail #titre_page_popin p {text-transform:uppercase; color:#ffffff; font-family:"poppins_semibold",Arial,Verdana,sans-serif; font-weight:normal; /*font-size:4.4em;*/ font-size:3.5em; line-height:1.1em; letter-spacing:0.025em;}

      /*** ACCROCHE ***/
        #page .quote p, #page .quote h2, 
        #popin_detail .quote p, #popin_detail .quote h2 {text-transform:none; color:#ffffff; font-family:'poppins_light',Arial,Verdana,sans-serif; /*font-size:2.2em;*/ font-size:1.8em; /*line-height:1.1em;*/ line-height:1.3em; letter-spacing:0.075em; margin:0; padding:0;}

      /*** DATES ***/
        #bandeau_infos .date {top:3.5rem; right:3.5rem; left:initial; width:85px;}
        #bandeau_infos_popin .date {top:3.5rem; right:3.5rem; width:85px;}

        #bandeau_infos .date span.enddate, #bandeau_infos_popin .date span.enddate {margin-top:-10px;}
        #bandeau_infos_popin .date .contain span {font-size:1.8em;}

      /*** DATE MAJ ***/
        .date_maj p, #content_page .date_maj p, #content_page_popin .date_maj p {color:#666666; font-family:'poppins_light',Arial,Verdana,sans-serif; /*font-size:1.6em;*/ font-size:1.4em; line-height:1.2em; margin:0;}

  /****************************************************************************************/
  /************************************** Popins ******************************************/
  /****************************************************************************************/
    
    /* Style generique */
      .reveal {width:80%; max-width:800px; padding:55px 70px 40px 70px; border:0; background-color:#ffffff; border-radius:0;}
      .reveal.full {z-index:99999; padding:100px 0;}
      .reveal.full .wrap_popin {height:100%;}

    /* Popin detail */
      #popin_detail {max-width:1300px; padding:60px 60px 0 60px;}

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

    #popin_menu {padding-top:0;}
    #popin_menu .wrap_popin {padding:80px 0;}
    #popin_menu .close-button {position:fixed; right:50px;}
    #popin_menu .content {padding-bottom:20px;}
    #popin_menu .content > p {margin-bottom:0;}
    #wrap_menu_top {max-width:1020px; padding:0 30px;}
    #line_tools_menu, #line_tools_menu_smart {max-width:1020px; padding-bottom:60px;}
    .wrap_tools_menu {max-width:570px;}

    #zone_liens {padding-top:15px;}
    #zone_liens ul li,
    #zone_liens_smart ul li {font-size:1.5em; line-height:1.2em; display:inline-block; vertical-align:middle; padding:0 25px 0 0;}
    #zone_liens ul li a, #zone_liens ul li button,
    #zone_liens_smart ul li a, #zone_liens_smart ul li button {display:block; line-height:1em; border-radius:20px; /*background-color:#fafafa;*/ background-color:#efefef; background-repeat:no-repeat; background-position:15px center; text-transform:lowercase; color:#000000; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1em; padding:13px 20px 13px 55px; border:0; margin:0; /*border:1px solid #fafafa;*/ border:1px solid #efefef; margin:0 2px 4px 0;}
    #zone_liens ul li.carte_interactive a,
    #zone_liens_smart ul li.carte_interactive a {background-image:url(../img/picto_menu_carte_interactive.png);}
    #zone_liens ul li.espace_presse a,
    #zone_liens_smart ul li.espace_presse a {background-image:url(../img/picto_menu_espace_presse.png);}
    #zone_liens ul li.newsletter button,
    #zone_liens_smart ul li.newsletter button {background-image:url(../img/picto_menu_newsletter.png);}
    #zone_liens ul li a:hover, #zone_liens ul li a:focus, #zone_liens ul li button:hover, #zone_liens ul li button:focus, #zone_liens ul li button[aria-expended="true"],
    #zone_liens_smart ul li a:hover, #zone_liens_smart ul li a:focus, #zone_liens_smart ul li button:hover, #zone_liens_smart ul li button:focus, #zone_liens_smart ul li button[aria-expended="true"] {border:1px solid #430743;}
    #bloc_newsletter,
    #bloc_newsletter_smart {/*background:#fafafa;*/ background:#efefef;}
    #bloc_newsletter.dropdown-pane,
    #bloc_newsletter_smart.dropdown-pane {border-radius:0; padding:20px; /*border:1px solid #fafafa; background-color:#fafafa;*/ border:1px solid #efefef; background-color:#efefef; max-width:200px;}
    #bloc_newsletter.dropdown-pane form,
    #bloc_newsletter_smart.dropdown-pane form {padding:0; /*background:#fafafa;*/ background:#efefef;}
    #bloc_newsletter.dropdown-pane .ligne_form,
    #bloc_newsletter_smart.dropdown-pane .ligne_form {margin-bottom:15px;}
    #bloc_newsletter.dropdown-pane label,
    #bloc_newsletter_smart.dropdown-pane label {color:#000000; font-size:1.5em; padding-bottom:10px;}
    #bloc_newsletter.dropdown-pane input[type="text"],
    #bloc_newsletter_smart.dropdown-pane input[type="text"] {color:#000000; font-size:1.5em; line-height:1.2em; padding:5px 10px; background:#ffffff; border-radius:0; border:1px solid #008f9e;}
    #bloc_newsletter.dropdown-pane .btn_submit,
    #bloc_newsletter_smart.dropdown-pane .btn_submit {float:none; text-align:center;}
    #bloc_newsletter.dropdown-pane input[type="submit"],
    #bloc_newsletter_smart.dropdown-pane input[type="submit"] {float:none; color:#ffffff; font-size:1.7em; border-radius:20px; background:#430743; border:1px solid #ffffff;}

    /*NEW SKIN*/
    #popin_newsletter {background:#efefef;}
    #bloc_newsletter {padding:30px; background:#fff;}
    #bloc_newsletter input[type="text"] {margin-top:15px;}
  #popin_newsletter #error {margin-bottom:3rem;}
  #popin_newsletter #error p {margin:0; border:2px solid red;}
  #popin_newsletter .ligne_form.checkbox label {color:#0A8299;}

    #zone_recherche,#zone_recherche_smart {border-radius:0; /*background:#fafafa;*/ background:#efefef; position:relative; text-align:left;}
    #line_tools_menu #zone_recherche, #line_tools_menu_smart #zone_recherche_smart {border-radius:20px; border:2px solid #efefef; background:#ffffff;}
    #zone_recherche form,
    #zone_recherche_smart form {padding:0;}
    #zone_recherche .ligne_form,
    #zone_recherche_smart .ligne_form {margin:0;}
    #zone_recherche input[type="text"],
    #zone_recherche_smart input[type="text"] {text-transform:none; color:#000000; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.2em; width:100%; padding:12px 44px 11px 18px; margin:0; height:inherit; border:0; box-shadow:none; background:transparent;}
    #zone_recherche input[type="submit"],
    #zone_recherche_smart input[type="submit"] {width:44px; height:100%; position:absolute; bottom:0; right:0; top:0; text-indent:-99999em; margin:0; padding:0; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; float:none; background:url(../img/picto_loupe.png) center center no-repeat;}
    #zone_recherche input[type="submit"]:hover, #zone_recherche input[type="submit"]:focus,
    #zone_recherche_smart input[type="submit"]:hover, #zone_recherche_smart input[type="submit"]:focus {opacity:0.7;}

    /*** MENU PRINCIPAL PAGES ***/
      #menu_principal {max-width:1020px;}
      #menu_principal li {font-size:inherit; line-height:inherit;}

      /* Level 1 */
        #menu_principal > ul > li {padding:0 35px;}
        #menu_principal > ul > li > a {display:block; /*font-size:3em; line-height:1.2em;*/ text-transform:uppercase; color:#000000; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:2.9em; line-height:1.1em; position:relative;}
        #menu_principal ul li .img_menu {background-color:#000000; display:block;}
        #menu_principal ul li .img_menu img {opacity:0.4; backface-visibility:hidden; -webkit-backface-visibility:hidden; -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; width:100%;}
        #menu_principal > ul > li > a:hover .img_menu img {opacity:0.9;}
        #menu_principal ul li span.wrap_item {position:absolute; width:100%; bottom:0; left:0; padding:15px; margin:0; color:#fff; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1em; text-shadow:0 0 10px rgba(0,0,0,0.9);}

      /* Level 2*/
        #menu_principal > ul > li > .sous_menu {padding-top:20px;}
        #menu_principal ul li li.level2 {padding-bottom:11px;}
        #menu_principal ul li li.level2 > a {font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.3em; padding:0; padding-left:20px; display:inline-block; position:relative;}
        #menu_principal ul li li.level2 > a::before {content:""; position:absolute; left:0; top:4px; display:block; width:10px; height:10px; border-radius:50%; background:#ffffff; border-width:2px; border-style:solid;}
        #menu_principal ul li.level2 a::after {vertical-align:baseline;}

      /* Level 3 */
        #menu_principal ul li.level2 > .sm {padding-top:5px;}
        #menu_principal ul li ul li li.level3 {padding-bottom:4px; padding-left:32px;}
        #menu_principal ul li ul li li.level3 > a {font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; border:0; padding:0; padding-left:14px; position:relative;}
        #menu_principal ul li ul li li.level3 > a::before {content:""; position:absolute; left:0; top:11px; display:block; width:7px; height:2px; background:#000000;}

      /*COLORS*/
        #menu_principal ul li.rubrique0 li.level2 > a::before {border-color:#0091a0;}
        #menu_principal ul li.rubrique1 li.level2 > a::before {border-color:#e50040;}
        #menu_principal ul li.rubrique2 li.level2 > a::before {/*border-color:#de84b5;*/ /* NEW #26737 */ border-color:#e45d11;}
        #menu_principal ul li.rubrique0 li a:hover, #menu_principal ul li.rubrique0 li a:focus {color:#0091a0;}
        #menu_principal ul li.rubrique1 li a:hover, #menu_principal ul li.rubrique1 li a:focus {color:#e50040;}
        #menu_principal ul li.rubrique2 li a:hover, #menu_principal ul li.rubrique2 li a:focus {/*color:#de84b5;*/ /* NEW #26737 */ color:#e45d11;}

      /* TRIANGLE POPIN MENU*/
        .triangle_popin_menu {position:fixed; overflow:hidden; z-index:11; width:50%; height:100%; top:0; left:-40%;}
        .triangle_popin_menu::before {content:""; display:block; background:#430743; position:absolute; width:100%; height:100%; top:0%; right:11.5%; transform:skew(-170deg,0deg); -ms-transform:skew(-170deg,0deg); -webkit-transform:skew(-170deg,0deg);}

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

    /*** MENU PRINCIPAL HOME ***/
        #menu_principal_home {max-width:1020px;}
        #popin_menu.home .wrap_tools_menu {max-width:615px;}
        #popin_menu.home #zone_liens ul li.mentions_legales a {padding-left:20px;}
        #menu_principal_home li {font-size:inherit; line-height:inherit;}
      /* Level 1 */
        #menu_principal_home > ul > li {text-align:center;}
        #menu_principal_home > ul > li > a {display:block; text-align:center; text-transform:uppercase; color:#000000; font-size:3.5em; line-height:1.1em; font-family:'poppins_medium',Arial,Verdana,sans-serif;}
        #menu_principal_home > ul > li > a .txt {font-family:'poppins_medium',Arial,Verdana,sans-serif;}
      /* Level 2 */
        #menu_principal_home ul li .sous_menu {margin:0; padding-top:15px;}
        #menu_principal_home ul li.level2 {padding:0 35px; padding-top:25px;}
        #menu_principal_home ul li.level2 > a {display:block; text-transform:uppercase; color:#000000; font-family:'poppins_medium',Arial,Verdana,sans-serif; /*font-size:3em;*/ font-size:2.9em; line-height:1.1em; position:relative;}
        #menu_principal_home ul li.level2 .img_menu {background-color:#000000; display:block;}
        #menu_principal_home ul li.level2 .img_menu img {opacity:0.4; backface-visibility:hidden; -webkit-backface-visibility:hidden; -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; width:100%;}
        #menu_principal_home ul li.level2 a:hover .img_menu img {opacity:0.9;}
        #menu_principal_home ul li.level2 span.wrap_item {position:absolute; width:100%; bottom:0; left:0; padding:15px; margin:0; color:#fff; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1em; text-shadow:0 0 10px rgba(0,0,0,0.9);}
        #menu_principal_home ul li.level2 a::after {position:absolute; right:20px; bottom:15px;}
      /* Level 3*/
        #menu_principal_home ul li.level2 > .sm {padding-top:20px;}
        #menu_principal_home ul li li.level3 {padding-bottom:15px;}
        #menu_principal_home ul li li.level3 > a {font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.1em; padding-left:20px; display:inline-block; position:relative;}
        #menu_principal_home ul li li.level3 > a::before {content:""; position:absolute; left:0; top:4px; display:block; width:10px; height:10px; border-radius:50%; background:#ffffff; border-width:2px; border-style:solid;}
      /* Level 4 */
        #menu_principal_home ul li.level3 > .sm {padding-top:12px;}
        #menu_principal_home ul li ul li li.level4 {padding-bottom:7px; padding-left:29px;}
        #menu_principal_home ul li ul li li.level4 > a {font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em; border:0; padding-left:14px; position:relative;}
        #menu_principal_home ul li ul li li.level4 > a::before {content:""; position:absolute; left:0; top:6px; display:block; width:7px; height:2px; background:#000000;}
      /*COLORS*/
        #menu_principal_home li.rubrique0 .txt {color:#0091a0;}
        #menu_principal_home li.rubrique1 .txt {color:#e50040;}
        #menu_principal_home li.rubrique2 .txt {/*color:#de84b5;*/ /* NEW #26737 */ color:#e45d11;}
        #menu_principal_home ul li.rubrique0 li.level3 > a::before {border-color:#0091a0;}
        #menu_principal_home ul li.rubrique1 li.level3 > a::before {border-color:#e50040;}
        #menu_principal_home ul li.rubrique2 li.level3 > a::before {/*border-color:#de84b5;*/ /* NEW #26737 */ border-color:#e45d11;}
        #menu_principal_home ul li.rubrique0 li.level3 > a:hover, #menu_principal_home ul li.rubrique0 ul li li.level4 > a:hover, #menu_principal_home ul li.rubrique0 li.level3 > a:focus, #menu_principal_home ul li.rubrique0 ul li li.level4 > a:focus {color:#0091a0;}
        #menu_principal_home ul li.rubrique1 li.level3 > a:hover, #menu_principal_home ul li.rubrique1 ul li li.level4 > a:hover, #menu_principal_home ul li.rubrique1 li.level3 > a:focus, #menu_principal_home ul li.rubrique1 ul li li.level4 > a:focus {color:#e50040;}
        #menu_principal_home ul li.rubrique2 li.level3 > a:hover, #menu_principal_home ul li.rubrique2 ul li li.level4 > a:hover, #menu_principal_home ul li.rubrique2 li.level3 > a:focus, #menu_principal_home ul li.rubrique2 ul li li.level4 > a:focus {/*color:#de84b5;*/ /* NEW #26737 */ color:#e45d11;}

  /****************************************************************************************/
  /********************************** POPIN EN 1 CLIC *************************************/
  /****************************************************************************************/

    #btn_acces_rapides {position:absolute; top:490px; left:initial; right:30px; z-index:1; width:10rem; height:10rem; padding:0 25px; background:#430743; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#ffffff; font-family:'poppins_regular',Arial,Verdana,sans-serif; /*font-size:2.4em;*/ font-size:2em; text-align:left; -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
    .fix_btn_clic #btn_acces_rapides {position:fixed; top:50px;}
    #btn_acces_rapides span {border-left:3px solid #ffffff; padding-left:11px; display:block; font-family:'poppins_regular',Arial,Verdana,sans-serif;}
    #btn_acces_rapides:before, #btn_acces_rapides:after {content:''; background:transparent; opacity:0; border-radius:50%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%) scale(1.1); -o-transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
    #btn_acces_rapides:before {border:5px solid #fff; z-index:-2; width:10.02rem; height:10.02rem;}
    #btn_acces_rapides:after {border:2px solid #430743; z-index:-1; width:10.04rem; height:10.04rem; transition-delay:0.2s;}
    #btn_acces_rapides:hover:before, #btn_acces_rapides:hover:after, #btn_acces_rapides:focus:before, #btn_acces_rapides:focus:after {opacity:1; -webkit-transform:translate(-50%, -50%) scale(1); -o-transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1);}
    
    #acces_rapides {margin:0; z-index:9; justify-content:center;}
    #popin_acces_rapides .content .titre_bloc {font-size:4.5em; margin:0 0 50px 0;}
    #acces_rapides li .img {background:#430743; height:150px; width:150px; display:block; margin:15px auto; border-radius:50%; padding:30px; position:relative;}
    #acces_rapides li .img img {height:90px; width:90px;}
    #acces_rapides li .img:before, #acces_rapides li .img:after {content:''; opacity:0; width:165px; height:165px; position:absolute; border-radius:50%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%) scale(1.1); -o-transform:translate(-50%, -50%) scale(1.1); -ms-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
    #acces_rapides li .img:before {background:#a081a0; z-index:-2;}
    #acces_rapides li .img:after {background:transparent; border:2px solid #430743; z-index:-1; transition-delay:0.2s;}
    #acces_rapides li a:hover .img:before, #acces_rapides li a:hover .img:after, #acces_rapides li a:focus .img:before, #acces_rapides li a:focus .img:after {opacity:1; -webkit-transform:translate(-50%, -50%) scale(1); -o-transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1);}
    #acces_rapides li .txt {font-family:'opensans_bold',Arial,Verdana,sans-serif; display:block; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
    #acces_rapides li a:hover .txt, #acces_rapides li a:focus .txt {color:#430743;}

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

    #footer {position:absolute; bottom:0; left:0; min-height:260px; width:100%; z-index:1;}
    #footer p {margin:0; color:#1d1d1d; font-family:'poppins_light',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.6em; display:inline;}
    #footer p a {color:#1d1d1d; font-family:'poppins_light',Arial,Verdana,sans-serif;}
    #footer p a:hover, #footer p a:focus {color:#008f9e;}

    /* Menu footer */
      #menu_footer ul {padding-bottom:55px; margin-bottom:0;}
      #menu_footer ul li {position:relative; display:inline-block; padding:1px 0 1px 25px; margin-left:18px; color:#1d1d1d; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.6em;}
      #menu_footer ul li:first-child {padding-left:0; margin-left:0;}
      #menu_footer ul li:before {display:block; position:absolute; left:0; top:0; content:"|";}
      #menu_footer ul li:first-child:before {content:"";}
      #menu_footer ul li a {padding:0; color:#1d1d1d; font-family:'poppins_regular',Arial,Verdana,sans-serif;}
      #footer ul li a:hover, #menu_footer ul li a:focus {color:#008f9e;}

    /* Coordonnees */
      #bloc_contact_info {padding-bottom:70px; position:relative; z-index:1;}
      #info_footer p {padding:1px 0 1px 20px; margin-left:30px; position:relative;}
      #info_footer p:first-child {padding-left:0; margin-left:0;}
      #info_footer p:before {display:block; position:absolute; left:0; top:-7px; content:"|";}
      #info_footer p:first-child:before {content:"";}
      #info_footer p span:first-child {padding-right:20px;}

  /****************************************************************************************/
  /************************************ FIL D'ARIANE **************************************/
  /****************************************************************************************/

    #fil_ariane {margin-top:30px; margin-bottom:70px;}
    #fil_ariane .breadcrumbs {margin-bottom:0; padding:0;}
    #fil_ariane .breadcrumbs li:not(:last-child)::after {content:"/";}
    #fil_ariane .breadcrumbs li {text-transform:none; color:#008f9e; font-family:"poppins_medium",Arial,Verdana,sans-serif; /*font-size:1.7em; line-height:1.4em;*/ font-size:1.4em; line-height:1.4em;}
    #fil_ariane .breadcrumbs li a {color:#008f9e; font-family:"poppins_medium",Arial,Verdana,sans-serif; text-decoration:none;}
    #fil_ariane .breadcrumbs li:last-child {color:#008f9e; font-family:"poppins_semibold",Arial,Verdana,sans-serif;}
    #fil_ariane .breadcrumbs li:first-child a, #fil_ariane .breadcrumbs li:not(:last-child)::after {color:#666666;}
    #fil_ariane .breadcrumbs li a:hover, #fil_ariane .breadcrumbs li a:focus {color:#430743;}

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

  /********************************************************************************/
  /************************************* HOME *************************************/
  /********************************************************************************/
    #home {overflow:hidden;}
    #header_home {width:100%; z-index:2;}

    /* BANDEAU PAGE */
      #home #bandeau_page {align-items:flex-start;}
      #home #bandeau_page h2 {top:20%; padding:0 7% 0 5%; text-shadow:0 0 40px rgba(0,0,0,0.75); text-transform:none; color:#ffffff; font-family:"poppins_semibold",Arial,Verdana,sans-serif; font-size:8.1em; line-height:1.1em; letter-spacing:-0.01em; width:100%; text-align:right;}
      #home #bandeau_page h2 span {font-family:"poppins_light",Arial,Verdana,sans-serif;}
      #home #bandeau_page .img {position:relative;}

    /* HEADER */
      #wrap_header_home > .columns {padding:0 5% 0 9%;}

      #home #logo {padding-top:134px; padding-top:20%; padding-bottom:63px; padding-bottom:9%;}

      #zone_moteur {padding-bottom:56px; padding-bottom:8.5%; padding-left:10%; padding-right:9%;}
      #zone_moteur .search_area_cont {height:82px;}
      #zone_moteur #zone_recherche {background:#ffffff;}
      #zone_moteur #zone_recherche input[type="text"] {color:#430743; font-family:'montserrat_light',Arial,Verdana,sans-serif; font-size:3em; line-height:1.4em; letter-spacing:0.005em; padding:20px 70px 20px 20px;}
      .purpletxt::-webkit-input-placeholder {color:#430743 !important;}
      .purpletxt::-webkit-input-placeholder {color:#430743 !important;}
      .purpletxt::-moz-placeholder {color:#430743 !important;}
      .purpletxt:-moz-placeholder {color:#430743 !important;}
      .purpletxt:-ms-input-placeholder {color:#430743 !important;}
      .purpletxt[placeholder], #zone_moteur #zone_recherche input[type="text"] {opacity:1 !important; color:#430743; color:#430743 !important;}
      #zone_moteur #zone_recherche input[type="submit"] {width:65px;}

      #acces_rapide_navigation, #acces_rapide_navigation_smart {padding-left:10%; padding-bottom:5%;}
      #acces_rapide_navigation ul li, #acces_rapide_navigation_smart ul li {font-size:inherit; line-height:inherit; padding-top:20px;}
      #acces_rapide_navigation ul li:first-child, #acces_rapide_navigation_smart ul li:first-child {padding-top:0;}
      #acces_rapide_navigation ul li a, #acces_rapide_navigation_smart ul li a {font-size:3.5em; line-height:1.8em; display:block;}
      #acces_rapide_navigation ul li span, #acces_rapide_navigation_smart ul li span {display:block;}
      #acces_rapide_navigation ul li span.img, #acces_rapide_navigation_smart ul li span.img {float:left; margin:3px 24px 3px 10px; border-radius:100%; width:77px; height:77px; line-height:77px; vertical-align:middle; text-align:center; border:3px solid #430743; -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;}
      #acces_rapide_navigation ul li span.img img, #acces_rapide_navigation_smart ul li span.img img {vertical-align:text-bottom;}
      #acces_rapide_navigation ul li span.txt, #acces_rapide_navigation_smart ul li span.txt {float:left; text-transform:uppercase; color:#ffffff; font-family:'montserrat_light',Arial,Verdana,sans-serif; border-left-width:5px; border-left-style:solid; padding:11px 0 11px 28px; -moz-transition:color 0.3s ease-in-out; -o-transition:color 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out;}
      #acces_rapide_navigation ul li a:hover .img, #acces_rapide_navigation ul li a:focus .img,
      #acces_rapide_navigation_smart ul li a:hover .img, #acces_rapide_navigation_smart ul li a:focus .img {box-shadow:0 0 0 2px #fff;}
      #acces_rapide_navigation ul li a:hover .txt, #acces_rapide_navigation ul li a:focus .txt,
      #acces_rapide_navigation_smart ul li a:hover .txt, #acces_rapide_navigation_smart ul li a:focus .txt {color:rgba(255,255,255,0.7);}

      /*COLORS*/
        #acces_rapide_navigation ul li.rubrique0 span.img, #acces_rapide_navigation_smart ul li.rubrique0 span.img {background:#0091a0;}
        #acces_rapide_navigation ul li.rubrique0 span.txt, #acces_rapide_navigation_smart ul li.rubrique0 span.txt {border-left-color:#0091a0;}
        #acces_rapide_navigation ul li.rubrique1 span.img, #acces_rapide_navigation_smart ul li.rubrique1 span.img {background:#e50040;}
        #acces_rapide_navigation ul li.rubrique1 span.txt, #acces_rapide_navigation_smart ul li.rubrique1 span.txt {border-left-color:#e50040;}
        #acces_rapide_navigation ul li.rubrique2 span.img, #acces_rapide_navigation_smart ul li.rubrique2 span.img {/*background:#de84b5;*/ /* NEW #26737 */ background:#e45d11;}
        #acces_rapide_navigation ul li.rubrique2 span.txt, #acces_rapide_navigation_smart ul li.rubrique2 span.txt {/*border-left-color:#de84b5;*//* NEW #26737 */border-left-color:#e45d11;}

    /* COMMUNES */
      #communes {background:#ffffff; position:relative; z-index:3; overflow:hidden;/*min-height:120px;*/}
      #communes > .sticky-container > .row {position:relative; z-index:2; height:100%;}
      #communes p.titre_bloc {text-transform:uppercase; color:#000000; font-family:"poppins_semibold",Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.1em; text-align:right; margin:0;}
      #communes p.titre_bloc span {font-family:"poppins_regular",Arial,Verdana,sans-serif; display:block;}

      #triangle_home_communes {left:0; top:0; overflow:hidden; width:100%; height:100%;}
      #triangle_home_communes::before {content:""; display:block; width:200%; height:200%; background:#f7f7f7; position:absolute; left:calc(-100% - 16px); top:-50%; 
      transform:skew(170deg,0deg); -ms-transform:skew(170deg,0deg); -webkit-transform:skew(170deg,0deg);}

      #liste_communes ul {margin:0;}
      #liste_communes ul li {padding-top:2.5%; padding-bottom:2.5%;}
      #liste_communes ul li a, #liste_communes ul li .as_link {display:block; text-align:center;}
      #liste_communes ul li img {width:auto;}
      #liste_communes ul li a:hover img, #liste_communes ul li a:focus img {opacity:0.7;}

    #triangle_home {position:fixed; overflow:hidden; z-index:1; width:69.218%; height:144.1%; top:0; left:48.739%;}
    #triangle_home::before {content:""; display:block; background:#430743; position:absolute; width:100%; height:100%; top:0%; left:calc(3% + 16px); 
    transform:skew(170deg,0deg); -ms-transform:skew(170deg,0deg); -webkit-transform:skew(170deg,0deg);}

    /* BLOCS HOME */
      .bloc_home {position:relative;}
      .bloc_home .wrap {position:relative; z-index:1;}
      .bloc_home .titre_bloc, #content_page .bloc_home .titre_bloc, #content_page_popin .bloc_home .titre_bloc {padding:70px 1.5rem 20px 1.5rem;}
      .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; color:#232323; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:6em; line-height:1.1em; margin:0;}

  /********************************************************************************/
  /*********************************** PAGE TYPE **********************************/
  /********************************************************************************/
    #col_right_inner, #col_right_popin_inner {margin-bottom:30px;}
    #col_right_inner > *:first-child, #col_right_popin_inner > *:first-child {margin-top:0 !important;}

    /*** PARAM TXT ***/
      #content_page .csc-header, #content_page_popin .csc-header {margin-bottom:0;}

      #content_page h2,
      #content_page_popin h2, #popin_acces_rapides .titre_bloc, #popin_newsletter .titre_bloc {text-transform:none; color:#008f9e; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-weight:normal; /*font-size:3.5em;*/ font-size:3em; /*line-height:1.1em;*/ line-height:1.2em; margin:40px 0 15px 0;}
      #content_page h2 a,
      #content_page_popin h2 a {border:0 !important; padding:0; text-transform:none; color:#008f9e; font-family:'poppins_semibold',Arial,Verdana,sans-serif;}

      #content_page h3,
      #content_page_popin h3 {text-transform:none; color:#008f9e; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-weight:normal; /*font-size:3em;*/ font-size:2.2em; line-height:1.2em; margin:40px 0 15px 0;}
      #content_page h3 a,
      #content_page_popin h3 a {border:0 !important; padding:0; text-transform:none; color:#008f9e; font-family:'poppins_medium',Arial,Verdana,sans-serif;}

      #content_page h4,
      #content_page_popin h4 {text-transform:uppercase; color:#000000; /*font-size:2.2em;*/ font-size:1.8em; /*line-height:1.5em;*/ line-height:1.2em; margin:30px 0 10px 0; font-family:'poppins_medium',Arial,Verdana,sans-serif;}
      #content_page h4 a,
      #content_page_popin h4 a {border:0 !important; padding:0; text-transform:uppercase; color:#000000; font-family:'poppins_medium',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 !important; font-weight:normal; background:none;}

    /*SKIN PARAGRAPHE*/
      #content_page p, #content_page_popin p {color:#000000;}

    /*SKIN LIEN*/
      #content_page a, #content_page_popin a {text-transform:none; font-family:'opensans_light',Arial,Verdana,sans-serif; background-color:transparent; border-bottom:1px solid #000000; padding:0 2px; position:relative;}
      #content_page #col_right_inner a:hover, #content_page #col_right_inner a:focus, #content_page_popin #col_right_popin_inner a:hover, #content_page_popin #col_right_popin_inner a:focus {color:#ffffff; background:#0a8299; border-bottom:1px solid #0a8299;}
      #content_page .csc-textpic-image a, #content_page_popin .csc-textpic-image a {padding:0; border:0; background:none !important;}

    /*SKIN LIENS EXTERNE mis dans declinaison_ville.css */
      /*a[href^="http://"]:not([href*="cimeos.com"])::after, 
      a[href^="https://"]:not([href*="cimeos.com"])::after
      ,*/
      /*
      a[href^="http://"]:not([href*="cherbourg.fr"])::after, 
      a[href^="https://"]:not([href*="cherbourg.fr"])::after {content:url(../img/arrow_external_link.png); padding:0 4px; vertical-align:text-bottom;}*/

      /*a[href^="http://"]:not([href*="cimeos.com"]):hover::after, 
      a[href^="https://"]:not([href*="cimeos.com"]):focus::after
      ,*/
      /*a[href^="http://"]:not([href*="cherbourg.fr"]):hover::after, 
      a[href^="https://"]:not([href*="cherbourg.fr"]):focus::after {opacity:0.7;}*/

      /*a[href^="http://"]:not([href*="cimeos.com"]), 
      a[href^="https://"]:not([href*="cimeos.com"])
      ,*/
      /*a[href^="http://"]:not([href*="cherbourg.fr"]), 
      a[href^="https://"]:not([href*="cherbourg.fr"]) {display:inline-block;}*/

    /*SKIN INFOS PAGE*/
      #infos_page {padding-bottom:25px;}

    /*SKIN RESEAUX SOCIAUX*/
      #social_share ul, #social_share_popin ul {padding:0 !important; max-height:28px; font-size:inherit; margin:0;}
      #social_share ul::before, #social_share_popin ul::before {content:""; display:block; clear:both;}
      #social_share ul li, #social_share_popin ul li {display:block; float:left; padding:0 !important; font-size:1.1em; width:auto; width:auto; height:auto; min-width:70px;}
      #social_share .share_rs a, #social_share_popin .share_rs a {border:none; width:auto; height:auto; margin:0; display:block; padding:0;}
      #social_share .share_rs a:hover span, #social_share_popin .share_rs a:hover span {background:rgba(0,0,0,0.1);}
      #social_share .share_rs a span, #social_share_popin .share_rs a span {color:#ffffff; font-family:'opensans_semibold',Arial,Verdana,sans-serif; padding:4px 6px 4px 18px; font-size:1em; display:block;}
      #social_share .share_rs .a2a_button_facebook, #social_share_popin .share_rs .a2a_button_facebook {/*#3b5998*/ background:#2B4D86 url(../img/picto_share_fb.png) 2px center no-repeat;}
      #social_share .share_rs .a2a_button_twitter, #social_share_popin .share_rs .a2a_button_twitter {/*#4ec7fa*/ background:#0778D6 url(../img/picto_share_twi.png) 2px center no-repeat;}

    /*SKIN LEGENDE LIEN IMG*/
      #content_page .csc-textpic-image, #content_page_popin .csc-textpic-image, #content_page figure.image, #content_page_popin figure.image {margin:0 0 20px 0; position:relative;}
      figcaption, #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 {color:#747474; font-family:'opensans_regular',Arial,Verdana,sans-serif; /*font-size:1.6em; line-height:1.4em;*/ font-size:1.4em; line-height:1.2em; font-style:normal; padding:10px 0; margin-bottom:0; text-align:left;}

    /*SKIN LIST*/
      #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 60px;}
      #content_page ul li, #content_page_popin ul li {list-style:none; padding:2px 0 2px 20px;}
      #content_page ul ul, #content_page ul ol, #content_page ol ol, #content_page ol ul,
      #content_page_popin ul ul, #content_page_popin ul ol, #content_page_popin ol ol, #content_page_popin ol ul {padding:0 0 0 30px;}
      #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;}
      
      /*list decimal*/
      #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;}
      #content_page #col_right_inner ul ul, #content_page #col_right_inner ul ol, #content_page #col_right_inner ol ol, #content_page #col_right_inner ol ul,
      #content_page_popin #col_right_popin_inner ul ul, #content_page_popin #col_right_popin_inner ul ol, #content_page_popin #col_right_popin_inner ol ol, #content_page_popin #col_right_popin_inner ol ul {padding-bottom:5px;}

      /* puce se dessine */
      #content_page #col_right_inner ul li, #content_page_popin #col_right_popin_inner ul li {position:relative; background:none; border:0; box-sizing:border-box;}
      #content_page #col_right_inner ul li::before, #content_page #col_right_inner ul li::after,
      #content_page_popin #col_right_popin_inner ul li::before {box-sizing:border-box; content:''; position:absolute; width:10px; height:10px; border-radius:100%; top:9px; left:-8px;}
      #content_page #col_right_inner ul li.mui-enter-active::before {border-top-color:#0a8299; border-right-color:#0a8299; border-bottom-color:#0a8299; -webkit-transition:border-top-color 0.15s linear, border-right-color 0.15s linear 0.2s, border-bottom-color 0.15s linear 0.3s; transition:border-top-color 0.15s linear, border-right-color 0.15s linear 0.2s, border-bottom-color 0.15s linear 0.3s;}
      #content_page #col_right_inner ul li::before {border:2px solid transparent;}
      #content_page #col_right_inner ul li.mui-enter-active::after {border-top:2px solid #0a8299; border-left-width:2px; border-right-width:2px; -webkit-transform:rotate(270deg); transform:rotate(270deg); -webkit-transition:border-left-width 0s linear 0.5s, -webkit-transform 0.5s linear 0s; transition:transform 0.5s linear 0s, border-left-width 0s linear 0.5s; -webkit-transition:-webkit-transform 0.5s linear 0s, border-left-width 0s linear 0.5s;}
      #content_page #col_right_inner ul li::after {border:0 solid transparent;}
      #content_page_popin #col_right_popin_inner ul li::before {border:2px solid #0a8299;}

    /*SKIN TABLEAUX*/
      #content_page table, #content_page_popin table {border-spacing:0; border-collapse:collapse; margin-bottom:30px;}
      #content_page table caption, #content_page_popin table caption {background:transparent; padding:20px 0; text-transform:none; color:#430743; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:2.5em; line-height:1.2em; text-align:center; border-bottom:3px solid #008f9e;}
      table thead, table tbody, table tfoot {background-color:#ffffff; border:0;}
      #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; color:#430743; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; border:0; padding:20px 10px;}
      #content_page th > *, #content_page_popin th > * {font-size:1em; text-transform:uppercase; font-family:'poppins_medium',Arial,Verdana,sans-serif; margin-bottom:0; color:#430743;}
      #content_page th, #content_page tfoot td, #content_page_popin th, #content_page_popin tfoot td {background:#ffffff;}
      #content_page table tbody tr:nth-child(even), #content_page_popin table tbody tr:nth-child(even) {background:#ebebeb;}
      #content_page td, #content_page_popin td {font-size:1.4em; line-height:1.3em; border:0; font-weight:normal;}
      #content_page td a:before, #content_page_popin td a:before {display:none;}
      #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:10px;}
      #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:10px;}

    /* BLOCKQUOTE */
      #content_page blockquote, #content_page_popin blockquote {padding:5px 25px; border:0; border-left:4px solid #008f9e; text-align:left; margin:0 90px 30px 55px; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.4em;}
      #content_page blockquote p, #content_page_popin blockquote p {font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em;}
      #content_page blockquote *, #content_page_popin blockquote * {margin-bottom:0;}

  /* BLOC ACCORDEON #43095 */
    .bloc_accordeon .accordion {padding:0; margin:0 0 3rem 0; background:transparent; border:0;}

    .bloc_accordeon .accordion-item {padding:2.5rem; margin-top:2.5rem; list-style-image:none; font-size:2.2em; background:#fff; border-radius:0; border:2px solid #efefef;}
    .bloc_accordeon .accordion-item:first-child {margin:0;}

    .bloc_accordeon .accordion .accordion-title,
    #content_page .bloc_accordeon .accordion .accordion-title,
    #content_page_popin .bloc_accordeon .accordion .accordion-title {padding:0 2rem 0 0; border:0 !important; text-transform:uppercase; color:#000000 !important; font-size:1em; line-height:normal; display:block; border-radius:0; font-family:'poppins_semibold',Arial,Verdana,sans-serif; background:none !important; outline:none;}

    .bloc_accordeon .accordion .accordion-title::before {content:''; position:absolute; right:1.5rem; top:calc(50% + 0.5rem); display:block; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent; border-left:0.75rem solid #000000; transform:rotate(0) translateY(-50%); transition:0.3s ease;}

    .bloc_accordeon .accordion .is-active .accordion-title,
    #content_page .bloc_accordeon .accordion .is-active .accordion-title,
    #content_page_popin .bloc_accordeon .accordion .is-active .accordion-title {color:#000000; background:none !important;}

    .bloc_accordeon .accordion .is-active .accordion-title::before {transform:rotate(90deg) translateY(-50%) translateX(calc(50% - 1.5rem));}

    .bloc_accordeon .accordion-title:hover, .content_page .accordion-title:focus,
    #content_page .bloc_accordeon .accordion-title:hover, #content_page .content_page .accordion-title:focus,
    #content_page_popin .bloc_accordeon .accordion-title:hover, #content_page_popin .content_page .accordion-title:focus {color:#008f9e !important; background:none !important;}

    .accordion-content {font-size:1rem; padding:1rem 0 0 0; margin:1.5rem 0 0 0; border:0 !important; border-top: 2px solid #efefef !important; background:none;}
    .accordion-content > *:first-child {margin-top:0 !important;}

    /* COL LEFT - SOMMAIRE / A VOIR AUSSI */
      #col_left, #col_left_popin {margin-right:90px;}
      #inner_col_left {z-index:5;}
      #inner_col_left_popin {z-index:2;}

      #content_page .bloc_col_left, #content_page_popin .bloc_col_left {position:relative; /*background:#fdfdfd;*/ background:#efefef; margin-bottom:68px;}
      #content_page .bloc_col_left::before, #content_page_popin .bloc_col_left::before {content:""; width:500%; height:100%; position:absolute; left:-500%; /*background:#fdfdfd;*/ background:#efefef;}

      #content_page .bloc_col_left .titre_bloc, #content_page_popin .bloc_col_left .titre_bloc {padding-top:30px; margin-bottom:15px;}
      #content_page .bloc_col_left .titre_bloc p, #content_page_popin .bloc_col_left .titre_bloc p {text-transform:uppercase; color:#008f9e; font-family:'poppins_medium',Arial,Verdana,sans-serif; /*font-size:2.2em; line-height:1.1em;*/ font-size:2em; line-height:1.2em; margin:0; padding:0;}

      #content_page .bloc_col_left ul, #content_page_popin .bloc_col_left ul {margin:0; padding:0 0 25px 0;}
      #content_page .bloc_col_left ul li, #content_page_popin .bloc_col_left ul li {/*font-size:1.7em; line-height:1.2em;*/padding:3px 0; backface-visibility:hidden; background:transparent;}
      #content_page .bloc_col_left ul li a, #content_page_popin .bloc_col_left ul li a {color:#666666; font-family:'poppins_semibold',Arial,Verdana,sans-serif; padding:3px 20px; border:0; border-left:3px solid transparent; display:inline-block;}
      #content_page .bloc_col_left ul li a:hover, #content_page_popin .bloc_col_left ul li a:hover, #content_page .bloc_col_left ul li a:focus, #content_page_popin .bloc_col_left ul li a:focus {color:#430743;}

      /* SOMMAIRE DE PAGE */
        #content_page.hasSommaire h2, #content_page_popin.hasSommaire h2 {margin-top:0;}
        #sommaire, #sommaire_popin {width:100%;}
        #sommaire_popin {display:none;}
        #content_page #sommaire ul li a.active, #content_page_popin #sommaire_popin ul li a.active {color:#430743; border-left:3px solid #430743;}
        #content_page #sommaire ul li a:hover, #content_page_popin .bloc_col_left ul li a:hover,
        #content_page #sommaire ul li a:focus, #content_page_popin .bloc_col_left ul li a:focus {border-left:3px solid #430743;}
        #content_page .magellan_anchor, #content_page_popin .magellan_anchor {margin-top:50px; display:block; padding:0; border:0 !important;}

      /* LIENS UTILES */
        #content_page .bloc_col_left.zone_articles_associes ul li a, #content_page_popin .bloc_col_left.zone_articles_associes ul li a {font-family:'poppins_regular',Arial,Verdana,sans-serif;}

    /* BLOC VIDEO */
      .bloc_video {width:100%; margin-bottom:30px; position:relative;}
      .bloc_col .bloc_video {margin-bottom:0;}
      .bloc_video .video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
      .bloc_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 !important;}
      #content_page .bloc_video .title p, #content_page_popin .bloc_video .title p {margin-bottom:5px;} 

    /* BLOC DIAPORAMA IMAGES SLICK */
      .diaporama_images .slick-slide img {min-width:100%;}
      .diaporama_images {margin-bottom:30px;}
      .diaporama_images .contenu_bloc {overflow:hidden; background:#f6f6f6; padding:0;}
      .diaporama_images .slider-for-images {position:relative; overflow:hidden;}
      .diaporama_images .slider-nav-images {position:relative; overflow:hidden;}
      #content_page .diaporama_images .slick-slide a, #content_page .diaporama_images .slider-nav-images a,
      #content_page_popin .diaporama_images .slick-slide a, #content_page_popin .diaporama_images .slider-nav-images a {padding:0; border:0;}
      #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 .slick-slider .slick-list, #image_pop .slick-slider .slick-list {background:#fff;}
      .diaporama_images .slider-nav-images, .diaporama_images .slider-nav-images .slick-list {padding:0 60px; max-height:60px;}
      .diaporama_images .slider-nav-images::before, .diaporama_images .slider-nav-images::after {content:""; display:inline-block; margin:0 auto; width:60px; height:47px; position:absolute; top:7px; text-align:center;}
      .diaporama_images .slider-nav-images .slick-list.draggable {background:#f6f6f6;}
      .diaporama_images .slider-nav-images .slick-slide {width:60px !important; height:60px !important; overflow:hidden; background:#430743;}
      .diaporama_images .slider-nav-images .slick-slide:hover a {opacity:0.7;}
      .diaporama_images .slider-nav-images .slick-slide.slick-current {border:2px solid #430743;}
      .diaporama_images .slider-nav-images.slick-slider .slick-arrow {background:#430743;}
      .diaporama_images .slider-nav-images.slick-slider .slick-arrow::before {display:block; margin:0 auto;}
      .diaporama_images .slider-nav-images.slick-slider .slick-arrow.slick-prev::before {content:url(../img/diaporama_small_left_arrow.png);}
      .diaporama_images .slider-nav-images.slick-slider .slick-arrow.slick-next::before {content:url(../img/diaporama_small_right_arrow.png);}
      .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:60px;}
      .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:rgba(0,0,0,0);}
      .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 .slick-slider .slick-arrow, .diaporama_images .slick-slider .slick-arrow:hover, .diaporama_images .slick-slider .slick-arrow:focus,
      #image_pop .slick-slider .slick-arrow, #image_pop .slick-slider .slick-arrow:hover, #image_pop .slick-slider .slick-arrow:focus,
      #image_pop_col_right .slick-slider .slick-arrow, #image_pop_col_right .slick-slider .slick-arrow:hover, #image_pop_col_right .slick-slider .slick-arrow:focus {-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;}
      .diaporama_images .slider-for-images.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; width:70px; height:70px;}
      .diaporama_images .slider-for-images.slick-slider .slick-arrow.slick-prev::before, #image_pop .slick-slider .slick-arrow.slick-prev::before, #image_pop_col_right .slick-slider .slick-arrow.slick-prev::before {content:url(../img/diaporama_big_left_arrow.png);}
      .diaporama_images .slider-for-images.slick-slider .slick-arrow.slick-next::before, #image_pop .slick-slider .slick-arrow.slick-next::before, #image_pop_col_right .slick-slider .slick-arrow.slick-next::before {content:url(../img/diaporama_big_right_arrow.png);}
      #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 {background-color:#fff; position:relative; z-index:2;}
      /*legende*/
      .slick-slider figcaption {line-height:1.7em; padding:5px 0;}

    /* QUESTIONNAIRE QUALITE */
      .bandeau_gone #quality_form {bottom:0;}
      #quality_form {/*background-color:#008f9e;*/ background-color:#0A8299; right:0; bottom:-260px; position:fixed; -moz-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; z-index:15; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
      #quality_form > p {color:white; margin:0; padding:15px;}
      #quality_form .form_item {width:230px; height:85px; padding:15px 10px 15px 15px;}
      #content_page #quality_form form,
      #content_page_popin #quality_form form {background:transparent;}
      #content_page #quality_form form fieldset legend,
      #content_page_popin #quality_form form fieldset legend {text-transform:none; color:#ffffff; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.3em; display:inline-block; margin-bottom:0; padding:0; float:left; width:auto;}
      #quality_form .form_item > .ligne_form {clear:none; margin:0; padding:0; float:left; position:relative; width:50%;}
      #quality_form .form_item > .ligne_form > label {border-bottom:2px solid transparent; padding:0 15px 0 25px; margin:5px 0 0 25px; display:inline-block; vertical-align:middle; color:#ffffff; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em; cursor:pointer; position:relative;}
      #quality_form .form_item > .ligne_form > label::before {content:url(../img/arrow_next_white.png); width:16px; height:14px; position:absolute; left:0; top:1px; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
      
      #quality_form .form_item .ligne_form [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]):hover,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]):focus{border-bottom:2px solid #fff;}

      #quality_form .form_item .ligne_form input[type="radio"]:checked + label::before,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]):focus + label::before,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:hover::before,
      #quality_form .form_item .ligne_form input[type="radio"]:not([disabled]) + label:focus::before {left:3px;}

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

      #comment {clear:both; float:none; width:390px; height:260px; padding:0 20px 40px 20px; /*background-color:#008f9e;*/ background-color:#0A8299; position:absolute; bottom:0; right:0;}
      #comment .ligne_form.precise {position:relative; height:100%; margin:0;}
      #comment .ligne_form.precise textarea {height:calc(100% - 80px); border-radius:0; margin:0; padding:15px 20px; border:2px solid transparent; font-size:1.6em; font-family:'poppins_regular',Arial,Verdana,sans-serif; color:#5a5a5a;}
      #comment .ligne_form.precise textarea:focus {border:2px solid #008f9e;}
      #comment .ligne_form.precise p {color:white !important; padding-top:5px; margin-bottom:0; font-size:1.2em;}
      #comment .ligne_form.precise p a {color:#ffffff; border-bottom:1px solid #fff;}
      #comment > div > label {color:#fff; font-size:1.4em; line-height:1.4em; letter-spacing:0; padding:10px 0; margin:initial;}
      #comment > div > label > span {color:#fff;}
      #comment input[type="submit"] {font-size:1.5em; line-height:1.2em; padding:5px 14px; color:#393939; border:none; border-radius:50px; background:#ffffff; font-family:'poppins_medium',Arial,Verdana,sans-serif;}
      #comment input[type="submit"]:hover, #comment input[type="submit"]:focus {color:#fff; /*background:#54bece;*/ background:#33A3AF;}
      #comment.visibility.is-hidden[aria-expanded='true'] {display:block !important;}
      #quality_form .ligne_form.btn_submit {margin:0; padding:0;}

    /* COLONNE CONTEXTUELLE */
      .bloc_col {margin-bottom:60px; position:relative; overflow:hidden;}
      .bloc_col .content_bloc {padding:25px 30px;}
      .triangle_bloc_col {position:absolute; right:0; top:0; overflow:hidden; width:57%; height:100%;}
      .triangle_bloc_col::before {content:""; display:block; width:200%; height:200%; background:#430743; position:absolute; left:calc(15%); top:-50%; 
      transform:skew(170deg,0deg); -ms-transform:skew(170deg,0deg); -webkit-transform:skew(170deg,0deg);}
      .bloc_col .titre_bloc, .bloc_col .subtitle, .bloc_col .contenu_bloc {position:relative; z-index:1;}
      .bloc_col .magellan_anchor {margin-top:0 !important;}

      .bloc_col .titre_bloc {margin-bottom:25px;}
      #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 {color:#440744; font-family:'poppins_medium',Arial,Verdana,sans-serif; /*font-size:3.5em;*/ font-size:2.8em; line-height:1.3em; margin:0;}
      #content_page .bloc_col p.subtitle, #content_page_popin .bloc_col p.subtitle {text-transform:uppercase; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:2em; margin-bottom:15px;}
      #content_page .bloc_col p, #content_page_popin .bloc_col p {/*line-height:1.1em; */ line-height:1.2em; font-family:'poppins_light',Arial,Verdana,sans-serif; margin-bottom:10px;}
      #content_page .bloc_col p a, #content_page_popin .bloc_col p a {font-family:'poppins_light',Arial,Verdana,sans-serif; border-bottom:0;}

      #content_page .bloc_col ul li::before, #content_page .bloc_col ul li::after,
      #content_page_popin .bloc_col ul li::before, #content_page_popin .bloc_col ul li::after {display:none;}

      /* BLOC GEOLOC */
        .adresse {padding:0 0 0 28px; background:url(../img/picto_adresse.png) no-repeat left 1px;}
        .horaires {padding:0 0 0 28px; background:url(../img/picto_horaires.png) no-repeat left 1px;}
        .mail {padding:0 0 0 28px; background:url(../img/picto_mail.png) no-repeat left 1px;}
        .website {padding:0 0 0 28px; background:url(../img/picto_site_web.png) no-repeat left 1px;}
        .tel {padding:0 0 0 28px; background:url(../img/picto_tel.png) no-repeat left 1px;}
        .gg_link {padding:0 0 0 28px; background:url(../img/picto_gg_link.png) no-repeat left 4px;}

        .info_utile.bloc_col {background-color:#430743;}
        .info_utile.bloc_col .content_bloc * {color:#ffffff !important;}
        #content_page .bloc_col .content_bloc a:hover, #content_page .bloc_col .content_bloc a:focus, #content_page_popin .bloc_col .content_bloc a:hover, #content_page_popin .bloc_col .content_bloc a:focus,
        #content_page #col_right_inner .bloc_col .content_bloc a:hover,
        #content_page #col_right_inner .bloc_col .content_bloc a:focus,
        #content_page_popin #col_right_popin_inner .bloc_col .content_bloc a:hover,
        #content_page_popin #col_right_popin_inner .bloc_col .content_bloc a:focus {color:rgba(255,255,255,0.7) !important; background:none; border:0;}

        #content_page .bloc_col p.btn_lien.fiche, #content_page_popin .bloc_col p.btn_lien.fiche {font-size:1.5em; padding:15px 0 5px 0; margin-bottom:0;}
        #content_page .bloc_col p.btn_lien.fiche a, #content_page_popin .bloc_col p.btn_lien.fiche a {color:#fdbb50 !important; border:2px solid #fdbb50; background:#430743; padding:10px 15px; display:inline-block; border-radius:5px;}
        #content_page #col_right_inner .bloc_col p.btn_lien.fiche a:hover, #content_page_popin #col_right_popin_inner .bloc_col p.btn_lien.fiche a:hover, #content_page #col_right_inner .bloc_col p.btn_lien.fiche a:focus, #content_page_popin #col_right_popin_inner .bloc_col p.btn_lien.fiche a:focus {color:#430743 !important; background:#fdbb50 !important; border:2px solid #fdbb50;}

        .icons {position:relative; padding-left:26px;}
        .icons i {position:absolute; top:1px; left:2px;}

        .info_utile .info_map {position:relative;}
        .map_infos {max-width:100%; width:100%; overflow:hidden; min-height:250px; 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:'opensans_light',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;}
        

        /* mis dans declinaison_ville.css */
        /*.info_utile.bloc_col a[href^="http://"]:not([href*="cimeos.com"])::after, 
        .info_utile.bloc_col a[href^="https://"]:not([href*="cimeos.com"])::after
        ,*/
        /*.info_utile.bloc_col a[href^="http://"]:not([href*="cherbourg.fr"])::after, 
        .info_utile.bloc_col a[href^="https://"]:not([href*="cherbourg.fr"])::after {content:"";}*/

        /*.info_utile.bloc_col .website a[href^="http://"]:not([href*="cimeos.com"])::after,
        .info_utile.bloc_col .website a[href^="https://"]:not([href*="cimeos.com"])::after
        ,*/
        /*.info_utile.bloc_col .website a[href^="http://"]:not([href*="cherbourg.fr"])::after,
        .info_utile.bloc_col .website a[href^="https://"]:not([href*="cherbourg.fr"])::after {content:url(../img/arrow_external_link.png);}*/

      /* RESSOURCES DOWNLOAD */
        .zone_ressources_download {/*background:#fafafa;*/ background:#efefef; padding:35px 40px;}
        #content_page .bloc_col.zone_ressources_download .titre_bloc p, #content_page_popin .bloc_col.zone_ressources_download .titre_bloc p, #content_page .bloc_col.zone_ressources_download .titre_bloc h2, #content_page_popin .bloc_col.zone_ressources_download .titre_bloc h2 {margin-bottom:0;}
        #page .zone_ressources_download ul, #popin_detail .zone_ressources_download ul {padding:0; margin:0;}
        #page .zone_ressources_download ul li, #popin_detail .zone_ressources_download ul li {/*font-size:1.8em;*/ font-size:1.5em; margin:0; padding:0; background:none;}
        #page .zone_ressources_download ul li:first-child, #popin_detail .zone_ressources_download ul li:first-child {margin:0;}
        #page .zone_ressources_download ul li a, #popin_detail .zone_ressources_download ul li a {display:block; border-bottom:0; border-top:1px solid #c6c6c6; padding:6px 35px 7px 0; position:relative; min-height:45px;}
        #page .zone_ressources_download ul li a::before, #popin_detail .zone_ressources_download ul li a::before {content:""; position:absolute; right:0; top:calc(50% - 15px); width:32px; height:32px; border-radius:100%; border:1px solid #430743; background:#ffffff url(../img/picto_download.png) no-repeat center center;}
        #page .zone_ressources_download ul li:first-child a, #popin_detail .zone_ressources_download ul li:first-child a {border-top:0;}
        .zone_ressources_download ul li span {display:inline-block; color:#666666;}
        .zone_ressources_download ul li .nm_doc {word-break:initial; word-wrap:break-word; font-family:'opensans_bold',Arial,Verdana,sans-serif; font-size:1em; line-height:1.2em; width:70%; padding-right:45px;}
        .zone_ressources_download ul li .infos_doc {font-family:'ptsans_italic',Arial,Verdana,sans-serif; font-size:1em; line-height:1.5em; width:27%;}
        .zone_ressources_download ul li .maju {text-transform:uppercase; font-family:'opensans_bold',Arial,Verdana,sans-serif; font-size:0.8em; padding-left:0; width:33%;}
        .zone_ressources_download ul li .nb_pages {font-family:'ptsans_italic',Arial,Verdana,sans-serif; font-size:1.1em;}

        .zone_ressources_download ul li a:hover, .zone_ressources_download ul li a:focus,
        #content_page #col_right_inner .zone_ressources_download ul li a:hover, #content_page #col_right_inner .zone_ressources_download ul li a:focus,
        #content_page_popin #col_right_popin_inner .zone_ressources_download ul li a:hover, #content_page_popin #col_right_popin_inner .zone_ressources_download ul li a:focus {background:transparent; border-bottom:0;}

        .zone_ressources_download ul li a:hover span, .zone_ressources_download ul li a:focus span {color:#430743;}
        .zone_ressources_download ul li a:hover::before, .zone_ressources_download ul li a:focus::before {opacity:0.7;}
        .zone_ressources_download ul li a::after {display:none !important;}

      /* LIENS UTILES */
        .bloc_col.zone_articles_associes {/*background:#fafafa;*/ background:#efefef; padding:35px 40px;}
        #content_page .bloc_col.zone_articles_associes .titre_bloc p, #content_page_popin .bloc_col.zone_articles_associes .titre_bloc p, #content_page .bloc_col.zone_articles_associes .titre_bloc h2, #content_page_popin .bloc_col.zone_articles_associes .titre_bloc h2 {margin-bottom:0;}
        #page .bloc_col.zone_articles_associes ul, #popin_detail .bloc_col.zone_articles_associes ul {margin:0; padding:0;}
        #page .bloc_col.zone_articles_associes ul li, #popin_detail .bloc_col.zone_articles_associes ul li {/*font-size:1.8em;*/ font-size:1.5em; margin:15px 0 0 0; padding:0; background:none;}
        #page .bloc_col.zone_articles_associes ul li:first-child, #popin_detail .bloc_col.zone_articles_associes ul li:first-child {margin:0;}
        #page .bloc_col.zone_articles_associes ul li a, #popin_detail .bloc_col.zone_articles_associes ul li a {color:#666666; font-family:"opensans_bold",Arial,Verdana,sans-serif; display:inline-block; border:0; word-break:initial; word-wrap:break-word;}
        #page .bloc_col.zone_articles_associes ul li a:hover, #popin_detail .bloc_col.zone_articles_associes ul li a:hover, #page .bloc_col.zone_articles_associes ul li a:focus, #popin_detail .bloc_col.zone_articles_associes ul li a:focus {color:#430743; background:transparent;}

      /* BLOC DE CONTENU LIBRE */
        .bloc_col .libre .bloc_video {margin-bottom:0;}
        .bloc_col .libre .bloc_video .video {padding-bottom:73.25%;}
        .bloc_col .libre .bloc_video .video a {display:block; padding:0 !important;}
        .bloc_col .libre .bloc_video .video a img {width:100%; height:auto;}
        .bloc_col .libre .bloc_video .title p {text-transform:uppercase; font-family:'opensans_bold',Arial,Verdana,sans-serif;}
        .bloc_col .libre .bloc_video .description {position:static; background:none; padding:10px 0;}

      /* POUR ALLER PLUS LOIN */
        #content_page .bloc_bottom .titre_bloc p, #content_page_popin .bloc_bottom .titre_bloc p,
        #content_page .bloc_bottom .titre_bloc h2, #content_page_popin .bloc_bottom .titre_bloc h2 {text-transform:uppercase; color:#430743; font-family:'poppins_semibold',Arial,Verdana,sans-serif; /*font-size:3.2em;*/ font-size:3em; line-height:1.1em; margin:0 0 20px 0;}

        .bloc_bottom {margin-bottom:55px;}
        #content_page .bloc_bottom p a, #content_page_popin .bloc_bottom p a {border-bottom:0;}

        #mise_en_avant .article, #mise_en_avant_popin .article {max-height:350px; position:relative;}
        #mise_en_avant .article > a, #mise_en_avant_popin .article > a {display:block; position:relative; width:100%; height:100%; padding:0; border:none;}
        #mise_en_avant .article > a::before, #mise_en_avant_popin .article > a::before {content:''; display:block; background:linear-gradient(to left top, #430743 0%, #430743 49%, transparent 51%); width:0; height:0; position:absolute; z-index:10; right:0; bottom:0; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
        #mise_en_avant .article > a:hover::before, #mise_en_avant_popin .article a:hover::before, #mise_en_avant .article > a:focus::before, #mise_en_avant_popin .article > a:focus::before {width:100%; height:47%;}

        #mise_en_avant .img, #mise_en_avant_popin .img {position:relative; min-width:100%; height:350px; overflow:hidden;}
        #mise_en_avant .img img, #mise_en_avant_popin .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; min-width:100%; height:auto; width:auto; max-width:150%; max-height:150%;}
        #mise_en_avant .txt, #mise_en_avant_popin .txt {height:100%; width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
        #mise_en_avant .article > a:hover .txt, #mise_en_avant_popin .article > a:hover .txt {background:rgba(0,0,0,0.6);}
        #mise_en_avant .article .txt .thumb-title p, #mise_en_avant_popin .article .txt .thumb-title p {color:#ffffff; line-height:1.2em; margin:0 0 20px 0;}
        #mise_en_avant .article .txt .thumb-title p.titre, #mise_en_avant_popin .article .txt .thumb-title p.titre {font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:3em; text-transform:uppercase;}
        #mise_en_avant .article .txt .thumb-title p.sous_titre, #mise_en_avant_popin .article .txt .thumb-title p.sous_titre {font-family:'poppins_light',Arial,Verdana,sans-serif; font-size:2em;}
        #mise_en_avant .btn_lien.btn_txt, #mise_en_avant_popin .btn_lien.btn_txt {z-index:15; position:absolute; right:40px; bottom:30px; /*font-size:2em;*/ font-size:1.6em; padding:0 0 0 32px; background:url(../img/picto_more.svg) no-repeat left center; background-size:auto 20px; opacity:0; -o-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
        #mise_en_avant .article > a:hover .btn_lien.btn_txt, #mise_en_avant_popin .article > a:focus .btn_lien.btn_txt {opacity:1;}
      
      /* Bloc test image */
        #content_page .csc-textpic .csc-textpicHeader > *:first-child, #content_page .csc-textpic > *:first-child {margin-top:0;}

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

    /* Moteur */
      #moteur {margin-top:22px; margin-bottom:65px;}
      #line_tools_moteur {background:#008f9e;}
      #line_tools_moteur p {padding:0; /*font-size:2.4em;*/ font-size:1.8em; margin-bottom:0;}
      #line_tools_moteur .columns .columns.shrink p {padding:0;}

      /* Nb resulats*/
      #line_tools_moteur p.nb_result {text-transform:lowercase; color:#ffffff;}
      #line_tools_moteur p.nb_result span {font-size:1.5em; height:85px; min-width:85px; margin:15px 15px 15px 0; position:relative; z-index:1;}
      #line_tools_moteur p.nb_result span:before {content:""; width:85px; height:85px; top:0; left:0; position:absolute; /*background:#54becf;*/ background:#33A3AF; z-index:-1; border-radius:100%;}

      #line_tools_moteur p.btn_lien a {border-radius:27px; padding:10px 35px 10px 45px; border:1px solid #ffffff; background-color:#ffffff; color:#430743; font-family:"poppins_regular",Arial,Verdana,sans-serif; /**/ letter-spacing:0.02em;}
      #line_tools_moteur p.btn_lien a, #line_tools_moteur p.btn_lien a:hover, #line_tools_moteur p.btn_lien a:focus {background-position:19px center; background-repeat:no-repeat;}
      #line_tools_moteur svg {display:none;}
      #line_tools_moteur p.btn_lien a:hover, #line_tools_moteur p.btn_lien a:focus {opacity:0.8;}
      #line_tools_moteur p.btn_lien a:before {display:none;}

      /*Filtrer*/
      #line_tools_moteur .show_filters p.btn_lien a {background-image:url(../img/btn_show_filters.png); background-position:10px center;}
      #line_tools_moteur .show_filters p.btn_lien a:hover, #line_tools_moteur .show_filters p.btn_lien a:focus {border:1px solid #430743;}

      /*Exporter*/
      #line_tools_moteur .export_btn {padding:0 6.5rem 1.5rem 6.5rem;}
      #line_tools_moteur .export_btn p.btn_lien {float:right;}
      #line_tools_moteur .show_filters.export_btn p.btn_lien a {background-image:url(../img/picto_download.png);}

      /* Reinitialiser */
      #line_tools_moteur #reset_search a {color:#ffffff; background-color:transparent; padding:10px 35px;}
      #line_tools_moteur #reset_search a:hover, #line_tools_moteur #reset_search a:focus {color:rgba(255,255,255,0.8); background-color:transparent;}

      /* Afficher la carte */
      #line_tools_moteur #switch_display {padding:0 49px;}
      #line_tools_moteur #switch_display p.btn_lien a {padding-left:70px;}
      #line_tools_moteur #switch_display.show_map p.btn_lien a {background-image:url(../img/btn_display_map.png);}
      #line_tools_moteur #switch_display.hide_map p.btn_lien a {background-image:url(../img/btn_hide_map.png); border:1px solid #ffffff; /*background-color:#54becf;*/ background-color:#33A3AF; color:#ffffff;}
      #line_tools_moteur #switch_display.show_map p.btn_lien a:hover, #line_tools_moteur #switch_display.show_map p.btn_lien a:focus {border:1px solid #430743;}
      #line_tools_moteur #switch_display.hide_map p.btn_lien a:hover, #line_tools_moteur #switch_display.hide_map p.btn_lien a:focus {background-color:transparent;}

    /* Filtres */
      #filters.popin form, #filters.popin .wrap_popin > .row.medium-12 {position:relative;}
      #filters legend {padding:0 1.5rem; text-align:left;}
      #filters .ligne_form {clear:none;}

      /*gestion champs date*/
      #filters .ligne_form.date {margin:0;}
      #filters.popin .ligne_form.open_date {padding-bottom:9.3rem;}
      #filters.popin .ligne_form.open_date .ligne_form.date {position:absolute; width:100%; left:0; top:inherit; padding:23px 0 0 0;}
      #filters .ligne_form.date .ligne_form {margin:0; position:relative;}
      #filters .ligne_form.date .input-group {overflow:hidden;}
      #filters .fi-calendar {font-size:2em; padding:5px 10px; height:50px; background-color:transparent;}
      #filters .fi-calendar:before {color:#0A8299;}

      /*gestion champs checkbox tag*/
      #filters label, #filters .input-group-label {height:auto; text-align:left; background:transparent; padding:0 0 8px 0;}
      #filters .input-group .shrink {padding:0 5px 0 0;}
      #filters .input-group label {text-transform:none; font-size:1.5em; padding:3px 10px; margin:0 0 10px 0; border:1px solid #0A8299; border-radius:5px;}
      #filters .input-group input[type="checkbox"], #filters .input-group input[type="checkbox"]:checked {position:absolute; left:-9999px; /*display:none;*/}
      #filters .input-group .border.tag [type="checkbox"]:checked + label, #filters .input-group .border.tag [type="checkbox"]:focus + label, #filters .input-group .border.tag label:hover, #filters .input-group .border.tag label:focus {background-color:#0A8299; color:#ffffff;}
      #filters .input-group .border.tag label, #filters .input-group .border.tag label:hover, #filters .input-group .border.tag label:focus{-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;}

      /*submit + reset filtres*/
      #filters input[type="submit"] {margin-right:1.5rem;}
      #reset_search_popin a {border-color:transparent; color:#000000; background:url(../img/bg_close.png) no-repeat 0 center; padding:5px 0 5px 20px;}
      #reset_search_popin a:hover, #reset_search_popin a:focus {background-position-x:5px;}

      button#reset_search_popin {border-color:transparent; color:#000000; background:url(../img/bg_close.png) no-repeat 0 center; padding:5px 0 5px 20px; font-size:1.6em;}
      button#reset_search_popin:hover, button#reset_search_popin:focus {background-position-x:5px;}

    /* Map */
      #second_display a:after {display:none !important;}
      #zone_map {max-width:100%; min-height:450px;}
      /* Map en pleine largeur */
        #second_display.map_only #zone_map {height:400px; overflow:hidden; position:relative;}
        #col_right #second_display {margin-bottom:30px;}

    /* Resultats */
      .wrap_result {position:relative;}
      #zone_results {position:relative;}
      /* 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:"opensans_light", Arial,Verdana,sans-serif;}

        .list_item {margin-bottom:45px;}
        .list_item .magellan_anchor {margin:0 !important;}

        .list_item > a, #content_page .list_item > a, #content_page_popin .list_item > a,
        .list_item > .link, #content_page .list_item > .link, #content_page_popin .list_item > .link {background:#430743; display:block; position:relative; overflow:hidden; height:100%; border:0 !important; padding-left:0 !important; padding-right:0 !important; color:#ffffff;}

        .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, #content_page .list_item.bandeau_item > .link, #content_page_popin .list_item.bandeau_item > .link {/*padding-bottom:125px; new access : */ padding-bottom:12.5rem;}
        .list_item.bandeau_portrait > a, #content_page .list_item.bandeau_portrait > a, #content_page_popin .list_item.bandeau_portrait > a {/*padding-bottom:155px; new access : */ padding-bottom:15.5rem;}

        .list_item a::after {display:none !important;}

        .list_item > a:hover, .list_item > a:focus, #content_page #col_right_inner .list_item > a:hover, #content_page #col_right_inner .list_item > a:focus, #content_page_popin #col_right_popin_inner .list_item > a:hover, #content_page_popin #col_right_popin_inner .list_item > a:focus {background:#430743;}

        /* Elus */
          /* mise en commentaire car ecrase comportement navigateur : .list_item.elu > a {cursor:default;}*/

        /* Image */
          .list_item .img {display:block; width:100%; height:280px; 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-width:120%; max-height:101%; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
          .list_item a:hover img, .list_item a:focus img {-webkit-backface-visibility:hidden; backface-visibility:hidden;}

          .list_item.bandeau_portrait .img {height:300px;}
          .list_item.bandeau_portrait .img img {max-height:100%; max-width:initial; min-width:initial; max-width:inherit; min-width:inherit;}

        /* Container texte */
          /*pour item classique sans img*/
            .list_item .txt {padding:35px 27px 25px 27px; height:100%; width:100%; min-height:260px; /*permet de caler le contenu en bas du bloc :*/ display:flex; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end;}

          /*pour bandeau item avec img*/
            .list_item.bandeau_item .txt {padding:11px 27px 25px 27px; /*min-height:125px;*/ height:auto; position:absolute; bottom:0; left:0; width:100%; background:#430743; margin-top:70px; /*max-height:calc(100% - 125px);*/ /*new access : */ min-height:12.5rem; max-height:calc(100% - 12.5rem);}

            .bandeau_item .triangle_item {position:absolute; right:0; top:-50px; width:100%; height:50px; overflow:hidden;}
            .bandeau_item .triangle_item::before {content:''; display:block; background:linear-gradient(to left top, #430743 0%, #430743 49%, transparent 51%); position:absolute; right:-2%; top:0; height:100%; width:104%;}
            .bandeau_item .triangle_item::after {content:''; display:block; position:absolute; right:0; bottom:-10px; height:25%; width:100%; background:#430743;}

        /* Dates */
          .date, .list_item .date {display:block; right:2rem; top:-145px;}
          .date .contain span {display:block; width:8.5rem; height:8.5rem; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#ffffff; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:2em; line-height:8.5rem; text-align:center;}
          .date span.startdate {background:#8A6E88; position:relative; z-index:1;}
          .date span.enddate {background:#2A809C; margin-top:-19px;}

        /* Titre */
          .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {text-transform:none; color:#ffffff; /*font-family:"poppins_bold",Arial,Verdana,sans-serif;*/ font-family:"poppins_medium",Arial,Verdana,sans-serif; /*font-size:2.4em;*/ font-size:2.1em; line-height:1.2em; margin:0;}
          .list_item .titre a, #content_page .list_item .titre a, #content_page_popin .list_item .titre a {text-transform:none; color:#ffffff; /*font-family:"poppins_bold",Arial,Verdana,sans-serif;*/ font-family:"poppins_medium",Arial,Verdana,sans-serif;}

        /* Description */
          .list_item .thumb-title {position:relative;}
          .list_item .thumb-title .thumb-desc {margin:0; display:block; height:0; overflow:hidden; position:relative; 
            -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(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;}
          .list_item:hover .thumb-title .thumb-desc, .list_item a:hover .thumb-title .thumb-desc, .list_item a:focus .thumb-title .thumb-desc {height:auto; padding-top:14px; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -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;}
          .list_item .thumb-desc p, #content_page .list_item .thumb-desc p, #content_page_popin .list_item .thumb-desc p {color:#ffffff; font-family:"poppins_regular",Arial,Verdana,sans-serif; margin-bottom:0;}

        /* Zone bottom contenant CAT et text Lire la suite */
          .list_item .zone_bottom {width:100%; bottom:0; left:0; padding:0 27px 25px 27px;}
          .zone_bottom .columns {overflow:hidden;}
          .zone_bottom .columns.expended {padding-right:15px;}
          .list_item .zone_bottom .btn_txt {height:0;}
          .list_item:hover .zone_bottom .btn_txt, .list_item a:hover .zone_bottom .btn_txt, .list_item a:focus .zone_bottom .btn_txt {height:auto;}

        /* Categorie */
          .list_item .wrap_cat {padding-top:25px; padding-right:10px;}
          .cat, .list_item .cat, #content_page .list_item .cat, #content_page_popin .list_item .cat {color:#ffffff; font-family:"poppins_regular",Arial,Verdana,sans-serif; /*font-size:1.9em;*/ line-height:1.1em; display:inline-block; margin:0; padding:5px 10px;}
          .list_item .cat {border:1px solid #430743;}

          /*GESTION COULEURS CATEGORIES*/
          .couleur1 {background:#538620; /**/ background:#508423;} /*vert clair*/
          .couleur2 {background:#2aaf99; /**/ background:#0A8299;} /*bleu clair*/
          .couleur3 {background:#e30040;} /*rouge*/

        /* Lire la suite */
          .list_item .btn_lien.btn_txt:hover, #content_page .list_item .btn_lien.btn_txt:hover, #content_page_popin .list_item .btn_lien.btn_txt:hover {color:rgba(255,255,255,0.7);}

        /* Lieu */
          .list_item .lieu {padding-bottom:0; margin:0 !important; color:#ffffff;}

      /* Subpages */
        .list_item.subpage.bandeau_item > a, #content_page .list_item.subpage.bandeau_item > a, #content_page_popin .list_item.subpage.bandeau_item > a,
        .list_item.subpage.bandeau_item > .link, #content_page .list_item.subpage.bandeau_item > .link, #content_page_popin .list_item.subpage.bandeau_item > .link {padding-bottom:90px;}
        .list_item.subpage.bandeau_item .txt {min-height:90px;}
        /*.subpage.list_item .titre {papadding-top:dding-bottom:25px;}*/
        /*#27740 .subpage.list_item .titre {padding-bottom:25px;}*/
        /*#27740*/ .list_item.subpage:hover .thumb-title .thumb-desc, .list_item.subpage a:hover .thumb-title .thumb-desc, .list_item.subpage a:focus .thumb-title .thumb-desc {padding-bottom:25px;}

      /* Communiques de presse / Kiosque */
        .list_item .infos_doc, #content_page .list_item .infos_doc, #content_page_popin .list_item .infos_doc {color:#ffffff;}
        .list_item .zone_bottom .btn_lien.btn_download a, #content_page .list_item .zone_bottom .btn_lien.btn_download a, #content_page_popin .list_item .zone_bottom .btn_lien.btn_download a {color:#ffffff; border-bottom:0; padding-left:25px; background:url(../img/picto_download_wh.png) no-repeat left center;}

      /* Marche public */
        .list_item.bandeau_item.marches > a, #content_page .list_item.bandeau_item.marches > a, #content_page_popin .list_item.bandeau_item.marches > a {padding:0;}
        .list_item.bandeau_item.marches .txt {min-height:initial; max-height:initial; margin:0; position:relative; padding:25px 27px 25px 27px;}
        .list_item.marches .thumb-title .thumb-desc, .list_item.marches:hover .thumb-title .thumb-desc, .list_item.marches a:hover .thumb-title .thumb-desc, .list_item.marches a:focus .thumb-title .thumb-desc {height:auto; padding-top:14px; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
        .list_item.marches .img {display:none;}
        .list_item.bandeau_item.marches .procedure {margin-top:10px;}

      /* Elus */
        .list_item.bandeau_portrait.elu .img {height:225px;}
        .list_item.bandeau_portrait.elu .txt {/*min-height:150px; max-height:calc(100% - 150px); new access : */ min-height:15rem; max-height:calc(100% - 15rem);}
        /*#27742 : */
          .list_item.elu .zone_link {position:absolute; bottom:2.5rem; left:4rem; width:50%;}
          .list_item.elu .zone_link .btn_lien {height:1px; overflow:hidden;}
          .list_item.elu:hover .zone_link .btn_lien, .list_item.elu a:hover .zone_link .btn_lien, .list_item.elu a:focus .zone_link .btn_lien {height:auto;}
          #content_page .list_item.elu .btn_lien, #content_page_popin .list_item.elu .btn_lien {font-size:1.4em; padding-left:22px; color:#ffffff;}
          #content_page .list_item.elu .btn_lien a, #content_page_popin .list_item.elu .btn_lien a {color:#ffffff; border:0;}
          /*#27670 : */
          .list_item.bandeau_portrait.elu .thumb-title .thumb-desc {padding-bottom:20px;}

      /* Items recherche generale */
        .list_item p .redMarkup {background-color:#a183a0 !important; color:#430743; font-family:'opensans_light',Arial,Verdana,sans-serif !important; font-weight:normal;}
        .list_item .titre .redMarkup {background-color:#a183a0 !important; color:#430743; font-weight:normal; font-family:"poppins_medium",Arial,Verdana,sans-serif !important;}

      /* AGENDA LIE */
        #content_page #agenda .content, #content_page_popin #agenda .content {padding:0; margin:0 -1.5rem; width:calc(100% + 3rem);}
        #content_page #agenda .content li.list_item, #content_page_popin #agenda .content li.list_item {padding:0 0.5rem 2rem 0.5rem; margin-bottom:0; font-size:inherit; line-height:inherit;}
        #agenda .content li::before, #agenda .content li::after {display:none !important;}
        #agenda .list_item.bandeau_item > a, #content_page #agenda .list_item.bandeau_item > a, #content_page_popin #agenda .list_item.bandeau_item > a {padding-bottom:10rem;}
        #agenda .list_item .img {height:240px;}
        #agenda .list_item .img img {max-height:100%; max-width:130%; max-width:165%;}
        #agenda .list_item.bandeau_item .txt {max-height:calc(100% - 80px); padding:10px 15px 15px 15px; min-height:100px; margin-top:55px;}
        #agenda .list_item.bandeau_item a:hover .txt {min-height:140px; padding-bottom:40px;}
        #agenda .bandeau_item .triangle_item {top:-48px;}
        #agenda .list_item .date {left:initial; right:2rem; top:-8rem;}
        #agenda .date .contain span {width:4.7rem; height:4.7rem; font-size:1.4em; line-height:4.7rem;}
        #agenda .date span.enddate {margin-top:-10px;}
        #agenda .list_item .titre, #content_page #agenda .list_item .titre, #content_page_popin #agenda .list_item .titre {/*font-size:1.8em;*/ font-size:1.6em; /*line-height:1.4em;*/ line-height:1.2em;}
        #agenda .list_item:hover .thumb-title .thumb-desc, #agenda .list_item a:hover .thumb-title .thumb-desc, #agenda .list_item a:focus .thumb-title .thumb-desc {padding-top:12px;}
        #agenda .list_item .thumb-desc p, #content_page #agenda .list_item .thumb-desc p, #content_page_popin #agenda .list_item .thumb-desc p {font-family:"poppins_light",Arial,Verdana,sans-serif; /*font-size:1.5em;*/ font-size:1.3em; /*line-height:1.3em;*/ line-height:1.2em;}
        #agenda .list_item .zone_bottom {padding:0 15px 15px 15px;}
        #agenda .zone_bottom .columns.expended {padding-right:15px;}
        #agenda .list_item .wrap_cat {padding-top:10px; padding-right:10px;}
        #agenda .cat, #agenda .list_item .cat, #content_page #agenda .list_item .cat, #content_page_popin #agenda .list_item .cat {/*font-size:1.4em;*/ font-size:1.3em; /*line-height:1.1em;*/ line-height:1.2em; padding:3px 5px;}
        #agenda .list_item .cat {border:1px solid #430743;}
        #agenda .list_item .btn_lien.btn_txt, #content_page #agenda .list_item .btn_lien.btn_txt, #content_page_popin #agenda .list_item .btn_lien.btn_txt {/*font-size:1.4em;*/ font-size:1.2em;}
        #agenda .btn_back, #content_page #agenda .btn_back, #content_page_popin #agenda .btn_back {margin-bottom:0; text-align:right;}
        #content_page #agenda.bloc_bottom p a, #content_page_popin #agenda.bloc_bottom p a {border:2px solid #0A8299 !important;}
        #agenda .btn_back a::before, #agenda .btn_back a:hover::before, #agenda .btn_back a:focus::before {display:none;}
        #agenda .btn_back a::after {content:url(../img/arrow_next_white.svg); display:inline-block; padding-left:20px; vertical-align:middle;}
        #agenda .btn_back a:hover::after, #agenda .btn_back a:focus::after {content:url(../img/arrow_next_blue.svg);}
  
  /********************************************************************************/
  /***************************** PAGE DETAIL / POPIN ******************************/
  /********************************************************************************/

    /*BANDEAU IMAGE / TITRE*/
      #bandeau_page_popin {background:#008f9e; margin-bottom:50px;}

    /* ARROWS NAV POPIN */
      body.overflow #main {z-index:initial;}
      .wrap_arrow {width:30px; height:50px; position:fixed; top:0; text-align:center; z-index:200000000000000;}
      .arrows {display:block; width:30px; height:50px; text-indent:-99999em;}
      .arrows.to_right {background:url(../img/right_arrow.png) right center no-repeat;}
      .arrows.to_left {background:url(../img/left_arrow.png) left center no-repeat;}

    /* Slider image - Categorie*/
      #cat_detail, #cat_detail_popin {margin-bottom:45px;}
      #cat_detail .cat, #cat_detail_popin .cat {color:#ffffff; font-family:"poppins_regular",Arial,Verdana,sans-serif; /*font-size:1.7em;*/ font-size:1.6em; line-height:1.1em; display:inline-block; margin:0 0 2px 0; padding:5px 15px;}

      #slider_img, #slider_img_popin {margin:0 0 35px 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 .contenu_bloc {overflow:hidden; position:relative; padding:0 90px; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
      .video_slider {margin:25px 0 50px 0;}
      .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-slider .slick-list, 
      #video_pop .slick-slider .slick-list {background:#fff;}
      .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 31px;}
      #video_pop .slick-slider .slick-arrow {padding:0;}
      .video_slider .slick-slider .slick-arrow:hover, .video_slider .slick-slider .slick-arrow:focus {background:transparent;}
      .video_slider .slick-slider .slick-arrow:hover::before, .video_slider .slick-slider .slick-arrow:focus::before,
      #video_pop .slick-slider .slick-arrow:hover::before, #video_pop .slick-slider .slick-arrow:focus::before {-webkit-box-shadow:0 0 0 2px #008f9e; -moz-box-shadow:0 0 0 2px #008f9e; box-shadow:0 0 0 2px #008f9e;}
      .video_slider .slick-slider .slick-arrow, .video_slider .slick-slider .slick-arrow:hover, .video_slider .slick-slider .slick-arrow:focus,
      #video_pop .slick-slider .slick-arrow, #video_pop .slick-slider .slick-arrow:hover, #video_pop .slick-slider .slick-arrow:focus {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
      .video_slider .slick-slider .slick-arrow.slick-prev {left:0;}
      .video_slider .slick-slider .slick-arrow.slick-next {right:0;}
      .video_slider .slick-slider .slick-arrow::before,
      #video_pop .slick-slider .slick-arrow::before {content:""; width:50px; height:50px; display:block; border-radius:50%; background-size:contain; background-color:#008f9e; border:2px solid #ffffff;}
      .video_slider .slick-slider .slick-arrow.slick-prev::before,
      #video_pop .slick-slider .slick-arrow.slick-prev::before {background-image:url(../img/diaporama_big_left_arrow.png);}
      .video_slider .slick-slider .slick-arrow.slick-next::before,
      #video_pop .slick-slider .slick-arrow.slick-next::before {background-image:url(../img/diaporama_big_right_arrow.png);}

      #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 {border:2px solid #008f9e; 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:-55px;}
      #video_pop .slick-slider .slick-arrow.slick-next {right:-55px;}
      #video_pop .slick-slider .slick-list {background-color:#fff; position:relative; z-index:2;}

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

    /* Moteur dans la page */
      /* FORMULAIRE DE SAISIE */
        /* CHAMP recherche */
        #content_page #elastic #main_search_elastic, #content_page_popin #elastic #main_search_elastic {padding:10px 55px 10px 20px;}
        /* BTN submit */
        #content_page #elastic .btn_input button, #content_page_popin #elastic .btn_input button {width:45px; height:100%; position:absolute; bottom:0; right:25px; top:0; text-indent:-99999em; margin:0; padding:0; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; float:none; background:url(../img/picto_loupe.png) center center no-repeat;}
        #elastic .btn_input button:hover, #elastic .btn_input button:focus {opacity:0.7;}

      @media screen and (max-width:40.063em) {
        #content_page .tx-indexedsearch-searchbox input[type="text"] {max-width:100%; margin:0 0 20px 0; display:block;}
        #content_page .tx-indexedsearch-searchbox input[type="submit"] {float:right;}
      }

    /* Pagination */
      #content_page .pagination {padding:0; margin-top:50px;}
      #content_page .pagination li {padding:0; font-size:1.6em; line-height:1.6em;}
      #content_page .pagination a, #content_page .pagination li.current {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:2px 10px; color:#fff; border:0;}
      #content_page .pagination a {background:#f6f6f6; color:#404040; font-family:'opensans_light',Arial,Verdana,sans-serif;}
      #content_page .pagination li.current, #content_page .pagination a:hover, #content_page .pagination a:focus {color:#fff;}
      #content_page .pagination a, #content_page .pagination a:hover, #content_page .pagination a:focus {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
      #content_page .pagination .pagination-previous {margin-right:20px;}
      #content_page .pagination .pagination-next {margin-left:20px;}
      #content_page .pagination li.current {color:#fff; background-color:#0A8299;}
      #content_page .pagination a:hover, #content_page .pagination a:focus {color:#000000;}

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

    /* OUVERTURE DES FILTRES POUSSE LA MAP */
      #carto #zone_map #modal_window {background-color:rgba(0, 150, 169, 0.5); 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;}
      
      /*REMOVE CSS EFFECT */
      #carto #zone_map {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
      #carto #filters {z-index:3;}
      #carto #zone_map {background-color:#efefef;}
      #carto #filters, #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;}

    /* 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;}
      .carto_tpl #content_page {padding:0;}
      .carto_tpl #global {padding-bottom:0 !important;}
      .carto_tpl #carto {width:100%; height:700px; height:100%; overflow-x:hidden; overflow-y:hidden;}

    /* Header */
      .carto_tpl #home_link {transform:translate(0, 55px); -ms-transform:translate(0, 55px); -webkit-transform:translate(0, 55px); -moz-transform:translate(0, 55px); -o-transform:translate(0, 55px);}
    
    /* Footer */
      .carto_tpl #footer {margin-bottom:0;background:#ffffff;padding:10px 20px 10px 20px;position:absolute; /*left:263px;*/ left:26.3rem;bottom:0;min-height:auto;width:auto;}
      .carto_tpl #footer::before {content:""; position:absolute; left:0; top:18px; width:5px; height:1px; background:#666666;}
      .carto_tpl #footer p {margin:0;color:#666666; font-family:"poppins_medium",Arial,Verdana,sans-serif;font-size:1.4em;line-height:1.4em;}
      .carto_tpl #footer a {font-family:'poppins_medium',Arial,Verdana,sans-serif;color:#666666;}
      .carto_tpl #footer a:hover, .carto_tpl #footer a:focus {color:#430743;}

    /* fil d'ariane */
      .carto_tpl #fil_ariane {margin:0;background:#fff;padding:10px 20px 10px 20px;position:absolute;bottom:0; left:30px; height:auto;z-index:10;}
      .carto_tpl .tx-cim-fil-rouge {position:fixed; bottom:0; left:0; z-index:5;}
      .carto_tpl .tx-cim-fil-rouge::after {content:""; position:absolute; bottom:0; left:0; height:39px; width:150px; background:#ffffff;}

    /* Nombre de resultats */
      #carto #carto_results {width:11em; height:11em; z-index:2; top:5px; left:170px; background:#430743;border-radius:50%;}
      #carto #carto_results p {color:#fff; margin:0; line-height:1.2em; padding:10px 6px; text-align:center; box-sizing:border-box;}
      #carto #carto_results #result_carto_display_reinit {font-size:1.6em;}
      #carto #carto_results #result_carto_display {font-size:2em;line-height:1.1em;}
      #carto #carto_results #result_carto_display .intitule {font-size:0.8em;font-family:'poppins_regular',Arial,Verdana,sans-serif;}
      #carto #carto_results #result_carto_display .reinit {font-size:0.7em;font-family:'poppins_regular',Arial,Verdana,sans-serif;}
      #carto #carto_results .nb {font-family:'poppins_semibold',Arial,Verdana,sans-serif;display:block;}
      #carto #carto_results p a {color:#fff; font-size:0.9em; border:0; padding:0; display:inline-block; border-bottom:1px solid #ffffff; padding:0 0 0 21px; margin-top:6px; font-family:'poppins_regular',Arial,Verdana,sans-serif;}
      #carto #carto_results p a:hover, #carto #carto_results p a:focus {background-color:transparent;}
      #carto #carto_results .no_results {font-size:1em; font-family:'poppins_regular',Arial,Verdana,sans-serif;}
      #carto #carto_results .filtrer {background:url(../img/btn_show_filters_cartotpl.png) no-repeat left center;}
      #carto #carto_results .reinit {background:url(../img/btn_reset_filters_cartotpl.png) no-repeat left center; padding:0 0 0 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:100px; background:#0096a9; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
      #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; color:#000000; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1em; line-height:1.1em; text-align:center; position:relative; opacity:1 !important; border:0; flex-direction:column; justify-content:center; display:-webkit-flex; display:-ms-flexbox; display:flex;}
      #carto #map_filters .tabs-title a span {display:block; margin:0 auto; color:#000000;font-family:'poppins_regular',Arial,Verdana,sans-serif;}
      #carto #map_filters .tabs-title a span.bg_img {width:50px; height:50px; margin-bottom:5px; background-color:#fff; 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:12px; height:12px; background:#f39400; border-radius:50%; position:absolute; top:-1px; right:3px;}
      /* survol des entrees */
      #carto #map_filters .tabs-title:hover, #carto #map_filters .tabs-title.is-active {background:#430743;}
      #carto #map_filters .tabs-title:hover a, #carto #map_filters .tabs-title:hover a span, #carto #map_filters .tabs-title.is-active a, #carto #map_filters .tabs-title.is-active a span {color:#ffffff;}
      #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 a {padding:2px 3px 2px 25px; margin-bottom:35px; border-bottom:1px solid #000000; color:#010101; font-family:'poppins_regular',Arial,Verdana,sans-serif; display:inline-block;}
      #content_page #carto .display_all a.clic_will_show_all {background:url(../img/btn_show_all_cartotpl.png) no-repeat left 2px;}
      #content_page #carto .display_all a.clic_will_erase_all {background:url(../img/btn_hide_all_cartotpl.png) no-repeat left 2px;}
      #content_page #carto .display_all a:hover, #content_page #carto .display_all a:focus {border-bottom:1px solid #430743; color:#430743; opacity:1;}
    
    /* Btn close panneau filters */
      .close_map_filters {width:33px; height:33px; position:absolute; top:15px; right:15px; background-color:transparent; padding:0;}
      .close_map_filters span {color:#430743; font-size:3.3em; line-height:3.3rem; font-family:'opensans_bold',Arial,Verdana,sans-serif; display:block;}
      .close_map_filters:hover span, .close_map_filters:focus span {color:#008f9e;}

    /* Form */
      /* formulaire global */
      #carto .tabs-content {height:100%; overflow-y:auto; background:#ffffff !important; padding:60px 22px 15px 22px; 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 {display:block; margin-bottom:25px; color:#430743; font-family:'poppins_semibold',Arial,Verdana,sans-serif; font-size:2.5em; line-height:1em;padding:0;}
      /* wrap label + champs */
        #carto #filters .ligne_form {position:relative; margin-bottom:0; margin-top:35px;}
        #carto #filters .tabs-panel .ligne_form:first-of-type {margin-top:0;}
      /* label des champs */
        #carto #filters label, #carto #filters .type.input-group-label {color:#430743; text-transform:none; font-family:'poppins_semibold',Arial,Verdana,sans-serif !important; font-size:1.8em; line-height:1.1em; letter-spacing:0; padding:0 0 10px 0; margin:0;}
      /* champs */
        #carto #filters input, #carto #filters select, #carto #filters textarea,
        #carto filters [type='text'], #carto #filters [type='password'], #carto #filters [type='date'], #carto #filters [type='datetime'], #carto #filters [type='datetime-local'], #carto #filters [type='month'], #carto #filters [type='week'], #carto #filters [type='email'], #carto #filters [type='number'], #carto #filters [type='search'], #carto #filters [type='tel'], #carto #filters [type='time'], #carto #filters [type='url'], #carto #filters [type='color'] {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition:box-shadow 0.5s, border-color 0.25s ease-in-out; background-color:#f6f6f6;}
        #carto #filters input, #carto #filters select, #carto #filters textarea {padding:10px; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.1em; margin:0;border-color:#e1e1e1; background-color:#e1e1e1; color:#430743;}
        #carto #filters input::-webkit-input-placeholder {color:#430743;}
        #carto #filters input::-moz-placeholder {color:#430743; opacity:1 !important;}
        #carto #filters input:-moz-placeholder {color:#430743; opacity:1 !important;}
        #carto #filters input:-ms-input-placeholder {color:#430743;}
        #carto #filters input[placeholder] {color:#430743;opacity:1 !important;}
      /* champs date */
        #carto #filters .date {right:inherit;top:inherit;}
        #carto #filters .date, #carto #filters .tabs-panel .ligne_form:first-of-type.date {margin-top:35px; padding:0;}
        #carto #filters .date .row .medium-6 {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:0; margin-top:15px;}
        #carto #filters .date .row .medium-6:first-child {margin-top:0;}
        #carto #filters .date span.input-group-label {padding:0;background-color:#e1e1e1;}
        #carto #filters .date input[type="text"] {padding:10px 5px;}
        #carto #filters .date label {font-size:1.4em;}

      /* checkbox tag */
        #carto #filters .input-group fieldset {width:100%;}
        #carto #filters .input-group label {border-color:#0096a9;color:#010101;font-family:'opensans_light',Arial,Verdana,sans-serif !important;font-size:1.5em;line-height:1.1em;letter-spacing:0;padding:5px 10px;margin:0 0 10px 0;}
        #carto #filters .input-group input[type="checkbox"], #carto #filters .input-group input[type="checkbox"]:checked {position:absolute; left:-9999px;}
        #carto #filters .input-group .border.tag [type="checkbox"]:focus + label, #carto #filters .input-group .border.tag [type="checkbox"]:checked + label, #carto #filters .input-group .border.tag label:hover, #carto #filters .input-group .border.tag label:focus { background-color:#0096a9; color:#ffffff;}
        #carto #filters .input-group .border.tag label, #carto #filters .input-group .border.tag label:hover, #carto #filters .input-group .border.tag label:focus {-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;}
      /* btn ok (a droite du champs mot-cle) */
        .btn_ok {margin:0; padding:0 10px 0 7px; border-left:1px solid #000000; border-radius:0; color:#000000; font-family:'rubik_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.2em; position:absolute; right:0; bottom:10px;}
      /* btn submit */
        #carto #filters .ligne_form.btn_submit {text-indent:-9999em; position:absolute;}

    /* Map */
      #carto #zone_map {height:100%; width:100%; padding-right:17em; -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:330px;}
      #carto #zone_map.pushed, #carto #zone_map.pushed #modal_window {padding-right:330px;}
      #carto #filters {-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;}
      #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;}

  /* Copyright */
    #content_page #zone_map .ol-attribution:not(.ol-collapsed) {padding:5px;}
    #content_page #zone_map .ol-attribution ul {padding:0;}
    #content_page #zone_map .ol-attribution li {padding:0 10px 0 0;}
    #content_page #zone_map .ol-attribution li a {border:none; padding:0; width:auto; height:auto;}

    /* Modal */
      #content_page #modal_window {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
      #content_page #modal_window .list_item {margin:0 auto; max-height:100%; width:370px; border:0; height:100%;}
      #content_page #modal_window .list_item .item_default {transform:translate(0, -198px); -ms-transform:translate(0, -198px); -webkit-transform:translate(0, -198px); -moz-transform:translate(0, -198px); -o-transform:translate(0, -198px); top:50%;}
      #content_page #modal_window .list_item .img {background-color:#282828;}
      #content_page #modal_window .list_item .img a {display:block; border:0; padding:0;}
      #content_page #modal_window .list_item .txt {height:220px; overflow-y:auto; padding-top:25px; border-top:0; padding-bottom:0;}
      #content_page #modal_window .list_item .txt .thumb-title {padding-bottom:60px; margin-bottom:35px;}
      #content_page #modal_window .list_item .titre a {text-transform:none;}
      #content_page #modal_window .list_item .btn_all {padding:0; bottom:0;}
      #content_page #modal_window .list_item .btn_all a:hover, #content_page #modal_window .list_item .btn_all a:focus {background-color:#efefef;}
      #content_page #modal_window .list_item .close-button {background:#430743; right:0; top:0; border-radius:0;}
      #content_page #modal_window .list_item .close-button span {color:#fff; font-size:2em; line-height:4rem; font-family:'opensans_bold',Arial,Verdana,sans-serif;}

    /* Modal carto */
      #modal_window.carto_tpl {max-width:425px; max-height:500px; 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:230px;}
      #modal_window.carto_tpl .list_item .img a {display:block; border:0; padding:0;}
      #modal_window.carto_tpl .list_item .img img {max-width:105%; max-height:120%;}
      #modal_window.carto_tpl .list_item .txt {height:auto; min-height:initial; max-height:initial; overflow-y:initial; position:relative; padding:10px 25px 25px 25px;margin-top:0;}
      #modal_window.carto_tpl .list_item .txt .thumb-title {padding:0; margin:0;}
      #modal_window.carto_tpl .list_item .thumb-title .thumb-desc {height:auto; padding-top:14px; -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 {padding-bottom:7px;}
      #modal_window.carto_tpl .list_item .thumb-desc p a {color:#ffffff; border-bottom:1px solid #ffffff;}
      #modal_window.carto_tpl .list_item .thumb-desc p a:hover, #modal_window.carto_tpl .list_item .thumb-desc p a:focus {color:#fdbb50; border-bottom:1px solid #fdbb50;}
      #modal_window.carto_tpl .btn_lien {height:auto;}
      #modal_window.carto_tpl .btn_lien a {width:auto;}
      #modal_window.carto_tpl .bandeau_item .triangle_item {top:-49px;}
      /*#27492 1.2.2*/ #modal_window.carto_tpl .list_item .wrap_cat {display:none;}
      #modal_window.carto_tpl .list_item .close-button span {color:#fff; font-size:2em; line-height:4rem; font-family:'opensans_bold',Arial,Verdana,sans-serif;}

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

  /********************************************************************************/
  /******************************** 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-family:inherit; font-size:1em; text-align:initial; vertical-align:baseline; background: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;}

    /* Better scroll management */
      /*div#tarteaucitronMainLineOffset {margin-top:0 !important;}
      #tarteaucitronServices::-webkit-scrollbar {width:0.5rem;}
      #tarteaucitronServices::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);}
      #tarteaucitronServices::-webkit-scrollbar-thumb {background-color:#dddddd; outline:0 solid slategrey;}*/

    /* General */
      #tarteaucitronRoot {left:0; position:absolute; right:0; top:0; width:100%;}
      #tarteaucitronRoot * {font-family:inherit; font-size:1.4em; line-height:1.2em; vertical-align:initial;}
      #tarteaucitronRoot button {border-radius:0; display:inline-block; background-color:#4f4f4f; color:inherit; font-size:1.4rem; line-height:1.2em; letter-spacing:0.02em; padding:1rem 1.5rem; margin:0.5rem; transition:0.3s ease; cursor:pointer;}
      #tarteaucitronRoot button:hover, #tarteaucitronRoot button:focus {background-color:#656565;}
      #tarteaucitronRoot #dialogTitle {text-transform:uppercase; font-size:2.4rem; font-weight:700; letter-spacing:0.05em; text-align:center; padding:1rem 10rem;}
      #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 {display:none; background:#000000; height:100%; width:100%; position:fixed; left:0; opacity:0.75; margin:0; padding:0; z-index:2147483646;}

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

    /* 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 {display:none; font-size:1.2em; line-height:1.4; font-weight:500; margin-top:0; max-width:27rem; padding:2rem; position:absolute; z-index:2147483647;}
      #tarteaucitron #tarteaucitronServices #tarteaucitronInfo {background:#2a2a2a; display:block !important; position:relative; font-size:1.4em; text-align:center; max-width:80rem; padding:2rem; margin:1rem auto;}

    /* 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:1.5rem auto 0; width:80%;}
      #tarteaucitronRoot #tarteaucitronAlertBig {display:none; box-shadow:0 0 2px 0 #000000; background:#232323; color:#dddddd; font-size:1em; text-align:center; position:fixed; left:0; text-align:center; z-index:2147483645; padding:1rem; margin:auto; width:100%;}
      #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); width:0; height:0.5rem; position:fixed; left:0; z-index:2147483645;}

    /* Small alert */
      /*.tarteaucitronAlertSmallTop {top:0;}
      .tarteaucitronAlertSmallBottom {bottom:0;}
      #tarteaucitronAlertSmall {background:#333333; display:none; padding:0; position:fixed; right:0; text-align:center; width:auto; z-index:2147483646;}
      #tarteaucitronAlertSmall #tarteaucitronManager {color:#ffffff; cursor:pointer; display:inline-block; font-size:1.1rem !important; padding:0.8rem 1rem 0.8rem;}
      #tarteaucitronAlertSmall #tarteaucitronManager:hover {background:rgba(255, 255, 255, 0.05);}
      #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {background-color:gray; border-radius:5px; display:block; height:0.8rem; margin-bottom:0.1rem; margin-top:0.5rem; overflow:hidden; width:100%;}
      #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {display:block; float:left; height:100%; width:0%;}
      #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {background-color:#1B870B;}
      #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {background-color:#FBDA26;}
      #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {background-color:#9C1A1A;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {background:rgba(255, 255, 255, 0.2); color:#ffffff; cursor:pointer; display:inline-block; font-size:3rem; padding:0 1rem; vertical-align:top;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {background:rgba(255, 255, 255, 0.3);}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {display:none; max-height:70%; max-width:50rem; position:fixed; right:0; width:100%;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {background:#ffffff; border:2px solid #333; color:#333333; font-size:1.1rem; height:auto; overflow:auto; text-align:left;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {color:#333333;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {background:#333333; margin-top:2.1rem; padding:1.3rem 0 0.9rem 1.3rem; text-align:left;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {color:#ffffff; font-size:1.6rem;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {background:rgba(51, 51, 51, 0.1); padding:0.7rem 0.5rem 1rem; word-wrap:break-word;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {background:rgba(51, 51, 51, 0.2);}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {color:#333333; text-decoration:none;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {display:inline-block; width:50%;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {color:darkred;}
      #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {color:#333333; display:inline-block; font-size:1.1rem; margin-left:10%; vertical-align:top; width:30%;} */

    /* Credits */
      .tac_activate {background:#333333; color:#ffffff; font-size:1.2rem; line-height:initial; text-align:center; display:table; height:100%; width:100%; margin:auto;}
      .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; /*vert*/ 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; margin:0;}
    #content_page .csc-sitemap ul ul {padding:0 0 0 20px;}
    #content_page .csc-sitemap li {margin:0 0 15px 0; padding:2px; list-style-image:none; font-size:2.2em; 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:'opensans_semibold',Arial,Verdana,sans-serif;}
    #content_page .csc-sitemap li a span {font-family:'opensans_semibold',Arial,Verdana,sans-serif;}
    #content_page .csc-sitemap li ul {padding:0 0 0 20px; margin:15px 0 15px 0;}
    #content_page .csc-sitemap li li {font-size:0.9em; line-height:0.9em; margin:15px 0 0 0; background:none; padding:0;}
    #content_page .csc-sitemap li li a {text-transform:none; font-weight:normal;}
    #content_page .csc-sitemap li ul ul {border-left:2px solid #008f9f; padding:0 0 0 14px; margin:15px 0 15px 15px;} 
    #content_page .csc-sitemap li li li {background:none; padding:0; font-size:0.9em; line-height:1em;}
  
  /********************************************************************************/
  /********************************** Fil rouge ***********************************/
  /********************************************************************************/

    #popin_fil_rouge {padding:0;}
    #popin_fil_rouge .content {padding:55px 70px 40px 70px; border:1px solid transparent; background:rgba(0,0,0,0.05); transition:0.2s ease;}
    #popin_fil_rouge a:hover .content, #popin_fil_rouge a:focus .content {padding:45px 60px 30px 60px; border:1px solid #008f9f; margin:10px;}
    .alert .titre_bloc {margin:0 0 30px 0; padding:0;}
    .alert .titre_bloc p {text-transform:uppercase; color:#008f9f; font-size:2em; line-height:1.2em; margin-bottom:20px; font-family:'poppins_semibold',Arial,Verdana,sans-serif;}
    .alert .contenu_bloc p {margin:0; color:#000;}
    .alert .date_bloc p {font-size:1.8em; margin:15px auto 0 auto; color:#008f9f; font-family:'poppins_semibold',Arial,Verdana,sans-serif;}

  /********************************************************************************/
  /************************************ Marrees ***********************************/
  /********************************************************************************/

    #content_page #col_right_inner table.tx_cimtide tr td, #content_page_popin #col_right_popin_inner table.tx_cimtide tr td {font-size:2em;}
    #content_page #col_right_inner table.tx_cimtide tr *, #content_page_popin #col_right_popin_inner table.tx_cimtide tr *,
    #content_page #col_right_inner table.tx_cimtide tr *:hover, #content_page_popin #col_right_popin_inner table.tx_cimtide tr *:hover,
    #content_page #col_right_inner table.tx_cimtide tr *:focus, #content_page_popin #col_right_popin_inner table.tx_cimtide tr *:focus {color:#008f9e; font-family:'poppins_regular',Arial,Verdana,sans-serif;}
    #content_page #col_right_inner table.tx_cimtide tr:nth-child(even) *, #content_page_popin #col_right_popin_inner table.tx_cimtide tr:nth-child(even) *,
    #content_page #col_right_inner table.tx_cimtide tr:nth-child(even) *:hover, #content_page_popin #col_right_popin_inner table.tx_cimtide tr:nth-child(even) *:hover,
    #content_page #col_right_inner table.tx_cimtide tr:nth-child(even) *:focus, #content_page_popin #col_right_popin_inner table.tx_cimtide tr:nth-child(even) *:focus {color:#430743;}
    #content_page table.tx_cimtide th, #content_page_popin table.tx_cimtide th {text-transform:uppercase; color:#430743; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; border:0; padding:20px 10px;}
    #content_page table.tx_cimtide th > *, #content_page_popin table.tx_cimtide th > * {font-size:1em; text-transform:uppercase; font-family:'poppins_medium',Arial,Verdana,sans-serif; margin-bottom:0; color:#430743;}
    table.tx_cimtide a {border:0 !important; background:transparent !important;}
    table.tx_cimtide a:hover, table.tx_cimtide a:focus {opacity:0.7 !important;}

    /* FORMULAIRE RECHERCHE */
    div.tx-cim-tide form {/*background:#fafafa;*/ background:#efefef; padding:30px 15px; margin-bottom:30px;}
    /* label */
    div.tx-cim-tide form .ligne_form label {display:inline-block; padding-right:18px; font-family:'opensans_semibold',Arial,Verdana,sans-serif; font-size:1.6em;}
    /* champ texte + icone calendar */
    div.tx-cim-tide form .ligne_form div.input-group {display:inline-block; width:auto;}
    div.tx-cim-tide form .ligne_form span.input-group-label {display:none;}
    div.tx-cim-tide form .ligne_form input[type="text"] {border:0; /*background:#fafafa url(../img/bg_calendar.png) no-repeat 97% center;*/ background:#efefef url(../img/bg_calendar.png) no-repeat 97% center; padding-right:35px; width:auto; color:#0A8299; font-family:'opensans_regular',Arial,Verdana,sans-serif;}
    #tx_cimtide_displaytides_from, #tx_cimtide_displaytides_to {color:#0A8299;}
    #tx_cimtide_displaytides_from::-webkit-input-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_from::-moz-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_from:-moz-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_from:-ms-input-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_from[placeholder] {color:#0A8299;}
    #tx_cimtide_displaytides_to::-webkit-input-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_to::-moz-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_to:-moz-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_to:-ms-input-placeholder {color:#0A8299;}
    #tx_cimtide_displaytides_to[placeholder] {color:#0A8299;}
    /*submit*/
    div.tx-cim-tide form .ligne_form.btn_submit {float:none; text-align:right; padding:0 1.5rem;}
    div.tx-cim-tide form .ligne_form.btn_submit input {float:none;}

    /*LEGENDE*/
    .tide_legend {/*background:#fafafa;*/ background:#efefef; padding:40px; margin-bottom:40px;}
    #content_page .tide_legend .titre, #content_page_popin .tide_legend .titre {text-transform:uppercase; color:#430743; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:3em; line-height:1em; margin-bottom:20px;}
    #content_page .tide_legend ul, #content_page .tide_legend ol, #content_page_popin .tide_legend ul, #content_page_popin .tide_legend ol {padding:0 0 0 15px; margin:0;}
    #content_page .tide_legend ul li, #content_page_popin .tide_legend ul li {padding-left:10px; font-family:'opensans_regular',Arial,Verdana,sans-serif; color:#666666;}
    .tide_legend ul li span {color:#430743; font-family:'opensans_bold',Arial,Verdana,sans-serif;}

  /********************************************************************************/
  /************************** Bloc notes :specificites ***************************/
  /********************************************************************************/

    /* CTA moteur */
      #line_tools_moteur.moteur_bloc {padding:22px 1.5rem;}
      #moteur .float-right {margin-left:20px;}
      #line_tools_moteur.moteur_bloc #btn_actions .float-right {padding:0;}
      #line_tools_moteur.moteur_bloc #btn_actions .float-right:last-child {margin-left:0;}
      #content_page #moteur .btn_lien.note_btn {font-size:1.6em; line-height:1.4em;}
      #content_page #moteur .btn_lien.note_btn a {padding:5px 15px 5px 30px;}
      #content_page #moteur .btn_lien.note_btn a::before {content:">"; display:block; position:absolute; left:15px; top:6px; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em; line-height:1.5em;}
      #content_page #moteur .btn_lien.note_btn a:hover, #content_page #moteur .btn_lien.note_btn a:focus {background-color:#ffffff;}

      /*btn tout selectionner*/
      #content_page #moteur .btn_lien.note_btn.select_all a {background-color:transparent !important; color:#ffffff;}

    /* Bouton de selection */
      #content_page .bloc_note.list_item {position:relative; padding-bottom:35px;}
      #content_page .bloc_note.list_item p.btn_add_selection {position:absolute; left:15px; bottom:0; padding:5px 25px; width:calc(100% - 30px); background:#0474a8; font-size:1.6em; margin-bottom:0;}
      #content_page .bloc_note.list_item p.btn_add_selection a {padding:0 0 0 25px; border:0; background-image:url(../img/bg_checkbox.png); background-repeat:no-repeat; background-position:left center; color:#fff; font-family:'opensans_light',Arial,Verdana,sans-serif; text-transform:lowercase; letter-spacing:0.02em;}
      #content_page .bloc_note.list_item p.btn_add_selection.btn_act a {background-image:url(../img/bg_checkbox_act.png);}
      #content_page .bloc_note.list_item p.btn_add_selection a:hover, #content_page .bloc_note.list_item p.btn_add_selection a:focus {background-color:transparent;}
    
    /* Form */
      #send_popin label {padding:5px 15px 5px 15px;}
      #send_form input[type="text"], #send_form textarea, #send_form select {background-color:#efefef;}

  /********************************************************************************/
  /********************************** Co-Marquage *********************************/
  /********************************************************************************/

    /* Onglets */
      #content_page .tx-cimcomarquage .tabs {border:0;border-left:3px solid #008f9e;}
      #content_page .tx-cimcomarquage .tabs-content {border:0;border-top:3px solid #008f9e;padding-top:30px;}
      #content_page #col_right_inner .tx-cimcomarquage ul.tabs {padding:0;margin-top:30px;}
      #content_page #col_right_inner .tx-cimcomarquage ul.tabs li {font-size:1.8em;line-height:1.2em;padding:0;border-top:3px solid #008f9e;border-right:3px solid #008f9e;}
      #content_page #col_right_inner .tx-cimcomarquage ul.tabs li.is-active a, #content_page #col_right_inner .tx-cimcomarquage ul.tabs li.is-active a:hover, #content_page #col_right_inner .tx-cimcomarquage ul.tabs li.is-active a:focus {background:#008f9e;color:#fff;}
      #content_page #col_right_inner .tx-cimcomarquage ul.tabs li a {padding:20px 10px;border:0;text-transform:uppercase;font-family:'poppins_medium',Arial,Verdana,sans-serif;font-size:1em;color:#008f9e;}
      #content_page #col_right_inner .tx-cimcomarquage ul.tabs li a:hover, #content_page #col_right_inner .tx-cimcomarquage ul.tabs li a:focus {background:transparent;}
      #content_page #col_right_inner .tx-cimcomarquage ul.tabs li.mui-enter-active::before, #content_page_popin #col_right_popin_inner .tx-cimcomarquage ul.tabs li.mui-enter-active::before, #content_page #col_right_inner .tx-cimcomarquage ul.tabs li.mui-enter-active::after, #content_page_popin #col_right_popin_inner .tx-cimcomarquage ul.tabs li.mui-enter-active::after {display:none;}

    /*Sommaire principal*/
      #content_page .tx_cim_comarquage_main_menu ul {background:#efefef; padding:25px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;}
      #content_page .tx_cim_comarquage_main_menu ul li {list-style-image:none; padding:0; font-size:1.9em; line-height:1.9em; width:50%; padding:15px;}
      #content_page .tx_cim_comarquage_main_menu ul li::before, #content_page .tx_cim_comarquage_main_menu ul li::after {display:none !important;}
      #content_page .tx_cim_comarquage_main_menu ul li a {font-family:'poppins_semibold',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:25px;}
      #content_page .tx_cim_comarquage_main_menu ul li a:hover, #content_page .tx_cim_comarquage_main_menu ul li a:focus {border-bottom:0 !important; background:transparent !important; color:#008f9e !important;}
      #content_page .tx_cim_comarquage_main_menu ul li a::before {content:">"; display:block; position:absolute; left:0; top:0;}

    /* Infos MAJ */
      #content_page .tx-cimcomarquage .date_maj {margin-bottom:20px; border-left:1px solid #232323; padding:5px 10px;}

    /* Menu dans les fiches */
      #content_page .tx-cimcomarquage #sous_theme, #content_page .tx-cimcomarquage #sous_dossier, #content_page .tx-cimcomarquage .bloc_menu {background:#efefef; padding:25px;}
      #content_page .tx-cimcomarquage #sous_theme p, #content_page .tx-cimcomarquage #sous_dossier p, #content_page .tx-cimcomarquage .bloc_menu p {font-family:'poppins_semibold',Arial,Verdana,sans-serif; text-transform:uppercase; font-size:1.8em; margin-bottom:5px;}
      #content_page .tx-cimcomarquage #sous_theme ul, #content_page .tx-cimcomarquage #sous_dossier ul, #content_page .tx-cimcomarquage .bloc_menu ul {padding:0; margin-bottom:20px;}
      #content_page .tx-cimcomarquage #sous_theme ul li, #content_page .tx-cimcomarquage #sous_dossier ul li, #content_page .tx-cimcomarquage .bloc_menu ul li {list-style-image:none; padding:0; padding:5px;}
      #content_page .tx-cimcomarquage #sous_theme ul li::before, #content_page .tx-cimcomarquage #sous_dossier ul li::before, #content_page .tx-cimcomarquage .bloc_menu ul li::before,
      #content_page .tx-cimcomarquage #sous_theme ul li::after, #content_page .tx-cimcomarquage #sous_dossier ul li::after, #content_page .tx-cimcomarquage .bloc_menu ul li::after {display:none !important;}
      #content_page .tx-cimcomarquage #sous_theme ul li a, #content_page .tx-cimcomarquage #sous_dossier ul li a, #content_page .tx-cimcomarquage .bloc_menu ul li a {font-family:'poppins_semibold',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:25px;}
      #content_page .tx-cimcomarquage #sous_theme ul li a:hover, #content_page .tx-cimcomarquage #sous_dossier ul li a:hover, #content_page .tx-cimcomarquage .bloc_menu ul li a:hover,
      #content_page .tx-cimcomarquage #sous_theme ul li a:focus, #content_page .tx-cimcomarquage #sous_dossier ul li a:focus, #content_page .tx-cimcomarquage .bloc_menu ul li a:focus {border-bottom:0 !important; background:transparent !important; color:#008f9e !important;}
      #content_page .tx-cimcomarquage #sous_theme ul li a::before, #content_page .tx-cimcomarquage #sous_dossier ul li a::before, #content_page .tx-cimcomarquage .bloc_menu ul li a::before {content:">"; display:block; position:absolute; left:0; top:0;}

    /* Menu "A voir aussi" dans les fiches */
      #content_page .tx-cimcomarquage .bloc_compl {border:2px solid #efefef; padding:25px; margin:25px 0;}
      #content_page .tx-cimcomarquage .bloc_compl p.titre, #content_page .tx-cimcomarquage .bloc_compl button.titre {font-family:'poppins_semibold',Arial,Verdana,sans-serif; text-transform:uppercase; font-size:2.2em;}

      #content_page .tx-cimcomarquage .accordion-title,
      #content_page .tx-cimcomarquage .bloc_compl button {border-radius:0;}
      #content_page .tx-cimcomarquage .bloc_compl button.titre {cursor:pointer; padding-right:2rem; text-align:left; width:100%; position:relative; margin-bottom:1rem;}
      #content_page .tx-cimcomarquage .bloc_compl button.titre:before {content:''; position:absolute; right:1.5rem; top:calc(50% - 0.5rem); display:block; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent; border-left:0.75rem solid #000000; transform:rotate(0) translateY(-50%); transition:0.3s ease;}
      #content_page .tx-cimcomarquage .bloc_compl button.titre:before {transform:rotate(90deg) translateY(-50%);}

      #content_page .tx-cimcomarquage .bloc_compl ul {padding:0; margin-bottom:0;}
      #content_page .tx-cimcomarquage .bloc_compl ul li {list-style-image:none; padding:0; padding:5px;}
      #content_page .tx-cimcomarquage .bloc_compl ul li::before, #content_page .tx-cimcomarquage .bloc_compl ul li::after {display:none !important;}
      #content_page .tx-cimcomarquage .bloc_compl ul li a {font-family:'poppins_semibold',Arial,Verdana,sans-serif; border-bottom:0; display:block; position:relative; padding-left:25px;}
      #content_page .tx-cimcomarquage .bloc_compl ul li a:hover, #content_page .tx-cimcomarquage .bloc_compl ul li a:focus {border-bottom:0 !important; background:transparent !important; color:#008f9e !important;}
      #content_page .tx-cimcomarquage .bloc_compl ul li a::before {content:">"; display:block; position:absolute; left:0; top:0;}

    /* Inception accordeon */
      #content_page .tx-cimcomarquage .btn_accordinception {word-break:break-word; margin-top:25px; border:1px solid #ebebeb; transition:none; cursor:pointer; position:relative; padding:25px 35px 25px 25px; font-family:'roboto_medium',Arial,Verdana,sans-serif; text-transform:uppercase; font-size:1.7rem; text-align:left; width:100%; outline:none;}
      #content_page .tx-cimcomarquage .open .btn_accordinception {border-bottom:none;}
      #content_page .tx-cimcomarquage .btn_accordinception::before {position:absolute; transform:rotate(0); right:2.5rem; top:2.75rem; transition:0.3s ease; content: ''; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent;}
      #content_page .tx-cimcomarquage .open .btn_accordinception::before {transform:rotate(90deg);}

      #content_page .tx-cimcomarquage .accordinception {font-size:1rem; border:1px solid #ebebeb; border-top:none; padding:25px; /*padding-top:0;*/}
      #content_page .tx-cimcomarquage .accordinception .liste_item ul > li {font-size:1.7em;}


      /*.btn_accordinception */

      #content_page .tx-cimcomarquage .bloc_compl button.btn_accordinception {cursor:pointer; text-align:left; width:100%; position:relative; padding:1.5rem 3.5rem 1.5rem 1.5rem;}
      #content_page .tx-cimcomarquage .bloc_compl button.btn_accordinception:before {content:''; position:absolute; right:2rem; top:calc(50% - 0.5rem); display:block; border-bottom:0.65rem solid transparent; border-top:0.65rem solid transparent; border-left:0.75rem solid #000000; transform:rotate(0) translateY(-50%); transition:0.3s ease;}
      #content_page .tx-cimcomarquage .bloc_compl button.btn_accordinception:before {transform:rotate(90deg) translateY(-50%);}


    /* Infos "A noter" et "A savoir"*/
      .ANoter {border-left:3px solid #008f9e; padding:0 0 0 20px;}
      .ANoter h2 {font-size:2.5em !important; text-transform:uppercase !important; color:#008f9e !important;}
      #content_page .tx-cimcomarquage .ANoter .titre {color:#008f9e !important;}
      .spASavoir {border-left:3px solid #d81129; padding:0 0 0 20px;}
      .spASavoir h2 {font-size:2.5em !important; text-transform:uppercase !important; color:#d81129 !important;}
      #content_page .tx-cimcomarquage .spASavoir .titre {color:#d81129 !important;}
      #content_page .tx-cimcomarquage .ANoter .titre, #content_page .tx-cimcomarquage .spASavoir .titre {font-family:'poppins_regular',Arial,Verdana,sans-serif;text-transform:uppercase;}

    /* Accordeons */
      #content_page .tx-cimcomarquage .accordion {margin-bottom:1.5rem;}
      #content_page .tx-cimcomarquage a.accordion-title {color:#008f9e; font-size:3rem; line-height:1.2em; font-family:'poppins_semibold',Arial,Verdana,sans-serif; padding:1rem 4.5rem 1rem 1rem; border:1px solid #e6e6e6;}
      #content_page .tx-cimcomarquage .accordion-content > *:first-child {margin-top:0 !important;}
      #content_page .tx-cimcomarquage .accordion-title::before {transform:translateY(-50%); margin-top:0;}

      #content_page .tx-cimcomarquage .bloc_compl ul li a.magellan_anchor {padding:0;}
      #content_page .tx-cimcomarquage .bloc_compl ul li a.magellan_anchor::before {display:none !important;}

  /********************************************************************************/
  /*********************************** Dashboard **********************************/
  /********************************************************************************/

    #content_page .home_dashboard {margin-top:40px;}
    #content_page .home_dashboard ul {padding:0;}
    #content_page .home_dashboard ul li {list-style-image:none; padding-left:1.5rem; padding-right:1.5rem; margin-bottom:23px;}
    #content_page .home_dashboard ul li::before {display:none !important;}
    #content_page .home_dashboard ul li a {display:block; padding:30px; border:0; background:#232323; text-align:center; height:100%;}
    #content_page .home_dashboard ul li a:hover, #content_page .home_dashboard ul li a:focus {background:#fdbb50; background:#232323; opacity:1;}
    #content_page .home_dashboard ul li a, #content_page .home_dashboard ul li a:hover, #content_page .home_dashboard ul li a:focus, #content_page .home_dashboard ul li a span {-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;}
    .home_dashboard li .img {margin:0 0 25px 0; display:inline-block; border-radius:50%; border:2px solid #232323; padding:25px;}
    #content_page .home_dashboard li .titre {text-transform:uppercase; color:#ffffff; letter-spacing:0.04em; font-size:1.1em;}
    #content_page .home_dashboard ul li a:hover .img, #content_page .home_dashboard ul li a:focus .img {border:2px solid #FDBB50;}
    #content_page .home_dashboard ul li a:hover .titre, #content_page .home_dashboard ul li a:focus .titre {color:#FDBB50;}

    /*DASH SETTINGS*/
    #cke_description a {border:0;}
    #cke_description a:hover, #cke_description a:focus {background:transparent;}

    #map_picker {width:100% !important;}

    #wrap_dash_settings {margin-bottom:30px;}
    #wrap_dash_settings .loading_div {margin:20px auto 0 auto; display:inline-block; clear:right; float:right;}
    #wrap_dash_settings .btn_submit.loading .sk-circle {margin:0 auto;}

    .content_section_dash {display:none;}
    .section_dash.act .content_section_dash {display:block;}

    #nav_menu_dash ul {padding:0; margin:0; border:0; border-right:2px solid #ffffff;}
    #nav_menu_dash ul li {height:120px; margin:0; padding:10px; background:#f6f6f6; border-top:2px solid #ffffff; vertical-align:middle; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; -moz-box-direction:normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center;}
    #nav_menu_dash ul li.active, #nav_menu_dash ul li:hover, #nav_menu_dash ul li.is-active {background:#232323;}
    #nav_menu_dash ul li:first-child {margin:0; border:0;}
    #nav_menu_dash ul li::before {display:none !important;}
    #nav_menu_dash ul li a {max-width:97%; color:#232323; border:0 !important; padding:0; background:none; display:block; word-wrap:break-word; font-size:1em; line-height:1.4em;}
    #nav_menu_dash ul li.active a, #nav_menu_dash ul li:hover a, #nav_menu_dash ul li.is-active a {color:#ffffff; background:none;}

    #dash_settings {padding:0 40px 20px 40px; background:#f6f6f6; border:0;}
    #content_page #dash_settings .magellan_anchor {margin-top:0;}
    #dash_settings form {padding:0;}
    #dash_settings .ligne_form label {padding:5px;}

    .section_dash #categories {margin:0 0 23px 0;}
    #page #dash_settings .categorie:first-child {border-top:1px solid #c2b7b7;}
    #page #dash_settings .categorie {border-bottom:1px solid #c2b7b7; padding:10px 0; position:relative; overflow:hidden;}
    #page #dash_settings .categorie p {text-transform:uppercase; padding:5px 15px 5px 38px; margin:0; cursor:pointer; color:#232323; position:relative;}
    #page #dash_settings .categorie p::before {content:">"; display:block; position:absolute; left:10px; top:10px; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em; line-height:1.5em;}
    #page #dash_settings .cat_check {margin:0;}
    #page #dash_settings .cat_check .cat_check_name {padding:0 0 0 30px;}
    #page #dash_settings .categorie p.btn_act::before {color:#ee003b;}
    #page #dash_settings .list_cat label, #dash_settings .ligne_form.cat_check label, #dash_settings .ligne_form.checkbox label {margin:0; font-size:1.4em; padding:2px 0 2px 25px;}
    #page #dash_settings .list_cat label, #page #dash_settings .list_cat * {color:#232323; line-height:1.5em; margin-top:0;}
    #dash_settings .ligne_form.cat_check *, #dash_settings .ligne_form.checkbox * {font-size:1em; color:#232323;}
    #page #dash_settings .cat_check label.cat_check_name.ui-button.ui-state-default {background:url(../img/bg_checkbox.png) no-repeat left 1px; text-align:left; margin:0;}
    #page #dash_settings .cat_check label.cat_check_name.ui-button.ui-state-default.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 1px;}

    #page #dash_settings .returned_message {margin:15px 0 0 0;}

    #page .btn_lien.btn_deco_dash {margin:0 0 25px 0;}
    #content_page .btn_lien.btn_deco_dash a::after {display:none !important;}

    #content_page .btn_all.back.btn_back_dash .btn_lien {font-size:1.2em; line-height:1.4em; margin-top:5px;}
    #content_page .btn_all.back.btn_back_dash .btn_lien a {border-radius:18px; border:2px solid #0474a8 !important; background:#0474a8; padding:9px 30px; text-transform:uppercase; color:#ffffff; font-family:'opensans_bold',Arial,Verdana,sans-serif; letter-spacing:0.12em; -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;}
    .btn_back_dash .btn_lien a::before, .dash_btn.btn_back_dash a::before {content:"<"; display:block; position:absolute; left:11px; top:11px; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em; line-height:1.5em;}
    #content_page .btn_all.back.btn_back_dash .btn_lien a:hover, #content_page .btn_all.back.btn_back_dash .btn_lien a:focus {color:#0474a8; background:transparent;}

    /** Accordion **/
      #dash_settings .section_dash .accordion-title {width:120px; float:left;}
      #dash_settings .section_dash .accordion-content {width:524px; float:left;}
      .tx-cim-dashboard {margin:0 0 70px 0;}
      .dash_ressource_items {margin:0 0 20px 0;}
      .dash_item {margin:0 0 20px 0; position:relative;} 

      #content_page .dash_item h3 {margin:0; padding:15px; border:2px solid #e0e0e0;}

      #content_page .dash_do_btn {height:100%; border-left:3px solid #ffffff; background-color:#232323; background-repeat:no-repeat; background-position:10px center;}
      #content_page .dash_do_btn p {height:100%; margin:0; font-size:1.3em;}
      #content_page .dash_do_btn p a {border:0; background:none; color:#ffffff; font-family:'opensans_light',Arial,Verdana,sans-serif; text-align:center; width:100%; padding:15px 0;}
      #content_page .dash_do_btn p a:hover, #content_page .dash_do_btn p a:focus {background:none; opacity:1;}
      #content_page .dash_do_btn.voir_dash {background-image:url(../img/show_dash.png);}
      #content_page .dash_do_btn.edit_dash {background-image:url(../img/edit_dash.png);}
      #content_page .dash_do_btn.cancel_dash {background-image:url(../img/cancel_dash.png);}
      #content_page .dash_do_btn:hover {background-color:#fdbb50; -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 .dash_btn.btn_back_dash {margin-top:20px;}
      #content_page .clearfix .dash_btn.btn_back_dash {margin-top:0;}

      #content_page .dash_btn.btn_back_dash p {font-size:1.6em; line-height:1.4em; margin:0;}
      #content_page .dash_btn.btn_back_dash a {background-color:#f6f6f6; padding:10px 30px; color:#232323; border:0; display:inline-block;}
      #content_page .dash_btn.btn_back_dash a, #content_page .dash_btn.btn_back_dash a:hover, #content_page .dash_btn.btn_back_dash a:focus {-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_form_item {padding:23px 0 0 0; clear:both;}

      /*NEW*/
      .dash_item.dash_booking {margin:0 0 25px 0; border:1px solid #f6f6f6;}
      .dash_item.dash_booking .left {border:0; float:none; width:77%;}
      .dash_item.dash_booking .right {left:inherit; top:inherit; height:auto; bottom:15px; right:15px; width:auto;}
      #page .dash_booking .dash_do_btn p, #page .dash_booking .dash_do_btn p a {display:block;}

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

  @media only screen and (max-width:1820px) {
    /************************************* HOME *************************************/
      /* BANDEAU PAGE */
        #home #bandeau_page h2 {top:22%; padding:0 8% 0 5%;}
      /* HEADER */
        #wrap_header_home > .columns {padding:0 4% 0 8%;}
        #home #logo {padding-top:18%; padding-bottom:8%;}
        #zone_moteur {padding-bottom:7%; padding-left:8%; padding-right:8%;}
        #zone_moteur .search_area_cont {height:73px;}
        #zone_moteur #zone_recherche input[type="text"] {font-size:2.8em; line-height:1.2em; padding:20px 70px 20px 20px;}
        #zone_moteur #zone_recherche input[type="submit"] {width:65px;}

        #acces_rapide_navigation, #acces_rapide_navigation_smart {padding-left:8%;}
        #acces_rapide_navigation ul li span.img, #acces_rapide_navigation_smart ul li span.img {margin:3px 20px 3px 10px; width:71px; height:71px; line-height:71px;}
        #acces_rapide_navigation ul li span.txt, #acces_rapide_navigation_smart ul li span.txt {padding:11px 0 11px 25px;}
      /* COMMUNES */
        #liste_communes ul li {padding-top:2%; padding-bottom:2%;}
        #liste_communes ul li img {max-height:52px;}

      #triangle_home {left:47%;}
  }

  @media only screen and (max-width:1650px) {
    /************************************* HOME *************************************/
      #home #bandeau_page h2 {font-size:7.7em;}
      #zone_moteur #zone_recherche input[type="text"] {font-size:2.5em; line-height:1.2em; padding:15px 70px 15px 15px;}
      #acces_rapide_navigation ul li a, #acces_rapide_navigation_smart ul li a {font-size:3em; line-height:1.5em;}
  }

  /********************************************************************************/
  /************************** LARGE de 1620 a 1320 ********************************/
  /********************************************************************************/
  @media only screen and (max-width:1600px) {
    /****************** Boutons, boutons liens, boutons close ***********************/
      /* LIEN RETOUR */
        .btn_back a, #content_page .btn_back a, #content_page_popin .btn_back a {display:inline-block; padding:10px 45px 10px 25px;}

    /************************************* LAYOUT *************************************/
      /*** HEADER ***/
        #triangle_top {width:51%;}
        #triangle_top::before {right:12.5%;}

        #header {height:250px;}
        .carto_tpl #header {height:auto;}

        /* Burger button */
          .hamburger {top:90px; left:40px; width:45px; height:55px;}
          .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {width:45px; height:4px;}
          .hamburger--spring .hamburger-inner:before {top:10px;}
          .hamburger--spring .hamburger-inner:after {top:20px;}
          .hamburger--spring .menu_title {font-size:1.6em;}
          .hamburger--spring.is-active .hamburger-inner:before, .hamburger--spring.is-active .hamburger-inner:after {top:6px;}

        /* LIEN ACCUEIL STICKY */
          #home_link {top:-20px; left:calc(2% + 15px);}

        /* Logo */
          #logo img {max-width:350px; height:auto;}

        /*** BANDEAU IMAGE ***/
          #bandeau_page, #bandeau_page_popin {min-height:250px;}
          /* #27923 #bandeau_page {height:250px;}*/
          /* #27923 pour IE : */ #bandeau_page > .large-7 {min-height:250px;}
          #bandeau_page .img, #bandeau_page_popin .img {min-height:250px;}
          #bandeau_infos {margin:2.5rem;}
          #bandeau_infos_popin,
          #bandeau_infos.bandeau_detail_date {min-height:200px;}
          /*** DATES ***/
          #bandeau_infos .date, #bandeau_infos_popin .date {width:70px;}
          .date .contain span {font-size:1.6em; width:7rem; height:7rem; line-height:7rem;}

      /********************************** POPIN EN 1 CLIC *************************************/
        #btn_acces_rapides {width:8rem; height:8rem; padding:0 16px 0 20px; font-size:1.6em; right:25px; top:initial;}
        .fix_btn_clic #btn_acces_rapides {position:fixed; top:50px;}
        #btn_acces_rapides span {border-left:2px solid #ffffff; padding-left:9px;}
        #btn_acces_rapides:before {width:8.2rem; height:8.2rem;}
        #btn_acces_rapides:after {width:8.4rem; height:8.4rem;}

      /*** FOOTER ***/
        #footer p {font-size:1.2em;}
        #menu_footer ul, #bloc_contact_info > div.columns {flex:0 0 100%; max-width:100%; margin-left:0; padding-bottom:20px;}
        #menu_footer ul, #bloc_contact_info > div.columns p {line-height:2.4em;}
        #menu_footer ul li {font-size:1.4em;}
        #menu_footer, #bloc_contact_info {padding:0;}

    /************************************* HOME *************************************/
      #wrap_header_home > .columns {padding:0 4% 0 8%;}

      /* BANDEAU PAGE */
        #home #bandeau_page h2 {font-size:6.3em; padding:0 27% 0 5%; top:25%;}

      /* HEADER */
        #home #logo {padding-top:15%; padding-bottom:8%;}

        #zone_moteur {padding-bottom:7%; padding-left:8%; padding-right:8%;}
        #zone_moteur .search_area_cont {height:60px;}
        #zone_moteur #zone_recherche input[type="text"] {font-size:2em; line-height:1.2em; padding:15px 70px 15px 15px;}
      
        #acces_rapide_navigation, #acces_rapide_navigation_smart {padding-left:8%;}
        #acces_rapide_navigation ul li, #acces_rapide_navigation_smart ul li {padding-top:15px;}
        #acces_rapide_navigation ul li a, #acces_rapide_navigation_smart ul li a {font-size:2em;}
        #acces_rapide_navigation ul li span.txt, #acces_rapide_navigation_smart ul li span.txt {padding:18px 0 17px 13px;}
        #acces_rapide_navigation ul li span.img, #acces_rapide_navigation_smart ul li span.img {margin:0 13px 0 0; width:65px; height:65px; line-height:65px;}

      /* COMMUNES */
        #communes p.titre_bloc {font-size:1.5em;}
        #liste_communes ul li {padding-top:2%; padding-bottom:2%;}

      #triangle_home {left:40%;}
      #triangle_home::before {left:calc(3% + 12px);}

    /*********************************** PAGE TYPE **********************************/
      /* SKIN RESEAUX SOCIAUX */
        #social_share ul, #social_share_popin ul {max-height:20px;}
        #social_share .share_rs, #social_share_popin .share_rs {min-width:auto;}
        #social_share .share_rs a span, #social_share_popin .share_rs a span {padding:0 8px 0 18px; line-height:2.1em;}

      /* COL LEFT - SOMMAIRE / A VOIR AUSSI */
        #content_page .bloc_col_left ul, #content_page_popin .bloc_col_left ul {padding-left:24px;}
        #content_page .bloc_col_left ul li a, #content_page_popin .bloc_col_left ul li a {padding:5px 20px 5px 10px;}
        /* LIENS UTILES */
        #content_page .bloc_col_left.zone_articles_associes ul li a, #content_page_popin .bloc_col_left.zone_articles_associes ul li a {font-family:'poppins_semibold',Arial,Verdana,sans-serif;}

      /* QUESTIONNAIRE QUALITE */
        #quality_form {z-index:99;}
        #quality_form .form_item {width:130px; padding:12px;}
        #content_page #quality_form form fieldset legend,
        #content_page_popin #quality_form form fieldset legend {font-size:1.2em;}
        #quality_form .form_item > .ligne_form > label {padding:0 20px; margin:5px 10px 0 0; font-size:1.2em;}
        #quality_form .form_item > .ligne_form > label::before {width:12px; height:10px;}
        .sk-circle.qual.no {right:80px; top:initial; bottom:5px;}
        .sk-circle.qual .sk-child:before{background:#0A8299;}
        
      /* COLONNE CONTEXTUELLE */
        .bloc_col .content_bloc {padding:35px 30px;}

        /* BLOC GEOLOC */
          .adresse, .horaires, .mail, .website, .tel, .gg_link {padding:0 0 0 25px;}

        /* POUR ALLER PLUS LOIN */
          #content_page .bloc_bottom .titre_bloc p, #content_page_popin .bloc_bottom .titre_bloc p, #content_page .bloc_bottom .titre_bloc h2, #content_page_popin .bloc_bottom .titre_bloc h2 {margin:0 0 15px 0;}
          #mise_en_avant .article > a:hover::before, #mise_en_avant_popin .article a:hover::before, #mise_en_avant .article > a:focus::before, #mise_en_avant_popin .article > a:focus::before {width:100%; height:35%;}
          #mise_en_avant .btn_lien.btn_txt, #mise_en_avant_popin .btn_lien.btn_txt {padding:0 0 0 22px; background-size:auto 15px;}

    /********************************** PAGE LISTE **********************************/
      /* Moteur */
        #line_tools_moteur #switch_display {padding:0 1.5rem;}
        #line_tools_moteur p.btn_lien a {padding:8px 32px 4px 49px;}
      
        /*Exporter*/
        #line_tools_moteur .export_btn {padding:1.5rem 3rem;}

      /* AGENDA LIE */
        #content_page #agenda .content, #content_page_popin #agenda .content {margin:0 -0.5rem;}
  }

  @media only screen and (max-width:1400px) and (min-width::1110px){
    #col_left, #col_left_popin {margin-right:0;}
    #col_right, #col_right_popin {padding-left:90px; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
  }

  @media only screen and (max-width:1410px) {
    #popin_menu .wrap_popin {padding:40px 0;}
    /* TRIANGLE POPIN MENU*/
      .triangle_popin_menu {left:-43%;}
      .triangle_popin_menu::before {right:13.5%;}
  }

  /********************************************************************************/
  /************************* LARGE a partir de 1320 *******************************/
  /********************************************************************************/
  @media only screen and (min-width:1320px) and (max-width:1549px) {
    /* POPIN DETAIL */
      #content_page_popin .info_utile > div {max-width:100%; flex:0 0 100%; background:#430743;}
      #content_page_popin .info_utile .triangle_bloc_col {display:none;}
      #content_page_popin #agenda .content li.list_item {max-width:50%; flex:0 0 50%; padding-bottom:0.5rem;}
  }

  /********************************************************************************/
  /************************** LARGE de 1319 a 1024 ********************************/
  /********************************************************************************/
  /* 1320 maquette */
  @media only screen and (max-width:1319px) {
    .ligne_form, .csc-mailform-field, .powermail_fieldwrap {margin:0 0 15px 0;}

    .reveal.full {padding:50px 0;}

    /************************************* LAYOUT ***********************************/
      /* HEADER */
        #triangle_top::before {right:16.5%;}
        /* Burger button */
          .hamburger {left:20px;}
        /* LIEN ACCUEIL STICKY */
          #home_link {left:calc(2% + 2px);}
        /*** BANDEAU IMAGE ***/
          #bandeau_page, #bandeau_page_popin {min-height:250px;}
          /* #27923 #bandeau_page {height:250px;}*/
          /* #27923 pour IE : */ #bandeau_page > .large-7 {min-height:250px;}
          #bandeau_page .img, #bandeau_page_popin .img {min-height:250px;}
          #bandeau_infos {margin:2rem; padding:2.5rem 2.5rem 2.5rem 2.5rem;}
          #bandeau_page.bandeau_detail_date {padding:2.5rem 9rem 2.5rem 2.5rem;}
          /*** DATES ***/
            #bandeau_infos .date {right:2rem;}

      /********************************* POPIN MENU PRINCIPAL *********************************/
        #popin_menu .content {padding-top:0;}
        #popin_menu .content > p > a {width:40%;}
        #menu_principal > ul > li > a {font-size:2.5em;}
        #menu_principal_home ul li.level2 > a {font-size:2.5em;}

      /********************************** POPIN EN 1 CLIC *************************************/
        #btn_acces_rapides {right:20px;}
        #acces_rapides li .img {width:120px; height:120px;}
        #acces_rapides li .img:before, #acces_rapides li .img:after {width:135px; height:135px;}
        #acces_rapides li .img img {width:70px; height:70px;}

        #fil_ariane {margin-bottom:50px;}

    /************************************* HOME *************************************/
      /* BANDEAU PAGE */
        #home #bandeau_page h2 {font-size:5.3em;}

    /*********************************** PAGE TYPE **********************************/
      /* COL LEFT - SOMMAIRE / A VOIR AUSSI */
        #content_page .bloc_col_left ul, #content_page_popin .bloc_col_left ul {padding-left:12px;}
      /* QUESTIONNAIRE QUALITE */
        #comment {width:350px; height:200px;}
      /* COLONNE CONTEXTUELLE */
        /* BLOC GEOLOC */
          #content_page .info_utile > div, #content_page_popin .info_utile > div {flex:0 0 100%; max-width:100%; background:#430743;}
          #content_page .info_utile .triangle_bloc_col, #content_page_popin .info_utile .triangle_bloc_col {display:none;}
        /* RESSOURCES DOWNLOAD */
          .zone_ressources_download ul li .nm_doc {width:100%;}

    /*********************************** PAGE LISTE **********************************/
      /* Moteur */
        #line_tools_moteur p {font-size:1.6em;}
        #line_tools_moteur p.btn_lien a, #line_tools_moteur #switch_display p.btn_lien a {padding:6px 10px 4px 10px; background-size:20px;}
        #line_tools_moteur .show_filters p.btn_lien a, #line_tools_moteur #switch_display p.btn_lien a {padding-left:30px; background-position:5px center;}
        #line_tools_moteur #switch_display {padding:0;}
        #moteur .columns {padding:0 15px;}
      
          /*Exporter*/
          #line_tools_moteur .export_btn {padding:0 1.5rem 1.5rem 1.5rem;}
      
      /* Resultats */
        .list_item .img {height:300px;}
        .list_item.agenda .img {height:270px;}
        .list_item .img img {max-width:140%;}
        .list_item .txt {padding:15px;}
        .list_item .zone_bottom {padding:0 15px 15px 15px;}
        .list_item.bandeau_item .txt {padding:10px 15px 15px 15px;}

        .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {font-size:1.9em;}
        .list_item .thumb-desc p, #content_page .list_item .thumb-desc p, #content_page_popin .list_item .thumb-desc p {font-size:1.5em;}
        .cat, .list_item .cat, #content_page .list_item .cat, #content_page_popin .list_item .cat {font-size:1.5em;}

        .date, .list_item .date {right:1.5rem; top:-130px;}
        .date .contain span {font-size:1.5em; width:6rem; height:6rem; line-height:6rem;}
        .date span.enddate {margin-top:-10px;}

        /*subpage*/
          .list_item.subpage .img {height:250px;}
          .list_item.subpage .img img {max-width:150%;}

        /* Elus */
          /*#27742 : */
          .list_item.elu .zone_link {bottom:1.5rem; left:3rem;}
          /*.list_item.elu .zone_link .btn_lien {height:1px; overflow:hidden;}*/
          /*.list_item.elu:hover .zone_link .btn_lien, .list_item.elu a:hover .zone_link .btn_lien, .list_item.elu a:focus .zone_link .btn_lien {height:auto;}*/
          #content_page .list_item.elu .btn_lien, #content_page_popin .list_item.elu .btn_lien {font-size:1.4em; /*padding-left:22px; color:#ffffff;*/}
          /*#content_page .list_item.elu .btn_lien a, #content_page_popin .list_item.elu .btn_lien a {color:#ffffff; border:0;}*/
        
    /***************************** Moteur de recherche ******************************/
      #content_page #moteur.elastic #elastic .btn_input {width:100%; flex:auto; margin-bottom:5px;}
      #content_page #moteur.elastic #elastic .btn_input #main_search {padding:6px 55px 6px 20px; margin:0;}

    /*********************************** CARTO **********************************/
      #carto #carto_results {left:106px;}
      .carto_tpl #footer {left:212px; left:21.2rem;}
      .carto_tpl #fil_ariane {padding:10px;}
      .carto_tpl #footer::before {left:17px;}
  }

  @media only screen and (max-width:1319px) and (min-width:1024px){
    /*********************************** PAGE TYPE **********************************/
      /* COLONNE CONTEXTUELLE */
        /* BLOC GEOLOC */
          #content_page .info_utile > div, #content_page_popin .info_utile > div {flex:0 0 100%; max-width:100%; background:#430743;}
    /*********************************** PAGE LISTE **********************************/
      /* Resultats */
        /* AGENDA LIE */
          #content_page #agenda .content li.list_item, #content_page_popin #agenda .content li.list_item {flex:0 0 50%; max-width:50%; padding:0.5rem;}
  }

  @media only screen and (max-width:1210px){
    #popin_menu .wrap_popin {position:relative; z-index:51;}
    .triangle_popin_menu {opacity:0.2; left:-40%;}
    .triangle_popin_menu::before {right:16.5%;}
  }

  @media only screen and (max-width:1189px){
    #bandeau_page_popin .img img {max-height:100%;}
    /*********************************** PAGE LISTE **********************************/
      /* Resultats */
        /*elus*/
          /*#27670 : */
          .list_item.bandeau_portrait.elu .thumb-title .thumb-desc {padding-bottom:42px;}
  }

  @media only screen and (max-width:1110px){
    legend {font-size:2.4em;}
    #popin_menu .content > p > a {width:30%;}
    #menu_principal {max-width:94%;}
    #menu_principal > ul > li > a {font-size:2.2em;}
    #menu_principal_home ul li.level2 > a {font-size:2.2em;}
    #fil_ariane {margin-bottom:40px;}
    #content_page blockquote, #content_page_popin blockquote {margin:0 50px 30px 35px;}
    #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.6em;}
    #content_page .bloc_bottom .titre_bloc p, #content_page_popin .bloc_bottom .titre_bloc p, #content_page .bloc_bottom .titre_bloc h2, #content_page_popin .bloc_bottom .titre_bloc h2 {font-size:2.8em;}
    #mise_en_avant .article .txt .thumb-title p.titre, #mise_en_avant_popin .article .txt .thumb-title p.titre {font-size:2.8em;}

    /*********************************** PAGE LISTE **********************************/
      /* Resultats */
        .list_item .img img {max-width:160%;}
        .list_item .titre, #content_page .list_item .titre, #content_page_popin .list_item .titre {font-size:1.8em;}
        .list_item .thumb-desc p, #content_page .list_item .thumb-desc p, #content_page_popin .list_item .thumb-desc p {font-size:1.4em;}
        .cat, .list_item .cat, #content_page .list_item .cat, #content_page_popin .list_item .cat {font-size:1.4em;}
        /*subpage*/
          .list_item.subpage .img {height:210px;}
  }

  @media only screen and (max-width:1110px) and (min-width:64em){
    #col_left, #col_left_popin {margin-right:0;}
    #col_right, #col_right_popin {padding-left:70px; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
  }

  /********************************************************************************/
  /************************** MEDIUM de 1023 a 640 *******************************/
  /********************************************************************************/
  @media only screen and (min-width:64em) {
    #menu_voir_aussi {display:block !important;}
  }

  /* 1023 */
  @media screen and (max-width:63.9375em) {
    /*********************************** NORMALISATION **********************************/
      .reveal.full {top:0 !important; left:0 !important;}

    /* FORMULAIRE */
      .powermail_confirmation input[type="submit"] {width:100%; margin:5px auto; padding:5px 0;}

    /*********************************** LAYOUT **********************************/
      /******************************** Structure generale ************************************/
        #main, #global {padding-bottom:0 !important;}
        #main.zindex, .wrap_arrow.zindex {z-index:11;}

      /*** HEADER ***/
        #triangle_top {z-index:9; display:none;}
        #triangle_top::before {right:26.5%; top:90px;}
        #triangle_top::after {content:""; display:block; background:#430743; position:absolute; width:100%; height:90px; top:0; right:0;}
        #triangle_bottom {height:40%;}

        #fil_ariane, #wrap_content_page {padding-right:55px;}
        #fil_ariane, #wrap_content_page, #menu_footer, #bloc_contact_info {margin-left:55px;}

        #header {height:90px; width:100%; max-width:100%; position:static;}
        #wrap_header {justify-content:flex-start; padding-left:12rem; position:fixed; height:90px; margin-left:0; z-index:2; background:#008f9e; width:100%;}

        /* Burger button */
          .hamburger {left:5px; z-index:10; top:20px; height:50px;}
          #header .hamburger {left:18px;}
          #btn_open_menu_smart.hamburger--spring .menu_title {font-size:1.2em;}
          #btn_open_menu_smart .hamburger-box {z-index:2;}
          #btn_open_menu_smart::after {content:""; display:block; background:#430743; position:absolute; width:9rem; height:90px; top:-20px; left:-18px; z-index:1;}

        /* LIEN ACCUEIL STICKY */
          #home_link {z-index:10; display:none;}

        /* Logo */
          #logo img {width:300px;}

        /*** BANDEAU IMAGE ***/
          #page #bandeau_page, #page #bandeau_page_popin {min-height:200px; position:relative; align-items:initial;}
          #bandeau_page {height:auto;}
          #bandeau_page .img {min-height:inherit;}
          #bandeau_infos {padding:2rem; margin:2rem 55px;}
          #bandeau_infos.bandeau_detail_date {padding:2rem 10rem 2rem 2rem;}
          /*** TITRE PAGE ***/
            #page h1, #popin_detail #titre_page_popin p {font-size:3em;}
            #popin_detail #titre_page_popin p {font-size:3em;}
          /*** ACCROCHE ***/
            #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {font-size:1.6em; letter-spacing:0;}
          /*** DATES ***/
            #bandeau_infos .date {width:50px;}
            #bandeau_infos .date .contain span, #bandeau_infos_popin .date .contain span {width:5rem; height:5rem; line-height:5rem; font-size:1.4em;}
          /*** DATE MAJ ***/

      /*** MENU PRINCIPAL ***/
        #header #data-sticky-header.is-stuck {left:0 !important;}
        .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 .is-drilldown {position:relative; max-width:100% !important; z-index:1; min-height:100% !important;}
        #offCanvasLeft .is-drilldown ul ul {overflow-y:auto; overflow-x:hidden;}
        #offCanvasLeft .is-drilldown ul {overflow-x:hidden; height:100%; display:block; padding-bottom:231px;}
        .off-canvas.position-left .is-drilldown {height:100%;}
        #offCanvasLeft .is-drilldown ul li {font-size:inherit; line-height:inherit;}

        #offCanvasLeft .is-drilldown ul.sous_menu.overflow, #offCanvasLeft .is-drilldown ul.sous_menu.est_overflow {overflow-y:hidden;}

        #offCanvasLeft .is-drilldown > ul {z-index:1;}
        #offCanvasLeft .is-drilldown ul.sous_menu {z-index:2;}
        #offCanvasLeft .is-drilldown ul.sm {z-index:3;}

        #offCanvasLeft .menu.vertical {padding:30px 20px;}
        #offCanvasLeft .menu.vertical > li {padding:5px 0;}
        #offCanvasLeft .menu.vertical > li > a {padding-right:45px; padding-left:0;}
        #offCanvasLeft .menu.vertical .is-drilldown-submenu-parent > a::after {content:url(../img/arrow_next_white.svg); border:0; margin:0; width:16px; height:16px; display:block; right:20px; top:20%;}
        #offCanvasLeft .menu.vertical li li > a {padding-right:45px; padding-left:0;}
        #offCanvasLeft .menu.vertical li li li > a {padding-right:0; padding-left:0;}
        /* btn back previous level */
        #offCanvasLeft .menu.vertical .js-drilldown-back > a {padding-right:1rem; padding-left:30px; position:relative;}
        #offCanvasLeft .menu.vertical .js-drilldown-back > a::before {content:url(../img/arrow_prev_white.svg); border:0; margin:0; width:16px; height:16px; position:absolute; left:0;}
          /*masque pr menu home*/
            #offCanvasLeft.home .menu.vertical.sous_menu > .js-drilldown-back > a {display:none;}
        /* level 2 */
        #offCanvasLeft .menu.vertical .is-drilldown-submenu.is-active {margin-left:0; padding:30px 20px;}
        /* level 3 */
        #offCanvasLeft .menu.vertical .sm.is-drilldown-submenu .js-drilldown-back {padding-right:0; padding-left:0;}
        #offCanvasLeft .menu.vertical ul.sm li {padding:0.7rem 1rem;}
        /* menu tools top */
        #top_tools_smart {padding:15px 20px; width:100%; position:absolute; left:0; bottom:0; z-index:2; overflow:visible;}
        #top_tools_smart p {font-size:1.5em; line-height:normal;}

        #leftmenu_cont {height:100%; padding-bottom:14rem;}
        #smart_menu, #smart_menu_home {height:100%; padding-bottom:10px;}

        #smart_menu .menu.vertical li a, #smart_menu_home .menu.vertical li a {color:#ffffff; letter-spacing:0.02em;}
        #smart_menu .is-drilldown > .menu.vertical > li > a, #smart_menu_home .is-drilldown > .menu.vertical > li > a {font-size:2em; line-height:1.4em; font-family:'opensans_bold',Arial,Verdana,sans-serif;}
        #smart_menu .menu.vertical li li > a, #smart_menu_home .menu.vertical li li > a {font-size:1.5em; line-height:1.4em; font-family:'opensans_light',Arial,Verdana,sans-serif;}
        #smart_menu .menu.vertical li li li > a, #smart_menu_home .menu.vertical li li li > a {font-size:1.5em; line-height:1.4em;}
        #smart_menu_home .menu.vertical.sous_menu > .js-drilldown-back + li:nth-child(2) a {text-transform:uppercase; font-size:1.3em; letter-spacing:0.04em;}
        
        /* btn back previous level */
        #smart_menu .menu.vertical .js-drilldown-back > a, #smart_menu_home .menu.vertical .js-drilldown-back > a {text-transform:uppercase; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1.3em; letter-spacing:0.04em;}
        /* level 2 */
        #smart_menu .menu.vertical .is-drilldown-submenu.is-active, #smart_menu_home .menu.vertical .is-drilldown-submenu.is-active {background:#520852;}
        /* level 3 */
        #smart_menu .menu.vertical .sm.is-drilldown-submenu.is-active, #smart_menu_home .menu.vertical .sm.is-drilldown-submenu.is-active {background:#5c095c;}
        
        /* Zone liens */
        #offCanvasLeft #line_tools_menu,
        #offCanvasLeft #line_tools_menu_smart {position:absolute; width:100%; bottom:0; padding:10px 0;}
        #offCanvasLeft #line_tools_menu li,
        #offCanvasLeft #line_tools_menu_smart li {width:100%; padding:0;}
        #offCanvasLeft #line_tools_menu li a, #offCanvasLeft #line_tools_menu li button,
        #offCanvasLeft #line_tools_menu_smart li a, #offCanvasLeft #line_tools_menu_smart li button {width:100%; text-align:left; padding:10px 12px 10px 55px;}
        #offCanvasLeft #line_tools_menu #zone_recherche input[type="text"],
        #offCanvasLeft #line_tools_menu_smart #zone_recherche_smart input[type="text"] {padding:8px 40px 8px 20px; line-height:1.4em;}
        #offCanvasLeft #line_tools_menu #bloc_newsletter.dropdown-pane,
        #offCanvasLeft #line_tools_menu_smart #bloc_newsletter_smart.dropdown-pane {top:-100% !important; left:10px !important; max-width:calc(100% - 20px);}

      /************************************** Popins ******************************************/
        .reveal.full .wrap_popin {height:auto;}
        .reveal {padding:55px 60px 40px 60px;}

      /******************************* POPIN MENU PRINCIPAL ***********************************/
        #menu_principal_home > ul > li > a {font-size:2.4em;}
        #menu_principal_home ul li.level2 > a {padding-bottom:25px; font-size:2.2em;}
        #menu_principal_home ul li.level2 > .sm {padding-top:0; padding-bottom:45px;}

      /********************************** POPIN EN 1 CLIC *************************************/
        #btn_acces_rapides {right:5px; border:5px solid #ffffff; padding:0 15px; top:390px; z-index:5;}
        .fix_btn_clic #btn_acces_rapides {top:100px;}
        #acces_rapides {padding:0 1.5rem;}
        #popin_acces_rapides .content .titre_bloc {font-size:4em;}
        #acces_rapides li {margin-bottom:30px; font-size:1.4em;}
        #acces_rapides li .img {width:100px; height:100px; padding:20px; margin:0 auto 15px auto;}
        #acces_rapides li .img img {width:auto; height:auto;}
        #btn_acces_rapides span {position:relative; z-index:50;} 

      /*************************************** Footer *****************************************/
        #footer {padding-bottom:50px; position:relative; min-height:initial;}
        #menu_footer, #bloc_contact_info {margin-left:0;}
        #menu_footer ul, #bloc_contact_info > div.columns p {line-height:1.6em;}
        #menu_footer ul {padding-bottom:20px;}
        #menu_footer ul li {padding:0 4px 0 10px; font-size:1.2em; margin-left:8px;}
        #menu_footer ul li a {padding:0 4px;}
        #bloc_contact_info > div.columns {padding-bottom:0;}
        #info_footer {padding:10px 0 10px 0;}
        #info_footer p {padding:1px 0 1px 15px; margin-left:15px;}

      /************************************ FIL D'ARIANE **************************************/
        #page #fil_ariane {margin-bottom:35px;}

    /************************************* HOME *************************************/
      #home {background:#430743;}
      #home #main, #home #wrap_header_home, #home #global {min-height:0 !important;}
      #header_home {position:static; padding:20px 40px 60px 40px; max-width:30rem; padding:20px 0 60px; margin:0 auto;}
      #home #main {padding:10px 20px; text-align:center;}
      #wrap_header_home > .columns {padding:0 0 80px 0;}
      #acces_rapide_navigation, #acces_rapide_navigation_smart {padding-top:40px; padding-left:0;}

      #home #main, #home #global {position:static;}

      /* HEADER */
        #home #logo {padding-top:20px; padding-bottom:40px;}
        #home #logo img {width:300px;}
        #zone_moteur {padding:0;}
        #zone_moteur #zone_recherche input[type="text"] {font-size:1.7em;}
        #acces_rapide_navigation ul li a, #acces_rapide_navigation_smart ul li a {font-size:1.7em;}
        #acces_rapide_navigation ul li span.img, #acces_rapide_navigation_smart ul li span.img {width:4.5rem; height:4.5rem; line-height:4.5rem;}
        #acces_rapide_navigation ul li span.txt, #acces_rapide_navigation_smart ul li span.txt {padding:10px 0 10px 10px;}

      /* COMMUNES */
        #communes_smart {padding:0; margin:15px auto; position:absolute; bottom:0; left:0; width:100%; margin:20px auto;}
        #communes_smart .btn_communes {background:rgba(255,255,255,0.15) url(../img/commune_arrow_down.png) no-repeat right 20px center; color:#efefef; border:2px solid #ffffff; padding:15px 55px 15px 20px; font-size:1.6em; border-radius:0; width:30rem; font-family:'opensans_regular',Arial,Verdana,sans-serif; position:relative; z-index:1;}
        #communes_smart .btn_communes.hover {background:rgba(255,255,255,0.15) url(../img/commune_arrow_up.png) no-repeat right 20px center;}
        #communes_smart #bloc_communes {background:#ffffff; max-width:300px; padding:0; margin:0; z-index:1;}
        #communes_smart #bloc_communes li {margin:10px 0;}
        #communes_smart #bloc_communes li a {display:block; text-align:right;}
        #communes_smart #bloc_communes li a img {display:inline-block; height:55px; width:auto;}
        #triangle_home_smart {background:#430743; width:100%; height:100%; z-index:0; position:fixed; left:0; top:0; display:none;}
        #communes_smart #bloc_communes.is-open + #triangle_home_smart {display:block;}

      #triangle_home {width:100%; height:100%; left:0; top:-100%; z-index:0; position:absolute;}
      #triangle_home::before {left:15%;}

    /*********************************** PAGE TYPE **********************************/
      /*** PARAM TXT ***/
        #content_page h2, #content_page_popin h2, #popin_acces_rapides .titre_bloc, #popin_newsletter .titre_bloc {font-size:3em;}
        #content_page h2, #content_page_popin h2 {font-size:2.5em;}
        #content_page h3, #content_page_popin h3 {font-size:2em;}
        #content_page h4, #content_page_popin h4 {font-size:1.8em;}
        #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 15px;}
        #content_page #col_right_inner ul li, #content_page_popin #col_right_popin_inner ul li {padding:0 0 0 10px;}
        #content_page blockquote, #content_page_popin blockquote {margin:0 0 20px 20px;}
        #content_page table caption, #content_page_popin table caption {font-size:2em;}
        #content_page th, #content_page_popin th {padding:10px; font-size:1.6em;}

      /* COL LEFT - SOMMAIRE / A VOIR AUSSI */
        #page #inner_col_left, #popin_detail #inner_col_left_popin {width:100%; position:static !important;}
        #page #inner_col_left #sommaire, #popin_detail #inner_col_left_popin #sommaire_popin {display:none;}
        #page #menu_voir_aussi, #popin_detail #menu_voir_aussi_popin {overflow:hidden; height:100vh; position:fixed; height:100%; width:100%;}
        #menu_voir_aussi, #menu_voir_aussi_popin {margin-bottom:0; position:fixed; top:0; left:0; width:100%; height:100%; padding:50px; background:#fff; z-index:101; overflow-y:scroll; overflow-x:hidden;}
        #page #menu_voir_aussi ul, #popin_detail #menu_voir_aussi_popin ul {display:block; position:static;}
        #btn_col_right, #btn_col_right_popin {display:block; height:50px; width:50px; border-radius:50px; position:fixed; bottom:20px; right:20px; z-index:999992; background:url(../img/info.png) no-repeat center center; background-color:#008f9e; box-shadow:3px 3px 7px 0 rgba(0,58,69,0.35); text-indent:-99999px; -webkit-transition:background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition:background 0.3s, color 0.3s, box-shadow 0.3s; transition:background 0.3s, color 0.3s, box-shadow 0.3s; margin:0;}
        #btn_col_right.open, #btn_col_right_popin.open {background-image:none;}
        #btn_col_right.open::before, #btn_col_right.open::after, #btn_col_right_popin.open::before, #btn_col_right_popin.open::after {content:""; display:block; position:absolute; width:20px; height:3px; background:#ffffff; left:14px; top:22px;}
        #btn_col_right.open::before, #btn_col_right_popin::before {margin-top:0; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
        #btn_col_right.open::after, #btn_col_right_popin::after {margin-top:0; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
        #content_page .magellan_anchor, #content_page_popin .magellan_anchor {margin-top:40px;}

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

      /* QUESTIONNAIRE QUALITE */
        #content_page .tx-cim-quality, #content_page_popin .tx-cim-quality {width:100%;}
        #quality_form {position:static; padding:15px; width:100%;}
        #content_page #quality_form .form_item, #content_page_popin #quality_form .form_item {width:100%; padding:0; height:auto;}
        #content_page #quality_form form fieldset legend {float:none; font-size:1.4em; font-family:'opensans_regular',Arial,Verdana,sans-serif;}
        #quality_form .form_item > .ligne_form {padding:5px 0; width:auto;}
        #quality_form .form_item > .ligne_form > label {font-size:1.4em; font-family:'opensans_regular',Arial,Verdana,sans-serif; padding:5px 10px 5px 25px; margin:0 15px 0 0;}
        #quality_form .form_item > .ligne_form > label::before {top:7px;}
        #comment {position:static; width:100%; height:auto; padding:0;}
        #comment_text {font-size:1.4em;}
        #comment input[type="submit"] {font-size:1.4em;}
        .sk-circle.qual {height:40px; width:40px;}
        .sk-circle.qual.no {top:2px; left:160px; right:initial; bottom:initial;}
        .sk-circle.qual .sk-child:before{height:6px; width:6px; background:white;}

      /* COLONNE CONTEXTUELLE */
        .bloc_col .titre_bloc {margin-bottom:15px;}
        #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.3em;}
        #content_page .bloc_col p.subtitle, #content_page_popin .bloc_col p.subtitle {font-size:1.8em;}
        /* RESSOURCES DOWNLOAD */
          .zone_ressources_download ul li .infos_doc {width:60%;}
        /* POUR ALLER PLUS LOIN */
          #content_page .bloc_bottom .titre_bloc p, #content_page_popin .bloc_bottom .titre_bloc p, #content_page .bloc_bottom .titre_bloc h2, #content_page_popin .bloc_bottom .titre_bloc h2 {font-size:2.3em;}
          #mise_en_avant .img, #mise_en_avant_popin .img {height:250px;}
          #mise_en_avant .article .txt .thumb-title, #mise_en_avant_popin .article .txt .thumb-title {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding:15px 15px 55px 15px;}
          #mise_en_avant .article .txt .thumb-title p.titre, #mise_en_avant_popin .article .txt .thumb-title p.titre {font-size:2.3em;}
          #mise_en_avant .article .txt .thumb-title p.sous_titre, #mise_en_avant_popin .article .txt .thumb-title p.sous_titre {font-size:1.8em;}
          #mise_en_avant .article > a::before, #mise_en_avant_popin .article a::before, #mise_en_avant .article > a::before, #mise_en_avant_popin .article > a::before, #mise_en_avant .article > a:hover::before, #mise_en_avant_popin .article a:hover::before, #mise_en_avant .article > a:focus::before, #mise_en_avant_popin .article > a:focus::before {height:50px; width:100%;}
          #mise_en_avant .txt, #mise_en_avant_popin .txt, #mise_en_avant .article > a:hover .txt, #mise_en_avant_popin .article > a:hover .txt {background:rgba(0,0,0,0.65);}
          #mise_en_avant .btn_lien.btn_txt, #mise_en_avant_popin .btn_lien.btn_txt {opacity:1; right:15px; bottom:12px; font-size:1.4em;}

    /********************************** PAGE LISTE **********************************/
      /* Moteur */
        #line_tools_moteur p {font-size:1.4em;} 
        #moteur .columns {padding:0 5px;}
        #moteur {margin-top:0; margin-bottom:45px;}
        #line_tools_moteur {padding-top:2rem; padding-bottom:2rem;}
      
        /* Nb resulats*/
        #line_tools_moteur p.nb_result {display:inline-block; vertical-align:middle; text-align:center;}
        #line_tools_moteur p.nb_result span {min-width:initial; height:auto; display:block; padding:0 0 5px 0; margin:0;}
        #line_tools_moteur p.nb_result span:before {display:none;}
        /* Afficher la carte */
        #moteur #line_tools_moteur #switch_display {text-align:center; margin-right:5px;}
        #moteur #line_tools_moteur #switch_display .btn_lien {display:inline-block;}
      
        /*Exporter*/
        #line_tools_moteur .export_btn {padding:1rem 1.5rem; display:block !important;}
      
        /* Filtres */
        #filters {padding:60px 30px 40px 30px;}
        /*submit + reset filtres*/
        #filters .ligne_form.btn_submit {text-align:right;}
        #filters input[type="submit"] {margin:0;}
        #reset_search_popin {right:initial; left:0;}

      /* Resultats */
        .wrap_result {padding-bottom:40px;}
        #content_page .wrap_result.list {margin:0 -1.5rem;}

        .list_item.bandeau_item, #content_page .content .list_item, #content_page_popin .content .list_item, .list_item {margin-bottom:3rem;}
        .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, #content_page .list_item.bandeau_item > .link, #content_page_popin .list_item.bandeau_item > .link {padding-bottom:0; padding-top:11rem; height:100%;}
        .list_item.bandeau_portrait > a, #content_page .list_item.bandeau_portrait > a, #content_page_popin .list_item.bandeau_portrait > a {padding-top:15rem;}

        .list_item.bandeau_item .img, #content_page .content .list_item .img, #content_page_popin .content .list_item .img {position:absolute; left:0; top:0; height:18rem;}
        .list_item .img img, .list_item.subpage .img img {min-width:101%; max-height:200%; max-width:101%;}

        .list_item .txt {min-height:initial;}
        .list_item.bandeau_item .txt {min-height:initial; max-height:initial; margin-top:50px; padding:15px; position:relative;}
        .list_item .thumb-title .thumb-desc,
        .list_item:hover .thumb-title .thumb-desc, .list_item a:hover .thumb-title .thumb-desc, .list_item a:focus .thumb-title .thumb-desc {height:auto; padding-top:15px; -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}

        /* Dates */
          .date, .list_item .date {right:1.5rem; top:-11rem;}
          .date .contain span {width:6rem; height:6rem; font-family:'poppins_medium',Arial,Verdana,sans-serif; font-size:1.5em; line-height:6rem; letter-spacing:0.04em;}
          .date span.enddate {margin-top:-1.1rem;}

        .list_item .wrap_cat {padding-top:15px; padding-right:0;}

        .list_item.bandeau_item .btn_txt, #content_page .content .list_item .zone_bottom, #content_page_popin .content .list_item .zone_bottom, .list_item .zone_bottom {position:static; background:#430743; display:block; /*new pr coherence elus*/ text-align:right;}
        .list_item.bandeau_item .btn_txt, #content_page .content .list_item .btn_lien.btn_txt, #content_page_popin .content .list_item .btn_lien.btn_txt, .list_item .zone_bottom .btn_txt {height:auto !important;}
        /*new pr coherence elus : */ .list_item .zone_bottom .btn_txt {display:inline-block;}

        /* Subpages */
          .list_item.subpage.bandeau_item > a, #content_page .list_item.subpage.bandeau_item > a, #content_page_popin .list_item.subpage.bandeau_item > a, .list_item.subpage.bandeau_item > .link, #content_page .list_item.subpage.bandeau_item > .link, #content_page_popin .list_item.subpage.bandeau_item > .link {padding-bottom:0; padding-top:15rem; height:100%;}
          .list_item.bandeau_item.subpage .img, #content_page .content .list_item.subpage .img, #content_page_popin .content .list_item.subpage .img {height:20rem;}
          /*#27740*/ .list_item.subpage:hover .thumb-title .thumb-desc, .list_item.subpage a:hover .thumb-title .thumb-desc, .list_item.subpage a:focus .thumb-title .thumb-desc {padding-bottom:0;}

        /* Elus */
          .list_item.bandeau_portrait.elu .img {height:22.5rem;}
          .list_item.bandeau_portrait.elu .txt {padding-bottom:6.5rem; min-height:initial; max-height:initial;}
          .list_item.bandeau_item.elu .btn_txt, #content_page .content .list_item.elu .zone_bottom, #content_page_popin .content .list_item.elu .zone_bottom, .list_item.elu .zone_bottom {position:absolute;}
          .list_item.elu .zone_link {bottom:4.5rem; left:3rem; width:100%;}
          .list_item.elu .zone_link .btn_lien {height:auto; overflow:inherit;}

      /* AGENDA LIE */
        #content_page #agenda .content, #content_page_popin #agenda .content {margin:0 -2rem;}
        #content_page #agenda .content li.list_item, #content_page_popin #agenda .content li.list_item {padding:0 2rem 2rem 2rem;}
        #agenda .list_item.bandeau_item > a, #content_page #agenda .list_item.bandeau_item > a, #content_page_popin #agenda .list_item.bandeau_item > a {padding-bottom:0; padding-top:11rem; height:100%;}
        #agenda .list_item .img img {max-width:200%; max-height:150%;}
        #col_right_popin #agenda .list_item .img img {max-width:200%; max-height:150%;}
        #agenda .list_item.bandeau_item .txt, #agenda .list_item.bandeau_item a:hover .txt {min-height:initial; max-height:initial; margin-top:5rem; padding:1.5rem; position:relative;}
        #agenda .list_item:hover .thumb-title .thumb-desc, #agenda .list_item a:hover .thumb-title .thumb-desc, #agenda .list_item a:focus .thumb-title .thumb-desc {padding-top:15px;}

    /***************************** PAGE DETAIL / POPIN ******************************/
      #bandeau_infos_popin {max-width:calc(100% - 4rem); margin:2rem; padding:2rem 6.5rem 2rem 1rem;}
      #bandeau_infos_popin .date {width:5rem; height:auto; line-height:inherit; bottom:1.5rem; right:1.5rem;}
      #infos_page_popin {margin-bottom:30px;}
      /* Slider image - Categorie*/
      #cat_detail, #cat_detail_popin {margin-top:30px; margin-bottom:20px;}
      #cat_detail .cat, #cat_detail_popin .cat {font-size:1.4em;}
      #slider_img img, #slider_img_popin img {width:100%;}

    /********************************** Fil rouge ***********************************/
      #popin_fil_rouge {min-width:75%;}

    /* MARREES */
      div.tx-cim-tide form {padding:20px 0;}
      div.tx-cim-tide form > .ligne_form > .ligne_form {margin:0;}
      div.tx-cim-tide form .ligne_form label {padding-right:13px;}
      div.tx-cim-tide form .ligne_form div.input-group {width:78%;}
      div.tx-cim-tide form .ligne_form input[type="text"] {max-width:100%; font-size:1.5em;}

    /***************************** 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;}

    /*************************** Carte interactive ******************************/
      #carto #carto_results {left:15px; top:115px;}
      #carto #filters {padding:0; z-index:10;}
      #page.carto_tpl #fil_ariane {margin-bottom:0; left:0;}
      .carto_tpl #footer {padding-right:10px;}
      .carto_tpl #footer::before {left:3px;}
      .carto_tpl #modal_window .list_item .img, .carto_tpl #modal_window .list_item .zone_bottom {position:relative;}
      #modal_window.carto_tpl .list_item .img {position:relative; height:250px; left:inherit; top:inherit;}

    /* COMARQUAGE */
      #content_page .tx-cimcomarquage a.accordion-title {font-size:2.5rem; /*padding:1rem 4.5rem 1rem 0.5rem;*/}
  }

  /********************************************************************************/
  /*************************** SMALL de 640 a 320 *********************************/
  /********************************************************************************/
  /* 639 */
  @media screen and (max-width:39.9375em) {
    /******************************* Formulaires ************************************/
      form {padding:20px 0;}
      .ligne_form, .csc-mailform-field, .powermail_fieldwrap {margin-bottom:30px;}
      label, .input-group-label, .powermail_label.powermail_radio_legend, .powermail_label {font-size:1.7em; font-size:1.6em;}
      .ligne_form.input label, .ligne_form.textarea label, .powermail_fieldwrap_type_input label, .powermail_fieldwrap_type_textarea label, .powermail_fieldwrap_date label, .powermail_fieldwrap_input label, .powermail_fieldwrap_textarea label {-moz-transform:none; -ms-transform::none; -webkit-transform:none; transform:none; padding:0; /*margin:0 15px 5px 15px; position:relative;*/}
      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'] {padding:10px 15px;}

    /*********************************** LAYOUT **********************************/
      /************************************** Cookies *****************************************/
        #cookie_msg.callout p {font-size:1.2em;}

      /************************************** Header ******************************************/
        #triangle_top {display:none;}
        #triangle_bottom {height:20%;}
        #wrap_header, #fil_ariane, #wrap_content_page, #menu_footer, #bloc_contact_info {margin-left:25px;}
        #menu_footer, #bloc_contact_info {padding-right:25px;}
        #fil_ariane, #wrap_content_page {padding-right:25px;}

        #header {height:60px;}
        #header #data-sticky-header.is-stuck .hamburger, #btn_search, #back_top a, .hamburger, .is-off-canvas-open.is-open-left #btn_close_menu_smart {width:60px; height:60px;}
        #wrap_header {padding-left:6rem; height:60px; margin-left:0;}
        #header::after {width:50px; width:5rem; height:60px; display:none;}

        #btn_share_smart {width:40px; height:40px;}
        #btn_share_smart svg {height:18px; width:18px;}

        /* Burger button */
          #btn_open_menu_smart.hamburger {top:0; left:0; width:60px; height:60px; padding:10px 0 5px 0; background:#430743; /**/ width:50px; padding:10px 0;}
          .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {height:3px; width:30px;}
          .hamburger--spring .hamburger-inner:before {top:8px;}
          .hamburger--spring .hamburger-inner:after {top:17px;}
          #btn_open_menu_smart.hamburger--spring .menu_title {font-size:1.1em;}
          #btn_open_menu_smart::after {display:none;}
        /* Accessibilite */
          #accessi {display:none;}
        /* Logo */
          #logo {padding:0 0 0 5px; align-self:center;}
          #logo img {max-width:110px;}
        /* Langues */
          #trad {right:1rem;}
          #trad button {font-size:1.2em; padding-left:0;}
        /*** BANDEAU IMAGE ***/
          #bandeau_page .img {min-height:190px;}
          #bandeau_infos {margin:1.5rem;}
          #bandeau_infos.bandeau_detail_date {padding:;}
          /*** TITRE PAGE ***/
            #page h1, #popin_detail #titre_page_popin p {font-size:2.5em;}
          /*** ACCROCHE ***/
            #page .quote p, #page .quote h2, #popin_detail .quote p, #popin_detail .quote h2 {font-size:1.6em;line-height:1.3em;}
          /*** DATES ***/
            #bandeau_infos_popin .date {width:auto; right:initial; bottom:10px; left:10px; height:auto; top:initial;}
            #bandeau_infos_popin .date .contain span {font-size:1.4em; display:inline-block;}
            .date .contain span {width:5.5rem; height:5.5rem; line-height:5.5rem; font-size:1.4em;}
            #bandeau_infos_popin .date span.enddate {margin-bottom:0; margin-left:-5px;}
          /*** DATE MAJ ***/
            #infos_page, #infos_page_popin {padding-bottom:20px;}
            #infos_page_popin {margin-bottom:0;}
            #infos_page > div, #infos_page_popin > div {flex:0 0 100%; max-width:100%;}
            #infos_page .date_maj, #infos_page_popin .date_maj {padding-bottom:10px;}
            .date_maj p, #content_page .date_maj p, #content_page_popin .date_maj p {font-size:1.2em;}

      /************************************** Popins ******************************************/
        .reveal {margin-left:auto; width:100%; padding:55px 20px 30px 20px;}

      /********************************** POPIN EN 1 CLIC *************************************/
        #btn_acces_rapides {width:6rem; height:6rem; font-size:1.4em; padding:0 5px 0 10px;}
        #btn_acces_rapides span {padding-left:5px;}
        #btn_acces_rapides:before {width:6.2rem; height:6.2rem;}
        #btn_acces_rapides:after {width:6.4rem; height:6.4rem;}
        #popin_acces_rapides .content .titre_bloc {font-size:3em;}
        #acces_rapides li {-webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
        #acces_rapides li .img {width:80px; height:80px; padding:20px;}
        #acces_rapides li .img:before, #acces_rapides li .img:after {width:95px; height:95px;}
        #acces_rapides li .img img {width:40px; height:40px;}

      /*************************************** Footer *****************************************/
        #info_footer {padding:15px 0 25px 0;}
        #menu_footer ul, #bloc_contact_info > div.columns p {line-height:1.5em;}
        #menu_footer ul {text-align:center;}
        #menu_footer ul li:before {top:5px;}
        #menu_footer ul li, #menu_footer ul li:first-child {padding:5px 5px 5px 11px;}
        #menu_footer ul li:first-child {padding-left:0;}

      /************************************ FIL D'ARIANE **************************************/
        #fil_ariane {margin-top:20px; margin-bottom:15px;}
        #fil_ariane .breadcrumbs li {padding:3px 0; font-size:1.2em; line-height:1.3em;}

    /************************************* HOME *************************************/
      /* BANDEAU PAGE */
        #home #bandeau_page h2 {font-size:4em;}

      /* HEADER */
        #header_home {padding:20px 20px 0 20px;}
        #home #logo img {max-width:230px;}

        #zone_moteur {padding:0;}
        #zone_recherche, #zone_recherche-smart {padding:0 10px; background-size:20px; background-position:10px center;}
        #zone_recherche input[type="text"], #zone_recherche-smart input[type="text"] {font-size:1.4em; padding:21px 40px 21px 30px;}
        #zone_moteur #zone_recherche input[type="text"], #zone_moteur #zone_recherche-smart input[type="text"] {font-size:1.6em; padding:10px 45px 10px 5px;}
        #zone_recherche input[type="submit"], #zone_recherche-smart input[type="submit"] {font-size:1.4em;}

        #acces_rapide_navigation ul li a, #acces_rapide_navigation_smart ul li a {font-size:1.5em;}
        #acces_rapide_navigation ul li span.img, #acces_rapide_navigation_smart ul li span.img {width:40px; height:40px; line-height:40px; margin:0 10px 0 0;}
        #acces_rapide_navigation ul li span.txt, #acces_rapide_navigation_smart ul li span.txt {border-left-width:3px;}
        
      #triangle_home {width:110%;}
      #triangle_home::before {left:7%;}

    /*********************************** PAGE TYPE **********************************/
      #col_right_inner, #col_right_popin_inner {padding:0 10px;}

      /*** PARAM TXT ***/
        #content_page h2, #content_page_popin h2, legend {font-size:2.2em;}
        #content_page h2, #content_page_popin h2 {margin:30px 0 15px 0;}
        #content_page h3, #content_page_popin h3 {margin:20px 0 10px 0;}
        #content_page ul, #content_page ol, #content_page_popin ul, #content_page_popin ol {padding:0 0 0 18px;}
        #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:url(../img/quote_bottom.png) no-repeat 96% top; background-size:23px auto; padding:15px 10px 15px 5px; text-align:left; margin:20px;}
        #content_page_popin blockquote {background:url(../img/quote_bottom.png) no-repeat 96% top; background-size:23px auto; padding:20px 0; text-align:left;}
        #content_page blockquote p, #content_page_popin blockquote p {font-size:1.5em; padding-left:5px;}
        #content_page td, #content_page_popin td {font-size:1.3em;}
        #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;}

      /* COL LEFT - SOMMAIRE / A VOIR AUSSI */
        #btn_col_right, #btn_col_right_popin {bottom:25px;}

      /* QUESTIONNAIRE QUALITE */
        #comment_text {font-size:1.2em;}
        #comment input[type="submit"] {font-size:1.2em;}
        #quality_form form {padding:0;}

      /* COLONNE CONTEXTUELLE */
        .bloc_col .content_bloc {padding:15px;}
        #content_page .bloc_col .titre_bloc p, #content_page_popin .bloc_col .titre_bloc p {font-size:2.6em;}
        #content_page .bloc_col .titre_bloc p.subtitle, #content_page_popin .bloc_col .titre_bloc p.subtitle {font-size:1.7em; line-height:1.3em;}

        /* RESSOURCES DOWNLOAD */
          #page .bloc_col.zone_articles_associes, #page .zone_ressources_download, #popin_detail .bloc_col.zone_articles_associes, #popin_detail .zone_ressources_download {padding:30px 10px;}

        /* POUR ALLER PLUS LOIN */
          #mise_en_avant .article .txt .thumb-title p.titre, #mise_en_avant_popin .article .txt .thumb-title p.titre {font-size:2.2em;}
          #content_page .bloc_bottom .titre_bloc p, #content_page_popin .bloc_bottom .titre_bloc p, #content_page .bloc_bottom .titre_bloc h2, #content_page_popin .bloc_bottom .titre_bloc h2 {font-size:2.2em;}

    /********************************** PAGE LISTE **********************************/
      /* Moteur */
        #line_tools_moteur {padding-top:0;}
        #line_tools_moteur > .shrink {margin-top:0;}
        #line_tools_moteur > .columns {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
        #line_tools_moteur > .columns:first-child {margin-bottom:15px; min-height:90px;}
        #line_tools_moteur .row.is-collapse-child.align-middle {-webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
        #moteur #line_tools_moteur .row.is-collapse-child > .columns.shrink {padding:5px 10px;}
        #moteur #line_tools_moteur .row.is-collapse-child > .columns:first-child {left:1.5rem; top:1.5rem; position:absolute; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;}
        #moteur #line_tools_moteur .row.is-collapse-child > .columns:not(:first-child) {margin:0; text-align:right; padding-left:1.5rem; padding-right:1.5rem; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding-top:10px;}
        #line_tools_moteur p.btn_lien a {text-align:center;}

        /* Nb resulats*/
          #line_tools_moteur p.nb_result {font-size:2em;}
        /* Fitrer */
          #moteur #line_tools_moteur .row.is-collapse-child > .columns.shrink.show_filters {padding-top:2.5rem;}

        /* Afficher la carte */
          #line_tools_moteur #switch_display {width:100%;}
          #moteur #line_tools_moteur #switch_display .btn_lien {display:block; padding:0 20px;}
          #line_tools_moteur #switch_display .btn_lien a {width:100%;}

      /* Filtres */
        #filters.popin .ligne_form.open_date {padding-bottom:210px;}
        #filters .ligne_form.date .ligne_form {padding-bottom:20px;}
        #filters .fi-calendar {padding:6px 10px;}
        #filters .fi-calendar:before {line-height:1.5em;}
        /*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%; margin-bottom:20px;}
        #filters input[type="submit"] {width:100%;}
        #reset_search_popin {position:static;}

      /* Map */
        #second_display {min-height:450px;}

      /* Resultats */
        .list_item .img img, .list_item.subpage .img img {max-width:101%; max-height:250%;}

      /* AGENDA LIE */
        #agenda .cat, #agenda .list_item .cat, #content_page #agenda .list_item .cat, #content_page_popin #agenda .list_item .cat {font-size:1.2em;}
        #agenda .list_item.bandeau_item a:hover .txt {padding:15px; min-height:initial;}
        #agenda .list_item .img img, #col_right_popin #agenda .list_item .img img {max-width:101%; max-height:250%;}

    /***************************** PAGE DETAIL / POPIN ******************************/
      #bandeau_infos_popin {padding:1rem 1rem 7rem 1rem;}

      button.btn_back, #content_page button.btn_back, #content_page_popin button.btn_back {padding:10px 45px 10px 25px;}
      #slider_img .cat, #slider_img_popin .cat {position:static;}

      /* ARROWS NAV POPIN */
        .wrap_arrow {width:50px; height:50px; background-color:#efefef; border-radius:50%;}
        .arrows {width:40px; height:40px; margin:0 auto;}
        .arrows.to_right {background:url(../img/right_arrow.png) center center no-repeat; background-size:auto 25px;}
        .arrows.to_left {background:url(../img/left_arrow.png) center center no-repeat; background-size:auto 25px;}
        .wrap_arrow + .wrap_arrow {right:5px !important;}

      /* SLIDER VIDEO */
        .video_slider .slick-slider .slick-arrow, #video_pop .slick-slider .slick-arrow {padding:0;}
        .video_slider .slick-slider .slick-arrow::before, #video_pop .slick-slider .slick-arrow::before {width:35px; height:35px;}
        #video_pop .slick-slider .slick-arrow.slick-next {top:70%; right:30%;}
        #video_pop .slick-slider .slick-arrow.slick-prev {top:70%; left:30%;}

    /***************************** 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:5px}
      #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:5px 0 0 0;}
      #content_page #line_tools_moteur #elastic p.btn_lien, #content_page_popin #line_tools_moteur #elastic p.btn_lien {padding:5px 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 5px;}
      #content_page .csc-sitemap li {margin:0 0 5px 0; padding:2px; font-size:1.8em; line-height:1.5em;}
      #content_page .csc-sitemap li ul {padding:0 0 0 5px; margin:15px 0 15px 0;}
      #content_page .csc-sitemap li li {margin:10px 0;}
      #content_page .csc-sitemap li ul ul {padding:5px !important; margin:15px 0 15px 15px;}

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

      /* Header */
        .carto_tpl #header {height:60px;}

      /* fil d'ariane / footer */
        .carto_tpl .tx-cim-fil-rouge {display:none;}
        .carto_tpl #footer {padding:12px 10px 13px 20px; left:188px; left:18.8rem;}
        .carto_tpl #footer p {font-size:1.2em;}
        #fil_ariane.open, #footer.open {display:none;}

      /* Nombre de resultats */
        #carto #carto_results {min-width:100%; left:0; right:initial; height:60px; padding:8px 0;border-radius:0;top:0; border-bottom:2px solid #fff; border-top:2px solid #fff;}
        #carto #carto_results p {font-size:1.4em; text-align:left; padding:10px 1.5rem 10px 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:20px; top:17px; 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:5px; font-family:'opensans_light',Arial,Verdana,sans-serif; font-size:1em;}
        #carto #carto_results .nb {display:initial;padding-right:0;}
        #carto #carto_results .no_results {font-family:'opensans_light',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:60px; 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% - 60px); width:12em;}
        #carto #map_filters .tabs-title {font-size:1.3em;}
        #carto #map_filters .tabs-title a span {font-family:'opensans_semibold',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:40px; height:40px; padding:0; top:10px; right:10px;}
        .close_map_filters .box {position:static;}
        .close_map_filters .inner {width:20px; height:20px; position:absolute; left:10px; top:10px;}
        .close_map_filters .title {display:none;}

      /* Form */
        /* formulaire global */
          #content_page #carto .tabs-content {padding:30px 15px 25px 15px; height:calc(100% - 60px);}
        /* legend de fieldset niveau 1 - nom de l'annuaire */
          #carto .tabs-content legend {font-family:'opensans_semibold',Arial,Verdana,sans-serif; font-size:1.7em; padding-right:50px; letter-spacing:0;}
          #carto #filters .ligne_form {margin-top:20px;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.3em; margin:0;}
          #carto #filters .input-group .shrink {padding:10px 5px 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:25px 30px 25px 25px;}
        #modal_window.carto_tpl .titre {padding-top:0; padding-right:30px;}
        #modal_window.carto_tpl .cat {padding-bottom:10px;}
        #modal_window.carto_tpl .date {position:static;}
        #modal_window.carto_tpl .date .contain {margin:0; padding-bottom:0;}
        #modal_window.carto_tpl .bandeau_item .triangle_item {display:none;}

    /* COMARQUAGE */
      #content_page .tx-cimcomarquage a.accordion-title {font-size:2.2rem; /*padding:1rem 4.5rem 1rem 0.5rem;*/}
  }

  @media screen and (max-width:360px) {
    #popin_detail #titre_page_popin p {font-size:2em;}
    #popin_detail .quote p, #popin_detail .quote h2 {font-size:1.5em;}
  }

/*** INFOS CORONAVIRUS [start] ***/
  .msg_infos {position:fixed; top:0; left:0; z-index:50; width:50%; height:calc(100vh - 12rem); margin:0 !important;}
  #home #bandeau_page .msg_infos h2, #home .msg_infos h2 {background:rgba(0,0,0,0.5); padding:2rem; top:50%; left:50%; margin:0; position:static; color:#ffffff; font-family:"poppins_semibold",Arial,Verdana,sans-serif; font-size:6em; line-height:normal; text-align:center; text-shadow:0 0 40px rgba(0,0,0,0.75); border:5px solid #fff;}
  #home .msg_infos h2 a {color:inherit; font:inherit; display:block;}
  #home .msg_infos h2 a span {font-family:"poppins_light",Arial,Verdana,sans-serif; font-size:3.5rem; line-height:normal; display:block;}
  #home .msg_infos h2 a span.infos_link {display:inline-block; font-family:'poppins_regular',Arial,Verdana,sans-serif; font-size:2rem; padding:0.6rem 1.2rem; background:#0A8299; border:2px solid #0A8299; border-radius:25px;}
  #home .msg_infos h2 a:hover span.infos_link, #home .msg_infos h2 a:focus span.infos_link {background:#ffffff; color:#0A8299;}


  @media only screen and (max-width:1820px){
    .msg_infos {width:47%;}
  }

  @media only screen and (max-width:1600px){
    .msg_infos {width:40%;}
    #home #bandeau_page .msg_infos h2, #home .msg_infos h2 {font-size:5em;}
    #home .msg_infos h2 a span {font-size:2.5rem;}
    #home .msg_infos h2 a span.infos_link {font-size:1.8rem;}
  }

  @media only screen and (max-width:63.9375em){
    .msg_infos {position:static; height:auto; width:auto; padding:0;}
    .msg_infos > .columns {padding:0;}
    #home #bandeau_page .msg_infos h2, #home .msg_infos h2 {font-size:2.5em; padding:1.5rem 1rem;}
    #home .msg_infos h2 a span {font-size:1.7rem; margin-top:1rem;}
    #home .msg_infos h2 a span.infos_link {font-size:1.3rem;}

    #home {overflow-y:auto;}
    #home, #home #main, #home #global, #home #wrap_header_home {height:auto !important;}
    #wrap_header_home > .columns {padding-bottom:3rem;}
    #acces_rapide_navigation, #acces_rapide_navigation_smart {padding-top:1.5rem; padding-bottom:2.5rem;}
    #communes_smart #bloc_communes.dropdown-pane {position:fixed;}
    #communes_smart #bloc_communes.dropdown-pane.is-open {position:absolute;}
  }

  @media only screen and (max-width: 39.9375em){
    #wrap_header_home > .columns {padding-bottom:10rem;}
    #home #bandeau_page .msg_infos h2, #home .msg_infos h2 {padding:1rem 1rem 1.5rem 1rem; border:2px solid #fff;}
  }
/* INFOS CORONAVIRUS [end] */