/* ----------------- Styles ILLUSTRISSIMMO COMMON ----------------- */
	body {
		width: 100%;
		margin: 0;
		background: #333;
		}
	#central {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		height: 1200px;
		border: 1px solid silver;
		background: white;
		}
/* ----------------- Menu ----------------- */
	#art {
		padding-top: 10px;
		padding-left: 20px;
		}
	#sign1 { /* ILLUSTRISSIMMO */
		color: red;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 3em;
		letter-spacing: .08em;
		border: 1px solid silver;
		border-radius: 40px 8px 0 0;
		}
	#sign2 { /* introSite.innerHTML = "Aequo animo"; */
		margin-left: 20px;
		color: grey;
		font-size: 2em;
		font-style: italic;
		letter-spacing: .04em;
		}
	#sign3 { /* introPage.innerHTML = "Calendrier des Expositions"; */
		margin-left: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: silver;
		font-size: 1.5em;
		letter-spacing: .04em;
		}
	#trait {
		position: relative;
		top: 0;
		left: 20px;
		width: 982px;
		height: 18px;
		border: 1px solid grey;
		background: grey;
		}
	#sommaire {
		width: 1000px;
		height: 80px;
		padding-top: 5px;
		}
	#sommaire ul {
		border-top: 1px solid orange;
		}
	@media(orientation:portrait){
		#sommaire ul li {
		float: left;
		list-style-type: none;
		color: grey; margin-right: 15px; letter-spacing: .05em;
		}
		#sommaire ul li a {
			color: grey; text-decoration: none; font-size: 1.5em; display: inline-block;
			min-width: 120px; height:80px; text-align: center; padding-top:20px;
		}
	}
	@media(orientation:landscape){
		#sommaire ul li {
			float: left;
			list-style-type: none;
			color: grey; margin-right: 15px; letter-spacing: .05em; border-bottom: 1px solid orange;
			}
		#sommaire ul li a {
			color: grey; text-decoration: none; font-size: 1.5em; display: inline-block;
			min-width: 120px; text-align: center;
			}
	}
	#sommaire ul li a:hover {
		color: darkorange;
		background: whitesmoke;
		}
/* ----------------- Autres ----------------- */
	a:hover {
		background: whitesmoke;
		}
	h1 {
		color: red;
		margin-left: 30px;
		}
	h1:hover {
		color: dodgerblue;
		background: whitesmoke;
		}
	h2 {
		color: orange;
		margin-left: 30px;
		}
	h3 {
		color: #007FFF; /* Bleu céleste */
		font-size: 1.5em;
		}
	/*img {
		border: 1px solid silver;
		margin-right: 10px;
		}*/
	#bandeau {
		margin-left: 20px;
		}
	#expo {
		list-style-image: url(../visuel/expo_puce.png);
		}
	#euro {
		list-style-image: url(../visuel/euro_puce.png);
		}
	#edito {
		list-style-image: url(../visuel/edito_puce.jpg);
		}
	#auteur {
		list-style-image: url(../visuel/crayon_puce.jpg);
		}
/* ----------------- Formulaire Club ----------------- */
	#login {
		display: none;
		position: absolute;
		top: 280px;
		right: 30px;
		min-width: 280px;
		height: 178px;
		padding: 10px;
		border: 1px solid grey;
		border-radius: 14px;
		background-color: whitesmoke; /* #F8F8F8 */
		opacity: 0.9;
		}
	#abc {
		position: absolute;
		top: 300px;
		right: 80px;
		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 ----------------- */