https://www2.wayn.com/!/ #clubTopDivHtml { margin-top: 0px; overflow: hidden; max-height: 2000px; transition: max-height 0.5s; } #clubTopDivHtml.reunion-closed { max-height: 0px !important; transition: max-height 0.5s; } .reunion-slider { position: relative; width: 100%; padding: 25px; background: #fff; box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5) inset; } .reunion-close { position: absolute; top: 20px; right: 10%; height: 25px; width: 25px; cursor: pointer; font-size: 14px; opacity: 0.4; transition: opacity 0.25s; } .reunion-close:hover { opacity: 0.2; transition: opacity 0.25s; } .reunion-slider-step { position: relative; margin: 0px auto; overflow: hidden; } .reunion-pixel-tracker { position: absolute; top: 0px; right: 0px; width: 1px; height: 1px; overflow: hidden; } .reunion-slider-step h1 { font-size: 36px; color: #444; margin: 0px; padding: 0px; line-height: 36px; } .reunion-slider-step p, .reunion-finish-text { font-size: 15px; color: #999; margin: 10px 0px; padding: 0px; line-height: 20px; } #reunion-slider-step1 { width: 750px; } #reunion-slider-step1 { text-align: center; } .reunion-sliders-wrapper { height: 350px; margin: 10px; } .one-reunion-slider { position: relative; display: inline-block; height: 100%; width: 75px; margin: 0px 10px; border-radius: 10px; overflow: hidden; } #one-reunion-slider1 { background: #1579E6; } #one-reunion-slider2 { background: #FDB32B; } #one-reunion-slider3 { background: #3FBB41; } #one-reunion-slider4 { background: #F3622F; } #one-reunion-slider5 { background: #B03BDC; } .reunion-slider-circle { position: absolute; left: 12px; width: 51px; height: 51px; border-radius: 51px; background-position: center center; background-repeat: no-repeat; box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2); } .reunion-slider-circle1 { top: 12px; } .reunion-slider-circle2 { bottom: 12px; } .reunion-slider-label { position: absolute; left: 5px; right: 5px; text-align: center; font-size: 12px; color: #fff; line-height: 15px; } .reunion-slider-label1 { top: 75px; } .reunion-slider-label2 { bottom: 75px; } .reunion-slider-bar { position: absolute; top: 115px; width: 8px; bottom: 115px; left: 50%; margin-left: -4px; border-radius: 8px; background: #000; background: rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) inset; } .reunion-range { position: absolute; top: -5%; left: 0px; writing-mode: bt-lr; -webkit-appearance: slider-vertical; width: 8px; height: 110%; margin: 0px; padding: 0px; cursor: pointer; z-index: 3; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } .reunion-range:active + .reunion-slider-handle { opacity: 0.7; transition: top 0.5s, opacity 0.25s; } .reunion-slider-handle { position: absolute; left: 50%; width: 24px; height: 24px; margin: -12px 0px 0px -12px; background: url('/profile/partners/reunion_slider/images/handle.png') center center no-repeat; transition: top 0.5s, opacity 0.25s; } .reunion-slider-handle-1 .reunion-slider-handle { top: 0%; } .reunion-slider-handle-2 .reunion-slider-handle { top: 50%; } .reunion-slider-handle-3 .reunion-slider-handle { top: 100%; } .reunion-clickable-field-1, .reunion-clickable-field-2, .reunion-clickable-field-3 { position: absolute; left: 0px; right: 0px; z-index: 2; cursor: pointer; } .reunion-clickable-field-1 { top: -5px; height: 40%; } .reunion-clickable-field-1:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } .reunion-clickable-field-2 { top: 40%; bottom: 40%; } .reunion-clickable-field-2:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100%); } .reunion-clickable-field-3 { bottom: -5px; height: 40%; } .reunion-clickable-field-3:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } #reunion-slider-button { position: relative; display: inline-block; height: 30px; margin-top: 25px; padding: 0px 15px 0px 35px; color: #fff; background: #4C4C4C; font-size: 15px; cursor: pointer; line-height: 30px; border-radius: 30px; transition: opacity 0.25s; } #reunion-slider-button .icon-checked { position: absolute; top: 0px; width: 30px; bottom: 0px; left: 5px; text-align: center; line-height: 30px; color: #fff; } #reunion-slider-button:hover { opacity: 0.7; transition: opacity 0.25s; } #reunion-slider-button.reunion-button-disabled { opacity: 0.2 !important; cursor: default; } #reunion-slider-step2 { width: 1024px; } .reunion-back { position: absolute; top: 0px; right: 0px; height: 36px; line-height: 36px; padding-left: 30px; color: #50A3F6; font-size: 15px; background: url('/profile/partners/reunion_slider/images/back.png') center left no-repeat; cursor: pointer; transition: opacity 0.25s; } .reunion-back:hover { opacity: 0.7; transition: opacity 0.25s; } .reunion-finish-text { position: relative; width: 100%; height: 20px; overflow: hidden; transition: height 0.25s, min-height 0.25s; } .reunion-finish-text.reunion-finish-expand { height: auto; min-height: 40px; transition: height 0.25s, min-height 0.25s; } .reunion-finish-text b { color: #104C98; } .reunion-finish-more, .reunion-finish-less { line-height: 20px; color: #50A3F6; font-size: 15px; } .reunion-finish-more { position: absolute; height: 20px; right: 0px; bottom: 0px; padding-left: 60px; overflow: hidden; } .reunion-finish-expand .reunion-finish-more { display: none; } .reunion-finish-more span { display: block; height: 100%; background: #fff; box-shadow: 0px 0px 30px 30px #fff; cursor: pointer; } .reunion-finish-less { display: none; cursor: pointer; } .reunion-finish-expand .reunion-finish-less { display: inline-block; } .reunion-media-box { position: relative; width: 100%; height: 270px; margin-bottom: 10px; } .reunion-media-video { position: absolute; top: 0px; width: 480px; bottom: 0px; left: 0px; overflow: hidden; } .reunion-photo { display: block; position: absolute; overflow: hidden; width: 134px; background-color: #aaa; background-size: cover; } .reunion-photo:before { content: ''; position: absolute; top: 100%; right: 0px; height: 100%; left: 0px; background-color: rgba(0, 0, 0, 0.5); transition: top 0.25s; } .reunion-photo:hover:before { top: 0px; transition: top 0.25s; } .reunion-photo:after { content: 'More \00BB'; position: absolute; top: -50%; width: 54px; height: 12px; line-height: 12px; left: 50%; padding-top: 60px; margin: -35px 0px 0px -27px; color: #fff; text-align: center; font-size: 12px; background-position: top center; background-repeat: no-repeat; transition: top 0.25s; } .reunion-link-mnt:after { background-image: url('/profile/partners/reunion_slider/icons/mnt.png'); } .reunion-link-bch:after { background-image: url('/profile/partners/reunion_slider/icons/bch.png'); } .reunion-link-out:after { background-image: url('/profile/partners/reunion_slider/icons/out.png'); } .reunion-link-ngh:after { background-image: url('/profile/partners/reunion_slider/icons/ngh.png'); } .reunion-link-cul:after { background-image: url('/profile/partners/reunion_slider/icons/cul.png'); } .reunion-link-fod:after { background-image: url('/profile/partners/reunion_slider/icons/fod.png'); } .reunion-link-gar:after { background-image: url('/profile/partners/reunion_slider/icons/gar.png'); } .reunion-link-mus:after { background-image: url('/profile/partners/reunion_slider/icons/mus.png'); } .reunion-link-eco:after { background-image: url('/profile/partners/reunion_slider/icons/eco.png'); } .reunion-link-spa:after { background-image: url('/profile/partners/reunion_slider/icons/spa.png'); } .reunion-photo:hover:after { top: 50%; transition: top 0.25s; } #reunion-photo-01 { top: 0px; left: 482px; height: 114px; } #reunion-photo-02 { top: 116px; left: 482px; height: 154px; } #reunion-photo-03 { top: 0px; left: 618px; height: 154px; } #reunion-photo-04 { top: 156px; left: 618px; height: 114px; } #reunion-photo-05 { top: 0px; left: 754px; height: 88px; } #reunion-photo-06 { top: 90px; left: 754px; height: 90px; } #reunion-photo-07 { top: 182px; left: 754px; height: 88px; } #reunion-photo-08 { top: 0px; right: 0px; height: 88px; } #reunion-photo-09 { top: 90px; right: 0px; height: 90px; } #reunion-photo-10 { top: 182px; right: 0px; height: 88px; } .reunion-finish-links { width: 100%; text-align: right; } .reunion-finish-link { display: inline-block; margin-left: 25px; height: 20px; line-height: 20px; color: #50A3F6; font-size: 15px; transition: opacity 0.25s; } .reunion-finish-link:hover { opacity: 0.7; transition: opacity 0.25s; } @media all and (min-width: 1281px) { .reunion-finish-more.js-more-hideable { display: none; } } @media all and (max-width: 1280px) { .reunion-slider { padding: 25px 0px; } .reunion-finish-more.js-more-hideable { display: auto; } .reunion-close { right: 2%; } #reunion-slider-step1, #reunion-slider-step2 { width: 888px; } #reunion-photo-08, #reunion-photo-09, #reunion-photo-10 { display: none; } } @media all and (max-width: 1023px) { .reunion-slider { display: none; } }

Discover the Reunion Island

Use the sliders, pick categories of your choice and see matching
places all across the Reunion Island

Mountains
Beaches
Outdoor Activities
Nightlife
Culture
Food
Gardens
Museums
Eco-tourism
Spa and Wellness
Select
Comments