html{margin:0;padding:0}#wrapper{min-height:800px}#main-wrapper{overflow:auto;background:url(../monteeDesOceans/img/elevation.svg) -150px bottom no-repeat;background-position:bottom right;height:100vh;width:auto;min-width:1000px;margin-right:0;min-height:800px;position:relative}.shortP{margin-top:10px}#causes{display:table;margin-top:5px;margin-right:50px}#causes ul{display:table-row}#causes ul li{display:table-cell}#causes ul li a.bouton{padding:0;width:57px}#banquiseA,#dilatationA{border-right:none}#panelGeoloc{margin:0;padding:0;width:240px;height:100%;background:rgba(255,255,255,0.2);overflow:auto;position:relative}#panelGeoloc #geolocWrapper{padding:149px 30px 30px 30px;color:#ffffff}#panelGeoloc #geolocWrapper .gpsOption{margin-top:1em;display:inline-block;width:30%;padding:10px 0;color:#ffffff;border:1px solid #ffffff;text-align:center;-webkit-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out}#panelGeoloc #geolocWrapper .gpsOption:hover{background:#ffffff;color:#2ac5d7}#geoDebug{color:red;width:100%}#listeProches{margin-top:-70px}#listeProches ul{margin-top:20px}#listeProches ul li{display:block;border-bottom:1px solid white}#listeProches ul li a{padding:20px 0px 20px 40px;color:#ffffff}#listeProches ul li a:hover{color:#127497;background:none}.loadingIcon{margin-top:10px;display:block;width:60px;height:60px;background:url(../img/ajax-loader.gif) no-repeat}#listeVilles{margin:0;padding:0;width:280px;height:100%;background:rgba(255,255,255,0.2);overflow:hidden;position:relative}#listeVilles .fermer{padding:2px 3px 2px 2px;border-bottom:none}#villesWrapper{margin:0;padding:0;width:100%;height:100%;min-height:760px;overflow:auto}#villesWrapper::-webkit-scrollbar{border:#ffffff solid 1px}#villesWrapper::-webkit-scrollbar-thumb{background:#ffffff}#listeVilles ul{width:100%;color:#ffffff}#listeVilles ul li{width:100%;display:block;font-size:1em}#listeVilles ul li:first-child{padding-top:0}#listeVilles ul li a{width:210px;height:100%;color:#ffffff;padding:10px 0 10px 40px;background:none}#listeVilles ul li a:hover{background:rgba(255,255,255,0.2)}#listeVilles ul li a.villeSelected,#ulProches a.villeSelected{color:#127497;background:url(../img/check.svg) no-repeat;background-position:10px}#iconesVilles,#invisGrid{position:absolute;right:0;width:500px;height:100%}#iconesVilles #iconesWrapper,#invisGrid #invisWrapper{width:100%;height:100%;position:relative}#iconesVilles #iconesWrapper li,#invisGrid #invisWrapper li{display:block;position:absolute;width:90px;height:90px}#iconesListe li a,#invisListe li a{width:90px;height:90px;display:block;font-size:14px;color:#127497;overflow:visible;position:relative;text-align:right}#invisListe li a span{display:block;position:absolute;width:110px;top:-5px;right:45px}#invisListe li a:hover{background:none}#test{position:relative}.panel,.panelCity{margin:0 0 0 1px;padding:0;width:33%;min-width:320px;height:100%;background:rgba(255,255,255,0.3);color:#ffffff}.panelCity{position:relative}.panel h3{font-weight:normal;width:60%}.fermer{float:right;display:block;border:1px solid #ffffff;padding:2px 5px;margin:0;color:#ffffff;font-size:0.8em;text-transform:uppercase;text-align:center}.fermer:hover{background:#ffffff;color:#158da4}#dilatfermer,#montafermer,#banqfermer,#villesFermer,#geolocFermer,#cityFermer{position:absolute;top:0;right:0}.panel p,.panelCity p{color:#127497}.panel .cause-wrapper,.infoVilleWrapper{position:relative;height:640px;padding:94px 40px 40px 40px;overflow:visible}#panelMontagne{position:absolute;right:0}#panelDilatation{position:absolute;left:33%}#panelVille h3{border-bottom:1px solid #ffffff}#panelVille .detailsVille{margin-top:10px;font-size:0.9em}#popVille,#altVille,#risqueVille{display:block;padding:10px 0;margin-left:40px;letter-spacing:-1px}#popDiv{background:url(../img/population.svg) no-repeat left center}#altDiv{background:url(../img/altitude.svg) no-repeat left center}#risqueDiv{background:url(../img/risque.svg) no-repeat left center}#eau{width:100%;height:100%;position:absolute;bottom:0;background:url(../img/ocean0.png);background-repeat:repeat-x}.indicesMer{display:block;position:absolute}#dateMer{font-size:6em;font-family:"Muli", Helvetica, sans-serif;left:20px;color:#158da4;bottom:150px;opacity:0.5}#niveauMer{color:#44edf2;left:20px;bottom:290px;font-weight:lighter}#indiceMetre{color:#44edf2;left:20px;position:absolute;display:block;font-weight:lighter;bottom:450px}.ixWrapper{position:absolute;top:45%;display:block;margin:auto;min-width:80%}#ixBanquise,#ixDilatation,#ixMontagne{margin-top:20px;display:block;width:100%;height:300px;position:relative;overflow:hidden}.soleil{width:30px;height:30px;position:absolute;top:0px;left:10px;display:block;background:url(../img/soleil.svg)}.ixEau{display:block;height:20px;width:100%;position:absolute;top:120px;background:url(../img/vagueMini.svg) repeat-x}#ixflottante{width:180px;height:80px;display:block;position:absolute;top:92px;left:-80px;background:url(../img/seaIce.svg) no-repeat center center}#ixAtomes{display:block;height:200px;width:100%;position:absolute;top:135px;background:url(../img/atomes.svg) no-repeat center top;background-size:100%}.thermometre{background:url(../img/thermometre.svg) no-repeat bottom right;display:block;width:20px;height:100px;position:absolute;right:0px;top:0px}#thermometreMont{left:0px}.thermometre a{text-align:center;color:#ffffff;font-size:18px;height:20px;border:1px solid white}.thermometre a:hover{background:white;color:#26bace}.thermometre a:first-child{border-bottom:none}#miniMont{width:200px;height:160px;position:absolute;margin-right:-20px;top:0px;right:0;background:url(../img/neige.svg) no-repeat center left;background-size:90%}#neigeCanvas{position:absolute;right:20px}