/* ----------------- Styles COLLEGIX COMMON ----------------- */
	body {
		width: 100%;
		margin: 0;
		background-color: #333;
		}
	#central {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		min-height: 1200px;
		background-color: white;
		}
/* ----------------- Header ----------------- */
	#art {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
		margin: 0;
		}
	#sign1 { /* COLLEGIX */
		color: red;
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
		font-family: "Times New Roman", Times, serif;
		font-size: 3em;
		letter-spacing: .08em;
		border-right: 1px solid silver;
		}
	#sign2 { /* introSite.innerHTML = "Scripta manent"; */
		margin-left: 20px;
		font-family: "Times New Roman", Times, serif;
		color: grey;
		font-size: 2em;
		font-style: italic;
		letter-spacing: .06em;
		}
	#sign3 { /* introPage.innerHTML = "Ubique terrarum"; */
		margin-left: 30px;
		font-family: "Times New Roman", Times, serif;
		color: silver;
		font-size: 2em;
		font-style: italic;
		letter-spacing: .06em;
		}
	#trait {
		position: relative;
		top: 0;
		left: 0;
		width: 1000px;
		height: 12px;
		background-color: grey;
		border-bottom: 1px solid #e60000;
		}
/* ----------------- Menu ----------------- */
	#menu {
		width: 1000px;
		height: 80px;
		padding-top: 35px; /* OLD : 5px */
		}
	@media(orientation:portrait){
		#menu ul li {
			float: left;
			list-style-type: none;
			color: grey; margin-right: 14px; letter-spacing: .05em;
		}
		#menu ul li a {
			color: grey; text-decoration: none; font-size: 1.5em; display: inline-block;
			min-width: 120px; text-align: center; padding-top: 16px;
			/*height: 60px;*/
		}
	}
	@media(orientation:landscape){
		#menu ul li {
			float: left;
			list-style-type: none;
			color: grey; margin-right: 15px; letter-spacing: .05em; border-bottom: 1px solid orange;
			}
		#menu ul li a {
			color: grey; text-decoration: none; font-size: 1.5em; display: inline-block;
			min-width: 120px; text-align: center;
			}
	}
	#menu ul li a:hover {
		color: darkorange;
		background: whitesmoke;
		}
/* ----------------- Autres ----------------- */
	h3 {
		color: #007FFF; /* Bleu céleste */
		font-size: 1.5em;
		}
	.surligne {
		color: #B22222; /* rouge tuile */
		}
	#bandeau {
		margin-left: 20px;
		}
	.illustration {
		margin-left: 180px;
		border: 10px solid white;
		}
/* ----------------- Formulaire Club ----------------- */
	#login {
		display: none;
		position: absolute;
		top: 280px;
		right: 30px;
		width: 280px;
		height: 178px;
		padding: 10px;
		border: 1px solid grey;
		border-radius: 14px;
		background-color: whitesmoke; /* #F8F8F8 */
		opacity: 0.8;
		}
	#login:hover {
		opacity: 1;
		transition: opacity 0.3s ease-in-out;
		}
	#abc {
		position: absolute;
		top: 520px;
		right: 130px;
		min-width: 280px;
		height: 178px;
		padding: 10px;
		border: 1px solid grey;
		border-radius: 14px;
		background-color: whitesmoke; /* #F8F8F8 */
		opacity: 0.9;
		}
	legend {
		color: #6495ED;
		font-size: 1.5em;
		letter-spacing: .08em;
		padding : 10px;
		}
	label {
		color: grey;
		}
	input {
		margin-top: 10px;
		}
	#envoyer {
		margin-top: 15px;
		margin-left: 160px;
		padding: 8px;
		color: grey;
		font-size: 0.9em;
		}
	#envoyer:hover {
		color: dodgerblue;
		}
/* ----------------- arrivederci ----------------- */