/* ---------------------------------------------------------------------------------------------- */
/* Gestion des écrans tactiles
/* ---------------------------------------------------------------------------------------------- */
.touchscreen .buttons button {
	filter: none;
	transform: none;
}

.touchscreen .buttons button:hover {
	filter: none;
	transform: none;
}

.touchscreen .images img {
	filter: none;
	transition: none;
}

.touchscreen .images img:hover {
	filter: none;
	transform: none;
}

.touchscreen .nav img {
	cursor: pointer;
	transition: none;
}

.touchscreen .nav img:hover {
	transform: none;
}

.no-touchscreen .buttons button {
	filter: blur(1.4px);
	transition: filter 0.3s ease, transform 0.3s ease;
}

.no-touchscreen .images img {
	filter: blur(1px);
	transition: filter 0.3s ease, transform 0.3s ease;
}

.no-touchscreen .nav img {
	cursor: pointer;
	transition: 0.3s;
}

.no-touchscreen .buttons button:hover {
	filter: blur(0);
	transform: scale(1.3);
}

.no-touchscreen .images img:hover {
	filter: blur(0);
	transform: scale(1.4);
}

.no-touchscreen .nav img:hover {
	transform: scale(1.3);
}
/* ---------------------------------------------------------------------------------------------- */
/* Adaptation aux tailles d'écrans en mode horizontal (hors taille par défaut)
/* ---------------------------------------------------------------------------------------------- */
@media screen and (orientation: landscape) and (min-width: 1920px) and (min-height: 1080px) {
	/* page home */
	#link4 										{ height: 8vw; } /* YT */
	/* page credits */
	#credits 									{ font-size: 2.5vw;				}  
	#music, #yt, #rpg, #games 					{ font-size: 2vw; 				}
	#credits1 									{ font-size: 1.5vw; top: 10%; 	}
	#music1 									{ font-size: 1.5vw; top: 26%; 	}
	#yt1 										{ font-size: 1.5vw; top: 36%; 	}
	#rpg1										{ font-size: 1.5vw; top: 46%; 	}
	#games1										{ font-size: 1.5vw; top: 59%; 	}
	#guests										{ font-size: 1.2vw; top: 34%; 	}
	#rpg2										{ font-size: 1.2vw; top: 62%; 	}
	#close										{ width: 5.5vw; 				}
}

@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 768px) and (min-width: 768px) and (min-height: 360px) {
	/* page home */
	#link1			{ font-size: 4vw;	} /* Website */
	#link2			{ font-size: 3vw;	} /* Cubic */
	#link3			{ font-size: 3vw;	} /* Petoll */
	#link4			{ height: 10vw;		} /* YT */
	#link5			{ height: 2vw;		} /* TFTL */
	#link6			{ font-size: 3vw;	} /* Credits */
	#sound-img		{ height: 2vw;		}
	#track-title	{ font-size: 1vw;	}
	#track-info		{ font-size: 1vw;	}
}

@media screen and (orientation: landscape) and (max-width: 800px) and (max-height: 600px) {
	/* page home */
	#link1 { font-size: 4.5vw;	} /* Website */
	#link2 { font-size: 3.5vw;	} /* Cubic */
	#link3 { font-size: 3.5vw;	} /* Petoll */
	#link4 { height: 10vw; 		} /* YT */
	#link5 { height: 2vw;		} /* TFTL */
	#link6 { font-size: 3.5vw;	} /* Credits */
	/* page credits */
	#credits 									{ font-size: 3vw;	}  
	#music, #yt, #rpg, #games 					{ font-size: 2.5vw; }
	#credits1, #music1, #yt1, #rpg1, #games1	{ font-size: 2vw;	}
	#guests, #rpg2								{ font-size: 1.7vw;	}
}
/* ---------------------------------------------------------------------------------------------- */
/* Adaptation aux tailles d'écrans en mode vertical (hors taille par défaut)
/* ---------------------------------------------------------------------------------------------- */
@media screen and (orientation: portrait) and (min-width: 768px) and (min-height: 1024px) {
	/* page home */
	#link1 { font-size: 5.5vw; left: 30%; top: 35%; }	/* Website */
	#link2 { font-size: 3.5vw; }						/* Cubic */
	#link3 { font-size: 3.5vw; }						/* Petoll */
	#link4 { height: 10vw; }							/* YT */
	#link5 { height: 2vw; right: 15%; top: 70%; }		/* TFTL */
	#link6 { font-size: 3.5vw; }						/* Credits */
	/* page credits */
	#credits 									{ font-size: 4vw;	}  
	#music, #yt, #rpg, #games 					{ font-size: 3.5vw; }
	#credits1, #music1, #yt1, #rpg1, #games1	{ font-size: 3vw;	}
	#guests, #rpg2								{ font-size: 2.7vw;	}
}

@media screen and (orientation: portrait) and (max-width: 767px) and (max-height: 1024px) and (min-width: 600px) and (min-height: 960px) {
	/* page home */
	#link1 { font-size: 7.5vw; left: 15%; top: 35%; }	/* Website */
	#link2 { font-size: 4vw; } 							/* Cubic */
	#link3 { font-size: 5vw; }							/* Petoll */
	#link4 { height: 12vw; right: 20%; top: 10%; }		/* YT */
	#link5 { height: 4vw; right: 15%; top: 70%; }		/* TFTL */
	#link6 { font-size: 3.5vw; }						/* Credits */
	#sound-img { height: 3vw; }
	#track-title { font-size: 2vw; left: 5%; bottom: 1%; }
	#track-info	{ font-size: 2vw; left: 20%; bottom: 1%; }
	/* page credits */
	#credits 									{ font-size: 4vw;	}  
	#music, #yt, #rpg, #games 					{ font-size: 3.5vw; }
	#credits1, #music1, #yt1, #rpg1, #games1	{ font-size: 3vw;	}
	#guests, #rpg2								{ font-size: 2.7vw;	}
}

@media screen and (orientation: portrait) and (max-width: 600px) and (max-height: 957px) and (min-width: 411px) and (min-height: 780px) {
	/* page home */
	#link1 { font-size: 7.5vw; left: 15%; top: 35%; }	/* Website */
	#link2 { font-size: 5vw; }							/* Cubic */
	#link3 { font-size: 5vw; }							/* Petoll */
	#link4 { height: 12vw; right: 20%; top: 10%; }		/* YT */
	#link5 { height: 4vw; right: 15%; top: 70%; }		/* TFTL */
	#link6 { font-size: 3.5vw; }						/* Credits */
	#sound-img { height: 3vw; }
	#track-title { font-size: 2vw; left: 5%; bottom: 1%; }
	#track-info	{ font-size: 2vw; left: 20%; bottom: 1%; }
	/* page credits */
	#credits 									{ font-size: 4.5vw;	}  
	#music, #yt, #rpg, #games 					{ font-size: 4vw; }
	#credits1, #music1, #yt1, #rpg1, #games1	{ font-size: 3.5vw;	}
	#guests										{ font-size: 3vw;	top: 31%; }
	#rpg2										{ font-size: 3vw;	top: 62%; }
	#close										{ width: 4vw; }
}

@media screen and (orientation: portrait) and (max-width: 410px) and (max-height: 780px) {
	/* page home */
	#link1 { font-size: 8.5vw; left: 15%; top: 30%; }	/* Website */
	#link2 { font-size: 6vw; left: 10%; top: 50%; }		/* Cubic */
	#link3 { font-size: 6vw; left: 40%;	bottom: 15%; }	/* Petoll */
	#link4 { height: 14vw; right: 20%; top: 10%; }		/* YT */
	#link5 { height: 5vw; right: 15%; top: 65%; }		/* TFTL */
	#link6 { font-size: 5.5vw; }						/* Credits */
	#sound-img { height: 4vw; bottom: 2.5%;}
	#track-title { font-size: 3vw; left: 8%; bottom: 1%; }
	#track-info	{ font-size: 3vw; left: 30%; bottom: 1%; }
	/* page credits */
	#credits 									{ font-size: 5vw;	}  
	#music, #yt, #rpg, #games 					{ font-size: 4.5vw; }
	#credits1, #music1, #yt1, #rpg1, #games1	{ font-size: 4vw;	}
	#guests										{ font-size: 3vw;	top: 34%; }
	#rpg2										{ font-size: 3vw;	top: 62%; }
	#close										{ width: 5.5vw; }
}