:root{--root-base: 16;--root-fsize: calc(--root-base * 1px);--root-radius: 0.9375rem;--color-bg-body: #edf2f2;--color-black: #1a1a1a;--color-white: #fff;--color-logo: #F18318}.cartography{border:1px solid #ddd;height:540px;width:100%;font-size:0;margin:0 0 60px;overflow:hidden;position:relative}.cartography ul{margin:0;padding:0}.cartography ul li{list-style:none;margin:0}.cartography a{display:block;text-decoration:none}.cartography .map-container{font-size:1rem;display:inline-block;width:calc(100% - 350px);height:100%;vertical-align:top;position:relative}.cartography .map-container .upCarto__arrow{position:absolute;top:0;height:84px;border:0;overflow:hidden;text-indent:100px;width:35px;padding:0;cursor:pointer;background:#fff url("../images/upcarto-arrow.svg") no-repeat center center;background-size:10px auto;transition:all ease 150ms}.cartography .map-container .upCarto__arrow:hover{background-position:right 5px center}.cartography .map-container .upCarto__arrow.before{left:0;transform:rotate(180deg)}.cartography .map-container .upCarto__arrow.after{right:0}.cartography .details__arrows{display:none}.cartography .head{height:85px;border-bottom:1px solid #ddd;box-sizing:border-box;padding:20px 35px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}.cartography .head::-webkit-scrollbar{display:none}.cartography .head ul{font-size:0}.cartography .map{background:#ddd;overflow:hidden}.cartography .panel{border-left:1px solid #ddd;font-size:1.125rem;display:inline-block;width:350px;height:100%;vertical-align:top;padding:25px 0 0 35px;box-sizing:border-box}.cartography .panel ul{height:100%;overflow-y:scroll;scrollbar-width:thin}.cartography .panel ul::-webkit-scrollbar{width:6px}.cartography .panel ul::-webkit-scrollbar-thumb{background:#ddd}.cartography .panel li{background-size:16px auto;background-repeat:no-repeat;background-position:0 center}.cartography .panel a{padding:10px 0}.cartography .panel a:hover{color:#F59100;font-weight:bold}.cartography .head__btn{display:inline-block;vertical-align:top;border:1px solid #ddd;border-radius:20px;margin:0 10px}.cartography .head__btn.isActive,.cartography .head__btn:hover{border-color:#F59100;background:#F59100}.cartography .head__btn.isActive button,.cartography .head__btn.isActive a,.cartography .head__btn:hover button,.cartography .head__btn:hover a{color:#fff}.cartography .head__btn button,.cartography .head__btn a{color:#2c2c2c;height:40px;display:block;line-height:2.5rem;padding:0 18px;font-size:.875rem;font-weight:bold;background:0;border:0;cursor:pointer;user-select:none}.cartography .details{background:#f59100;color:#fff;position:absolute;right:-350px;top:0;width:350px;height:100%;font-size:1rem;transition:right ease-in 500ms}.cartography .details.isActive{right:0}.cartography .details__head{background-color:#e58800;background-repeat:no-repeat;background-size:20px auto;background-position:30px center;padding:30px 0 0 64px;height:85px;border-bottom:1px solid #ddd;position:relative}.cartography .details__head h2,.cartography .details__head p{font-size:1.125rem;font-weight:bold;margin:0;padding:0 45px 0 0}.cartography .details__head .details__close{position:absolute;top:50%;transform:translateY(-50%);right:0;height:84px;width:45px;overflow:hidden;text-indent:100px;cursor:pointer;border:0;padding:0;background:url("../images/upcarto-close.svg") no-repeat 5px center;background-size:15px auto;white-space:nowrap}.cartography .details__content{padding:45px 20px 145px 64px;height:calc(100% - 85px);overflow-y:scroll;scrollbar-width:thin}.cartography .details__content::-webkit-scrollbar{width:6px}.cartography .details__content::-webkit-scrollbar-thumb{background:#ddd}.cartography .details__content ul{margin:0 0 10px 16px}.cartography .details__content ul li{list-style-type:disc}.cartography .details__content h3,.cartography .details__content p{font-size:1rem;line-height:1.25rem;margin:0 0 10px;padding:0}.cartography .details__content strong{display:block}.cartography .details__content hr{height:1px;background:#fff;border:0;margin:0 0 10px}.cartography .details__content a{color:#fff;text-decoration:underline}.cartography .details__content a:hover{text-decoration:none}.cartography a.btn{margin:10px 0 40px;display:inline-block;color:#F59100;font-size:.75rem}.cartography__iconsBar{margin:0 0 90px}.cartography__iconsBar ul{margin:0;padding:0;display:flex;justify-content:space-around}.cartography__iconsBar ul li{color:#2c2c2c;list-style:none;margin:0;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.125rem;padding-top:65px;background-position:center 0;background-repeat:no-repeat;background-size:auto 50px}.cartography__iconsBar span{color:#F59100;display:block;font-size:2.8125rem;line-height:1.625rem;margin-bottom:20px}.cartography__iconsBar .iconsBar__continent{background-image:url("../images/ico-continent.svg")}.cartography__iconsBar .iconsBar__pays{background-image:url("../images/ico-carto-pays.svg")}.cartography__iconsBar .iconsBar__collab{background-image:url("../images/ico-carto-collab.svg")}.cartography__iconsBar .iconsBar__benef{background-image:url("../images/ico-carto-benef.svg")}.panel__allemagne{background-image:url("../images/flag-allemagne.png")}.panel__belgique{background-image:url("../images/flag-belgique.png")}.panel__bresil{background-image:url("../images/flag-bresil.png")}.panel__bulgarie{background-image:url("../images/flag-bulgarie.png")}.panel__chili{background-image:url("../images/flag-allemagne.png")}.panel__colombie{background-image:url("../images/flag-allemagne.png")}.panel__costarica{background-image:url("../images/flag-allemagne.png")}.panel__croatie{background-image:url("../images/flag-allemagne.png")}.panel__equateur{background-image:url("../images/flag-allemagne.png")}.panel__espagne{background-image:url("../images/flag-allemagne.png")}.panel__france{background-image:url("../images/flag-allemagne.png")}.panel__grece{background-image:url("../images/flag-allemagne.png")}.panel__hongrie{background-image:url("../images/flag-allemagne.png")}.panel__italie{background-image:url("../images/flag-allemagne.png")}.panel__maroc{background-image:url("../images/flag-allemagne.png")}#svgRoot{width:100%;height:100%}@media screen and (max-width: 800px){.cartography{margin:0 0 20px}.cartography .map-container{width:100%}.cartography .panel{position:absolute;top:53px;left:0;background:white url("../images/carto-map-resp.png") no-repeat 0 0;background-size:contain;width:100%;padding:10px 0 10px 10px;height:calc(100% - 53px)}.cartography .details{top:53px;right:-100%;width:100%;height:calc(100% - 53px)}.cartography__iconsBar{margin:0}.cartography__iconsBar span{font-size:1.75rem;margin-bottom:5px}.cartography__iconsBar ul{justify-content:start;flex-direction:column;align-content:start}.cartography__iconsBar ul li{padding:0 0 0 80px;text-align:left;background-position:0 0;background-size:auto 40px;margin:0 0 20px}.cartography .map-container .upCarto__arrow{display:none}.cartography .head{padding:5px 0;height:auto}.cartography .head__btn{margin:0 5px}.cartography .details__head .details__close{width:60px;background-position:center center}.cartography .details__arrows{display:block;width:80px;height:85px;position:absolute;top:0;right:60px;border-right:1px solid #ddd;border-left:1px solid #ddd}.details__arrow{position:absolute;top:0;height:85px;width:40px;border:0;background:url("../images/upcarto-details-arrows.svg") no-repeat center center;background-size:auto 32px;cursor:pointer;overflow:hidden;white-space:nowrap;text-indent:100px;padding:0;margin:0}.details__arrow--previous{left:0;transform:rotate(180deg)}.details__arrow--next{right:0}}@media screen and (max-width: 540px){.cartography .details__arrows{display:none}}