/*
Theme Name: VR Mobilité
Theme URL: https://agencevoid.fr
Description: VR Mobilité template
Author: agence VOID
Author URL: https://agencevoid.fr
Template: vrmob
Version: 1.0.0
Text Domain: twentynineteen-child
*/
* {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.relative,.valign{position:relative}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{-moz-appearance:none;-webkit-appearance:none;appearance:none}.valign{top:50%;transform:translateY(-50%)}.bgfull{background-repeat:no-repeat!important;background-position:center center!important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}.nopad{padding:0!important}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.fullh{min-height:100vh}.noverflow{overflow:hidden!important}
.fleft {float:left} .mt50 {margin-top:50px} .mt100 {margin-top:100px} .mb100 {margin-bottom:100px} .caps {text-transform: uppercase} .block {display:block} .reg {font-weight:400} .medium {font-weight: 500} .hide {visibility: hidden}
.halign {margin:0 auto; display: inline-block;} button:focus {outline:0px} .light {font-weight: 300} a:hover, a:active, a:focus {outline:0}
body {font-family: neue-haas-unica, sans-serif!important;font-weight:300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; background-color:#ece4de
}
p {padding:0!important; margin:0}

input, select, optgroup,  textarea {color:grey!important}


#page, .site-content, .site-footer {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto; background:#FBFAF9;
}
#primary a,#primary a:visited {color: #6e8191;text-decoration: underline dotted;}
.home #primary a, .home #primary a:visited {color: inherit;text-decoration: none;}
#sidebar a, #sidebar a:visited {color: inherit;text-decoration: none;}
.page-abo-voirie a, .page-abo-voirie a:visited {color: inherit;text-decoration: none!important;}
.container-fluid {padding:0 50px}
h1::before, h2::before, h3::before, h4::before {display:none!important}
a:visited, a:hover, a:active {text-decoration: none;}
button.classique {background-color:#6e8191;color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px}
.white {color:white} .bg-w {background:white}
.gris {color:#6e8191} .noir {color:black}
.or {color:#ea7252!important} .bg-or {background:#ea7252!important}
.breadcrumbs {background: #6e8191;
    color: white;
    font-size: 11px;
    font-weight: 400;
    padding: 15px; padding-left:50px;
    line-height: 13px;
    text-transform: uppercase;}
    .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:active {color:white}

#chat-bot-launcher-container {right:20px!important}



.page-template-page-carte-2023 .mapboxgl-ctrl-geocoder {border-bottom: 1px solid black}


.circle-link, .circle-link-orange {
  position: absolute;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    padding-left: 25px;
    margin-right: 10px;
    top: 5px;
    left: 0;
    text-decoration: none;
}

/* Cercle extérieur */
.circle-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #B22320;
  border-radius: 50%;
}

/* Cercle intérieur (case cochée) */
a.active .circle-link:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #B22320;
}

/* Cercle extérieur */
.circle-link-orange:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #FF8C00;
  border-radius: 50%;
}

/* Cercle intérieur (case cochée) */
a.active .circle-link-orange:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #FF8C00;
}





.mapboxgl-ctrl-geocoder {width:auto!important;border-radius: 0px!important;}
.mapboxgl-ctrl-geocoder input {color:black!important}

.consigne {display: block;
    color: black;
    font-size: 15px;
    font-weight: 400;
    padding-left: 30px;
    line-height: 22px;margin-bottom:5px}
.intro-secteur {font-size:15px; font-weight:bold; color:white; display: block}
.notice-secteur {font-size: 13px; font-weight:500;
    color: #EE8F73;
    display: block;
    line-height: 16px;
    font-weight: 500;
    margin-top: 20px;
    border: 1px solid #EE8F73;
    padding: 15px 20px;
    max-width: 265px;
    cursor: pointer;
    border-radius: 10px;
    margin: 0 auto;margin-top: 15px!important;}
.notice-secteur img {width: 23px;
    display: block;
    margin-right: 10px;
    float: left;}
#toggleSecteurALink, #toggleSecteurBLink,#toggleSecteurCLink,#toggleSecteurDLink,#toggleSecteurELink {font-size:18px; color:black; display:block; font-weight:400; position:relative; padding-left:25px; margin-bottom:10px}

#toggleSecteurALink::before, #toggleSecteurBLink::before,#toggleSecteurCLink::before,#toggleSecteurDLink::before,#toggleSecteurELink::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #FF8C00;
  border-radius: 50%;
}
#toggleSecteurALink.active, #toggleSecteurBLink.active,#toggleSecteurCLink.active,#toggleSecteurDLink.active,#toggleSecteurELink.active { text-decoration: none}
#toggleSecteurALink.active::after, #toggleSecteurBLink.active::after,#toggleSecteurCLink.active::after,#toggleSecteurDLink.active::after,#toggleSecteurELink.active::after {   content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #FF8C00;}

.site-header {padding:0; background:#FBFAF9}
.site-branding-container {background:#FBFAF9}
.menu-principal {background:#FBFAF9; padding:20px 50px; width:100%; text-align: center;}
.menu-principal .logo img {width:180px; float: left; top:-10px}
.main-navigation > div {display: block;width: 100%; position: relative}
.main-navigation .main-menu {display:inline-block}
.main-navigation ul.main-menu > li {float:left; margin-left:120px; text-align: left; font-weight:500; font-size:21px;font-family: neue-haas-unica, sans-serif!important;}
  .main-navigation ul.main-menu > li:first-child {margin-left:-120px}
  .main-navigation ul.main-menu > li a {color:#6E8191; font-weight:normal}

#site-navigation .logo {width: 180px;
    display: block;
    z-index: 999999;}
#sousmenu-parking {width: 100%!important;
    max-width: 1600px;
    background: transparent;color:white;
    z-index: 9;
    position: absolute;
    height: 100px; margin-top:-40px; padding-top:40px; display:none}
    #sousmenu-parking .liens-parking {background:#6e8191; width:100%; padding:20px 0 20px 0; text-align: center}
    #sousmenu-parking .liens-parking ul {margin-bottom:0}
      #sousmenu-parking .liens-parking ul li {list-style-type: none; display:inline}
        #sousmenu-parking .liens-parking ul li a {color:white; font-size:21px; line-height:25px; font-weight:400}
        #sousmenu-parking .liens-parking ul li::before {content: '';
    height: auto;
    margin: 0 30px 0 30px;
    width: 2px;
    border-left: 2px solid #455663;}
        #sousmenu-parking .liens-parking ul li:first-child::before {display:none}

        #sousmenu-voirie {width: 100%!important;
            max-width: 1600px;
            background: transparent;color:white;
            z-index: 9;
            position: absolute;
            height: 100px; margin-top:-40px; padding-top:40px; display:none; }
            #sousmenu-voirie .liens-voirie {background:#ea7252; width:100%; padding:20px 0 20px 0; text-align: center}
            #sousmenu-voirie .liens-voirie ul {margin-bottom:0}
              #sousmenu-voirie .liens-voirie ul li {list-style-type: none; display:inline}
                #sousmenu-voirie .liens-voirie ul li a {color:white; font-size:21px; line-height:25px; font-weight:400}
                #sousmenu-voirie .liens-voirie ul li::before {content: '';
            height: auto;
            margin: 0 30px 0 30px;
            width: 2px;
            border-left: 2px solid #ae5141;}
                #sousmenu-voirie .liens-voirie ul li:first-child::before {display:none}


.arrow-down::after {content:'';float:none; display: block; position:absolute; margin-top:20px; margin-left:30%; z-index:99;
 height : 0;
 width : 0;
 border-top : 20px solid white;
 border-right : 20px solid transparent;
 border-left : 20px solid transparent;}
.yolo, .yolobis {display:block!important}

.menu-persona {display:inline-block; font-size:11px; margin:15px 0; padding-left:0}
  ul.menu-persona  li {float: left;margin-left: 25px;list-style-type: none;}
    ul.menu-persona li:first-child {margin-left:0px}
.menu-secondaire {display:inline-block; font-size:11px; margin:15px 0}
  ul.menu-secondaire  li {float: left;margin-left: 25px;list-style-type: none;}
.menu-secondaire img {top: -6px;width: 30px;}
/* .menu-secondaire .lien-fps {background:#AE5141;padding: 6px 15px 6px 15px;border-radius: 10px;margin-top:-5px} */
.menu-secondaire .lien-fps {background:white;padding: 6px 15px 6px 15px;border-radius: 10px;margin-top:-5px}
  .lien-fps a {color:#EA7252!important; font-size:12px!important; text-transform: uppercase}
.lien-abo {background:#6E8191;padding: 6px 15px 10px 15px;border-radius: 10px;position: absolute!important;right: 0; }
  .lien-abo a {color:white!important; font-size:13px!important; text-transform:uppercase}
#personav {background:#EA7252; font-weight:400}
#personav a {color:#FFFFFF}




.bandeau .container {max-width:1600px; padding-left:50px}

/* INDEX */
.home .map {height:calc(100vh - 160px)}
.home .latrl {height:calc(100vh - 160px);}
.map .whereismymind {background:#EA7252; color:#ECE5DE; padding:40px 40px 80px 40px; margin:0 auto; max-width:700px;}
.map .whereismymind h1 {font-size:27px; margin-bottom:20px}
.map .whereismymind .mapboxgl-ctrl-geocoder {width:90%; max-width:none;}
.map .whereismymind .mapboxgl-ctrl-geocoder--input {background:#EA7252; color:white; font-size:18px; border-width:0px 0px 1px 0px; padding-left:40px; width:100% }
.map .whereismymind button {background:white; color:#EA7252; font-size:10px; text-transform: uppercase; padding:10px 30px 10px 30px; float:left}
.map .whereismymind #geocoder {float:left; width:80%}
::placeholder {color: white;opacity: 1;}
:-ms-input-placeholder { color: white;}
::-ms-input-placeholder { color: white;}
.mapboxgl-ctrl-geocoder--icon {fill:white!important}
.mapboxgl-ctrl-geocoder {box-shadow:0 0 10px 2px rgba(0,0,0,0)!important; background:transparent!important}


.home .actualites {background:#F36F3E}
.home .slick-slider {height:50%}
.home .slick-slider .contenu {padding:50px 30px 50px 30px; font-weight:300}
.home .slick-slider .contenu img {float:left; margin-right:15px; margin-top:-4px}
.home .slick-slider, .home .slick-slider {height: 50%;
    position: relative;
    display: block;
    background:#FFFFFF;}
.home .slick-track, .home .slick-list  {height:100%}
.home .slider .Alerte span {color:#de1d3c}
.home .slider .Alerte {color:#de1d3c}
.home .slider .Alerte a {color:#de1d3c}
/* .home .Alerte {background-color:#9b2115} */

  /* .home .slider .Alerte a h3 {color:#ffffff} */
.home .slider {font-size:14px; color:#ea7252}

/* .home .slick-dots li:first-child.slick-active:before{background:#de1d3c;border: 1px solid #de1d3c} */
.home .slick-dots li.slick-active:before{
      content: ""; display:block; border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 1px solid #EA7252; width:25px; height:25px; background:#EA7252; position: absolute; z-index:5
    }
    .home .slick-dots li:before{
      content: ""; display:block; border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 1px solid #6E8090; width:25px; height:25px; position: absolute; z-index:5
    }


.slick-dots {margin-top:0px; height:50px!important; }
.slick-dots li img:nth-child(1) {
display: block;
}

.slick-dots li img:nth-child(2) {
display: none;
}

.slick-dots li.slick-active img:nth-child(1) {
display: none;
}

.slick-dots li.slick-active img:nth-child(2) {
display: block;
}
.slick-dots {position:absolute; bottom:-30px; z-index:9; left:0px; padding-left:0!important}
.slick-dots li {list-style-type: none; float:left; margin-left:10px}
.slick-dots li:first-child {margin-left:35%}
.slick-dots li img {display:block;width:25px}
.home .chatbot {background-image: url('https://villerenouvelee-mobilite.fr/wp-content/uploads/2020/11/vrmobilite-ecoute.jpg')!important; height:50%; margin:0; position: relative}
.home .chatbot .layer {background-color:rgba(110,128,144,0.7); position:absolute; width:100%; height:100%}
.home .chatbot .contenu {position:absolute; padding:50px 30px 50px 30px; font-size: 25px; line-height:30px; max-width:400px; font-weight:300; color:#f9f7f5}
  .home .chatbot .contenu .meta {font-size: 15px;line-height: 18px; color:#ece4de; margin-bottom:15px}
  .home .chatbot .contenu .reg {margin-bottom:15px}
.home .chatbot a, .home .chatbot a:active, .home .chatbot a:visited, .home .chatbot a:focus {color:inherit;}
.home .slider h3 {color:#6e8191; font-weight:300; font-size:25px; line-height:30px; margin-bottom:30px; max-width:360px; padding-left: 0}
.home .slider .meta {color:#ea7252; font-size: 15px; line-height:18px; margin-bottom:15px}
.home .slider a {color:#ea7252}

h1.section {font-size:48px; line-height: 57px; text-align: center; margin: 0 auto;max-width: 460px; margin-bottom:25px}
.home #stationnement {padding-top:75px; padding-bottom:75px; font-size:18px; line-height:24px; background-color: #f9f7f5}
.home #stationnement .personas {font-size:18px; line-height:21px; color:#e87352; display:block; text-align:center; padding-bottom:75px}
.home #stationnement h2 {color:#6e8191; font-size:36px}
.home #stationnement h3 {color:#6e8191; font-size:21px; line-height:25px; padding:0}
.home #stationnement .goto {color:#ea7252!important; font-size:12px; text-transform: uppercase; font-weight:500; display:block; margin-top:10px; max-width:450px}
.home #stationnement .goto::before {content:url('img/voirsolutions.svg'); display:block; width:40px; margin-right:15px; float:left;margin-top:2px}
.home #stationnement .card {border:0px; max-width:450px; padding-bottom:20px; padding-top:20px; border-bottom:1px solid #E0E0E0; border-radius: 0px; background:transparent}

.home #tarifs {padding-top:75px; padding-bottom:75px; font-size:18px; line-height:24px;background-color:rgba(203,223,243,0.3)}
#parkingsTab {display:none}

.type-statio {text-align: center}
.type-statio .nav-link {font-size:39px; line-height:47px; background-color:transparent!important; color: #ea7252; font-weight:400; opacity:0.5}
.type-statio li {margin:0; float:left}

.dropdown-toggle, .dropdown-menu {background-color:#6e8191!important; color:white; border:0px; border-radius:0px; font-size:17px; line-height:22px; text-transform: uppercase; font-weight:500;background-clip: unset;outline: none;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {background-color:#6e8191; color:white; border:0px; border-radius:0px; }
.btn-light:hover {background-color:#6e8191; color:white; border:0px;}
.btn-light.focus, .btn-light:focus {box-shadow:0px}
.button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {background-color:#6e8191!important}

#parkingsTabContent .content-parking {margin-top:30px; margin-left:0px}

.dropdown-item {padding:.375rem .75rem; color:white}
.dropdown-item.active, .dropdown-item:active {background-color:#6e8191}
.dropdown-item:focus, .dropdown-item:hover {background-color:#EA7252; color:white}
.bootstrap-select .bs-ok-default:after {margin-top:7px}

.nav-aboh {margin-top: -89px;margin-left: 50%; position:relative}
.nav-aboh li {left:0; z-index:2}
/* .nav-aboh li a:first-child {color:white; background:#6e8191; left:0; z-index:2} */
.nav-aboh li a {border:1px solid #6e8191; color:#6e8191!important; background:white; text-transform: uppercase; padding: 4px 40px 4px 40px; border-radius: 10px; font-size:17px; font-weight:500;}
.nav-aboh li a.active {color:white!important; background:#6e8191;}
.nav-aboh li:last-child {left: 210px;
    z-index: 1;position: absolute;}
/* .nav-aboh li:last-child {color:#6e8191; background:white;  left:200px; z-index:1; position:absolute} */


.content-parking .col-lg-5 {background:white; padding:30px}
.content-parking h3 {color:#6e8191; font-size:17px; line-height:21px; font-weight:500; padding-left:0}
.content-parking h2 {font-size:36px; line-height:41px; font-weight:400}
.content-parking ul {padding-left: 0; font-size:22px; line-height:26px;color:#6e8191}
.content-parking ul li {list-style-type: none; font-weight:400}
/* .content-parking ul li:before {content: '';
    height: 20px;
    display: block;
    float: left;
    width: 20px;
    background-size: 20px;
    background-image: url(img/duree1.svg);
    background-repeat: no-repeat;
    margin-right: 12px;
    margin-top: 10px;
} */
.content-parking ul li img {width:15px; margin-left:10px; margin-right:10px; margin-top:-2px}
.content-parking ul li img.duree {width:20px}
.content-parking button {background: #6E8191;
    padding: 6px 15px 7px 15px;
    border-radius: 10px; font-size:11.5px; line-height:13px; text-transform: uppercase; font-weight:300}

.bgvoirie {background-color:#f9f7f5!important}
.bgparking {background-color:rgba(203,223,243,0.3)!important}

.tab-content {padding-top:50px}

#tarifs .halign {min-width:100%}

.type-parking {color:#6e8191!important; opacity:0.5}
.type-parking.active {color:#6e8191; opacity:1}
.type-parking.active::after { content:url('img/arrow-accordion.svg'); display:block; width:40px; margin-left:45% }
.type-voirie {color:#ea7252; opacity:0.5}
.type-voirie.active {color:#ea7252!important; opacity:1}
.type-voirie.active::after { content:url('img/arrow-accordion-or.svg'); display:block; width:40px; margin-left:45% }

.mb-3, .my-3 {margin-bottom:0!important}

#pills-tab-voirie .nav-link {border:1px solid #EA7252; color:#EA7252!important; text-transform: uppercase; font-weight:400; border-radius:100px; text-align:center}
#pills-tab-voirie .nav-link.active {background-color:#EA7252!important; color:white!important}
#pills-horaire .col-lg-5 .contenu, #pills-abonnement .col-lg-5 .contenu  {background-color:white; padding:50px; text-align: center;color:#EA7252; font-size:21px; line-height:25px}
#pills-horaire .contenu h2, #pills-abonnement .contenu h2 {font-size:36px; line-height: 43px; font-weight:400; color:#EA7252}
#pills-horaire .contenu .medium, #pills-abonnement .contenu .medium {float:none; margin-top:20px; display: block}
#pills-horaire .contenu .tarif, #pills-abonnement .contenu .tarif {text-align:center; margin-top:30px; font-size:19px}
#pills-horaire .contenu .tarif .prix{font-size:48px; line-height:57px; font-weight:400}
#pills-abonnement .contenu .tarif .prix {font-size:35px; line-height:45px; font-weight:400;color:#EA7252}
#pills-abonnement .col-md-5 .contenu {color:black}
#pills-horaire .zr, #pills-horaire .zr h2 {color:#ae5141!important}

#pills-tab-voirieContent .more {padding-top:50px}
#pills-tab-voirieContent .more .col-md-10 {padding-left:0}
#pills-tab-voirieContent .more ul {margin:0 auto}
#pills-tab-voirieContent .more ul li {list-style-type: none; font-size:36px; line-height:43px; color:#ea7252}
#pills-tab-voirieContent .more ul li:first-child {border-top: 1px solid #ea7252;border-bottom: 1px solid #ea7252;padding-top: 20px;padding-bottom: 20px;}

#pills-tab-voirieContent .more ul li:last-child {border-top: 0px;border-bottom: 1px solid #ea7252;padding-top: 20px;padding-bottom: 20px;}
#pills-tab-voirieContent .more ul li img {margin-right:30px}
#pills-tab-voirieContent .more ul li a {color:#ea7252}

.tab-pane .pt0 {padding-top:0!important; margin-top:-40px!important}

#parkingsTabContent .more {padding-top:50px}
#parkingsTabContent .more .col-md-10 {padding-left:0}
#parkingsTabContent .more ul {margin:0 auto}
#parkingsTabContent .more ul li {list-style-type: none; font-size:36px; line-height:43px; color:#6E8191}
#parkingsTabContent .more ul li:first-child {border-top: 1px solid #6E8191;border-bottom: 1px solid #6E8191;padding-top: 20px;padding-bottom: 20px;}

#parkingsTabContent .more ul li:last-child {border-top: 0px;border-bottom: 1px solid #6E8191;padding-top: 20px;padding-bottom: 20px;}
#parkingsTabContent .more ul li img {margin-right:30px}
#parkingsTabContent .more ul li a {color:#6E8191}



.persona-img {opacity: 1.0;
-webkit-transition: background 300ms ease-in 200ms;
-moz-transition: background 300ms ease-in 200ms;
-o-transition: background 300ms ease-in 200ms;
-ms-transition: background 300ms ease-in 200ms;
transition: background 300ms ease-in 200ms;}
.img-pro {background-image: url('img/VRM-pro.jpg')!important;}
.img-etudiant {background-image: url('img/VRM-etudiant.jpg')!important;}
.img-resident {background-image: url('img/VRM-resident.jpg')!important;}
.img-visiteur {background-image: url('img/VRM-visiteur.jpg')!important;}
.img-pmr {background-image: url('https://villerenouvelee-mobilite.fr/wp-content/uploads/2023/07/pmr-stationnement.jpg')!important;}



#offre {padding-top:75px; padding-bottom:75px}
#offre h1 {max-width:600px}
#offre h4 {color:#ea7252; font-size:26px; line-height:31px; text-align: center}
#offre img {margin-top:50px; margin-bottom:30px}


/* MAPTAM */
.page-id-460 .entry-content, .page-id-460 .entry-content > * {max-width:100%!important}
/* CONTACT */
.page-template-page-contact .bandeau {height:200px; position:relative; color:white}
.page-template-page-contact .bandeau .choix {position:absolute;width:100%}
.page-template-page-contact .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.page-template-page-contact .container-contact {padding-top:50px; padding-bottom:50px}
.page-template-page-contact input, .page-template-page-contact select, .page-template-page-contact optgroup, .page-template-page-contact textarea {border:0px; border-radius:0px; background:white; margin-bottom:0px; padding:10px; font-size:15px; color:grey!important}
.page-template-page-contact input[type="text"],.page-template-page-contact input[type="email"],.page-template-page-contact input[type="url"],.page-template-page-contact input[type="password"],.page-template-page-contact input[type="search"],.page-template-page-contact input[type="number"],.page-template-page-contact input[type="tel"],.page-template-page-contact input[type="range"],.page-template-page-contact textarea {border:0px;outline:0;width:100%}
.page-template-page-contact label {display:block;margin-bottom:0}
.page-template-page-contact input[type="submit"] {background-color:#EA7252; padding-right:50px; padding-left:50px; font-size:15px; color:white!important; border-radius:50px }
.page-template-page-contact div.wpcf7-response-output {border:0}

.page-template-page-contact ::-webkit-input-placeholder { /* WebKit browsers */
    color: grey!important;
    opacity: 1;
}
.page-template-page-contact :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: grey !important;
    opacity: 1;
}
.page-template-page-contact ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:grey !important;
    opacity: 1;
}
.page-template-page-contact :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:grey!important;
    opacity: 1;
}

/* NOS PARKINGS */
.page-template-page-nosparkings .parkings-prox {padding:0px 50px!important}
.page-template-page-nosparkings .parkings-prox .col-lg-4 {padding:30px}
.page-template-page-nosparkings .parkings-prox .card {background-color:white; padding:20px; border-radius:0px; text-align:center; font-size:12px; line-height:20px; color:#6e8191}
.page-template-page-nosparkings .parkings-prox h3 {font-size:23px; line-height:28px; color:black}
.page-template-page-nosparkings .parkings-prox .spec {float:left; font-size:8px; line-height:16px; text-transform: uppercase; font-weight:500; margin-left:30px}
  .page-template-page-nosparkings .parkings-prox .spec:first-child {margin-left:0}
.page-template-page-nosparkings .parkings-prox .spec .sub {text-transform:none; font-size:14px; line-height:14px; font-weight:300; display:block}
.page-template-page-nosparkings .parkings-prox .spec img {width:50px; display:block; margin-bottom:10px}
.page-template-page-nosparkings .parkings-prox .row {margin-top:20px}
.page-template-page-nosparkings .parkings-prox .accroche {font-size:16px; line-height:19px; font-weight:300; max-width: 300px;margin: 20px auto; margin-bottom:0}
.page-template-page-nosparkings .parkings-prox button {background: #6e8191;
    color: white;
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    padding: 15px 35px 15px 35px;
    border-radius: 20px;
    text-transform: uppercase;
  width:150px; margin:0 auto}
.page-template-page-nosparkings .parkings-prox .vign {margin-top:10px}
.page-template-page-nosparkings .parkings-prox .card a {display:block; margin-top:20px}

/* FOOTER */
#colophon {background-color:#FBFAF9; padding-top:50px; padding-bottom:50px}
#colophon .footer-nav a {color:#6e8191; font-size:21px; line-height:25px; display: inline-block;margin: 0 auto;text-align: left; font-weight:400 }
#colophon .footer-nav .col {text-align:center}
#colophon .footer-middle { border-top: 2px solid white; border-bottom: 2px solid white; margin-top:30px; padding-top:30px!important; padding-bottom:30px!important}
#colophon .footer-middle img {width:50px; float:left; margin-right:20px}
#colophon .footer-middle .infos {font-size:15px; line-height:20px; font-weight: 300; display:block; float:left}
#colophon .footer-middle .titre {font-size:13px; line-height:25px; font-weight:400; color:#6e8191; text-transform:uppercase; margin-bottom:10px; display: block}
#colophon .footer-middle .faq::before {content:''; display:block; width:2px; height:100%; position: absolute;}
#colophon .footer-middle a {color:black!important}
/* MAP FOOTER */
.map {height:400px}

/* FICHE PARKING */
.layer-parking {background-color:rgba(0,0,0,0.5); height:100%; width:100%; position: absolute; left:0; top:0}
.intro-parking {color: white;opacity: 1;z-index: 2;width: 100%;text-align: center;font-size:60px}
.intro-parking h1 {display:block; font-weight:300}
.intro-parking::before {content:'PARKING'; color:white; font-size:26px; font-weight:600; display: block}
.intro-parking .resume {margin: 0 auto;display: inline-block; margin-top:50px}
.intro-parking .resume img {display:block;width:80px; padding-bottom:10px; margin:0 auto}
.intro-parking .spec {float:left; font-size:12px; font-weight: 600; display:block; text-transform: uppercase; margin-left:40px}
.intro-parking .spec:first-child {margin-left:0}
.intro-parking .spec:last-child {margin-left:100px; position:relative}
.intro-parking .spec:last-child::before {content: '';
    background-color: white;
    width: 1px;
    height: 138px;
    display: block;
    position: absolute;
    left: -50px;}
.intro-parking .spec .sub {font-size:21px; line-height:42px;font-weight:300; display:block}
.intro-parking .spec a {margin-top: 50px;
    display: block;}
.intro-parking button {background: white;
    color: #6e8191;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    padding: 20px 35px 20px 35px;
    border-radius: 20px;
    text-transform: uppercase;}

.single p {margin-bottom:1rem}
.single-parkings h3 {color:#6e8191; font-weight:400; font-size:22px; line-height:26px}
.single-parkings .fiche-parking {background-color:#f9f7f5}
.single-parkings .fiche-parking .row, .tarifs-parking .row {padding-top:25px; padding-bottom:25px}
.single-parkings .adresse, .single-parkings .horaire {font-size:18px; line-height:23px}
.single-parkings .adresse button {background: #6e8191;
    color: white;
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    padding: 15px 35px 15px 35px;
    border-radius: 20px;
    text-transform: uppercase; margin:30px 0px;}
.single-parkings .adresse .acces {font-size:18px;line-height:24px; display: block}
.single-parkings .gps {display:block; margin-top:20px; color:#6e8191}
.single-parkings .services img {width:90px; display: block; margin:0 auto; margin-bottom:10px}
.single-parkings .services {text-transform: uppercase;color:#6e8191;font-size:13px; line-height:18px; font-weight: 600;}
.single-parkings .services h3 {text-transform: none}
.single-parkings {font-size:21px; line-height:25px}
.single-parkings th {font-size:16px; line-height:19px; text-transform: uppercase; font-weight:400}
.single-parkings td {font-size:20px; line-height:24px; font-weight:400}
.table td, .table th {border-bottom:1px solid #6e8191; border-top:0; border-right:0; border-left:0}
.single-parkings .proximite {background:#f9f7f5; padding-top:50px; padding-bottom:50px}
.single-parkings .parkings-prox {background-color:#6e8191; padding-top:50px; padding-bottom:50px}
.single-parkings .parkings-prox h2 {color:white; font-size:39px; line-height:46px; font-weight:400;text-align: center;
    width: 100%;
    margin-bottom: 50px;}
.single-parkings .parkings-prox .col-md-4 {padding:30px}
.single-parkings .parkings-prox .card {background-color:white; padding:20px; border-radius:0px; text-align:center; font-size:12px; color:#6e8191}
.single-parkings .parkings-prox h3 {font-size:23px; line-height:28px; color:black}
.single-parkings .parkings-prox .spec {float:left; font-size:8px; line-height:16px; text-transform: uppercase; font-weight:500; margin-left:30px}
  .single-parkings .parkings-prox .spec:first-child {margin-left:0}
.single-parkings .parkings-prox .spec .sub {text-transform:none; font-size:14px; line-height:14px; font-weight:300; display:block}
.single-parkings .parkings-prox .spec img {width:50px; display:block; margin-bottom:10px}
.single-parkings .parkings-prox .row {margin-top:20px}
.single-parkings .parkings-prox .accroche {font-size:16px; line-height:19px; font-weight:300; margin-top:20px; margin-bottom:20px}
.single-parkings .parkings-prox button {background: #6e8191;
    color: white;
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    padding: 15px 35px 15px 35px;
    border-radius: 20px;
    text-transform: uppercase;
  width:150px; margin:0 auto}
.single-parkings .parkings-prox .vign {margin-top:10px}

.single-parkings td img {width: 20px;margin-top: -5px;margin-right: 5px;}

/* FAQ */
.page-template-page-faq .classique {margin-top:10px; margin-bottom:10px}
#faq #pills-tab {margin-top:50px}
#faq #pills-tab .nav-link {font-size:16px; line-height:20px;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 100px;
    text-align: center;border: 1px solid #6E8191;
        color: #6E8191;}
#faq .row {margin-left:0!important}
#faq #pills-tab .nav-item {margin-left:30px}
#faq #pills-tab .nav-item:first-child {margin-left:0px}
#faq #pills-tab .nav-link.active {background: #6E8191; color:white}
#faq #pills-tab .link-voirie {border: 1px solid #EA7252;
    color: #EA7252;}
#faq #pills-tab .link-voirie.active {color:white;
        background: #EA7252;}
#faq .panel {    border-bottom: 2px solid #ea7252;
    padding-bottom: 10px;
    margin-bottom: 10px; font-weight:300; font-size:21px; line-height:25px}
#faq .panel h4 {    font-size: 21px;
    line-height: 25px; font-weight:400; margin-bottom:0; position:relative}

#faq .panel a[data-toggle="collapse"]::after {content:'-'; position:absolute; right:10px; color:#EA7252; font-size:30px;}
#faq .panel a[data-toggle="collapse"].collapsed::after {content:'+'; position:absolute; right:10px; color:#EA7252; font-size:30px;}
#faq .panel a {color:black}
#faq .tab-pane {width:100%}
#faq .panel-body {margin-top:10px}

/* PERSONAS */
/* INTRO PROFESSIONNELS */
.page-template-page-professionnels {color:#6e8191}
.page-template-page-professionnels {font-size:20px; line-height:35px; font-weight:300}
.page-template-page-professionnels .intro {font-weight:500; font-size:26px}
.page-template-page-professionnels h1 {font-size:64px; line-height:61px; font-weight: 300; margin-bottom:30px}
.page-template-page-professionnels .col-lg-6 {padding:50px; padding-left:0;padding-bottom:100px }
.page-template-page-professionnels .col-lg-6 span {padding-right: 50px;display: block;}
.page-template-page-professionnels .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.5)}
.page-template-page-professionnels .choix {position:absolute;text-align:center; width:100%}
.page-template-page-professionnels .choix button {background: transparent;
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 15px 35px 15px 35px;
    border-radius: 20px; border:2px solid white;
    text-transform: uppercase; margin:30px 0px; float:none;margin:0 auto; display:block; width:230px; margin-bottom:30px}
.page-template-page-professionnels .choix button:hover {background-color:white; color:#6e8191}
/* chef d entreprise */
.page-template-page-chefentreprise .bandeau {height:400px; position:relative; color:white}
.page-template-page-chefentreprise .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.page-template-page-chefentreprise .choix {position:absolute;width:100%}
.page-template-page-chefentreprise .choix button {background: transparent;color: white;font-size: 16px;font-weight: 400;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; border:2px solid white;text-transform: uppercase; margin-right:15px; float:left; display:block; width:230px;}
.page-template-page-chefentreprise .choix button:hover {background-color:white; color:#6e8191}
.page-template-page-chefentreprise .choix button.wrhere {background-color:white; color:#6e8191}
.page-template-page-chefentreprise .choix h1 {margin-bottom:50px}
.page-template-page-chefentreprise span.accroche {font-size:33px; line-height:48px; font-weight:300; color:#455663; display:block; margin:75px 0px}
.page-template-page-chefentreprise .voirie,.page-template-page-chefentreprise .parking  {font-size:20px; line-height:30px; font-weight: 300; text-align: center}
.page-template-page-chefentreprise .voirie h2, .page-template-page-chefentreprise .parking h2 {font-size:39px; line-height:42px; font-weight:400; margin-bottom:40px}
.page-template-page-chefentreprise .parking h2 {color:#6e8191}
.page-template-page-chefentreprise .voirie h2 {color:#ea7252}
.page-template-page-chefentreprise .voirie button, .page-template-page-chefentreprise .parking button {color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px!important; margin:0 auto; display:block}
.page-template-page-chefentreprise .voirie button {background-color:#ea7252;width: 300px;margin: 0 auto;}
.page-template-page-chefentreprise .parking button {background-color:#6e8191}
.page-template-page-chefentreprise .solution {height:450px; margin-top:75px;}
.page-template-page-chefentreprise .trickup {margin-top:-250px; margin-bottom:325px; background-color:transparent}
.page-template-page-chefentreprise h2 {font-size:48px; line-height:56px; font-weight:400; text-align:center; margin-bottom:50px; color:black}
.page-template-page-chefentreprise .solution {padding:50px; color:#6e8191; font-size:20px; line-height:35px}
.page-template-page-chefentreprise .solution button {color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px!important;background-color:#6e8191; margin:0 auto; display:block}

.page-persona .bandeau {height:400px; position:relative; color:white}
.page-persona .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.page-persona .choix {position:absolute;width:100%}
.page-persona .choix button {background: transparent;color: white;font-size: 16px;font-weight: 400;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; border:2px solid white;text-transform: uppercase; margin-right:15px; float:left; display:block; width:230px;}
.page-persona .choix button:hover {background-color:white; color:#6e8191}
.page-persona .choix button.wrhere {background-color:white; color:#6e8191}
.page-persona .choix h1 {margin-bottom:50px}
.page-persona span.accroche {font-size:33px; line-height:48px; font-weight:300; color:#455663; display:block; margin:75px 0px}
.page-persona .voirie,.page-persona .parking  {font-size:20px; line-height:30px; font-weight: 300; text-align: center}
.page-persona .voirie h2, .page-persona .parking h2 {font-size:39px; line-height:42px; font-weight:400; margin-bottom:40px}
.page-persona .parking h2 {color:#6e8191}
.page-persona .voirie h2 {color:#ea7252}
.page-persona .voirie button, .page-persona .parking button {color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px}
.page-persona .voirie button {background-color:#ea7252;width: 300px;margin: 0 auto;}
.page-persona .parking button {background-color:#6e8191}
.page-persona .solution {height:450px; margin-top:75px;}
.page-persona .trickup {margin-top:-250px; margin-bottom:325px; background-color:transparent}
.page-persona h2 {font-size:48px; line-height:56px; font-weight:400; text-align:center; margin-bottom:50px; color:black}
.page-persona .solution {padding:50px; color:#6e8191; font-size:20px; line-height:35px}
.page-persona .solution button {color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px!important;background-color:#6e8191; margin:0 auto; display:block}
.page-persona button.classique {background-color:#6e8191;color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px}
.page-persona button.classique {display:block; float:left}

#visiteurs {font-weight:300}
#visiteurs .row {padding:50px 0}
#visiteurs h2 {font-size:44px; line-height:54px; font-weight: 400; color:black; text-align: left}
#visiteurs h3 {font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 10px;color:#6e8191; padding-left:0}
#visiteurs .solution button {margin-top: 20px!important;
    margin-left: 0;
    margin-bottom: 40px; margin-top:10px}
#visiteurs .solution {height:650px}
#visiteurs .trickup {margin-bottom:0}

#visiteurs .goto {color:#ea7252!important; text-decoration:none!important; font-size:18px; text-transform: uppercase; font-weight:500; display:block; margin-top:10px; max-width:450px}
#visiteurs .goto::before {content:url('img/voirsolutions.svg'); display:block; width:40px; margin-right:15px; float:left;margin-top:0px}


/* A PROPOS */

.page-template-page-apropos .bandeau {height:400px; position:relative; color:white}
.page-template-page-apropos .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.page-template-page-apropos .choix {position:absolute;width:100%}
.page-template-page-apropos .acteur {font-size:20px; line-height:35px; font-weight:300}
.page-template-page-apropos h2 {font-size: 48px;
    line-height: 57px;
    max-width: 800px;
    font-weight: 400;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 50px;}
.page-template-page-apropos .activites {color:white; background:#ea7252; font-size:20px; line-height:30px; font-weight:300; padding:50px 0}
.page-template-page-apropos .activites h2 {padding:0;}
.page-template-page-apropos .activites h3 {font-size:34px; line-height:40px; font-weight:500; margin-bottom:0; padding-left:0}
.page-template-page-apropos .activites .what {display:block; font-size:26px; line-height:31px; font-weight:300; margin-bottom:20px;max-width: 240px;}
.page-template-page-apropos .activites .col-lg-3 {padding-right:50px}

.page-template-page-apropos .services .row {padding-bottom:50px}
/* .page-template-page-apropos .services span {font-size:20px; line-height:30px; font-weight:300; padding-right:30px; display: block} */
.page-template-page-apropos .services h3 {color:#ea7252; font-size:34px; line-height:40px; font-weight:400; max-width:370px; margin-bottom:30px; padding-left:0}
.page-template-page-apropos .services img {width:100%}

.page-template-page-apropos .reponses {padding-bottom:50px; color:white; background:#6e8191; font-size:20px; line-height:30px; font-weight: 300}
.page-template-page-apropos .reponses h2 {text-align: center}
.page-template-page-apropos .reponses h3 {font-size:34px; line-height:40px; font-weight: 400; margin-bottom:25px; padding-left:0}
.page-template-page-apropos .reponses .img-projet {width:100%; height:400px}
.page-template-page-apropos .reponses .slider {margin:20px 0 100px 0}
.page-template-page-apropos .reponses .slick-dots {margin-left: 35%;
    margin-top: -100px;
    position: relative;}
.page-template-page-apropos .temoignages {background:#ece4de; padding:50px; display:none}
.page-template-page-apropos .temoignages .card {padding:25px;background: white;font-size:16px; line-height:25px; font-weight:300; border-radius:0; border:0; text-align: center}
.page-template-page-apropos .temoignages .portrait {height: 90px;
    width: 90px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    opacity: 1;margin:0 auto 20px auto;}
.page-template-page-apropos .temoignages .qui {color:#ea7252; margin-top:15px}

/* ARTICLE BLOG */

.single .vignette {width:100%; height:200px;margin:40px 0 20px 0}
.single h1 {font-size:48px; line-height:60px; font-weight:300; margin-bottom:0px}
.single .title {padding-top:50px; padding-bottom:50px}
#corps {font-size:20px; line-height:25px; font-weight:300}
#corps img {margin-bottom:30px}
#sidebar h2 {color:#ea7252; font-size:24px; font-weight:500}
#sidebar .meta {color:#6e8191; font-size:19px; font-weight:300; text-transform: uppercase}
#sidebar h3 {font-size:24px; line-height:30px; font-weight: 300; padding-left: 0}
#sidebar a {color:black}
#sidebar::before {content:''; width:2px; height:100%; display: block; position: absolute; left:-50px; background-color:#ece4de}
.single .cate {text-transform: uppercase; color:#6e8191; font-size:19px; font-weight:500}
.single .date {font-size:19px; font-style:italic; color:black; font-weight:300}
.single main {padding-bottom:50px}



/* BLOG */
.page-template-page-blog .bandeau {height:400px; position:relative; color:white}
.page-template-page-blog .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.page-template-page-blog .choix {position:absolute;width:100%}
.featured-article {
    margin-bottom: 50px;
    height: 420px;
    background: white;}
    button.alm-load-more-btn { display:block; margin:0 auto;
        font-size: 11px; line-height:13px;
      text-transform:uppercase;
        background:#ea7252!important;
    		border-radius: 0px!important;-webkit-border-radius: 0px!important;
        -moz-border-radius: 0px!important;border-top:0px!important;
    }
    .alm-btn-wrap {text-align: center;}
.page-template-page-blog #ajax-load-more {margin-top:75px; margin-bottom:75px}
.page-template-page-blog #ajax-load-more .date {font-size:16px; line-height:30px; color:#6e8191; font-weight:300; text-transform: uppercase; display:block; margin-top: 15px}
.page-template-page-blog #ajax-load-more h2 {font-size: 24px; line-height: 33px; font-weight:400}
.page-template-page-blog #ajax-load-more a {color:black}
.page-template-page-blog #ajax-load-more .featured-article {margin-bottom:50px;height:400px; background:#f9f7f5}
.page-template-page-blog #ajax-load-more .featured-article .infos {padding:0 25px 25px 25px; text-align: left;}


/* CARTE INTERACTIVE */

.map-container {position:relative; width:10%; height:100vh}
.open-legende {display:none}


/* ABONNEMENT VOIRIE */
.page-abo-voirie .bandeau {background:#ea7252; padding:25px 50px 25px 50px;}
.page-abo-voirie .bandeau h1 {color:white; font-size:64px; font-weight:300;}
.page-abo-voirie .sub {text-transform: uppercase; font-weight:400; font-size:19px; display: block; margin-top:40px}
.page-abo-voirie h2 {font-weight:400; font-size:48px; line-height: 48px; color:black; margin-bottom:0; margin-top:0}
.page-abo-voirie .modalites {font-size:20px; line-height:35px; font-weight:300; display: block; max-width:475px}
.page-abo-voirie .intro {display:block; font-weight:300; color:#ea7252; margin:30px 0; font-size:33px; line-height:48px}
.page-abo-voirie .tarifs {font-size:31px; line-height:37px;color:#ea7252; font-weight:400; margin-top:25px; max-width:270px}
.page-abo-voirie .prix {font-size: 48px; line-height: 57px}
.page-abo-voirie .nombre {display:block; font-size: 21px; line-height:25px}
.page-abo-voirie .tarifs .sep {width:100%; height:1px; background-color:#ea7252;margin:20px 0; display: block}
.page-abo-voirie button {background-color:#ea7252;color: white;font-size: 16px;font-weight: 300;line-height: 19px;padding: 15px 35px 15px 35px;border-radius: 20px; text-transform: uppercase; margin-top:40px}
.page-abo-voirie #toutpublic {padding-bottom:75px; background-color:white}


/* TARIFS VOIRIE */
.forf-voirie-r {display: block;
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 10px;
    font-weight: 500;
    border-top: 1px solid #ae5141!important;
    border-bottom: 1px solid #ae5141!important;
    padding-bottom: 10px;}
    .forf-voirie-o {display: block;
        margin: 0 auto;
        margin-top: 30px;
        padding-top: 10px;
        font-weight: 500;
        border-top: 1px solid #EA7252!important;
        border-bottom: 1px solid #EA7252!important;
        padding-bottom: 10px;}
.page-template-page-tarifsvoirie h2 {margin-top:75px; margin-bottom:50px}
.page-template-page-tarifsvoirie .col-md-5 .contenu {
    background-color: white;
    padding: 50px;
    text-align: center;
    color: #EA7252;
    font-size: 21px;
    line-height: 25px;}
.page-template-page-tarifsvoirie .contenu h2 {font-size: 36px;
    line-height: 43px;
    font-weight: 400;
    color: #EA7252;margin:0 auto}
.page-template-page-tarifsvoirie .contenu .medium {
    float: none;
    margin-top: 20px;
    display: block;}
.page-template-page-tarifsvoirie .contenu .tarif {
    text-align: center;
    margin-top: 30px;
    font-size: 19px;}
.page-template-page-tarifsvoirie    .contenu .tarif .prix {
        font-size: 48px;
        line-height: 57px;
        font-weight: 400;
    }

.page-template-page-tarifsvoirie .zr, .page-template-page-tarifsvoirie .zr h2 {
        color: #ae5141!important;
    }
.page-template-page-tarifsvoirie .more {margin:50px 0}
.page-template-page-tarifsvoirie  .more ul {
        margin: 0 auto;}
.page-template-page-tarifsvoirie .more ul li:first-child {
            border-top: 1px solid #ea7252;
            border-bottom: 1px solid #ea7252;
            padding-top: 20px;
            padding-bottom: 20px;}

  .page-template-page-tarifsvoirie .more ul li {
    list-style-type: none;
    font-size: 36px;
    line-height: 43px;
    color: #ea7252;
}

.page-template-page-tarifsvoirie .more ul li:last-child {
    border-top: 0px;
    border-bottom: 1px solid #ea7252;
    padding-top: 20px;
    padding-bottom: 20px;}

.page-template-page-tarifsvoirie .more ul li img {
    margin-right: 30px;}

.page-template-page-tarifsvoirie    .more ul li a {
        color: #ea7252;
    }

.page-template-page-tarifsvoirie .fps {background-color:#ebaba1; padding-bottom:75px; font-size:20px; line-height:35px; font-weight:300; margin-top:50px}


/* STATIONNER SUR LA VOIRIE */
.statio-voirie .bandeau {height:400px; position:relative; color:white}
.statio-voirie .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.statio-voirie .choix {position:absolute;width:100%}

.statio-voirie h2 {font-size: 48px;
      line-height: 57px;
      max-width: 800px;
      font-weight: 400;
      margin: 0 auto;
      padding-top:0;
      padding-bottom: 0;}

.statio-voirie .solution {
    height: 550px;
    margin-top: 75px;
    font-size:20px; line-height:35px; font-weight:300
}
.statio-voirie .solution h2 {padding-top:50px; text-align: center}
.statio-voirie .trickup {
    margin-top: -250px;
    margin-bottom: 100px;
    background-color: transparent;}

.statio-voirie h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px;
    color: black;}

/* STATIONNER DANS UN PARKING */
.statio-parking {font-size:33px; line-height:48px; font-weight:300}
.statio-parking .container-fluid {padding:75px 0}
.statio-parking .bandeau {height:400px; position:relative; color:white; padding-left: 50px}
.statio-parking .layer {position:absolute; top:0; left:0; height:100%; width: 100%; background-color:rgba(0,0,0,0.4)}
.statio-parking .choix {position:absolute;width:100%}
.statio-parking .accroche {font-size:33px; line-height:48px; font-weight:500}
.statio-parking .expl {color:black; font-size:20px; line-height:35px; font-weight:300}

/* TARIFS PARKING */
.page-template-page-tarifsparking .tarifs-parking .bandeau {background: #455663;padding: 25px 0;color:white}
.page-template-page-tarifsparking .tarifs-parking .accroche {font-size:32px; line-height:48px; font-weight:300}
.page-template-page-tarifsparking .tarifs-parking .expl {font-size:20px; line-height:35px; font-weight:300}
.page-template-page-tarifsparking .tarifs-parking .gris,.page-template-page-tarifsparking  .tarifs-parking .expl {padding:75px 0}
.page-template-page-tarifsparking .tarifs-parking button {margin-left:30px; display: block}
.page-template-page-tarifsparking .nav-item button {background-color: white; border:1px solid #6E8191; color:#6E8191}
.page-template-page-tarifsparking .nav-item button.active {background-color:#6E8191; border:1px solid #6E8191; color:white}
.page-template-page-tarifsparking .tarifs-parking ul {padding-left: 0;
    font-size: 18px;
    line-height: 25px;
    color: #6e8191;}
.page-template-page-tarifsparking .tarifs-parking ul li {list-style-type: none;font-weight: 400;}
.page-template-page-tarifsparking .tarifs-parking ul li img {
    width: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.page-template-page-tarifsparking .tarifs-parking ul li img:first-child {margin-left:0px}
.page-template-page-tarifsparking .tarifs-parking h3 {font-weight:300; font-size:20px; line-height:25px;}
  .page-template-page-tarifsparking .tarifs-parking h3:after {content:'';width:100%; height:1px; background-color: #6e8191; position:absolute;
    left: 0;
    bottom: 0;}
.page-template-page-tarifsparking .tarifs-parking .tab-content {padding-top:0}
.page-template-page-tarifsparking .tarifs-parking .type-forfait {font-size:18px; line-height:25px; font-weight:400; padding-top:5px; color:#6e8191}
.page-template-page-tarifsparking .tarifs-parking .access {text-transform: uppercase; font-size:14px; font-weight:400; margin-top:3px}

.page-template-page-tarifsparking .tarifs-parking .liensparking1,.page-template-page-tarifsparking  .tarifs-parking .liensparking2,.page-template-page-tarifsparking  .tarifs-parking .liensparking3 {width: 50px;
    height: 50px;
    background: white;
    margin-left: 15px;
    border-radius: 50px;
    padding: 10px;
    border: 1px solid #6e8191;
    float: left;
    margin-top: 10px;
    }

    .page-template-page-tarifsparking .tarifs-parking .liensparking1 {background-size: 28px;background-image: url(img/gomap.svg); background-repeat: no-repeat;background-position: 9px 12px; margin-left:0px}
      .page-template-page-tarifsparking .tarifs-parking .liensparking1:hover {background-size: 28px!important;background-image: url(img/gomap-w.svg)!important; background-repeat: no-repeat!important;background-position: 9px 12px!important; margin-left:0px!important;}

    .page-template-page-tarifsparking .tarifs-parking .liensparking2 {background-size: 22px;background-image: url(img/gofiche.svg); background-repeat: no-repeat;background-position: 11px 15px;}
      .page-template-page-tarifsparking .tarifs-parking .liensparking2:hover {background-size: 22px!important;background-image: url(img/gofiche-w.svg)!important; background-repeat: no-repeat!important;background-position: 11px 15px!important;}

    .page-template-page-tarifsparking .tarifs-parking .liensparking3 {background-size: 25px;background-image: url(img/goabo.svg); background-repeat: no-repeat;background-position: 11px 12px;}
      .page-template-page-tarifsparking .tarifs-parking .liensparking3:hover {background-size: 25px!important;background-image: url(img/goabo-w.svg)!important; background-repeat: no-repeat!important;background-position: 11px 12px!important;}

.page-template-page-tarifsparking .tarifs-parking .liensparking1:hover, .tarifs-parking .liensparking2:hover, .tarifs-parking .liensparking3:hover {background:#ea7252; border-color:#ea7252; transition: 1s}

.page-template-page-tarifsparking .tarifs-parking .liensparking1:hover:after {content:'VOIR SUR LA CARTE INTERACTIVE';font-size:9px; line-height:11px; font-weight:400; color:#ea7252; position:absolute; top:70px; left:16px}
.page-template-page-tarifsparking .tarifs-parking .liensparking2:hover:after {content:'ACCÈDER À LA FICHE PARKING';font-size:9px; line-height:11px; font-weight:400; color:#ea7252; position:absolute; top:70px; left:16px}
.page-template-page-tarifsparking .tarifs-parking .liensparking3:hover:after {content:'VOIR LES OFFRES D’ABONNEMENT';font-size:9px; line-height:11px; font-weight:400; color:#ea7252; position:absolute; top:70px; left:16px}

.page-template-page-tarifsparking .row {margin-left:0}
.page-template-page-tarifsparking .col-lg-12, .page-template-page-tarifsparking .col-lg-12 h3, .page-template-page-tarifsparking .col-lg-3, .page-template-page-tarifsparking .col-lg-2  {padding-left:0}





/* ABONNEMENTS PARKING  */


.page-template-page-espaceaboparking h2 {font-size:20px; color:white}
.page-template-page-espaceaboparking button {margin-top:10px}
.page-template-page-espaceaboparking .notyet {margin-top:20px; margin-bottom:20px; display: block}

.accordion-aboparking .panel-title a:after {
    content: "-";
    float:right;
    font-size:20px;
    font-weight:300;
}
.accordion-aboparking .panel-title a.collapsed:after {
  content: "+";

}

.page-template-page-aboparkings button {margin-left:0!important}
.page-template-page-aboparkings .row {margin-left:0}
.page-template-page-aboparkings .col-md-12, .page-template-page-aboparkings .col-md-12 h3, .page-template-page-aboparkings .col-md-3, .page-template-page-aboparkings .col-md-2  {padding-left:0}

.page-template-page-aboparkings .tarifs-parking .bandeau {background: #455663;padding: 25px 0;color:white}
.page-template-page-aboparkings .tarifs-parking .accroche {font-size:32px; line-height:48px; font-weight:300}
.page-template-page-aboparkings .tarifs-parking .expl {font-size:20px; line-height:35px; font-weight:300}
.page-template-page-aboparkings .tarifs-parking .gris,.page-template-page-aboparkings  .tarifs-parking .expl {padding:75px 0}
.page-template-page-aboparkings .tarifs-parking button {margin-left:30px; display: block}
.page-template-page-aboparkings .tarifs-parking ul {padding-left: 0;
    font-size: 18px;
    line-height: 25px;
    color: #6e8191;}
.page-template-page-aboparkings .tarifs-parking ul li {list-style-type: none;font-weight: 400;}
.page-template-page-aboparkings .tarifs-parking ul li img {
    width: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.page-template-page-aboparkings .tarifs-parking ul li img:first-child {margin-left:0px}
.page-template-page-aboparkings .tarifs-parking h3 {font-weight:300; font-size:20px; line-height:25px; color:black; padding-left:0; position: relative; border-bottom:1px solid #6e8191}
.page-template-page-aboparkings .tarifs-parking [data-toggle="collapse"] h3:after {content:'-'; position:absolute; right:0; font-size:40px; font-weight:300; color:black; margin-top:-5px}
.page-template-page-aboparkings .tarifs-parking [data-toggle="collapse"].collapsed h3:after {content:'+'}
.page-template-page-aboparkings .tarifs-parking .tab-content {padding-top:0}
.page-template-page-aboparkings .tarifs-parking .type-forfait {font-size:18px; line-height:25px; font-weight:400; padding-top:5px; color:#6e8191}
.page-template-page-aboparkings .tarifs-parking .access {text-transform: uppercase; font-size:14px; font-weight:400; margin-top:3px}

.page-template-page-aboparkings .tarifs-parking .liensparking1,.page-template-page-aboparkings  .tarifs-parking .liensparking2,.page-template-page-aboparkings  .tarifs-parking .liensparking3 {width: 50px;
    height: 50px;
    background: white;
    margin-left: 15px;
    border-radius: 50px;
    padding: 10px;
    border: 1px solid #6e8191;
    float: left;
    margin-top: 10px;
    }

    .page-template-page-aboparkings .tarifs-parking .liensparking1 {background-size: 28px;background-image: url(img/gomap.svg); background-repeat: no-repeat;background-position: 9px 12px; margin-left:0px}
      .page-template-page-aboparkings .tarifs-parking .liensparking1:hover {background-size: 28px!important;background-image: url(img/gomap-w.svg)!important; background-repeat: no-repeat!important;background-position: 9px 12px!important; margin-left:0px!important;}

    .page-template-page-aboparkings .tarifs-parking .liensparking2 {background-size: 22px;background-image: url(img/gofiche.svg); background-repeat: no-repeat;background-position: 11px 15px;}
      .page-template-page-aboparkings .tarifs-parking .liensparking2:hover {background-size: 22px!important;background-image: url(img/gofiche-w.svg)!important; background-repeat: no-repeat!important;background-position: 11px 15px!important;}

    .page-template-page-aboparkings .tarifs-parking .liensparking3 {background-size: 25px;background-image: url(img/gohoraires.svg); background-repeat: no-repeat;background-position: 11px 12px;}
      .page-template-page-aboparkings .tarifs-parking .liensparking3:hover {background-size: 25px!important;background-image: url(img/gohoraires-w.svg)!important; background-repeat: no-repeat!important;background-position: 11px 12px!important;}

.page-template-page-aboparkings .tarifs-parking .liensparking1:hover, .tarifs-parking .liensparking2:hover, .tarifs-parking .liensparking3:hover {background:#ea7252; border-color:#ea7252; transition: 1s}

.page-template-page-aboparkings .tarifs-parking .liensparking1:hover:after {content:'VOIR SUR LA CARTE INTERACTIVE';font-size:9px; line-height:11px; font-weight:400; color:#ea7252; position:absolute; top:70px; left:16px}
.page-template-page-aboparkings .tarifs-parking .liensparking2:hover:after {content:'ACCÈDER À LA FICHE PARKING';font-size:9px; line-height:11px; font-weight:400; color:#ea7252; position:absolute; top:70px; left:16px}
.page-template-page-aboparkings .tarifs-parking .liensparking3:hover:after {content:'VOIR LES TARIFS HORAIRES';font-size:9px; line-height:11px; font-weight:400; color:#ea7252; position:absolute; top:70px; left:16px}

.page-template-page-aboparkings .row {margin-left:0; padding-top:0}
.page-template-page-aboparkings .col-md-12, .page-template-page-aboparkings .col-md-12 h3, .page-template-page-aboparkings .col-md-3, .page-template-page-aboparkings .col-md-2  {padding-left:0}

.page-template-page-aboparkings .panel-default {padding-top:10px; padding-bottom:10px; display:block}

/*
CARTE  */

.page-template-page-carte #personav {display:none}
.page-template-page-carte .container-map {position:relative; height:calc( 100vh - 110px ); padding:0}

/* EVOLUTION 2023 */
.page-template-page-carte-2023 #personav {display:none}
.page-template-page-carte-2023 .container-map {position:relative; height:calc( 100vh - 110px ); padding:0}
.page-template-page-carte-2023 #menu a:last-child:after {display:none}
.page-template-page-carte-2023 #menu a:first-child:after {content: 'limité à 2h30 1,60€ l\'heure''';
    display: block;
    float: none;
    width: 100%;
    position: relative;
    color: black;
    font-size: 15px;
    padding-left: 30px;
    max-width: 147px;
    line-height: 22px;
    font-weight: 300;
    font-weight: 400;}
.orange-dots {font-size: 20px;
    color: #FF8C00;
    display: block;
    line-height: 22px;
    font-weight: 400;
    margin-top: 10px; float:left}
.orange-temporaire {    font-size: 15px;
    color: #FF8C00;
    display: block;
    line-height: 22px;
    font-weight: 400;
    margin-top: 15px;padding-left:30px}

#carte {
  position: absolute;
  top: 0;
  bottom: 0;
right: 0;
width: 75%;
}

h3 {font-size:20px; line-height:25px; padding: 0 20px 0 20px}
p {padding: 0 20px 0 20px}
.mapboxgl-popup-tip {border-top-color:white!important}
.vignette {width:100%}

.sidebar {
  min-width:400px; height:100%; width:400px;position:relative; background:transparent; margin:0
}
#listings {overflow-x: scroll;
  overflow-y: scroll; max-height:300px; background:#F9F7F5;}
#listings a {font-size: 16px;
 font-weight: 400;
 color: #6E8191;
 margin-top: 8px; margin-bottom:5px;
 display: block;float:left;min-width: 150px;}

.sidebar #accordion {width:100%}
.sidebar .card {border:0px; border-radius:0px}
.sidebar  h5 {font-size:20px; font-weight:400; color:black}
.sidebar .card .btn-link {color:white; padding-left:0}
.sidebar .card #envoirie .btn-link {color:white}
.sidebar .card-body {background:#F9F7F5}
.sidebar #enparking {background:#6E8191}
.sidebar #localiser, .sidebar .card-header {padding:25px; padding-left:15px; width:100%}
.sidebar .card-header h5 {color:white; margin-left:10px}
.sidebar .card-header:hover {cursor:pointer}

.card a[aria-expanded="true"]:after {font-family:"Font Awesome 5 Free";font-weight: 900;
  content: "\f00d";
    position: absolute;
    top: 17px;
    right: 65px;
    color: white;
    font-size: 25px;}
.card a[aria-expanded="false"].collapsed:after {font-family:"Font Awesome 5 Free";font-weight: 900;
  content: "\f107";
    position: absolute;
    top: 17px;
    right: 65px;
    color: white;
    font-size: 30px;}


.sidebar .card-header:first-child {background:#EA7351; border-radius:0px}
.sidebar .btn-link:hover {text-decoration: none}
.sidebar .btn-link:focus {background:transparent!important; text-decoration:none; }

.sidebar input[type="text"] {border:solid 0px #ccc}

.sidebar .card-body #menu a {font-size:20px; color:#FF8C00; font-weight:400; padding-left:30px; position:relative}
  .sidebar .card-body #menu a:last-child {margin-top:15px; display:block}

 /* #listings a::before {content:''; width:100%; height:2px; background:#6E8191} */

.listing-img {width:auto; margin-left:10px; display: inline-block; position:relative}
.listing-img img {width:35px}

#listing-0 .recharge,#listing-0 .lavage{display: none}
#listing-1 .recharge,#listing-1 .lavage {display:none}
#listing-3 .lavage {display:none}
#listing-4 .recharge,#listing-4 .lavage {display:none}
#listing-6 .recharge,#listing-6 .lavage {display:none}
#listing-7 .lavage {display:none}
#listing-8 .gardien,#listing-8 .recharge,#listing-8 .lavage {display:none}
#listing-9 .lavage {display:none}
#listing-10 .recharge, #listing-10 .lavage {display:none}

#listing-10 {margin-bottom: 30px}

#listings .item {border-bottom: 1px solid #D3D8DD;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;}

.sidebar .notice {
    font-size: 9px;
    line-height: 11px;
    font-weight: 400;
    color: #ea7252;}

.sidebar #notice-pmr {display:none}


#listings .item .pmr:hover::after, #listings .item .gardien:hover::after, #listings .item .recharge:hover::after, #listings .item .lavage:hover::after  {content: 'Accès PMR';font-size: 13px;line-height: 11px;font-weight: 500;color: white;
    background: #EA7252;bottom: -25px;padding: 5px 8px;border-radius: 40px;right: 0;position: absolute;text-align: center;min-width: 100px;}
#listings .item .gardien:hover::after {content: 'Gardien'; left:-64px}
#listings .item .gardien:hover::after {content: 'Gardien'; left:-64px}
#listings .item .recharge:hover::after {content: 'Recharge électrique'; left:-128px}
#listings .item .lavage:hover::after {content: 'Station lavage'; left:-192px}



#menu a:first-child {color:#B22222!important}

#menu a::before {}
#menu a.active::before {}

#menu a:first-child:after {content:'limité à 2h30, 1,60€ la première heure puis 1,60€ l’heure suivante'; display:block; float:none; width:100%; position: relative;color:black; font-size:15px; line-height:18px; font-weight:300}
#menu a:last-child:after {content:'limité à 4h30, 1,40€ la première heure puis 0,70€ l’heure suivante'; display:block; float:none; width:100%; position: relative;color:black; font-size:15px; line-height:18px; font-weight:300}


.sidebar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

.sidebar :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

.sidebar ::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

.sidebar .mapboxgl-ctrl-geocoder--icon-search {fill:black!important}
.sidebar .mapboxgl-ctrl-geocoder--input {padding-left:40px!important; background:transparent!important; font-size:20px; font-weight:400}




.sidebar .red {color:red}

.mapboxgl-popup {max-width: none!important}
.mapboxgl-popup-content {background-color: white!important;
    padding: 10px!important;
    border-radius: 0px!important;
    text-align: center;
    font-size: 12px!important;
    color: #6e8191!important;max-width: 300px;
    width: 100%;height:auto}
.mapboxgl-popup-close-button {position: absolute;
    font-size: 30px!important;
    padding: 5px 10px 11px 10px!important;
    z-index: 1!important;
    cursor: pointer;
    background-color: rgba(0,0,0,0.3)!important;}
.mapboxgl-popup-content h3 {font-size: 23px;
    line-height: 28px;
    font-weight: 400;color:black; margin-bottom:5px}
.mapboxgl-popup-content span {font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;}
.mapboxgl-popup-content img {margin-top:5px; display:block}
.mapboxgl-popup-content button {background: #6e8191;
    color: white;
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    padding: 15px 35px 15px 35px;
    border-radius: 20px;
    text-transform: uppercase;
    width: 150px;
    margin: 0 auto; font-weight:400}
.mapboxgl-popup-close-button {    width: auto!important;
    border-radius: 0px!important;}

/* NAV MOBILE */
#mobile-nav {display:none}
/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(249,247,245,0,0); /* Black fallback color */
  background-color: rgba(249,247,245, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
  .overlay-content ul {list-style-type: none;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    text-align: left;padding-left:0}
      .overlay-content ul li {border-bottom: 1px solid #ece4de}
      .overlay-content ul button {margin-top:0; width:80%}
      .overlay-content ul button.classique {margin-top:30px}
      .overlay-content ul button.bg-or {margin-top:0}
.ov-c-v {opacity:1;transition: 2s;}



/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #6e8191;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: black;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
      top: 10px;
      right: 22px;
      line-height: 45px;
      font-size: 45px;
      padding: 0;
}

.persona-img-solo {display:none}
#colophon .site-info {text-align: center}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

#colophon .footer-nav img {max-width:200px}

/* MEDIA Q */

@media screen and (min-width: 1441px) {
  .home .map, .home .latrl {max-height:70vh}
  #chat-bot-launcher-container {top:65vh; right:60px!important}
}

@media screen and (max-width: 1200px) {
  .main-navigation ul.main-menu > li {margin-left:75px}
  .home #stationnement, .home #tarifs {padding-left:0;padding-right:0}
  #faq #pills-tab .link-voirie, #faq #pills-tab .nav-link {font-size:13px}
  #faq #pills-tab .nav-item {margin-left:10px}
  .page-template-page-nosparkings .parkings-prox .col-lg-4 {padding:15px; padding-bottom:30px}


}
.acces-rapides {display:none}
/* ON PASSE EN MENU MOBILE */
@media screen and (max-width: 1070px) {
  .nomob {display: none}
  #mobile-nav {position:relative;display:block; background:#FBFAF9; padding:20px; height:80px}
    #mobile-nav .logo {width:120px; float:left;}
  #open-mobile-menu {position:absolute; right:20px; font-size:15px; color:#6e8191; padding:5px 10px; border:1px solid #6e8191}
  #open-mobile-menu svg {fill:#6E8191}
  #colophon .footer-nav a {font-size: 18px;line-height: 21px;}
  .home .acces-rapides {display:block;padding:15px 15px 3px 15px;background:#EDF2F7}
  .acces-rapides button {background: #6E8191;
    padding: 6px 15px 10px 15px; color:white;
    border-radius: 10px;
    right: 0; font-size:14px; font-weight:300; margin-bottom:10px}


}

/* ON PASSE TOUT EN MD */
@media screen and (max-width: 992px) {
  /* ACCUEIL */
  .no-md {display:none}
  .home .map {height: 400px}
  .home .latrl, .home .slick-slider {height:auto;}
  .home .slick-slider {display: inline}
  .home .slick-dots {display:none!important}
  .chatbot {display:none}
  .home #stationnement {padding-left:50px;padding-right:50px}
  .home .persona-img, .home #stationnement .personas {display:none}
  .home #stationnement #accordion {max-width:80%; margin:0 auto}
  .home #stationnement .card {max-width:none}
  .home .persona-img-solo {display:block; width:100%; height:300px; margin-bottom: 20px;
    margin-top: 10px;}
  .home #tarifs .content-parking .bgfull {height:300px}
  .nav-aboh li {padding:4px 40px 4px 20px}
  .home #pills-horaire .col-lg-5:last-child {margin-top:30px}
  .page-persona span.accroche {margin-bottom:30px!important}
  .page-persona .trickup {margin-top:0;margin-bottom:0}
  #visiteurs .solution {height: 400px;padding-top: 0;margin-top: 0;}
  #visiteurs .solution button {float:none}
  #visiteurs h3 {padding-left:0}
  #visiteurs .trickup .solution {height:auto; padding-bottom:0}
  .page-template-page-residents .voirie button, .page-template-page-etudiant .voirie button {margin-top:20px!important; margin-bottom: 30px!important}
  .page-template-page-residents .parking h2, .page-template-page-etudiant .parking h2 {margin-top:30px}
  .page-template-page-residents .page-persona .parking button, .page-template-page-etudiant .page-persona .parking button {background-color: #6e8191;margin-top: 20px;}
  .page-template-page-professionnels .choix {position: relative}
  .page-template-page-professionnels .col-lg-6 {padding-bottom:50px; padding-right:0}
  .page-template-page-chefentreprise .voirie button, .page-template-page-chefentreprise .parking button {margin-top:20px!important; margin-bottom: 30px!important}
  .page-template-page-chefentreprise .voirie h2, .page-template-page-chefentreprise .parking h2 {margin-top:30px; margin-bottom:20px}
  .page-template-page-chefentreprise .solution .noir {margin-top:30px}
  .page-template-page-chefentreprise .trickup {margin-top:50px; margin-bottom:50px}
  .page-template-page-chefentreprise .solution {height: 400px;padding-top: 0;margin-top: 0;}
  .page-template-page-chefentreprise .trickup .solution {height:auto}
  .page-template-page-commercants .col-lg-6 {padding-bottom:0px;}
  .page-template-page-commercants span.accroche {margin-bottom:0!important}
  .page-template-page-commercants .voirie button, .page-template-page-commercants .parking button {margin-top:20px!important; margin-bottom: 30px!important}
  .page-template-page-commercants .voirie h2, .page-template-page-commercants .parking h2 {margin-top:30px; margin-bottom:20px}
  .page-template-page-commercants .frst {padding-bottom:0!important}
  .page-template-page-commercants .scd .col-lg-6 span.accroche {padding-bottom:30px!important}
  .breadcrumbs {padding-left:20px}
  .page-template-page-commercants .choix button {float:left!important}
  .page-template-page-commercants button {float:none!important}
  .page-template-page-apropos .activites {padding:50px!important}
  .page-template-page-apropos h2 {padding-bottom:30px; font-size:40px; line-height:50px}
  .page-template-page-apropos .services {padding-bottom:50px!important}
  .page-template-page-apropos .services h3 {max-width:none;margin-bottom: 15px; margin-top:30px}
  .page-template-page-apropos .services img {margin-top:50px}
  .page-template-page-apropos .services .row {padding-bottom:0}
  .page-template-page-apropos .reponses .slick-dots {display:none!important}
  .page-template-page-apropos .reponses h2 {margin-bottom:30px}
  .page-template-page-apropos .reponses {padding-bottom:1px!important}
  .page-template-page-apropos .temoignages {padding:50px!important}
  .page-template-page-apropos .temoignages .col-lg-4 {margin-bottom:30px}
  .bandeau h1 {font-size:40px}
  .single #sidebar {margin-top:50px}
  #sidebar h3 {padding-left:0}
  .single .vignette {height:300px}
  #faq #pills-tab .nav-item {width:100%; margin-left:0}
  #faq #pills-tab .link-voirie, #faq #pills-tab .nav-link {width:auto; display:inline-block; margin-top:15px}
  .statio-parking .container-fluid {padding:50px}
  .statio-parking .expl {margin-top:30px}
  .statio-parking .bg-w {padding-top:0}
  .statio-parking .bg-w h2 {font-size:30px}
  .statio-parking button {margin-top:20px}
  .page-template-page-tarifsparking .tarifs-parking .gris, .page-template-page-tarifsparking .tarifs-parking .expl {padding:25px 0}
  .page-template-page-tarifsparking .col-lg-9 {padding-left:0}
  .page-template-page-tarifsparking .tab-pane .row {padding-bottom: 0}
  .page-template-page-tarifsparking .tarifs-parking ul {margin-bottom:10px}
  .page-template-page-tarifsparking .tarifs-parking .liensparking1,.page-template-page-tarifsparking .tarifs-parking .liensparking2,.page-template-page-tarifsparking .tarifs-parking .liensparking3 {margin-bottom:20px}
  .page-template-page-aboparkings .tarifs-parking .gris, .page-template-page-aboparkings .tarifs-parking .expl {padding:25px 0}
  .page-template-page-aboparkings .tarifs-parking .liensparking1, .page-template-page-aboparkings .tarifs-parking .liensparking2, .page-template-page-aboparkings .tarifs-parking .liensparking3 {margin-bottom:20px}
  .page-template-page-voirie button {display: block}
  .page-template-page-voirie .statio-voirie h2.text-center {text-align:left!important}
  .page-template-page-voirie .statio-voirie h2 {margin-bottom:30px}
  .page-template-page-voirie .statio-voirie .solution {height:450px; margin-top:0px}
  .page-template-page-voirie .statio-voirie .trickup .solution {height:auto; padding:50px}
  .page-template-page-voirie .statio-voirie .trickup .solution h2 {padding-top:0}
  .page-template-page-voirie .statio-voirie .trickup .solution .noir {padding-top:30px}
}
@media screen and (max-width: 768px) {
  .site-branding-container {position:absolute; width:100%; z-index:9}
.nav-aboh {margin-top:-30px; margin-left:25%}
.no-sm {display:none}
#colophon .footer-nav img {max-width:180px}
.home #pills-tab-voirie .nav-item:last-child {margin-top: 20px;}
.page-template-page-chefentreprise .choix button, .page-template-page-commercants .choix button, .page-template-page-salaries .choix button {font-size: 15px; width:200px; padding:15px;margin-top: 20px;}
.page-template-page-apropos .activites .col-lg-3 {margin-bottom:30px}
.page-template-page-apropos .container-fluid {padding:0 20px}
.page-template-page-apropos .breadcrumbs {padding:15px!important}
.page-template-page-blog #ajax-load-more .featured-article {height:auto}
.page-template-page-blog .bandeau {height:200px}
.page-template-page-blog .container-fluid {padding:0 20px}
.page-template-page-nosparkings .parkings-prox {padding:0 20px!important}
.single h1 {
    font-size: 35px;
    line-height: 45px;
}
.single .date, .single .cate {font-size:15px}
.single #corps {font-size:20px; line-height:25px}
.single #sidebar {margin-top:50px}
.single .container-fluid {padding:0 20px}
.page-abo-voirie .bandeau h1 {font-size:40px; line-height:45px}
.statio-parking .container-fluid {padding:50px 20px}
.statio-parking .bg-w {padding-top:0px}
.statio-parking h2.gris {margin-top:30px}
.statio-parking .bg-w h2 {font-size: 22px;margin-bottom: 0;}
.page-template-page-parking .bandeau {height:200px!important}
.page-template-page-nosparkings .bandeau {height:200px!important}
.page-template-page-voirie .bandeau {height:200px!important}
.page-template-page-carte-2023 .container-map {min-height: 100%;
	min-height: 100vh; overflow:hidden}
.page-template-page-carte-2023 .sidebar {width: 100%!important;
    max-height: 100%; height:auto;
    position: relative;
    background: transparent;
    margin: 0;
    bottom: 0;z-index:2}
    .page-template-page-carte-2023 #carte {width:100%}
    .page-template-page-carte-2023 #localiser h5 {display:none}
    a.mapboxgl-ctrl-logo {display:none!important}
    .page-template-page-carte .sidebar .mapboxgl-ctrl-geocoder--input {padding-left:50px!important}
    .sidebar #localiser, .sidebar .card-header {padding:15px}
    .card a[aria-expanded="true"]:after, .card a[aria-expanded="false"].collapsed:after {top:11px}
    #accordion {position: fixed;  left: -100%;  z-index: 998;width: 100%; bottom:0;
      transition: 300ms left cubic-bezier(0.77, 0, 0.175, 1);}
    #accordion.active {left:0}

  .open-legende {
    position: absolute;
    top:100px; left:20px;
    transition: 500ms cubic-bezier(0.77, 0, 0.175, 1);display:block
  }
  .open-legende span::before {
    top: -8px;
  }
  .open-legende span::after {
    top: 8px;
  }

  .open-legende.active > span::before, .open-legende.active > span::after {background: #005c9c;top: 0px;}

    @-webkit-keyframes slide {100% { bottom: 0; }}
    @keyframes slide {100% { bottom: 0; }}

}

@media screen and (max-width: 656px) {
.home .site-content {padding-top:180px}
.acces-rapides button {font-size:12px}
}

/* ON PASSE TOUT EN MOBILE */
@media screen and (max-width: 600px) {
  /* ACCUEIL */
  .home #stationnement #accordion {max-width:none; margin:0 auto}
  .overlay a {font-size:26px}
  .overlay-content ul button {width:100%}
  .map .whereismymind {max-width:400px; padding:20px}
  .map .whereismymind h1 {font-size: 23px;margin-bottom: 0px;}
  .map .whereismymind #geocoder {float: none;width: 100%;}
  .map .whereismymind button {float:none; margin-top:10px}
  .home #stationnement {padding:50px 20px}
  .nav-aboh {margin-left:10px}
  .nav-aboh li {padding: 4px 20px 4px 20px;}
  .home #pills-tab-voirie .nav-item {max-width: 250px;margin: 0 auto;}
  #parkingsTabContent .more ul li, #pills-tab-voirieContent .more ul li {font-size:25px; line-height:30px;text-align: left!important}
  #parkingsTabContent .more ul, #pills-tab-voirieContent .more ul {padding-right:1rem}
  .page-persona span.accroche {font-size: 25px;line-height: 35px;}
  .home #pills-tab-voirie .nav-item:last-child {margin-top: 0px;}
  .page-template-page-visiteurs button.classique {margin-left:15px!important}
  .page-template-page-residents .voirie button {max-width:250px}
  .page-template-page-etudiant .voirie button {max-width:250px}
  .page-template-page-chefentreprise span.accroche{font-size: 25px;line-height: 35px; margin-bottom:0px}
  .page-template-page-salaries button.bg-or {margin-left:0!important}
  .page-template-page-voirie .statio-voirie .trickup .solution {padding:50px 20px}
  .intro-parking .resume img {width:50px}
  .intro-parking .spec {margin-left:20px}
  .intro-parking .spec:last-child {float:none; margin-left:0}
  .intro-parking .spec:last-child::before {display:none}
  .intro-parking button {margin-top:30px}
  .intro-parking .spec .sub {font-size:18px; line-height:28px}
  .single-parkings h3 {padding-left:0}
  .single-parkings .services .text-center {text-align: left!important}
  .single-parkings .services img {margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;}
    .single-parkings .parkings-prox h2 {font-size:20px; line-height:36px; margin-bottom:0; margin-top:30px}
    .single-parkings .parkings-prox h3 {padding-left:auto}
}

@media screen and (max-width: 500px) {
  .page-template-page-visiteurs button.classique {margin-left:0!important}
  .page-template-page-professionnels h1 {font-size:45px}
  .page-template-page-professionnels .col-lg-6 span {padding-right:0px}
  .page-persona .choix h1, .page-template-page-chefentreprise .choix h1 {  margin-bottom: 20px;font-size: 40px;}
  .page-template-page-apropos .temoignages {padding:50px 20px!important}
  .bandeau h1 {font-size:30px}
  .page-template-page-tarifsparking .container-fluid {padding:0 20px}
  .page-template-page-tarifsparking .tarifs-parking button {margin-left:0}
  .breadcrumbs {padding:15px!important}
  .page-template-page-aboparkings .container-fluid, .page-template-page-voirie .container-fluid {padding:0 20px}
  .page-template-page-voirie h2 {font-size: 40px;line-height: 46px;}

}