BODY { scrollbar-face-color:#011d26; scrollbar-arrow-color:#cee5d1; scrollbar-track-color: #6c7c81; scrollbar-3dlight-color: #000000; scrollbar-lightshadow-color: #000000; scrollbar-base-color: #000000; scrollbar-highlight-color: #1e3c49; scrollbar-shadow-color: #000000; } html, body, #map-canvas { height: 99%; margin: 0; padding: 0; } A:link { color: #000000; text-decoration: none; } A:visited { color: #000000; text-decoration: none; } A:hover { color: #619735; text-decoration: none; background: none; } A.itineraire:link { font-size: 13px; color: #2d6541; text-decoration: none; } A.itineraire:visited { font-size: 13px; color: #2d6541; text-decoration: none; } A.itineraire:hover { font-size: 13px; color: #2d6541; text-decoration: underline; } A.histophile:link { font-size: 13px; color: #000000; text-decoration: none; } A.histophile:visited { font-size: 13px; color: #000000; text-decoration: none; } A.histophile:hover { font-size: 13px; color: #6a8d9c; text-decoration: none; } A.contact:link { color: #49a36e; text-decoration: none; } A.contact:visited { color: #49a36e; text-decoration: none; } A.contact:hover { color: #306a45; text-decoration: underline; } A.TerresCathares:link { color: #005100; text-decoration: none; } A.TerresCathares:visited { color: #005100; text-decoration: none; } A.TerresCathares:hover { color: #005100; text-decoration: underline; } A.galeriesPhotos:link { font-size: 13px; color: #2d6541; text-decoration: none; } A.galeriesPhotos:visited { font-size: 13px; color: #2d6541; text-decoration: none; } A.galeriesPhotos:hover { font-size: 13px; color: #2d6541; text-decoration: underline; } H1 { font-size:15px; margin-top: 0px; margin-bottom: 0px; } H2 { font-size:13px; font-weight: normal; margin-top: 0px; margin-bottom: 5px; } DIV.galeries { margin-top:7px; margin-bottom:7px; } @keyframes anim { 100% { opacity: 1; } 0% { opacity: 0; } } .card-container { height: 150px; perspective: 600; position: relative; width: 67px; } .card { height: 100%; position: absolute; transform-style: preserve-3d; transition: all 1s ease-in-out; width: 100%; } .card:hover { transform: rotateY(180deg); } .card .side { backface-visibility: hidden; height: 100%; position: absolute; width: 100%; } .card .back { transform: rotateY(180deg); } .intro { animation-duration:2s; animation-name: anim; } ::-webkit-scrollbar { width: 0px; height: 0px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #e1e1e1; border: 0px none #ffffff; border-radius: 20px; } ::-webkit-scrollbar-thumb:hover { background: #026606; } ::-webkit-scrollbar-thumb:active { background: #000000; } ::-webkit-scrollbar-track { background: #666666; border: 0px none #ffffff; border-radius: 34px; } ::-webkit-scrollbar-track:hover { background: #999999; } ::-webkit-scrollbar-track:active { background: #eeeeee; } ::-webkit-scrollbar-corner { background: transparent; }