@media only screen and (max-width : 320px) {
	/* iphone */
	img {
		width:800px;
	}

	#parallax1{
		-webkit-transition : all 300ms ease-out;
		width:800px; 
		height:1050px;
	}

	#parallax2{
		-webkit-transition : all 300ms ease-out;
		width:800px; 
		height:700px;  
		opacity:0.5;
	}

	@font-face {
		font-family: 'Dauphine';
		src: url('../font/Dauphine Webfont.ttf');
		font-weight: normal;
	}

	#parallax {position:absolute; overflow:hidden; width:100%; height:100%;
	}
	.parallax-viewport {
		position: absolute;     /* relative, absolute, fixed */
		overflow: hidden;
	}
	.parallax-layer {
		position: absolute;
	}

	.bloctxt{
		height:260px;
		width:450px;
		z-index: 0;
		margin-bottom: auto;
		position: absolute;
		//	text-shadow: 0px 0px 10px #777;
	}
	.bloctxt2 {
		height:260px;
		width:450px;
		z-index: 4;
		margin-bottom: auto;
		position: absolute;
		opacity:0.1;
		//	text-shadow: 0px 0px 10px #777;
	}

	p {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 18px;
	}

	#bloctitre{
		position: absolute;
	}

	.titre {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 36px;
		line-height:34px;
		position: absolute;
		top:19%;
		left:43%;
		width:150px;
	}

	a:hover { 
		cursor:hand;
	}

	a {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 18px;
		text-decoration:none;
		cursor:hand;
	}

/*
.gre {
	display:none;
}
.val {
	display:none;
	}*/


	body { 
		margin:0px; 
		overflow: hidden; 
	}

	#PO {
		top:170px;
		left:115px;
	}
	#dategre {
		top:356px;
		left:611px;
	}
	#dateval {
		top:628px;
		left:540px;
	}
	#liens {
		top:895px;
		left:250px;
		z-index:4;
	}

	#PO2 {
		top:170px;
		left:115px;
	}
	#dategre2 {
		top:356px;
		left:611px;
	}
	#dateval2 {
		top:628px;
		left:540px;
	}

	#creditos {
		//	transform:rotate;
		position:absolute;
		top:1010px;
		left:580px;
		//	margin-bottom:auto;
		//	margin-right:auto;
		color:rgb(255,38,0);
		z-index:4;
		font-size:9px;
	}
	
	.sitecreditos {
		color:rgb(255,38,0); 
		font-size:9px;
	}
}

@media only screen and (min-width : 321px) {
	/* ipad-landscape */
	img {
		width:1200px;
	}

	#parallax1{
		-webkit-transition : all 300ms ease-out;
		width:1200px; 
		height:1600px;
	}

	#parallax2{
		-webkit-transition : all 300ms ease-out;
		width:1200px; 
		height:800px;  
		opacity:0.5;
	}

	@font-face {
		font-family: 'Dauphine';
		src: url('../font/Dauphine Webfont.ttf');
		font-weight: normal;
	}

	#parallax {position:absolute; overflow:hidden; width:100%; height:100%;
	}
	.parallax-viewport {
		position: absolute;     /* relative, absolute, fixed */
		overflow: hidden;
	}
	.parallax-layer {
		position: absolute;
	}

	.bloctxt{
		height:260px;
		width:450px;
		z-index: 0;
		margin-bottom: auto;
		position: absolute;
		//	text-shadow: 0px 0px 10px #777;
	}
	.bloctxt2 {
		height:260px;
		width:450px;
		z-index: 4;
		margin-bottom: auto;
		position: absolute;
		opacity:0.1;
		//	text-shadow: 0px 0px 10px #777;
	}

	p {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 24px;
	}

	#bloctitre{
		position: absolute;
	}

	.titre {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 48px;
		position: absolute;
		top:21%;
		left:40%;
		width:300px;
	}

	a:hover { 
		cursor:hand;
	}

	a {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 24px;
		text-decoration:none;
		cursor:hand;
	}

/*
.gre {
	display:none;
}
.val {
	display:none;
	}*/


	body { 
		margin:0px; 
		overflow: hidden; 
	}

	#PO {
		top:240px;
		left:200px;
	}
	#dategre {
		top:535px;
		left:900px;
	}
	#dateval {
		top:940px;
		left:810px;
	}
	#liens {
		top:1380px;
		left:400px;
		z-index:4;
	}

	#PO2 {
		top:240px;
		left:200px;
	}
	#dategre2 {
		top:535px;
		left:900px;
	}
	#dateval2 {
		top:940px;
		left:810px;
	}



	#creditos {
		//	transform:rotate;
		position:absolute;
		top:1550px;
		left:950px;
		//	margin-bottom:auto;
		//	margin-right:auto;
		color:rgb(255,38,0);
		z-index:4;
		font-size:11px;
	}
	
	.sitecreditos {
		color:rgb(255,38,0); 
		font-size:11px;
	}
}

@media only screen and (min-width : 769px) {
	/* ipad-portrait */
	img {
		width:1700px;
	}

	#parallax1{
		-webkit-transition : all 300ms ease-out;
		width:1700px; 
		height:2200px;
	}

	#parallax2{
		-webkit-transition : all 300ms ease-out;
		width:1700px; 
		height:1000px;  
		opacity:0.5;
	}

	@font-face {
		font-family: 'Dauphine';
		src: url('../font/Dauphine Webfont.ttf');
		font-weight: normal;
	}

	#parallax {position:absolute; overflow:hidden; width:100%; height:100%;
	}
	.parallax-viewport {
		position: absolute;     /* relative, absolute, fixed */
		overflow: hidden;
	}
	.parallax-layer {
		position: absolute;
	}

	.bloctxt{
		height:260px;
		width:450px;
		z-index: 0;
		margin-bottom: auto;
		position: absolute;
		//	text-shadow: 0px 0px 10px #777;
	}
	.bloctxt2 {
		height:260px;
		width:450px;
		z-index: 4;
		margin-bottom: auto;
		position: absolute;
		opacity:0.1;
		//	text-shadow: 0px 0px 10px #777;
	}

	p {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 28px;
	}

	#bloctitre{
		position: absolute;
	}

	.titre {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 72px;
		position: absolute;
		top:22%;
		left:40%;
		width:500px;
	}

	a:hover { 
		cursor:hand;
	}

	a {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 28px;
		text-decoration:none;
		cursor:hand;
	}

/*
.gre {
	display:none;
}
.val {
	display:none;
	}*/


	body { 
		margin:0px; 
		overflow: hidden; 
	}

	#PO {
		top:400px;
		left:360px;
	}
	#dategre {
		top:890px;
		left:1528px;
	}
	#dateval {
		top:1570px;
		left:1352px;
	}
	#liens {
		top:2305px;
		left:700px;
		z-index:4;
	}

	#PO2 {
		top:400px;
		left:360px;
	}
	#dategre2 {
		top:890px;
		left:1528px;
	}
	#dateval2 {
		top:1570px;
		left:1352px;
	}


	#creditos {
		//	transform:rotate;
		position:absolute;
		top:2600px;
		left:1680px;
		//	margin-bottom:auto;
		//	margin-right:auto;
		color:rgb(255,38,0);
		z-index:4;
		font-size:14px;
	}
	
	.sitecreditos {
		color:rgb(255,38,0); 
		font-size:14px;
	}

}


@media only screen and (min-width : 1024px) {
/*Desktop*/

	img {
		width:2000px;
	}

	#parallax1{
		-webkit-transition : all 300ms ease-out;
		width:2000px; 
		height:2700px;
	}

	#parallax2{
		-webkit-transition : all 300ms ease-out;
		width:2000px; 
		height:1500px;  
		opacity:0.5;
	}

	@font-face {
		font-family: 'Dauphine';
		src: url('../font/Dauphine Webfont.ttf');
		font-weight: normal;
	}

	#parallax {position:absolute; overflow:hidden; width:100%; height:100%;
	}
	.parallax-viewport {
		position: absolute;     /* relative, absolute, fixed */
		overflow: hidden;
	}
	.parallax-layer {
		position: absolute;
	}

	.bloctxt{
		height:260px;
		width:450px;
		z-index: 0;
		margin-bottom: auto;
		position: absolute;
		//	text-shadow: 0px 0px 10px #777;
	}
	.bloctxt2 {
		height:260px;
		width:450px;
		z-index: 4;
		margin-bottom: auto;
		position: absolute;
		opacity:0.1;
		//	text-shadow: 0px 0px 10px #777;
	}

	p {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 28px;
	}

	#bloctitre{
		position: absolute;
	}

	.titre {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 72px;
		position: absolute;
		top:22%;
		left:40%;
		width:500px;
	}

	a:hover { 
		cursor:hand;
	}

	a {
		font-family: 'Dauphine', regular;
		color: #FFF;
		font-size: 28px;
		text-decoration:none;
		cursor:hand;
	}

/*
.gre {
	display:none;
}
.val {
	display:none;
	}*/


	body { 
		margin:0px; 
		overflow: hidden; 
	}

	#PO {
		top:400px;
		left:360px;
	}
	#dategre {
		top:890px;
		left:1528px;
	}
	#dateval {
		top:1570px;
		left:1352px;
	}
	#liens {
		top:2305px;
		left:700px;
		z-index:4;
	}

	#PO2 {
		top:400px;
		left:360px;
	}
	#dategre2 {
		top:890px;
		left:1528px;
	}
	#dateval2 {
		top:1570px;
		left:1352px;
	}


	#creditos {
		//	transform:rotate;
		position:absolute;
		top:2550px;
		left:1620px;
		//	margin-bottom:auto;
		//	margin-right:auto;
		color:rgb(255,38,0);
		z-index:4;
		font-size:14px;
	}
	
	.sitecreditos {
		color:rgb(255,38,0); 
		font-size:14px;
	}
}