body{margin:0;font-family:Arial,sans-serif;background-color:#f7f8fa;padding-bottom:60px}*{-webkit-box-sizing:border-box;box-sizing:border-box}.btn{display:inline-block;padding:10px 20px;font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;border:none;border-radius:8px;background:linear-gradient(135deg, #4caf50, #81c784);color:#fff;cursor:pointer;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease}.btn:hover{background:linear-gradient(135deg, #388e3c, #66bb6a);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn:active{background:linear-gradient(135deg, #2e7d32, #4caf50);-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.btnNeutral{display:inline-block;padding:10px 20px;font-size:16px;text-align:center;border:2px solid rgba(0,0,0,0);border-radius:8px;background:rgba(0,0,0,0);color:#333;cursor:pointer;-webkit-transition:border-color .3s ease,color .3s ease;transition:border-color .3s ease,color .3s ease}.btnNeutral:hover{border-color:#888;color:#000}.btnNeutral:active{color:#555}.btnAct{background-color:#008cba;color:#fff;padding:10px 25px;border:none;border-radius:5px;cursor:pointer;margin-right:5px;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.btnAct:hover{background-color:#005f73}.btnAct i{margin-right:5px}.btnAct:disabled{background-color:#ccc;color:#727272;cursor:not-allowed;opacity:.5}.btnAct:disabled:hover{background-color:#ccc}.journey-container .parcours-detailsInfo,.parcours-list .parcours-detailsInfo{color:#999;font-size:.9em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.journey-container .parcours-detailsInfo .info-item,.parcours-list .parcours-detailsInfo .info-item{text-align:center}.journey-container .parcours-detailsInfo i,.parcours-list .parcours-detailsInfo i{margin-bottom:5px;font-size:1.2em;color:#4b7683;display:block}.carousel{position:relative;max-width:100%;width:100%;height:300px;overflow:hidden;margin-bottom:20px;border-radius:10px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.carousel .carousel img{width:100%;height:auto;border-radius:10px}.carousel .carousel-slide{background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;width:100%;height:100%;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.carousel .carousel-slide:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.carousel .carousel-slide:nth-child(2){-webkit-animation-delay:5s;animation-delay:5s}.carousel .carousel-slide:nth-child(3){-webkit-animation-delay:10s;animation-delay:10s}.carousel .fade{-webkit-animation-name:fade;animation-name:fade;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:15s;animation-duration:15s}@-webkit-keyframes fade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}100%{opacity:0}}@keyframes fade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}100%{opacity:0}}header{background-color:#5aa4b8;color:#fff;text-align:center;border-bottom:5px solid #4b7683;margin:0}header.header-title{padding:10px 5px}header.header-title h1{margin:0}header.header-return{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}header.header-return .header-title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;font-weight:bold;margin:0;padding:0}header.header-return .back-arrow{margin-left:20px;display:inline-block;color:#fff;margin-right:15px;font-size:1.2em;background:none;border:0;cursor:pointer}.search-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;background-color:#4b7683;color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #5aa4b8}.search-container .search-input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:10px;margin-right:10px;border-radius:5px;border:none}.search-container .icon-button{margin:5px;font-size:18px;padding:10px;background-color:#5aa4b8;color:#fff;border:none;border-radius:5px;cursor:pointer}.filter-container{display:none;background-color:#fff;padding:10px;margin:10px;border-radius:5px}.filter-container.visible{display:-webkit-box;display:-ms-flexbox;display:flex}.btnAudioPlay{background-color:#008cba;color:#fff;border:none;cursor:pointer}.btnAudioPlay i{padding:2px}#shareButton{position:fixed;right:0;top:3px;color:#fff}#comments-section #comments-container .comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:#fff;padding:15px 5px;margin-bottom:10px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}#comments-section #comments-container .comment .profile-pic{width:50px;height:50px;border-radius:50%;margin-right:15px;-o-object-fit:cover;object-fit:cover;background-color:#ddd}#comments-section #comments-container .comment .comment-content{-webkit-box-flex:1;-ms-flex:1;flex:1}#comments-section #comments-container .comment .comment-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}#comments-section #comments-container .comment .comment-header .username{font-weight:bold;font-size:14px;color:#333}#comments-section #comments-container .comment .comment-header .rating{font-size:14px;color:#ffc107}#comments-section #comments-container .comment-text{font-size:14px;color:#555;margin:0}#comments-section .site-rating{padding:10px}#comments-section .add-comment{margin-top:20px;background:#fff;padding:15px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:10px}#comments-section .add-comment h3{margin:0 0 10px;font-size:18px;color:#333}#comments-section .add-comment form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}#comments-section .add-comment input,#comments-section .add-comment textarea,#comments-section .add-comment select,#comments-section .add-comment button{font-size:14px;padding:8px 10px;border:1px solid #ccc;border-radius:4px}#comments-section .add-comment button{background-color:#007bff;color:#fff;border:none;cursor:pointer}#comments-section .add-comment button:hover{background-color:#0056b3}#container-index{padding:20px;text-align:center}#container-index .section-title{color:#4b7683;margin-bottom:15px}#container-index .scrolling-wrapper{overflow-x:auto;white-space:nowrap;padding-bottom:10px}#container-index .scrolling-wrapper img{height:100px;width:auto;display:inline-block;margin-right:10px;border-radius:10px}.parcours-list{margin:10px;padding:0}.parcours-list .parcours-item{background-color:#fff;margin-bottom:10px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-shadow:0 3px 3px #797171;box-shadow:0 3px 3px #797171;max-height:200px}.parcours-list .parcours-item img{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;height:auto;max-height:100%;width:100%;max-width:30%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.parcours-list .parcours-item .parcours-info{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.parcours-list .parcours-item .parcours-title{margin:0;font-size:1.2em;color:#4b7683}.parcours-list .parcours-item .parcours-description{color:#333}.journey-container{border-radius:10px;margin:10px;color:#4b7683;margin-bottom:50px}.journey-container>img{width:100%;border-radius:10px;max-height:300px;-o-object-fit:scale-down;object-fit:scale-down}.journey-container .place{border-radius:5px;margin-top:15px;padding:10px;width:100%;display:inline-block}.journey-container .place img{display:inline-block;width:75px}.journey-container .place h3{display:inline-block;font-size:x-large}.journey-container .parcours-detailsInfo{margin-top:30px;font-size:1.1em}#quiz-button{display:block;width:70%;margin:20px auto;text-align:center}.badge-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.badge-container .badge-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.badge-container .badge{position:relative;cursor:pointer;background-color:rgba(0,0,0,0)}.badge-container .badge img.img-badge{width:100px;height:100px;border-radius:50%;margin:0;padding:0}.badge-container .star-level{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:-12px}.badge-container .star-level img{width:30px}.badge-container .star-level span{font-size:1rem}#badge-popup img.img-badge{width:150px}#badge-popup h3,#badge-popup h2{margin-top:0;margin-bottom:0}.location-list{margin:10px}.location-list .location-item{background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 3px 3px #797171;box-shadow:0 3px 3px #797171;color:#333}.location-list .location-item .location-image{margin-right:10px;max-width:90px;height:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;border-radius:5px}.location-list .location-item .location-name{font-size:1.2em;color:#4b7683;margin:2px 0 4px 0}.location-list .location-item .location-distance{margin-top:6px}.map-view{display:none;width:99vw;margin-left:auto;margin-right:auto;height:75vh;padding:10px;position:relative;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.map-view .map{height:100%;width:100%;margin-bottom:20px;border-radius:5px}.leaflet-popup .leaflet-popup-content img{width:35px}.container-monument{margin:10px;background-color:#fefefe}.container-monument .titleBloc{text-decoration:underline;text-align:left;display:block;font-weight:700;font-size:large;margin-bottom:3px}.container-monument .place-info{background-color:#70b1c4;color:#fff;padding:10px;border-radius:5px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center;margin-bottom:20px}.container-monument .accessibility{text-align:center;margin-bottom:20px;padding:10px 0}.container-monument .accessibility div.logo span{display:inline-block;margin:0 10px;font-size:36px;width:60px;height:60px;line-height:60px;border-radius:50%;background-color:#70b1c4;color:#fff;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.container-monument .accessibility div.logo span:hover{background-color:#4b7683}.container-monument .accessibility div.logo span.not-available{background-color:#ccc;position:relative}.container-monument .accessibility div.logo span.not-available:hover{background-color:#969595}.container-monument .accessibility div.logo span.not-available:after{content:"";position:absolute;left:0;top:50%;right:0;border-top:2px solid red;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container-monument .description{padding:15px;margin-bottom:20px;border-radius:5px}.container-monument .routes{padding:15px;border-radius:5px;margin-bottom:20px}.container-monument .routes .h3{margin-top:0;color:#333}.container-monument .routes .route-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container-monument .routes .route-list .route-item{text-decoration:none}.container-monument .additional-info{padding:15px;border-radius:5px;margin-bottom:20px}.container-monument .additional-info .details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.container-monument .additional-info .details p{margin:1px 0 0 5px}.container-monument .additional-info .details button{margin-top:5px}#itinerary{padding:20px;margin:auto}#itinerary #stepDetails{margin-bottom:20px}#itinerary #stepDetails h2{color:#5b5b5b}#itinerary .containerBtnCheckGps{margin:15px 0 0 0;text-align:center}#itinerary #character,#itinerary .help-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#itinerary #character img,#itinerary .help-container img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin-right:10px}#itinerary #character #gps-link-open,#itinerary .help-container #gps-link-open{color:#007bff;text-decoration:none;font-weight:bold}#itinerary .container-btnStep{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#itinerary .container-btnStep #prevButton,#itinerary .container-btnStep #nextButton{max-width:49%}#itinerary .container-btnStep #prevButton i{margin-right:5px;margin-left:0px}#itinerary .container-btnStep #nextButton i{margin-right:0px;margin-left:5px}.modal::-ms-backdrop{background-color:rgba(0,0,0,.7);-ms-transition:background-color .3s;transition:background-color .3s}.modal::backdrop{background-color:rgba(0,0,0,.7);-webkit-transition:background-color .3s;transition:background-color .3s}.modal .modal-content{padding:20px;position:relative;text-align:center;-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}.modal .close-popup{position:absolute;top:10px;right:10px;background-color:#ff4d4d;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;font-weight:bold;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .3s;transition:background-color .3s}.modal .close-popup:hover{background-color:#ff1a1a}.modal .modal-button{padding:12px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:20px;-webkit-transition:background-color .3s;transition:background-color .3s}#question-container .question{background-color:#fff;border:2px solid #eaeaea;border-radius:8px;padding:20px;margin-bottom:20px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;overflow:hidden;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}#question-container .question:hover{border-color:#d0d0d0}#question-container .question .submitQuestion{display:block;text-align:center;margin-top:20px;padding:10px 15px;border:none;border-radius:4px;margin-top:10px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}#question-container .open-question{background-color:#eff6ff;border-color:#bee0ff}#question-container .open-question .question-text{font-size:18px;color:#333;margin-bottom:15px}#question-container .qcm-question .options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}#question-container .qcm-question .options .option{width:30%;background-color:#eff6ff;border:2px solid #bee0ff;color:#007bff;padding:10px 15px;margin-top:5px;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}#question-container .qcm-question .options .option:hover{background-color:#d0ebff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}#question-container .written-question input.written-response{width:100%;padding:10px;margin-top:10px;border-radius:4px;border:2px solid #a7a5a5;width:100%;height:35px;line-height:1.2em;font-size:1.1em}footer.footer-menu{position:fixed;bottom:0;width:100%;background-color:#4b7683;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;z-index:99}footer.footer-menu i{font-size:1.5em}footer.footer-menu a{color:#fff;text-decoration:none}