@media screen and (min-width: 385px){
	#tour-content ul li div:nth-of-type(2) p:first-of-type{
		font-size: 37px;
	}
	#disco-content .menu-type > ul{
		width: 100%;
	}
	#content nav{
		display: block;
	}
	#tour-content ul li div:nth-of-type(2) p:first-of-type span{
		display: inline;
		font-size: 24px;
		opacity: 0.8;
	}
}
@media screen and (min-width: 430px){
	#header-accueil h1, header h1{
		font-size: 215px;
	}
	header li{
		margin-right: 20px;
	}
	#menu > a{
		width: 115px;
		height: 115px;
		background-size: auto;
	}
	h1 span{
		display: inline;
	}
	.alb img{
		width: 283px;
	}
}
@media screen and (min-width: 449px){
	#disco-content nav > ul{
		width: 100%;
		clear: both;
	}
	#disco-content nav ul li:first-of-type a{
		padding-right: 75px;
	}
}
@media screen and (min-width: 459px){
	#content nav{
		width: 395px;
	}
	.img{
		height: 400px;
	}
	#tour-content ul li div:nth-of-type(2){
		width: 230px;
		float: left;
		margin-left: 10px;
	}
	#tour-content ul li div:nth-of-type(2) a{
		font-size: 24px;
		line-height: auto;
	}
	#tour-content ul li div:nth-of-type(2) p:last-of-type{
		font-size: 24px;
		line-height: 35px;
	}
}

@media screen and (min-width: 480px){
	#tour-content ul li div:last-of-type{
		width: 150px;
		border-left: solid 3px black;
	}
	#tour-content ul  li:nth-child(even) div:last-of-type{
		border-left: solid 3px white;
	}
	#tour-content ul li div:last-of-type a:first-of-type{
		margin-left: 20px;
	}

	#tour-content ul li div:last-of-type{
		display: block;
		float: right;
		height: 80px;
		padding-top: 20px;
	}
	#tour-content ul li div:last-of-type a:first-of-type{
		display: block;
		height: 61px;
		width: 39px;
		background: url(images/icones/map.png) no-repeat;
		float: left;
		text-indent: -9999em;
		opacity: 0.8;
	}
	#tour-content ul  li:nth-child(even) div:last-of-type a:first-of-type{
		background: url(images/icones/map2.png) no-repeat;
	}
	#tour-content ul li div:last-of-type a:last-of-type{
		display: block;
		height: 54px;
		width: 85px;
		background: url(images/icones/ticket.png) no-repeat;
		float: right;
		text-indent: -9999em;
		opacity: 0.8;
	}
	#tour-content ul  li:nth-child(even) div:last-of-type a:last-of-type{
		background: url(images/icones/ticket2.png) no-repeat;
	}
	#tour-content ul li div:last-of-type a:first-of-type:hover, #tour-content ul li div:last-of-type a:last-of-type:hover{
		opacity: 1;
	}
}

@media screen and (min-width: 500px){
	#wrapper, #wrapper-accueil{
		width: 600px;
	}
	#header-accueil h1{
		line-height: 390px;
	}
	#header-accueil{
		float: left;
		margin: 0;
		position: relative;
	}
	section{
		float: left;
		margin: 10px;
	}

	#tour-content ul{
		margin-top: 200px;
	}
	.alb div:nth-of-type(2) div{
		float: right;
	}
	.alb img{
		margin: 0;
		float:left;
	}
	#agrandir{
		display: block;
		width: 31px;
		height: 33px;
		background: url(images/icones/agrandir.png) no-repeat;
		float: right;
		margin: 10px 10px 0 0;
	}

	iframe{
		display: block;
	}

	body > footer{
		padding-bottom: 45px;
	}

	footer p{
		text-align: right;
		padding-right: 20px;
	}
}

/* Version grand écran */
@media screen and (min-width: 951px) {
	#wrapper{
		width: 960px;
		overflow: hidden;
	}
	#wrapper-accueil{
		width: 900px;
	}

	header{
		height: 280px;
		position: fixed;
		top: 10px;
	}
	header h1{
		line-height: 430px;
	}
	#wrapper-accueil header nav{
		top: -20px;
	}

	#menu ul, #photos:hover > #agrandir, .photos-open > #agrandir, #photos:hover > #container > .sliderbutton, .photos-open > #container > .sliderbutton{
		display: block;
	}
	#menu>a, #reseaux-sp, .sliderbutton{
		display: none;
	}
	#menu{
		position: fixed;
		background: rgba(0, 0, 0, 0.65);
		width: 240px;
		height: 300px;
		margin: 10px;
		padding: 20px;
		top: 310px;
	}
	#menu ul li{
		margin: 0;
		font-size: 45px;
		text-indent: 42px;
		line-height: 37px;
		margin-bottom: 17px;
	}
	#menu ul li:hover, #menu ul li.li-active{
		background-size: auto;
	}

	#content{
		width: 620px;
		float: right;
		margin-top: 45px;
	}
	#content article, .type{
		float: right;
		width: 560px;
	}
	#content #tour-content{
		width: 560px;
		margin-top: 80px;
		float: right;
	}
	.photos-open{
		right: 0;
		margin-top: 310px;
	}
	.img{
		height: 100%;
	}

	#disco-content .menu-type a{
		height: 158px;
		width: 158px;
		margin: 10px;
	}

	#content .type .menu-type{
		padding: 10px;
		width: 540px;
	}

	#agrandir{
		display: none;
		width: 31px;
		height: 33px;
		background: url(images/icones/agrandir.png) no-repeat;
		float: right;
		margin-top: 10px;
		margin-right: 10px;
	}
	
	body > footer{
		width: 100%;
	}

	footer{
		padding: 10px 0 45px 0;
	}
	footer section{
		display: block;
		background: none;
		padding: 0px 17px;
		margin: 10px 0;
		height: 135px;
		border-right: 3px solid white;
	}
	footer div > p{
		display: none;
	}
	footer div{
		width: 960px;
		margin: 0 auto;
	}
	footer h1{
		margin: 10px 0 30px 0;
		text-indent: 80px;
		opacity: 0.8;
		float: none;
	}
	footer section, footer section:hover h1, footer section:hover form, footer section:hover ul, footer section:last-of-type:hover{
		opacity: 1;
	}
	footer form, footer ul{
		opacity: 0.8;
	}
	footer section:first-of-type h1{
		background-position: 40px 0px;
	}
	footer section:nth-of-type(2) h1{
		background-position: 60px 0px;
		text-indent: 100px;
	}
	footer section:last-of-type h1{
		background-position: 65px 0px;
		text-indent: 105px;
		margin-bottom: 15px;
		opacity: 1;
	}
	footer section:last-of-type{
		border: none;
		opacity: 0.8;
	}
	footer section p{
		text-align: center;
	}
	footer section p:first-of-type{
		margin-bottom: 10px;
	}
	footer section p:last-of-type{
		font-size: 10px;
	}
}

@media screen and (min-height: 730px) and (min-width: 951px){
	body > footer{
		background: rgba(0, 0, 0, 0.8);
	}
}

@media screen and (max-height: 730px) and (min-width: 951px){
	footer{
		clear: both;
		overflow: hidden;
		padding: 10px;
		background: none;
	}
	footer div > p{
		display: block;
	}
	footer section{
		display: none;
	}
}

@media screen and (max-height: 610px) and (min-width: 951px){
	header h1{
		line-height: 280px;
		font-size: 170px;
	}

	header{
		height: auto;
	}

	#menu{
		width: 180px;
		top: 230px;
		height: 245px;
	}

	#menu ul li {
		font-size: 33px;
		line-height: 27px;
	}
	#menu ul li.li-active, #menu ul li:hover{
		background-size: 25px 25px;
	}
}