/*-- Header Section --*/
section.header {padding: 50px 0 25px 0;}
section.header h1.text-center {font-size:60px; padding: 0 0 20px 0; font-family: 'Playball', sans-serif;}
section.header h2.text-center {font-size:20px; font-weight:300; line-height: 30px; padding: 0 0 20px 0; font-family: 'Open Sans', sans-serif;}
section.header img.center {display: block; margin-left: auto; margin-right: auto }
/*-- /Header Section --*/

/*-- Banner Section --*/
.carousel-caption {z-index: 10;}
.carousel .item {background-color: #fff;}
.carousel-inner > .item > img {position: absolute; top: 0; left: 0; width: 100%;}
.carousel, .carousel .item {height:750px;}
/*-- /Banner Section --*/

/*-- Chalet Section --*/
section.chalet {padding: 25px 0 25px 0;}
section.chalet h3 {font-size:24px; padding: 0 0 12px 0; font-family: 'Roboto', sans-serif;}
section.chalet p {font-size:18px; font-weight:300; padding: 0 0 12px 0; font-family: 'Open Sans', sans-serif; line-height: 30px; text-align: justify;}
section.chalet a {font-weight:400;}
section.chalet p.text-center {font-weight:400}
.legend {font-size:14px; font-weight:300; padding: 12px 0 12px 0; font-family: 'Open Sans', sans-serif; line-height: 18px; text-align: left;}
img.social {float: bottom left; margin-right: 10px; }
/*-- /Chalet Section --*/

/*-- Google Map --*/
section.map iframe.googlemaps {width:100%; height:400px;}
/*-- /Google Map --*/

/*-- /Footer Section --*/
.copyright  {text-align:center; font-size:12px; font-weight:200;}
/*-- /Footer Section --*/

/*-- slide animations --*/
.slideanim {visibility:hidden;}
.slide {animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible;}
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis. PREMIER TRANSLATEY A 50 POUR EFFET SLIDE*/
@keyframes slide {0% {opacity: 0;  -webkit-transform: translateY(0%);} 100% { opacity: 1; -webkit-transform: translateY(0%);}}
@-webkit-keyframes slide {0% {opacity: 0; -webkit-transform: translateY(0%);} 100% {opacity: 1; -webkit-transform: translateY(0%);}}
/*-- /slide animations --*/

/*-- responsive design --*/
@media (max-width: 1600px) {.carousel, .carousel .item {height: 750px;}}
@media (max-width: 1440px) {.carousel, .carousel .item {height: 700px;}}
@media (max-width: 1366px) {.carousel, .carousel .item {height: 650px;}}
@media (max-width: 1280px) {.carousel, .carousel .item {height: 600px;}}
@media (max-width: 1152px) {.carousel, .carousel .item {height: 550px;}}
@media (max-width: 1024px) {.carousel, .carousel .item {height: 500px;}}
@media (max-width: 960px) {.carousel, .carousel .item {height: 450px;}}
@media (max-width: 800px) {.carousel, .carousel .item {height: 400px;} section.header h1.text-center {font-size: 48px;} section.header h2.text-center {font-size: 18px;} section.chalet {padding: 20px 0 0 0;} section.chalet h3 {font-size: 20px;} section.chalet p {font-size: 16px;}}
@media (max-width: 640px) {.carousel, .carousel .item {height: 350px;}}
@media (max-width: 480px) {.carousel, .carousel .item {height: 300px;}}
@media (max-width: 320px) {.carousel, .carousel .item {height: 250px;}}
/*-- /responsive design --*/