@media screen and (min-width: 1280px) {
	
}

@media screen and (max-width: 1024px) {
	.parallax {
		background-position:center !important;
        background-attachment: scroll;
    }
}

@media screen and (max-width: 990px) {
	
    /* common */
    .heading_page h1 { font-size: 40px; }
	.collapsible { margin:10px; }
    
}

@media screen and (max-width: 800px) {

	/* >>> alt navigation */
	#logo-header-alt,
	#menu-alt { display:block }
	
	#menu {
		top:0;
		left:-75%;
		bottom:0;
		width:75%;
		height:100%;
		z-index:1002;
		position:fixed;
		padding:50px 0 0;
		background-color:#fff;
		-webkit-transition:all .3s linear;
		-moz-transition:all .3s linear;
		-ms-transition:all .3s linear;
		-o-transition:all .3s linear;
		transition:all .3s linear;
		overflow-y:hidden;
	}
	#menu > ul {
	    border-top:#dadada 1px solid;
		padding:10px 0;
		display:block;
		overflow:auto;
		height:100%; 
	}
	#menu > ul > li,
	#menu .sous-menu ul li { display:block; }
	#menu > ul > li > a,
	#menu .sous-menu ul li a { 
		display:block;
		text-align:left;
		padding:10px 20px; 
		line-height:15px;
	}
	#menu > ul > li > a > span {
		border:none; padding:0 10px;
		vertical-align:middle;
		font-size:14px;
		line-height:15px;
		height:auto;
	}
	#menu li.first-item > a { position:relative; }
	#menu li.first-item > a:after {
		content:"+";
		position:absolute;
		right:10px; top:8px;
		font-size:20px;
		color:#ff9831
	}
	#menu li.first-item.ss-menu-opened > a:after { content:"-"; color:#141414 }
	#menu > ul > li.retour-accueil {
		position:absolute;
		width:50px; height:50px;
		left:0; top:0;
	}
	#menu > ul > li.retour-accueil > a { padding:0; }
	#menu > ul > li.retour-accueil > a span { display:block; padding:10px; height:50px; }
	#menu > ul > li.reservation {
		position:absolute;
		width:120px; height:50px;
		right:0; top:0;
	}
	#menu > ul > li.reservation > a { padding:0; line-height:50px; }
	#menu > ul > li#logo-header { display:none; }

	/* > sous-menus */
	#menu .sous-menu { position:static; }
	#menu .sous-menu ul { 
		width:auto; 
		background:#eeeded; 
		padding:10px 20px; 
	}
	#menu .sous-menu ul li a {
		font-family: 'Source Sans Pro', sans-serif;
		text-transform:none;
		padding:5px 20px;
		font-size:13px;
	}
	#menu .sous-menu  .thumbnails { display:none }

	
	body.menu-opened #menu-overlay { display:block; opacity:1; }
	body.menu-opened #menu { 
		left:0;
		-webkit-box-shadow:#000 0 0 50px;
		-moz-box-shadow:#000 0 0 50px;
		-ms-box-shadow:#000 0 0 50px;
		-o-box-shadow:#000 0 0 50px;
		box-shadow:#000 0 0 50px;
	}
	
	/* --- */
	body.fixed_head #header { height:60px; }
	body.fixed_head #logo-header-alt { margin:0 auto; line-height:60px; }
	body.fixed_head #logo-header-alt img { max-height:60px; }
	body.fixed_head #menu > ul > li > a { line-height:15px; }
	body.fixed_head #menu > ul > li.reservation > a { line-height:50px; } 
	
}

@media screen and (max-width: 780px) {
    
    /* content */
    .content_block.photo_content .content_row .wp33 { width: 66.666666%; float: left}
    .content_block.photo_content .content_row .wp50 { width: 33.33333%; float: left }
    .content_block.photo_content .content_row .photo_3 { margin:0; }
    .content_block.photo_content .content_row .photo_4 { clear:left }
	
	/* accueil */
	#home-1 .content_row > .wp33,
	#contact-infos .content_row > .wp33 { width:33.333%; float:left; }
	#home-links a { width:50%; }
	#home-links a#home-link-1 {
		background-image:url(../../images/accueil_1_alt.jpg);
		background-size:100% auto;
		background-position:center;
		width:100%; padding-top:50%; 
		float:none
	}
	#home-links a#home-link-1 img { display:none; }
}

@media screen and (max-width: 640px) {

	/* accueil */
	#page_accueil #content { padding-top:50vh; }
	#logo-home img { display:block; max-width:90%; margin:0 auto; }
    
    /* content */
    .content_block.photo_content .content_row .wp33 { width: 66.666666% }
    .content_block.photo_content .content_row .wp50 { width: 33.33333% }
    .content_block.photo_content .content_row .photo_3 { margin:0; }
	
	/* footer */
	#nav-footer { padding:10px; }
	#footer .nav_footer_col {
		display:block;
		padding:10px 10px 20px;
	}
	#footer section.nav_footer_col { text-align:center; width:auto; }
	#footer .nav_footer_col.nav_footer_menu { float:left; width:33.3333% }
}

@media screen and (max-width: 540px) {
    /* common */
    .content_table { padding: 0 }
	/* accueil */
	#home-1 .content_row > .wp33,
	#contact-infos .content_row > .wp33 {
		background-image:none;
		width:100%; float:none;
		min-height:inherit
	}
}

@media screen and (max-width: 480px) {
		
	/* content */
    .content_block.photo_content .content_row .wp33 { width: 100%; float: none; clear: left }
    .content_block.photo_content .content_row .wp50 { width: 50%; float: left; }
    .content_block.photo_content .content_row .photo_3 { 
        margin-left: -50%;
        margin-top: 39%; 
    }
    .content_block.photo_content .content_row .photo_4 { clear:none }
	.heading_page { height:65vh; padding:0; }
	.heading_page h1, h1 { font-size:24px; }
	.heading_page h1 .h1-title:after { width:60%; left:20% }
	.heading_page .heading_content { padding:0 10px; }
	
	.collapsible h2 {
		padding: 5px 40px 5px 20px;
	    line-height:40px;
    	height: 50px;
	}
	.collapsible_button:after { top:0; width:30px }
	.collapsible,
	.collapsible h3,
	.collapsible h4,
	.collapsible table caption,
	.collapsible h2 span { font-size:12px }
	.collapsible table caption { padding-left:0; margin:10px 0 0 }
	.collapsible table tr td:first-child 	{ display:none }
	.collapsible table tr td:nth-child(3) 	{ width:40px; } 
	.collapsible table tr td:nth-child(4) 	{ width:30px; }
    
	/* footer */
	#footer .nav_footer_col.nav_footer_menu { display:none }
	
	/* accueil */
	#home-links a { width:100%; float:none }
	#home-links a#home-link-1 { background-image:none; padding-top:0; }
	#home-links a#home-link-1 img { display:block; }
	
	/* accueil > actualites */
	#actualites-home { background:#fff; padding:30px 0; }
}

@media screen and (max-width: 360px) {
	
	
	#menu-alt { right:15px; }

	/* footer */
	#baseline-footer { text-align:center }
	#baseline-footer #nav-baseline { 
		text-align:center;
		margin-top:20px;
		float:none 
	}
}