@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 980px
-------------------------------------------------------------------*/
@media screen and (max-width: 980px) {
	.wrapper { width:90%; }
	header .wrapper { width:100%; padding-left: 5%; padding-right: 5%; }
	.nav { overflow: hidden; height: 1.8em; }
	.nav-lang { display: none; }
	.nav-el-1-link { padding: 0.625em 0.8em; font-size: 0.8em; }
	.nav-list-2 { padding-left: 5%; padding-right: 5%; }
	.nav-el-2 { width: 33.333%; }
	.nav-el-2:nth-child(4n) { padding-right: 2em;}
	.nav-el-2:nth-child(4n+1) { clear:none; }

	.nav-el-2:nth-child(3n) { padding-right: 0;}
	.nav-el-2:nth-child(3n+1) { clear:both; }
    
    .alerte { top: -12px; }

}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
	.nav { height: auto; }
	.show { display:block !important; }
	.hide { display:none; }
	
	/* Navigation trigger */
	header .nav-trigger { width: 27px; height: 9px; margin:-0.3em 0 0 0; float:right; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	header .nav-trigger span { display: block; position: absolute; height: 1px; width: 100%; background: #FFF; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	header .nav-trigger span:nth-child(1) { top: 0px; }
	header .nav-trigger span:nth-child(2), header .nav-trigger span:nth-child(3) { top:9px; }
	/*.nav-trigger span:nth-child(4) { top: 18px; }*/
	header .nav-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
	header .nav-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	header .nav-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	header .nav-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
	
	/* Navigation */
	.nav { width:100%; margin-top: 0; float:none; position: absolute; left: 0; z-index: 100000000000;}
	.nav-el-1-link { padding-left:5%; padding-right: 5%; display: block; color: #44546C;}
	.nav a {  display: block; color: #FFF;}
	.nav-list-2 { position:relative; }
	.nav-el-1, .nav-el-2, .nav-el-1-link { width:100%; display:block; }
	.nav-el-1 { padding: 0; }
	.nav-list-2 { padding:0 5% 0.9em 10%; }
	.nav-list-3 { padding:0 5% 0.9em 5%; }
	.nav-el-3-link { padding: 0.4em 0;}
	.nav-el-2 { padding: 0; border: none; padding-bottom: 0em; margin-bottom: 0; color: #44546C; }
	.nav-el-1:hover .nav-el-1-link, .nav-el-1.is-selected .nav-el-1-link, .nav-el-2-link {  color: #FFF; }
	footer .nav { display: none; }
	.header-bg { background-size: cover;}
	.nav-list-2-inner { width: 100%; }
	.nav-list-2.is-hover { overflow: hidden; }
	.nav-el-1-link {font-size:0.9em; padding: 0.425em 5%; }
	.nav-el-2-link { font-size: 0.75em; padding: 0.2em 0; opacity: 0.8;}
	.nav-list-3 { zoom:1; filter:alpha(opacity=0); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;z-index: 10000;opacity:0; display:none;position:relative; margin:0; width: 100%; left: 0; padding:0 0 0 5%; min-width:380px; }
	.box { padding: 2em; }
	.nav-el-2:hover > .nav-list-3 { display: block; overflow: hidden; opacity: 1; }
	.title h1, h1 { font-size:1.9em;}
	h2, .location-name { font-size: 1.3em; line-height:1.2em;}
	.slider-title { font-size: 2em;}
	.home-header { height: 35em;}
	.home-header .nav-list-2 { padding-top: 0;}
    .menu-hide { display:inherit; }
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.floating-picture { z-index: 0; }
	.floating-picture img { display: block; width: 100%; margin: 2em 0;}
	.floating-picture-right img { border: none; }
	.v-spacer { padding: 3em 0;}
	.has-no-bottom-padding { padding-bottom: 0 !important;}
	.title h1 { font-size:1.7em; line-height: 1.1em; }
	.title { padding-left:5%; padding-right: 5%; margin-top: 8em; }
	.breadcrumbs li:after { padding:0 7px;}
	.breadcrumbs > li { font-size:11px; line-height: 8px; }
	.logo { font-size: 1.3em; }
	.logo:before { width: 60px; height: 48px; background-size: contain;}
	#scroller { height: 200px; }
	.scroller-title { padding-top: 90px; font-size: 1.6em;}
	.btn { font-size: 0.95em; margin-bottom: 2em; }
	.home-title-bg { height: 5.8em; }
	footer, #l-wrap:after { height:auto; }
	#l-wrap { min-height:100%; margin-bottom:-0;  }
	.boat { display: none; }
	.footer-logo { top: 1em; margin-bottom: 2em;}
	.copyright { padding: 1em 0;}
	.sections li, .sections { margin: 0 0 0.2em 0 !important;}
	.slider-title { font-size: 1.5em; padding: 0 5%;}
	.home-header { height: 24em;}
	.slider-title-animal { font-size:120px; margin: -50px 0 0 -60px; text-align: center;}
	.copyright { font-size: 12px;}
	p, ul, ol { font-size: 1em; }
    .alerte { display:none; }
    .logo-radio { display: none;} 
    
   /* .alerte-mobile { display: block; background-color: #ff0000; color: #ffffff; text-align: center; padding: 8px; font-weight: 600; font-size: 24px; }*/
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	
}