Contactez un spécialiste Caljan à proximité

Si vous ne trouvez pas de bureau près de chez vous, veuillez nous contacter à notre siège social.

@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"); body { font-family: "Open Sans", sans-serif; } .container { margin-top: 150px; } .location-container { position: relative; height: 580px; width: 1174px; } .location-map .map { opacity: .7; height: 580px; width: 1174px; } .location-map .actions { font-family: Segoe UI; position: absolute; bottom: 0; left: 0; width: 100%; } /* Dots */ .location-pin-hq, .location-pin-hq:after { background-color: #21209c; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .location-pin-hq { position: absolute; display: block; height: 10px; width: 10px; z-index: 2; } .location-pin-hq:after { position: absolute; top: 50%; left: 50%; display: block; content: ""; height: 22px; width: 22px; margin: -11px 0 0 -11px; -webkit-animation: pulsate 1s linear; animation: pulsate 1s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .location-pin, .location-pin:after { background-color: #e00053; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .location-pin { position: absolute; display: block; height: 10px; width: 10px; z-index: 2; } .location-pin:after { position: absolute; top: 50%; left: 50%; display: block; content: ""; height: 22px; width: 22px; margin: -11px 0 0 -11px; -webkit-animation: pulsate 1s linear; animation: pulsate 1s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0); opacity: 0.05; } 20% { -webkit-transform: scale(0.7); opacity: 0.1; } 40% { -webkit-transform: scale(0.9); opacity: 0.2; } 60% { -webkit-transform: scale(1.1); opacity: 0.3; } 100% { -webkit-transform: scale(1.4); opacity: 0; } } @keyframes pulsate { 0% { transform: scale(0); opacity: 0.05; } 20% { transform: scale(0.7); opacity: 0.1; } 40% { transform: scale(0.9); opacity: 0.2; } 60% { transform: scale(1.1); opacity: 0.3; } 100% { transform: scale(1.4); opacity: 0; } } /* Tags */ .location { position: absolute; height: 12px; width: 12px; z-index: 2; } /* Cities */ /* Americas */ .location-wisconsin { top: 185px; left: 275px; } /* Europe */ .location-floersheim { top: 155px; left: 560px; } .location-hasselager { top: 120px; left: 560px; } .location-parma { top: 170px; left: 565px; } .location-london { top: 134px; left: 525px; } .location-madrid { top: 185px; left: 515px; } .location-moravska { top: 145px; left: 585px; } .location-paris { top: 160px; left: 540px; } .location-sophia { top: 175px; left: 615px; } .location-steinhagen { top: 140px; left: 560px; } .location-netherlands { top: 140px; left: 545px; } .location-slovakia { top: 155px; left: 595px; } /* Asia */ .location-auckland { bottom: 85px; right: 5px; } .location-guangzhou { top: 245px; right: 260px; } .location-izmir { top: 192px; left: 630px; } .location-haifa { top: 220px; left: 650px; } .location-jeddah { top: 250px; left: 665px; } .location-melbourne { bottom: 82px; right: 100px; } .location-seoul { top: 200px; right: 205px; } .location-shanghai { top: 225px; right: 228px; } .location-selangor { top: 310px; right: 290px; } .location-tianjin { top: 190px; right: 235px; } .location-singapore { top: 320px; right: 285px; } .location-tokyo { top: 200px; right: 160px; } /* map */ .location-map .map { background: url("https://caljan.com/media/xswjojzj/worldmap.svg") no-repeat center center; background-size: cover; position: absolute; top: 0; } /* tooltip */ .tooltip .tooltiptext { visibility: hidden; width: 200px; background-color: #fff; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; bottom: 125%; left: 50%; margin-left: -100px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); text-align: center; padding: 10px 0; z-index: 999; } .tooltip .tooltiptext-auckland { visibility: hidden; width: 185px; background-color: #fff; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; bottom: 125%; left: 50%; margin-left: -180px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); text-align: center; padding: 10px 0; z-index: 999; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; } .tooltip .tooltiptext-auckland::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: 80px; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; } .tooltip:hover .tooltiptext-auckland { visibility: visible; } .text-company { margin: 0; font-size: 12.5px; font-weight:bold; padding-left: 5px; padding-right: 5px; } .text { margin: 0; font-size: 12.5px; padding-left: 5px; padding-right: 5px; } a { text-decoration: none; font-weight: bold; font-size: 12.5px; color: #000; padding-left: 5px; padding-right: 5px; word-wrap: break-word; } a:hover { color: #e00053; }

objectFitVideos();