#carteInteractive span, #carteInteractive p, #carteInteractive div { font-family:'Open Sans',Arial; font-size:16px;} #section-categories::-webkit-scrollbar{width:4px;} #section-categories::-webkit-scrollbar-track{background:#f2f2f2;} #section-categories::-webkit-scrollbar-thumb{background:#888;} #section-categories::-webkit-scrollbar-thumb:hover{background:#454545;} #logoCarte {background: url(/images/site/logo2023b.png);background-size: 100%;width: 73px;background-repeat: no-repeat;overflow: hidden;margin-top: 5px;margin-left: 6px;height: 65px;float: left;} #carteInteractive .bouton {background:#FE3F17;border-radius: 5px;font-weight: 600;} #carteInteractive { position:fixed; top:-2000px; opacity:0; left:0; width:100%; height:100%; background: #459dcb; z-index:100000;} #carteInteractive #top-bar { height:75px; background: #459dcb; box-shadow: 0 3px 10px rgb(0 0 0 / 30%); z-index: 9999999; position: relative;} #carteInteractive li {list-style:none;background:none;} #carteInteractive #top-bar #map-options, #carteInteractive #top-bar #close-map { float:right; color:#ffffff; font-family:'Open Sans', Helvetica, sans-serif; text-decoration: none; text-align: center; margin-top: 11px; width: 145px; margin-right: 17px;} #carteInteractive #top-bar #map-options { width: 172px; display:none;} #carteInteractive #top-bar #map-options span.contenu, #carteInteractive #top-bar #close-map span.contenu { width:100%; float:right; color:#ffffff; font-family:'Open Sans', Helvetica, sans-serif; text-decoration: none; font-size: 16px !important; line-height: 52px; text-align: center;} #carteInteractive #map-content { position:relative; height:100%;} #carteInteractive #map-content #section-map { width:80%; height:100%; float:left;} #carteInteractive #map-content #section-map #map { width:100%; height:100%;} #carteInteractive #map-content #section-categories { width:400px; height:100%; position:absolute;top:0;right:0; background:#ffffff; overflow-y:auto; z-index:1300;} #carteInteractive #map-content #section-categories div.category{ padding:15px 10px 14px 20px; border-left: 3px solid #ffffff; border-bottom:1px solid #e3e3e3; min-height:40px; transition:border-left 250ms linear; } #carteInteractive #map-content #section-categories div.category .category-trigger span {height:100%;display:inline-block;width:316px;line-height: 37px;} #carteInteractive #map-content #section-categories div.category:hover, #carteInteractive #map-content #section-categories div.category.active { background: #f7f7f7; cursor:pointer;} #carteInteractive #map-content #section-categories div.category input.category { display:block !important; height: 20px; width: 20px; background: #fff; border: solid 1px #9a9a9a; color: #fff; color: #fff !important; margin: 0 14px 0 0; top:9px; position:relative; float:left; appearance: none;} #carteInteractive #map-content #section-categories div.category .sub-categories input.chkCarte { display:block !important; height: 17px; width: 17px; background: #fff; border: solid 1px #bdbdbd; color: #fff; color: #fff !important; margin: 0 5px 0 0; top:9px; position:relative; float:left; font-size:13px !important; appearance: none;} #carteInteractive input[type=checkbox] {display: none;} #carteInteractive #map-content #section-categories div.category img { float: left;} #carteInteractive .trigger {display:flex;align-items:center;height: 30px;} #carteInteractive #map-content #section-categories div.category span { position: relative; top: 0; font-size:17px; margin-left:10px; float: left;} #carteInteractive #map-content #section-categories div.category .sub-categories { display:none;} #carteInteractive #map-content #section-categories div.category .sub-categories ul { margin-top: 10px; margin-left: 3px; padding-left:14px; list-style: none;} #carteInteractive #map-content #section-categories div.category .sub-categories ul li { line-height: 0; height: 34px; margin-left:0;padding-left:0;} #carteInteractive #map-content #section-categories div.category .sub-categories ul li span { color:#909090; font-size:14px; top: 2px; margin-left:3px; float:none; line-height:16px;} #carteInteractive #map-content #section-categories div.category .sub-categories ul li img { margin-left:3px; margin-right:5px; width:15px; position: relative; top: 2px; float:none;} #carteInteractive #map-content #section-categories input[type=checkbox]:checked::before { height: 25px; width: 19px; content: '\2714'; display: inline-block; font-size: 13px; text-align: center; line-height: 19px; color: #555555;} #carteInteractive #map-content #section-categories .sub-categories input[type=checkbox]:checked::before { height: 17px; width: 16px; font-size: 11px; text-align: center; line-height: 15px;} .bouton_itineraire_carte { background: #01afeb; display: inline-block; padding: 8px 13px; text-decoration: none; color: #ffffff;} .bouton_itineraire_carte:focus, .bouton_itineraire_carte:active, .bouton_itineraire_carte:hover { color: #ffffff;} .gm-style-iw.gm-style-iw-c {max-width:310px !important;} @media screen and (max-width:1023px){ #carteInteractive #map-content #section-categories {position:absolute;display:none;right:-450px;} #carteInteractive #top-bar #map-options {display:inline;} #carteInteractive #map-content #section-map {width:100%;} #carteInteractive #map-content #section-categories div.category .sub-categories ul li {height:35px !important;}} #close-map span.contenu > span:nth-child(1), #map-options span.contenu > span:nth-child(1) {display:inline-block;} #close-map span.contenu > span:nth-child(2), #map-options span.contenu > span:nth-child(2) {display:none;} @media screen and (max-width:550px){ #carteInteractive #top-bar img {display:none;} #carteInteractive #section-categories {width:320px !important;} #carteInteractive #map-content #section-categories div.category .category-trigger span {width:235px;} #carteInteractive #map-content #section-categories div.category span:nth-child(1) {top: 0;font-size: 13px;margin-left: 10px;width: 20px;float: none;} #carteInteractive #map-content #section-categories div.category span:nth-child(2) {top: 0;font-size: 13px;margin-left: 10px;width: 206px;float: none;} #carteInteractive #map-content #section-categories div.category .category-trigger span {top: 0;font-size: 13px;margin-left: 10px;width: 237px;float: none;} #carteInteractive #map-content #section-categories div.category .sub-categories ul { margin-left:17px; } #carteInteractive #map-content #section-categories div.category .sub-categories ul li span { font-size: 11px; top: 1px; } #close-map span.contenu > span:nth-child(1), #map-options span.contenu > span:nth-child(1) {display:none;} #close-map span.contenu > span:nth-child(2), #map-options span.contenu > span:nth-child(2) {display:inline-block;} #close-map {width: 37px !important;} #map-options {width: 75px !important;} #logoCarte {width: 71px;}} body.locked { overflow: hidden;} @font-face {font-family: 'pictotour4'; src: url('/css/fonts/PictoTour2019.otf') format('opentype');font-weight: normal;font-style: normal;} .pictotour4 {font-family: 'pictotour4' !important;} .leaflet-marker-icon, #section-details > div.top span { background: #363636 !important; color: #ffffff !important; width: 40px !important; height: 40px !important; border-radius: 50px; border: 0 !important; box-shadow:0 6px 10px rgba(0,0,0,0.45) !important; display: flex !important; align-items: center !important; justify-content: center !important;} .leaflet-marker-icon.gris, .colored-gris {background:#363636 !important;} .leaflet-marker-icon.bleu, .colored-blue {background:#2385d9 !important;} .leaflet-marker-icon.mauve, .colored-mauve {background:#6d00a5 !important;} .leaflet-marker-icon.orange, .colored-orange {background:#dd5f06 !important;} .leaflet-marker-icon.rouge, .colored-rouge {background:#c12e2e !important;} .leaflet-marker-icon.vert, .colored-vert {background:#2d9335 !important;} .leaflet-marker-icon.teal, .colored-teal {background:#00c396 !important;} div.category:nth-child(1):hover {border-left:3px solid #363636 !important;} div.category:nth-child(2):hover {border-left:3px solid #2385d9 !important;} div.category:nth-child(3):hover {border-left:3px solid #6d00a5 !important;} div.category:nth-child(4):hover {border-left:3px solid #dd5f06 !important;} div.category:nth-child(5):hover {border-left:3px solid #c12e2e !important;} div.category:nth-child(6):hover {border-left:3px solid #2d9335 !important;} div.category:nth-child(7):hover {border-left:3px solid #00c396 !important;} .leaflet-marker-icon span { font-size: 30px !important; text-align: center !important; position:relative; left:0;} #section-details .content {overflow-y:auto;} .trigger span.pictotour4 {display:inline-block;margin-left:3px !important;margin-right:5px !important;color:#494949 !important;font-size:20px !important;} #section-details {position:absolute;top:0;opacity:0;right:-500px;background:#efeee9;width: 400px;height: 100%;z-index:1400;} #section-details > div.top {background:#383838;height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;} #section-details > div.top span {background:#ffffff !important;color:#454545 !important;font-size:30px !important;font-family:'pictotour4' !important;} #section-details > div.top a {color:#ffffff;font-weight:bold;text-decoration:none;} #section-details > div.top strong {display:inline-block;margin-left:8px;} #section-details > div.content {padding:40px;font-size:15px;line-height: 25px;} #section-details > div.content p {margin-top:6px;color:#686a68;font-size:15px;} #section-details > div.content a {color:#FE3F17;text-decoration:none;} #section-details > div.content span.titre {display: block;color: #459dcb;margin-bottom: 27px;font-size: 19px;font-weight: bold;} #section-details > div.content span.soustitre {display: block;color: #343434;margin-top:30px;margin-bottom: 0;font-size: 17px;font-weight: bold;} #section-details > div.content .bouton {display:inline-block;padding: 17px 20px;color: #ffffff;font-family: 'Open Sans', Helvetica, sans-serif;text-decoration: none;text-align: center;margin-top: 11px;} #section-categories {filter:brightness(1);transition:all 600ms linear;} #section-categories.hide-box {filter:brightness(0.1);} span.infowindow-title {font-weight:bold;color:#459dcb;display:block;margin-bottom:11px;margin-top:9px;} span.infowindow-from {color:#484848;font-size:14px !important;display:block;margin-bottom:16px;} span.infowindow-from span {color:#525252;font-weight:bold;font-size:14px !important;} div.infowindow-element-container {text-align:center;display:flex;justify-content:space-between;align-items:flex-start;} span.infowindow-element {text-align:center;width:33.25%;line-height: 20px;color:#484848;font-size:14px !important;display:block;} span.infowindow-element:nth-child(1), span.infowindow-element:nth-child(2) {border-right:1px solid #f0f0f0;} span.infowindow-element small {line-height: 12px;text-align:center;color:#707070;font-size:11px !important;display:block;} div.infowindow-description {margin-top:17px;margin-bottom:17px;max-height:170px;overflow-y:auto;font-size:14px !important;display:block;} div.infowindow-image {border-radius: 8px;} div.infowindow-description p {color:#484848;line-height:21px;font-size:14px !important;margin:0 0 14px 0;} .infowindow-button {transition:all 150ms linear;filter: grayscale(0);text-decoration:none;font-size:15px;color:#FE3F17 !important;margin-right:20px;margin-bottom: 10px;display: inline-block;} .infowindow-button:hover {filter: grayscale(1);} .infowindow-button[href*=".pdf"]:before {content:"";display:inline-block;width:24px;height:24px;background:url(/images/icones/pdf22.png);position:relative;top: 6px;left: -3px;} .infowindow-button.dark {background:#323232 !important;} .leaflet-popup {width:450px;bottom: 2px !important;left: -212px !important;} .leaflet-popup-content {width:407px !important;} .sub-categories.etapes .trigger span {width:100% !important;} .clearfix {clear: both;}