/* --------------- Styles COLLEGIX HOME --------------- */
	#admin {
		position: absolute;
		top: 12px;
		left: 880px;
		opacity: 0.3;
		}
	#admin:hover {
		opacity: 0.8;
		transition: opacity 0.2s ease-in-out;
		}
/* ------- Panneau central avec image commandée ------- */
	#azur {
		margin-top: 0;
		text-align: center;
		height: 402px;
		border-top: 1px solid silver;
		border-bottom: 1px solid silver;
		background-color: whitesmoke;
		}
	#casting { /* image centrale */
		border: 1px solid silver;
		transition: 1200ms ease;
		}
/* ---------------- Bouton review left --------------- */
	#LA { /* Left Arrow - silver */
		position: absolute;
		top: 180px;
		left: 50px;
		display: none;
		opacity: 0.4;
		}
/* ---------------- Bouton review right -------------- */
	#RA { /* Right Arrow - silver */
		position: absolute;
		top: 180px;
		right: 50px;
		display: none;
		opacity: 0.4;
		}
	#RA:hover, #LA:hover {
		opacity: 0.8;
		}
/* ----------------- Image cliquable ----------------- */
	#globe {
		position: absolute;
		top: 260px; /* OLD : 320px */
		left: 100px;
		opacity: 0.3;
		}
	#globe:hover {
		opacity: 0.6;
		transition: opacity 0.2s ease-in-out;
		}
/* ---------------- Bouton display ---------------- */
	#BB { /* ButterBlume - Bouton d'or */
		position: absolute;
		top: 500px;
		right: 50px;
		border: 1px solid orange;
		border-radius: 33px;
		opacity: 0.4;
		}
	#BB:hover {
		opacity: 0.8;
		}
/* ----------------- Texte latin ----------------- */
	#latin {
		width: 980px;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		line-height: 20px;
		font-family: "Century Gothic",sans-serif;
		font-size: 85%;
		color: grey;
		}
/* --------------- Visuel du thème --------------- */
	#artis {
		margin-top: 20px;
		min-height: 160px;
		text-align: center;
		border-top: 1px solid silver;
		border-bottom: 1px solid silver;
		background-color: whitesmoke;
		}
	#thema { /* image centrale */
		margin-top: 20px;
		margin-bottom: 10px;
		border-radius: 0 18px 0 0;
		border-bottom: 2px solid red;
		transition: 1200ms ease; /* 100ms ease */
		}
/* ------------- Matrice de panneaux ------------- */
	#antique {
		display: none;
		border-top: 1px solid silver;
		border-bottom: 1x solid silver;
		background-color: #F9EEDF;
		}
	
	@media(orientation:portrait){
	.info {
		margin-top: 0;
		padding-top: 30px;
		color: #B22222; /* #007FFF; */
		text-align: left;
		font-size: 1.4rem;
		width: 500px;
		min-height: 165px;
		padding-left: 262px;
		padding-bottom: 40px;
		}
	.exotitre {
		color: darkgrey;
		display: inline-block;
		font-size: 1.5rem;
		padding-bottom: 5px;
		}
	}
	@media(orientation:landscape){
	.info {
		margin-top: 0;
		padding-top: 30px;
		color: #B22222; /* #007FFF; */
		text-align: left;
		font-size: 1.1rem;
		width: 500px;
		min-height: 165px;
		padding-left: 262px;
		padding-bottom: 40px;
		}
	.exotitre {
		color: darkgrey;
		display: inline-block;
		font-size: 1.2rem;
		padding-bottom: 5px;
		}
	}
	.auteur {
		display: inline-block;
		width: 500px;
		padding-top: 20px;
		color: darkgrey;
		text-align: right;
		font-size: 1rem;
		margin-bottom: 20px;
		}
	#X0, #X1, #X2, #X3, #X4, #X5, #X6 {
		display: none;
		border-top: 1px solid silver;
		border-bottom: 1px solid silver;
		background-color: #F9EEDF;
		}
	#P00, #P10, #P20, #P30, #P40, #P50, #P60, #P01, #P11, #P21, #P31, #P41, #P51, #P61, #P02, #P12, #P22, #P32, #P42, #P52, #P62, #P03, #P13, #P23, #P33, #P43, #P53, #P63, #P04, #P14, #P24, #P34, #P44, #P54, #P64, #P05, #P15, #P25, #P35, #P45, #P55, #P65, #P06, #P16, #P26, #P36, #P46, #P56, #P66 {
		display: none;
		}
/* ------------------ Panel sud ------------------ */
	#sud {
		display: none;
		padding-top: 30px;
		min-height: 60px;
		padding-bottom: 10px;
		background: #F9EEDF;
	}
/* -------------- Panneau inférieur -------------- */
	#cinder {
		width: 1024px;
		min-height: 250px;
		text-align: center;
		background: #333;
		}
	.serial { /* image centrée */
		margin-top: 50px;
		margin-bottom: 20px;
		border-radius: 0 18px 0 0;
		border-bottom: 2px solid red;
		}
	#S0, #S1, #S2, #S3, #S4, #S5, #S6 {
		display: none;
		}